@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap');

@font-face {
    font-family: "Poppins-regular";src: url('../fonts/Poppins-Regular.ttf')
}
@font-face {
    font-family: "Poppins-semibold";src: url('../fonts/Poppins-SemiBold.ttf')
}
@font-face {
    font-family: "Poppins-bold";src: url('../fonts/Poppins-Bold.ttf')
}
@font-face {
    font-family: "Poppins-extrabold";src: url('../fonts/Poppins-ExtraBold.ttf')
}
@font-face{font-family: "FONTAWESOME"; src: url('path/to/font-awesome/css/font-awesome.min.css')
}

body, html {height: 100%;background-repeat: no-repeat;background:#ecf0ff;}
.d-none{display:none!important;}
.mb-0{margin-bottom: 0!important;}
.mt-0{margin-top: 0px!important;}
.mt-10{margin-top: 10px!important;}
.mb-15{margin-bottom: 15px!important;}
.p-0{padding:0px!important;}
.container{padding-left:0px;padding-right:0px;}
.card-container.card {max-width: 360px;padding: 40px 30px;border-radius: 20px 20px 0px 0px;bottom: 0;position: relative;width: 100%;left: 0;right: 0;margin: 0 auto;background: #fff;}/*height: 360px;*/
.profile-img-card {width: 96px;height: 96px;margin: 0 auto 10px;display: block;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.profile-name-card {font-size: 16px;font-weight: bold;text-align: center;margin: 10px 0 0;min-height: 1em;}
.reauth-email {display: block;color: #404040;line-height: 2;margin-bottom: 10px;font-size: 14px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.form-signin .form-control:focus {border-color: rgb(104, 145, 162);outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);}
.btn.btn-signin {background-color: rgb(104, 145, 162);padding: 0px;font-weight: 700;font-size: 14px;height: 36px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border: none;-o-transition: all 0.218s;-moz-transition: all 0.218s;-webkit-transition: all 0.218s;transition: all 0.218s;}
.btn.btn-signin:hover, .btn.btn-signin:active, .btn.btn-signin:focus {background-color: rgb(12, 97, 33);}
.card-img{position: relative;height: 250px;width:100%;top: 20px;}
.card-img img, .profile-holder ul .profile-pic img{position:absolute;top:0;bottom:0;left:0;right:0;margin: auto;max-height: 100%;max-width: 100%;}
.otp-text{display: block;margin-bottom: 15px;font-size: 12px;text-align: center;}
.mb-15{margin-bottom: 15px;}
label{margin-bottom: 10px;font-size: 18px;}
.login-holder{max-width: 768px;border: 1px solid #ddd;margin: auto;border-radius: 5px;background: #EDEEF2;height: 100%;padding: 0px 0px 15px 0px;}
.form-control{height: 44px !important;font-size: 14px;}
.password-field span{display: inline-block;float: right;top: -32px;position: relative;right: 15px;color: #ccc;}
.navbar{margin-bottom:0px!important;border-radius: 0px;}
.navbar-default {background-color: #108CD4!important;border-color: transparent!important;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff!important;}
.navbar-default .navbar-brand {color: #fff;}
.navbar-default .navbar-toggle {border-color:transparent!important;margin-right:0px;float: left;margin-top: 11px;margin-bottom: 11px}
.navbar-brand{float: right;}
.navbar-collapse {background: linear-gradient(167.1deg, #00CDE8 -3.83%, #4327C2 99.48%);}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #08679f;}
.profile-holder {background: #108cd4;align-items: center;border-radius: 0px 0px 15px 15px;float: right;}
.profile-holder ul{display: flex;flex-flow:row-reverse;justify-content: start;align-items: center;margin-bottom: 0px;}
.profile-holder ul .profile-pic{border: 4px solid #fff;width: 60px;height: 60px;border-radius: 100%;margin-left: 10px;position: relative;}
.profile-holder ul .profile-name{text-align: right;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav li:hover {color: #fff;background-color: #286090;}
.navbar-default .navbar-nav li:hover a{color:#fff;}
.navbar-nav {margin: 0px -15px!important;}
.navbar-default .navbar-nav>li>a {color: #fff;font-size: 16px;}
.navbar-default .navbar-nav>li:last-child{background: #217bd585;}
.navbar-default .navbar-nav>li:last-child>a {font-size: 20px;}

.profile-holder ul .profile-name p {color: #fff;margin-bottom: 0px;font-size: 18px;font-weight: 600;}
.profile-holder ul .profile-name span{color:#fff}
.student-block{display:flex;flex-flow:row;justify-content: center;margin-top: 20px;flex-wrap: wrap;}
.student-block .list{background: radial-gradient(50% 50% at 50% 50%, #FFD2D4 0%, #FFBABD 100%);}
.student-block .curriculum{background: radial-gradient(50% 50% at 50% 50%, #FEDEB9 0%, #FFD9AD 100%);}
.student-block .school-meal{background: radial-gradient(50% 50% at 50% 50%, #CDF6FF 0%, #8BD3FC 100%);}
.student-block .curriculum, .student-block .list, .student-block .school-meal{width: 140px;height: 160px;border-radius: 12px;text-align: center;padding: 10px;margin: 5px;flex:auto;display: flex;justify-content: center;}
.student-block .img-holder{position: relative;display: block;}
/* .student-block .school-meal{margin-right:0px;} */
.student-block li a{color:#444;text-decoration: none;}
.student-block li p{font-size:18px;text-align: center;}
.student-record li{background: #fff;padding: 10px 8px;margin-bottom: 15px;}
.student-record li .holder{display: flex;flex-flow: row;width: 100%;align-items: center;}
.student-record li .profile-pic{margin-right:10px;border: 4px solid #EAE9E9;border-radius: 100%;}
ul.student-record {margin-top: 10px;display:flex;flex-flow:column;width: 100%;}
.student-record li .holder .profile-title > p{margin-bottom:0px;font-size:18px;font-weight: normal;}
.student-record li .holder .profile-title .session-info{font-size: 13px;background: #c9e5f5;border-radius: 4px;padding: 2px 8px;margin: 5px 0px;}
.student-record li .icons{display: flex;text-align: center;padding: 5px 0px 0px 0px;justify-content: flex-end;}
.student-record li .icons a{display: flex;flex-flow: column;padding: 3px 6px;color: #000;margin-right:4px;flex:auto;}
.student-record li .icons a:last-child{margin-right: 0px;}
.student-record li .icons .fa{padding: 0px 6px;font-size: 15px;}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{line-height: 2.15;}
.navbar-header{padding:5px 10px;}
.breadcrumb {padding: 10px 20px;margin-bottom: 20px;list-style: none;background-color: #108cd4;border-radius: 0px 0px 30px 30px;display: flex;align-items: center;justify-content: space-between;}
.breadcrumb li {padding: 0px 11px;}
.breadcrumb li:first-child a i{font-size: 22px;font-weight: bolder;}
.breadcrumb li:nth-child(n + 3) { border: 1px solid #f3f5f7;border-radius: 4px;padding: 2px 10px;}
.breadcrumb>li+li:before{content:'';padding:0px;}
.breadcrumb a, .breadcrumb li{color: #fff;font-size: 18px;font-weight: 600;}
.panel-default>.panel-heading {color: #fff;background-color: #108cd4;border-color: #0567a1;display: flex;justify-content: space-between;}
.panel-default>.panel-heading .panel-title a{text-decoration: none!important;}
.photo-collage, .videos-page .video-collage {display: flex;flex-flow: row;flex-wrap: wrap;justify-content: space-evenly;}
.photo-collage .pic{height: 85px;width: 28.6%;background: #d9d9d9;margin: 7px;position: relative;border-radius: 6px;}
.photo-collage .pic img, .image-holder img, .videos-page .video-collage .video img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-height: 100%;max-width: 100%;margin: auto;padding:inherit;}
.photo-collage .pic span{position: absolute;right: 0%;top: -7%;border: 1px solid #000;border-radius: 50%;padding: 1px 3px;height: 20px;width: 20px;}
/* .photo-collage .pic:after {content: '\f057';color: #f3050c;font-family: "FONTAWESOME";position: relative;top: -10px;right: 0%;left: 84%;font-size: 20px;} */
.browse-section{text-align: center;background: #fff;border-radius: 4px;padding: 10px;border: 2px dotted #bbb;margin-bottom:15px;display: block;}
.browse-section span{display: block;}
.browse-section h4{margin: 5px 0px 13px 0px!important;font-weight: 600;}
.browse-section p{font-size: 12px;}
.browse-section .upload-icon i{font-size: 30px;display: block;}

.browse-section+input {display: none;}
  /* this code is not required */
.browse-section label {-webkit-appearance: button;-moz-appearance: button;appearance: button;line-height: 16px;padding: .2em .4em;margin: .2em;background:red;padding:15px;color:#fff;border-radius:5px;}

.file-uploader{padding:4px;background: #88CAF0;border-radius: 4px;position:relative;display: flex;align-items: center;}
/* .file-uploader:after{content: '\f057';color: #f3050c;font-family: "FONTAWESOME";position: relative;top: -10px;right: 0%;left: 84%;font-size: 20px;} */
.image-holder{position:relative;width:66px;height:70px;margin-right:5px;border: 1px solid #337ab7;float: left;padding: 4px;background: #d4e6f5;
    border-radius: 4px;}
.upload-bar{width: calc(100% - 75px);float: left;}
.progress {height: 5px;margin-bottom: 0px;}
.photo-text{display: flex;justify-content: space-between;}
.photo-upload-section .heading-styling{color:#AAAAAA;font-size: 14px;}

.videos-page .video-collage .video{height: 85px;width: 28.6%;background: #d9d9d9;margin: 7px;position: relative;border-radius: 6px;}
.videos-page .video-collage .video .play {backdrop-filter: blur(2px);height: 100%;width: 100%;display: flex;background: #00000040;border-radius: 5px;}
.videos-page .video-collage .video .play i.fa{position: relative;top: 0;bottom: 0;left: 0;right: 0;margin: auto;text-align: center;color: #fff;font-size: 32px;}
.videos-page .video-collage .video .play i.fa:hover {cursor: pointer;}

.logout-holder .card-container.card{padding: 20px;border-radius: 20px;text-align: center;}
.meal-holder{padding: 15px 12px;background: #108CD4;border-radius: 12px;}
.meal-holder li{display: flex;flex-flow: row;align-items: center;color: #fff;margin-bottom: 20px;}
.meal-holder li:last-child{margin-bottom:0px;}
.meal-holder li .session {padding: 0px 12px 0px 0px;line-height: 40px;width: 190px;text-align: right;font-size: 15px;}
.meal-holder li .meal {padding: 0px 0px 0px 11px;border-left: 1px solid #fff;}
.meal-holder li .meal p {font-size: 17px;margin-bottom: 0px;}
.meal-holder li .meal span {font-size: 12px;line-height: 18px;}
.daily-meal-report hr {margin-top: 10px;margin-bottom: 10px;border: 0;border-top: 1px dotted #979797;}
.daily-meal-report h4{font-weight: 600;margin-top: 0px;}
.questions .question-txt{font-weight: bold;font-size: 16px;}
.questions .radio{display: flex;flex-flow: row;}
.questions .radio li{flex: auto;}
.daily-meal-report .form-block {background: #fff;padding: 15px;border-radius: 20px 20px 0px 0px;}
.questions> li {padding: 5px 0px;border-bottom: 1px solid #edeef2;margin-bottom: 5px;}
.questions> li:nth-last-child(2){border-bottom:none;}
.questions label{font-size: 15px;}
.d-flex{display: flex!important;}
.flex-flow-row{flex-flow:row!important;}
.flex-auto{flex: auto!important;}
ul.checkbox.list-unstyled.p-0 {display: flex;flex-wrap: wrap;}
textarea.form-control{height:auto!important;}
.checkbox li {flex: auto;min-width: 33%;padding: 5px;}

.curriculum-list {display: flex;flex-flow: row;flex-wrap: wrap;}
.curriculum-list .curriculum-list-items {display: flex;flex-flow: column;flex: auto;justify-content: space-evenly;border: 1px solid #ddd;background: #fff;text-align: center;margin: 5px;padding: 5px 0px;border-radius: 5px;}
.curriculum-list-items .fa {font-size: 48px;color: #ef2222;}
.curriculum-list-items span {background: #777;color: #fff;border-radius: 0;position: relative;bottom: -6px;}
.modal-backdrop.in{z-index:0!important;}

@media (min-width: 768px){
.navbar-header {float: none;}.navbar-toggle {display: block;}.navbar-default .navbar-toggle{margin-left:0px;}.navbar-collapse.collapse {display: none!important;}.breadcrumb {padding: 10px 30px!important;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin-right: -15px!important;margin-left: -15px!important;}.navbar-default .navbar-toggle {margin-left: 0px!important;}.navbar-collapse.collapse {display: none!important;}.collapse.in {display: block!important;}
.navbar-nav>li {float: none!important;}.navbar-nav {float: none!important;}
.curriculum-list li {min-width: 10%;}
}

@media (max-width: 480px){.checkbox li {min-width: 100%;}.curriculum-list li {min-width: 30%;}}