/*================================================================================

	Item Name: Stack - Responsive Admin Theme

	Version: 1.0

	Author: PIXINVENT

	Author URL: http://www.themeforest.net/user/pixinvent

================================================================================



NOTE:

------

PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.

WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */



body {

	font-size: .9rem!important;

}



.select-scroll {



    overflow: scroll;

}



ul.ui-widget-content {

    font-size: 13px;

    padding: 6px;

    height: 200px;

    overflow: scroll;

}



label.error {

	color: #f00;

    font-weight: 600;

    font-size: 12px;

}

.fixed-right-bottom-btn {

    position: fixed;

    right: 2.5rem;

    bottom: 3.5rem;

    z-index: 1;

}

.custom_radio_check span {

	margin-left: .5rem;

    margin-right: 1rem;

}

.chosen-container-multi .chosen-choices {

	height: 100%!important;

	border: 1px solid #ccd6e6!important;

    color: #3f587e;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

   /* display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;*/

	padding-left: 1rem!important;

	border-radius: 0.25rem;

	font-size: 1rem!important;

}



/*@sadik

@hide chosen drop menu (id="chosen-container-home-work")

@created on 28-12-2017 at 9:13 PM;

*/

#hidden-chose-box div .chosen-drop {

	display: none !important;

}

#hidden-chose-box .chosen-container-multi {

	width: 100% !important;

}

/*@charles user profile style 29-12-2017*/

.profile-card-with-stats .btn-float {

  padding : 8px 14px 4px 14px;

}



.profile-card-with-cover .card-profile-image {

  position : absolute;

  top : 130px;

  width : 100%;

  text-align : center;

}

.profile-card-with-cover .card-profile-image img.img-border {

  border : 5px solid #FFFFFF;

}



.profile-card-with-cover .profile-card-with-cover-content {

  padding-top : 4rem;

}



#user-profile .profile-with-cover .profil-cover-details {

  position : absolute;

  /*margin-top : 210px;*/

}

#user-profile .profile-with-cover .profil-cover-details .profile-image img.img-border {

/*  border : 5px solid #FFFFFF;*/

}

#user-profile .profile-with-cover .profil-cover-details .card-title {

  color : #4f5e7d;

  /*text-shadow : 1px 1px 4px #1B2942;*/

}



#user-profile .navbar-profile {

  margin-left : 130px;

}



/*profile tab view*/

/* REQUIRED for core functionality of tab.js */

.tab-list {

    font-size: 1.2em;

    margin: 0 0 0 0;

    padding: 10px 0px!important;

    background-color: #fff!important;

    margin-top: 0px!important;

}

@media (max-width: 767px) {

	.tab-list { display: none;}

	.tabs.enabled .tab-heading { cursor:pointer; }

	.tabs.enabled .tab-heading.active-tab-heading { cursor: default; }

	.hidden-mobile { display: none;}

    .dt_checkbox {

        display: none !important;

    }

}



@media (min-width: 768px) {

	.tabs.enabled .tab-heading { display: none;}

	.tab-list li { display: inline; cursor:pointer;}

	.hidden-mobile { display: block !important;}

}

/* END - Required for core functionality of tab.js */

/* OPTIONAL - Basic Skin */

.tab-panel {background: #fff; margin-bottom:50px;padding: 15px 15px;}

.tabs.enabled .tab-heading:focus,

.tabs.enabled .tab-list li:focus { outline: 1px solid #ccc;  }

.tabs.enabled .tab-heading.active-tab-heading:focus,

.tabs.enabled .tab-list li.active-tab:focus { outline: none !important;}

@media (max-width: 767px) {

	.tabs.enabled .tab-heading {

		padding: 0.5em; border-radius: 5px; border: 1px solid #ccc; box-shadow: 0px 2px 3px rgba(0,0,0,0.4);

		background: #ddd;

		position: relative;

	}



	.tabs.enabled .tab-heading:after {

		content:"";

		display: block;

		position: absolute;

		right: 20px;

		top: 40%;

		width: 0px;

		height: 0px;

		border-left: 10px solid transparent;

		border-right: 10px solid transparent;

		border-top: 10px solid #000;

	}

	.tabs.enabled .tab-heading:hover,

	.tabs.enabled .tab-heading.active-tab-heading:hover { background-color: #efefef}

	.tabs.enabled .tab-heading.active-tab-heading { background: #fff;}

	.tabs.enabled .tab-heading.active-tab-heading:after {

		border-bottom: 10px solid #000;

		border-top:0;

	 }

}



@media (min-width: 768px) {

	.tab-list { font-size: 1.2em; margin: 0.2em 0 0 0; padding: 0;border-bottom: 1px solid #ddd; padding-bottom:11px; line-height: 1em;}

	.tab-list li { background: #f8f8f8; padding: 10px 20px;  margin-right: 1em; border-top-left-radius: 0px; border-top-right-radius: 0px;border-right: 1px solid #f5f7fa;border-top: 1px solid #f5f7fa; font-size: 14px;color: #222; }

	.tab-list li:hover {background: #efefef }

	.tab-list li.active-tab {  background: #f8f8f8; border-bottom-color: #fff;}

}

.tab-list li {

    background: #fff;

    padding: 10px 20px;

    margin-right: 0.2em;

    padding-top: 13px;

    padding-bottom: 13px;

}

.student-info {/*border: 1px solid #eff1f6;*/ border-radius: 3px;}

.student-info > .list-group-item

{

    border: none!important;

        border-bottom: 1px solid #f0f0f045!important;

        margin-bottom: 0px!important;

    padding: 1.00rem 1.25rem;

    font-size: 0.90rem;

    padding: 0.65rem 1.25rem;

}

.gaurd-details .border-bottom-blue-grey.border-bottom-lighten-2 {

    border-bottom: 1px solid #f1f2f4 !important;

}

.bs-n{box-shadow: none!important;}

.br-1{border-right: 1px solid #f10;}

.l-h-26{line-height: 26px!important;}

.icons{

    position: absolute;

    /* left: -5px; */

    font-size: 17px;

    top: 0;

    color: #4f5b73;

}

/*Mark Absentees*/

#absentees_table .mark_red {

    background-color: #FF0000;

    float: left;

    height: 20px;

    width: 100%;

}

#absentees_table .mark_green {

    background-color: #008000;

    float: left;

    height: 20px;

    width: 100%;

}





.font-s-12 {

	font-size: 12px !important;

}



/*time table*/

.for_noon_attndce_absnt{

	width: 0;

	height: 0;

	border-style: solid;

	border-color: #f00 green;

   border-width: 20px 20px 0 0;

	color: #fff;

}



.for_noon_attndce_absnt_afternoon_not_marked{

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 20px 20px 0 0;

	border-color: #f00 #f1f1f1;

	color: #fff;

}



.after_noon_attndce_absnt{

	width: 0;

	height: 0;

	border-style: solid;

	border-color: green #f00;

	border-width: 20px 20px 0 0;

	color: #fff;

}

.after_noon_attndce_absnt_foornoon_not_marked{

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 20px 20px 0 0;

	border-color: #f1f1f1 #f00;

	color: #fff;

}

.full_day_attndce_absnt{

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 20px 20px 0 0;

	border-color: #f00 #f00 #f00 #f00;

	color: #fff;

}

.for_noon_attndce_holiday{

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 20px 20px 0 0;

	border-color: orange transparent transparent transparent;

	color: #fff;

}

.after_noon_attndce_holiday{

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 0 20px 20px;

	border-color: transparent transparent orange transparent;

	color: #fff;

}

.full_day_attndce_holiday{

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 20px 20px 0 0;

	border-color: orange;

	color: #fff;

}

.on_duty_attendance{

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 20px 20px 0 0;

	border-color: #abf624;

	color: #fff;

}

.for_noon_absnt_on_duty_attendance{

	width: 0;

	height: 0;

	border-style: solid;

	border-color: #f00 #abf624;

   border-width: 20px 20px 0 0;

	color: #fff;

}


.after_noon_absnt_on_duty_attendance{

	width: 0;

	height: 0;

	border-style: solid;

	border-color: #abf624 #f00;

   border-width: 20px 20px 0 0;

	color: #fff;

}




.after_noon_attndce_notmarked_holiday{

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 20px 20px 0 0;

	border-color: orange #f1f1f1;

	color: #fff;

}

.for_noon_attndce_notmarked_holiday{

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 20px 20px 0 0;

	border-color: #f1f1f1 orange transparent transparent;

	color: #fff;

}

.full_day_attndce_present{

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 20px 20px 0 0;

	border-color: green;

	color: green;

}

.for_noon_attndce_notmarked{

	width: 0;

	height: 0;

	border-style: solid;

	border-color: #f1f1f1 green;

   border-width: 20px 20px 0 0;

	color: #fff;

}

.after_noon_attndce_notmarked{

	width: 0;

	height: 0;

	border-style: solid;

	border-color: green #f1f1f1;

   border-width: 20px 20px 0 0;

	color: #fff;

}

.full_day_attndce_notmarked{

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 20px 20px 0 0;

	border-color: #f1f1f1;

	color: #fff;

}

.sunday_holiday {

    border-color: #eaa79f;

    border-style: solid;

    border-width: 20px 20px 0 0;

    color: #fff;

    height: 0;

    width: 0;

}



.saturday_holiday {

    border-color: #fbc9c3;

    border-style: solid;

    border-width: 20px 20px 0 0;

    color: #fff;

    height: 0;

    width: 0;

}



#attendace_table_img .table-striped tbody  td {

	background-color: #fff;

	border-bottom: 1px solid #eee;

}



/*common table style formate*/

/*.table th, .table td {

    padding: 0.55rem 0.55rem;

}*/



/*transportation details*/

.place

{

    border: 1px solid #5c6e91;

    border-radius: 50%;

    width: 70px;

    height: 70px;

    line-height: 26px;

    text-align: center;

    margin: 0 auto;

    margin-bottom: 27px;

}

.place > .price

{

    line-height: 65px;

    font-size: 16px;

    color: #00b5b8;

}

/*table pad style*/

.attendance_view .table th, .table td {

    padding: 0.55rem 0.65rem!important;

}

.w-150

{

    width: 150px!important;

}

.w-105

{

    /*width: 105px!important;*/

    height:50px;

}

a.nav-link.schoolname {

    padding: 1.12rem 0.6rem!important;

}

/*table pad style*/

/*timline style*/

.newtimeline.timeline{list-style:none;padding:0 0 20px;position:relative;margin-top:-15px}

.newtimeline.timeline:before{top:30px;bottom:25px;position:absolute;content:" ";width:3px;background-color:#f2f4f8;left:25px;margin-right:-1.5px;display: -webkit-box;}

.newtimeline.timeline>li,.newtimeline.timeline>li>.newtimeline.timeline-panel{margin-bottom:5px;position:relative}

.newtimeline.timeline>li:after,.newtimeline.timeline>li:before{content:" ";display:table}

.newtimeline.timeline>li:after{clear:both}

.newtimeline.timeline>li>.timeline-panel{margin-left:55px;float:left;top:19px;padding:4px 10px 8px 15px;border:1px solid #ccc;border-radius:5px;width:85%}

.newtimeline.timeline>li>.timeline-badge{color:#fff;width:36px;height:36px;line-height:36px;font-size:1.2em;text-align:center;position:absolute;top:26px;left:9px;margin-right:-25px;background-color:#fff;z-index:100;border-radius:50%;border:1px solid #d4d4d4}

.newtimeline.timeline>li.timeline-inverted>.timeline-panel{float:left}

.newtimeline.timeline>li.timeline-inverted>.timeline-panel:before{border-right-width:0;border-left-width:15px;right:-15px;left:auto}

.newtimeline.timeline>li.timeline-inverted>.timeline-panel:after{border-right-width:0;border-left-width:14px;right:-14px;left:auto}

.timeline-badge.primary{background-color:#2e6da4!important}

.timeline-badge.success{background-color:#3f903f!important}

.timeline-badge.warning{background-color:#f0ad4e!important}

.timeline-badge.danger{background-color:#d9534f!important}

.timeline-badge.info{background-color:#5bc0de!important}.timeline-title{margin-top:0;color:inherit}

.timeline-body>p,.timeline-body>ul{margin-bottom:0;margin-top:0}

.timeline-body>p+p{margin-top:5px}.timeline-badge>.glyphicon{margin-right:0px;color:#fff}

.timeline-body>h4{margin-bottom:0!important}

.newtimeline.timeline > li:nth-child(odd) {

    float: none;

    clear: right;

}

.newtimeline.timeline > li:nth-child(even) {

    float: none;

    clear: left;

}

@media (max-width: 768px) {

    .newtimeline.timeline:before

    {

        display: none!important;

    }

}

/*timline style*/

.dis-teachers .chosen-container-multi .chosen-choices

{

    height: auto!important;

}

.travelers-list .table th, .table td {

       padding: 0.7rem 0.7rem!important;

/*       border-top:none!important;*/

}

.travelrs-dtls .cd-horizontal-timeline.loaded {

    width: 100%!important;

}

.acdmic_promo .chosen-container

{

	width:100%!important;

}

/*chosen plugin*/

.chosen-ed .chosen-container-multi .chosen-choices

{

    padding: 6px 5px!important;

}

.chosen-ed .icheckbox_square-blue {

    background-position: 0 0;

    margin-right: 13px!important;

}

.chosen-ed .chosen-container

{

	width: 100%!important;

}

td.message_txt{width:100%!important;}

tr.sms_sender_row td:first-child {

    width:30%!important;

}

.card .user_prof

{ border: 1px solid #ebedf2!important; }



.status-active {

    display: inline-block;

    padding: .5em .9em;

    font-size: 85%;

    font-weight: 700;

    line-height: 1;

    text-align: center;

    white-space: nowrap;

    border-radius: 10rem;

    background-color: #16D39A;

    color: #fff;

}

.status-inactive {

	display: inline-block;

    padding: .5em .9em;

    font-size: 85%;

    font-weight: 700;

    line-height: 1;

    text-align: center;day

    white-space: nowrap;

    border-radius: 10rem;

    background-color: #FF7588;

    color: #fff;

}

span.error {

	font-size: 13px;

    color: #f00;

}

.custom-chosen .chosen-container-single .chosen-single

{

    height: auto!important;

    /*padding: 0.75rem 1rem !important;*/

}





/*@sadik*/

/*// for table checkbox alignment*/

tr.even .icheckbox_square-blue, tr.odd .icheckbox_square-blue {

    margin-left: 19px;

}

.mouse {

	cursor: pointer;

}

.transportation-loader {

	color: #afafaf;

    margin-top: 11px;

    font-size: 20px;

}



    .pac-container {

        z-index: 10000 !important;

    }



/*@Helena Bibi

Function for PDF Export in datatables starts

*/

#exp_pdf

        {

            border-left: 1px solid #ccc;

            border-top: 1px solid #ccc;

            border-right: 1px solid #ccc;

            border-bottom: 1px solid #ccc;

            border-spacing:0;

            border-collapse: collapse;



        }



       #pdf_td

        {

            border-right: 1px solid #ccc;

            border-bottom: 1px solid #ccc;

            padding: 2mm;

        }



        table.heading_pdf

        {

            height:50mm;

        }

      #exp_pdf

        {

            height: 149mm;

        }



        #exp_pdf

        {

            width:100%;

        }

        #exp_pdf

        {

            width:100%;

            border-left: 1px solid #ccc;

            border-top: 1px solid #ccc;

            border-right: 1px solid #ccc;

            border-bottom: 1px solid #ccc;

            border-spacing:0;

            border-collapse: collapse;

            margin-top:5mm;

        }

      #pdf_th

        {

        	border-left: 1px solid #ccc;

            border-top: 1px solid #ccc;

            border-right: 1px solid #ccc;

            border-bottom: 1px solid #ccc;

        }



        #exp_pdf table td , #exp_pdf table th

        {

            text-align:center;

            font-size:9pt;

            border-top: 1px solid #ccc;

            border-right: 1px solid #ccc;

            border-bottom: 1px solid #ccc;

            padding:2mm 0;

        }



/*Function for PDF Export in datatables ends*/



$move-outline: 2px solid #888 !default;

$moved-outline: 2px solid #555 !default;



table.dt-rowReorder-float {

	position: absolute !important;

	opacity: 0.8;

	table-layout: fixed;

	outline: $move-outline;

	outline-offset: -2px;

	z-index: 2001;

}



tr.dt-rowReorder-moving {

	outline: $moved-outline;

	outline-offset: -2px;

}



body.dt-rowReorder-noOverflow {

	overflow-x: hidden;

}



table.dataTable td.reorder {

	text-align: center;

	cursor: move;

}

/*tinymce*/

.tinymce-custom .mce-panel

{

    width: auto!important;

}

.chosen-height-cus .chosen-container-single .chosen-single

{

    line-height: 35px!important;

    height:35px!important;

    padding: 0.0rem 1rem!important;

}

.minh-350

{

    min-height: 350px!important;

}

@media (max-width: 767px){

    #img-gallery-section {

        margin-top: -50px;

        margin-top: -50px;

        margin-left: -12px;

        margin-right: -12px;

    }



    /*#img-gallery-section {

        margin-top: -51px !important;

        margin-left: -12px !important;

        margin-right: -12px !important;

    }

    #img-gallery-section .image-margin {

        margin-top: 0.3rem !important;

    }



    #img-gallery-section .col-6 {

        max-width: 44% !important;

    }

    #img-gallery-section .card-header {

        display: none;

    }

    #img-gallery-section .row {

        margin-right: -44px !important;

        margin-left: -25px !important;

    }*/

    /*.img-gallery-section-col {

        flex-basis: 0;

        flex-grow: 0 !important;

        padding: 2px;

    }

     #img-gallery-section .img-view-mob {

        width: 156px !important;

        height: 87px !important;

        object-fit: cover;

    }

    section#img-gallery-section {

        margin-top: -50px;

        margin-left: -12px;

        margin-right: -12px;

    }

*/



}

/* #img-gallery-section .img-view-mob {

        width: 264px;

        height: 157px;

}

*/

/*#img-gallery-section .nav.nav-tabs.nav-underline .nav-item a.nav-link {

    color: #000000 !important;

}

#img-gallery-section .nav.nav-tabs.nav-underline .nav-item a.nav-link:before {

    background: #000000 !important;

    height: 2px !important;

}

img.img-view-mob {

    width: 292px;

    height: 164px;

    object-fit: cover;

}

#img-gallery-section .img-gallery-section-col {

        flex-grow: 0 !important;

}

@media (max-width: 474px) {

    #img-gallery-section .img-view-mob {

        width: 150px !important;

        height: 87px !important;

        object-fit: cover;

    }

}*/





/*@media (max-width: 500px) {

    .gal

    {



        -webkit-column-count: 1;

        -moz-column-count: 1;

        column-count: 4;

        padding: 10px;

        margin-top: 8px !important;

    }

}*/

.gallery-date {

    margin-left: 4px;

    margin-bottom: -34px;

}

#img-gallery-section {

    margin-top: -50px;

    margin-top: -50px;

    margin-left: -12px;

    margin-right: -12px;

}

/*#img-gallery-section figure {

    margin: 0px -6px 2px !important;

}*/

#img-gallery-section .gallery-date{

    font-size: 12px;

    color: #8a8888;

    margin-left: 4px;

}

#img-gallery-section .nav.nav-tabs.nav-underline {

    background: #f1f1f1 !important;

    position: relative;

    border-bottom: 1px solid #e6e5e5 !important;

    /* border-bottom: 0.1px solid #040404; */

}

#img-gallery-section .nav.nav-tabs.nav-underline .nav-item



a.nav-link:before {

    background: #adadad !important;

    height: 3px !important;

}



#img-gallery-section .nav.nav-tabs.nav-underline .nav-item



a.nav-link.active:focus, .nav.nav-tabs.nav-underline .nav-item



a.nav-link.active:hover {

    color: #000000 !important;

    font-weight: 200;

}

/*add album style*/

.blank-to-add-outter {

    width: 280px;

    margin: auto;

    height: 200px;

    border: 1px solid #DBDCDC;

    position: relative;

	margin-top:12%;

	margin-bottom:12%;

	-webkit-transition:0.3s;

	transition:0.3s;

}

.blank-to-add-inner {

    width: 280px;

    height: 200px;

    background-color: #f9f9f9;

    position: absolute;

    z-index: 1;

    border: 1px solid #DBDCDC;

    left: 5px;

    top: 5px;

	-webkit-transition:0.3s;

	transition:0.3s;

}



.blank-to-add {

    width: 268px;

    height: 188px;

    position: absolute;

    z-index: 1;

    border: 1px solid #DBDCDC;

    left: 5px;

    top: 5px;

    background-color: #ffffff;

	-webkit-transition:0.3s;

	transition:0.3s;

}

.blank-to-add-outter:hover {

	-ms-transform: rotate(20deg); /* IE 9 */

    -webkit-transform: rotate(20deg); /* Safari */

    transform: rotate(20deg);

}

.blank-to-add-outter:hover .blank-to-add-inner{

	-ms-transform: rotate(-10deg); /* IE 9 */

    -webkit-transform: rotate(-10deg); /* Safari */

    transform: rotate(-10deg);

}

.blank-to-add-outter:hover .blank-to-add {

	-ms-transform: rotate(-20deg); /* IE 9 */

    -webkit-transform: rotate(-20deg); /* Safari */

    transform: rotate(-20deg);

}

.pho-album-icon{

    width: 81px;

    height: 70px;

    text-align: center;

    line-height: 90px;

    margin: auto;

    background: #ffffff;

    padding: 0px;

    margin-top: 38px;

    border-radius: 4px;

}

.pho-album-icon i{

    color: #f47821;

	font-size:60px;

	line-height:71px;

}



.blank-to-add span{

    font-size: 17px;

    text-align: center;

    color: #B0C6D2;

    font-weight: 300;

	display:block;

	margin-top:10px;

}

ul.album-outter-box {

    padding: 0;

    margin-bottom: 20px;

}

ul.album-outter-box li.every-select {

/*    background: #d95459;*/

/*    color: #fff;*/

}

ul.album-outter-box li {

    list-style: none;

    float: left;

    background: #ffffff;

    padding: 4px 10px;

    margin: 0px 7px 7px 0;

    border: 1px solid #e7e7e7;

}

ul.album-outter-box li label {

    font-weight: 400;

	font-size: 13px;

}

.add-photo-holder {

    position: relative;

	height: 190px;

}

/*add album style*/

/*gallery css*/

.gal-custom .img-thumbnail

{

    width: 100%;

    min-height: 320px!important;

    -o-object-fit: cover;

    object-fit: cover;

    max-height: 320px!important;

     border-radius: 0px;

    /* border-bottom: 0px; */

    border: none;

}

.gal-custom .select-photo

{

    position: absolute;

    right: 7%;

    top: 4%;

    z-index: 999;

}

.action-col

{

    background: #f5f7fa;

    padding-top: 0.50rem;

    padding-bottom: 0.50rem;

}

.action-col:hover

{

    background: #eef0f6;

}

.action-col:hover a

{

    color: #f47821;

}

.br-1{border-right: 1px solid #ddd!important;}

.list-group-item {

    padding: 0.3rem 1.25rem !important;

}

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #fff;

  /* change if the mask should have another color then white */

  z-index: 99;

  /* makes sure it stays on top */

}

#loader-status

{

    width: 200px;

    height: 200px;

    position: absolute;

    left: 50%;

    top: 50%;

    background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);

    background-repeat: no-repeat;

    background-position: center;

    margin: -100px 0 0 -100px;

}

.card .table-responsive .table th:first-child

{

    /*padding: 0.75rem 2rem!important;*/

}

.card .table-responsive.exm-table .table th:first-child

{

    width: 5%!important;

}

/*.card .table-responsive.exm-table .table td:nth-child(1)

{

    text-align: center;

}*/

.card .dataTable th:first-child {

	width: 4%;

}



.card .table-responsive .table th

{

    padding: 0.75rem 0.50rem!important;

	text-transform: uppercase;

}

.card table th

{

    padding: 0.75rem 0.50rem!important;

	text-transform: uppercase;

}

#list_notes_wrapper .table th:first-child, #list_attendance_tab .table th:first-child, #time_table_tab .table th:first-child, #list_students_tab .table th:first-child

{

    padding: 0.75rem 2rem!important;

    padding-left:0.600rem!important;

}

.stud_img

{

    -o-object-fit: cover!important;

    object-fit: cover!important;

    border: none!important;

    border-radius: 0px!important;

    width: 100%!important;

}

.mt-cus1-8

{

    margin-top: 1.85rem!important;

}

.mt-2_c

{

	margin-top: 1.7rem !important

}

.b-btm-1 {

    border-bottom: 1px solid #e4e4e4 !important;

}

a.media.b-btm-1:hover {

    background-color: #f3f3f3;

}

/*added image*/

.added-img img

{

	width: 100%;

	-o-object-fit: cover;

	object-fit: cover;

}

/*twitter typehead style*/

.tt-dropdown-menu

{

    background: #fff!important;

    width: 360px!important;

    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);

}

.tt-query {

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}



.tt-hint {

  color: #999

}



.tt-menu {    /* used to be tt-dropdown-menu in older versions */

  width: 422px;

  margin-top: 4px;

  padding: 4px 0;

  background-color: #fff;

  border: 1px solid #ccc;

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 4px;

  box-shadow: 0 5px 10px rgba(0,0,0,.2);

}



.tt-suggestion {

  padding: 3px 20px;

  line-height: 24px;

}



.tt-suggestion.tt-cursor,.tt-suggestion:hover {

  color: #fff;

  background-color: #0097cf;



}



.tt-suggestion p {

  margin: 0;

}

.twitter-typeahead { width: 100%; }



 .parent-choose-student {

    margin-top: 8px;

    background-color: #2196f3;

    border-color: #2196f3;

    color: white;

}



figure.effect-honey h2 {

    position: absolute;

        color: #fff;

    bottom: 12%!important;

}

figure.effect-honey:hover h2 {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    color: #fff;

    z-index: 99;

}

.studentGeneralDetailsTble th {

	width: 40%;

    padding-right: 20px;

	font-size: 0.8rem;

	text-transform: uppercase;

}

.studentGeneralDetailsTble th em {

	font-style: normal;

	float: right;

}



.upload-btn-wrapper {

  position: relative;

  overflow: hidden;

  display: inline-block;

}



.file-btn {

    cursor: pointer;

    border: 1px solid #ccd6e6;

    color: black;

    background-color: white;

    padding: 8px 20px;

    border-radius: 5px;

    font-size: 14px;



}



.upload-btn-wrapper input[type=file] {

  font-size: 100px;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}



table.dataTable tr:first-child th {

	text-transform: uppercase;

}

.chosen-custom1 .chosen-container > ul.chosen-choices

{

	height: auto!important;

}



.chosen-container-single .chosen-single {

	padding: 4px 0 0 8px!important;

    height: 36px!important;

	border-radius: 0!important;

}

.teach_name_color {

	color: #999;

}

.card .table-responsive .table td {

/*	text-transform: uppercase;*/

}





/* Copyright 2013-2015 etc Chris Tabor. Licensed under MIT. */.flexer, .progress-indicator { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }.no-flexer, .progress-indicator.stacked { display: block; }.no-flexer-element { -ms-flex: 0; -webkit-flex: 0; -moz-flex: 0; -webkit-box-flex: 0; flex: 0; }.flexer-element, .progress-indicator > li { -ms-flex: 1; -webkit-flex: 1; -moz-flex: 1; -webkit-box-flex: 1; flex: 1; }.progress-indicator { margin: 0; padding: 0; font-size: 80%; text-transform: uppercase; margin-bottom: 1em; }.progress-indicator > li { list-style: none; text-align: center; width: auto; padding: 0; margin: 0; position: relative; text-overflow: ellipsis; color: #bbbbbb; display: block; }.progress-indicator > li:hover { color: #6e6e6e; }.progress-indicator > li .bubble { border-radius: 1000px; width: 17px; height: 17px; background-color: #bbbbbb; display: block; margin: 0 auto 0.5em auto; border-bottom: 1px solid #888888; }.progress-indicator > li .bubble:before, .progress-indicator > li .bubble:after { display: block; position: absolute; top: 7px; width: 100%; height: 3px; content: ''; background-color: #bbbbbb; }.progress-indicator > li .bubble:before { left: 0; }.progress-indicator > li .bubble:after { right: 0; }.progress-indicator > li.completed { color: green; }.progress-indicator > li.completed .bubble { background-color: #65d074; color: #65d074; border-color: #247830; }.progress-indicator > li.completed .bubble:before, .progress-indicator > li.completed .bubble:after { background-color: #65d074; border-color: #247830; }.progress-indicator > li a:hover .bubble { background-color: #5671d0; color: #5671d0; border-color: #1f306e; }.progress-indicator > li a:hover .bubble:before, .progress-indicator > li a:hover .bubble:after { background-color: #5671d0; border-color: #1f306e; }.progress-indicator > li.danger .bubble { background-color: #d3140f; color: #d3140f; border-color: #440605; }.progress-indicator > li.danger .bubble:before, .progress-indicator > li.danger .bubble:after { background-color: #d3140f; border-color: #440605; }.progress-indicator > li.warning .bubble { background-color: #edb10a; color: #edb10a; border-color: #5a4304; }.progress-indicator > li.warning .bubble:before, .progress-indicator > li.warning .bubble:after { background-color: #edb10a; border-color: #5a4304; }.progress-indicator > li.info .bubble { background-color: #5b32d6; color: #5b32d6; border-color: #25135d; }.progress-indicator > li.info .bubble:before, .progress-indicator > li.info .bubble:after { background-color: #5b32d6; border-color: #25135d; }.progress-indicator.stacked > li { text-indent: -10px; text-align: center; display: block; }.progress-indicator.stacked > li .bubble:before, .progress-indicator.stacked > li .bubble:after { left: 50%; margin-left: -1.5px; width: 3px; height: 100%; }.progress-indicator.stacked .stacked-text { position: relative; z-index: 10; top: 0; margin-left: 60% !important; width: 45% !important; display: inline-block; text-align: left; line-height: 1.2em; }.progress-indicator.stacked > li a { border: none; }@media handheld, screen and (max-width: 400px) { .progress-indicator { font-size: 60%; } }



.img-cover {

	-o-object-fit: cover;

	object-fit: cover;

}

.level2{

padding-left:30px !important;

}

.level2i i,

{

    color: #378d12;

}

.m-lev2 i{

    color: #ffb27c!important;

}

.level3i i

{

    color: #f08a1c;

}

.others-badge

{

    position: absolute;

    top: 7px;

    margin-left: 5px;

}



/*Menu rearrange*/

#jquery-script-menu {

position: fixed;

height: 90px;

width: 100%;

top: 0;

left: 0;

border-top: 5px solid #316594;

background: #fff;

-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

z-index: 999999;

padding: 10px 0;

-webkit-box-sizing:content-box;

-moz-box-sizing:content-box;

box-sizing:content-box;

}



.jquery-script-center {

width: 960px;

margin: 0 auto;

}

.jquery-script-center ul {

width: 212px;

float:left;

line-height:45px;

margin:0;

padding:0;

list-style:none;

}

.jquery-script-center a {

	text-decoration:none;

}

.jquery-script-ads {

width: 728px;

height:90px;

float:right;

}

.jquery-script-clear {

clear:both;

height:0;

}

.route {

  position: relative;

  list-style-type: none;

  border: 0;

  margin: 0;

  padding: 0;

  top: 0px;

  margin-top: 0px;

  max-height: 100% !important;

  width: 100%;

  background: #f3f3f3;

  border-radius: 2px;

  z-index: -1;

}



.route span {

  position: absolute;

  top: 20px;

  left: 20px;

  -ms-transform: scale(2);

  /* IE 9 */



  -webkit-transform: scale(2);

  /* Chrome, Safari, Opera */



  transform: scale(2);

  z-index: 10px;

}



.route .title {

  position: absolute;

  border: 0;

  margin: 0;

  padding: 0;

  padding-top: 14px;

  height: 44px;

  width: 400px;

  text-indent: 80px;

  background: #dadce2;

    border-radius: 2px;

    box-shadow: 0px 0px 0px 2px #dadce2;

  pointer-events: none;



}



.first-title { margin-left: 10px; }



.space {

  position: relative;

  list-style-type: none;

  border: 0;

  margin: 0;

  padding: 0;

  margin-left: 70px;

  width: 60px;

  top: 68px;

  padding-bottom: 68px;

  height: 100%;

  z-index: 1;

}



.first-space { margin-left: 10px; }

.m-lev1

{

	border:1px solid #999;

    padding: 10px 10px!important;

}

.m-lev2

{

    border: 1px solid #ffb27c;

	padding: 10px 10px!important;

    margin-bottom: 6px

}

.m-lev3

{

	border:1px solid #86c4c5;

    padding: 10px 10px!important;

    margin-bottom: 6px

}

.m-lev3 i

{

    color:#86c4c5!important;

}

#sortable1

{

    color: #404d67;

    font-weight: 600;

}

.bg-n

{

background: none!important;

}

.Roles_edit .m-lev1

{

	padding: 2px 10px!important;

}



.Roles_edit .m-lev2

{

    border: 1px solid #ffb27c;

	padding: 2px 10px!important;

    margin-bottom: 2px!important;

}

.Roles_edit .m-lev3

{

	border:1px solid #86c4c5;

    padding: 2px 10px!important;

    margin-bottom: 2px!important;

}

/*li.no-ar .has-sub > a::after

{

	display: none!important;

}*/

.menu-expanded .main-menu.menu-light .navigation > li.open > a::after

{

  display:none!important;

}

.main-menu.menu-light .navigation .navigation-header {

    color: #404E67;

    padding: 24px 20px 8px 0px;

}

/*menu changes*/

.main-menu.menu-light .navigation > li ul li > a {

    padding: 10px 18px 10px 20px;

}

.main-menu.menu-light .navigation > li ul .open > ul li > a {

    padding: 10px 18px 10px 30px;

}

.data-divider-section {

    border-top: 2px solid #eaeaea !important;

    margin-top: -15px !important;

}

@media (max-width: 768px) {

    .mob-none {

        display: none !important;

    }

    .desktop-none {

        display: block !important;

    }

}

.desktop-none {

        display: none;

}

.mr-n-35 {

    margin-top: -35px !important;

}

.mouse {

    cursor: pointer !important;

}

.dot

{

  border:none;

  border-top:1px dotted #222;

  color:#fff;

  background-color:#fff;

  height:1px;

}

.card .exm-table .table-responsive .table th

{

    width: 5%!important;

    text-align: center;

}

.mt-n-24{

    margin-top: -24px;

}



tr.even .icheckbox_square-blue, tr.odd .icheckbox_square-blue {

    margin-left: 0px !important;

}

/*author : Helena Bibi

date : 11 June 2018*/

.chosen-container{

	width: 100% !important;

}

.ex-time

{

    display: ruby!important;

}

.bc-sms .icheckbox_square-blue

{

margin-left: 8px;

margin-right: 8px;

    }

.txt-cms-add .mce-panel

{

    width: auto!important;

}

.stud_det

{

    overflow: scroll !important;

    overflow-x: hidden !important;

    height: 158px;

}

.border-light2 {

    border-color: #ECEFF1 !important;

}

.border-light3 {

        border: 1px solid #e8eaee!important;

}





.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated {

    margin-left: -24px;

    margin-right: -24px;

}



.jc-bs3-row.row.justify-content-md-center.justify-content-sm-center.justify-content-xs-center.justify-content-lg-center {



}



.homeworkcheck {

   right: 0;
    position: absolute;
    width: 100%;
    display: -webkit-box;

}

#list_lessonplan tr td:first-child {

    width: 500px !important;

}



.image-lecturenotes{

    width: 375px;

    height: 245px;

    object-fit: cover;

}

.error, .errorlist{

    color: red;

}

.fs-cus2

{

    font-size: 12px!important;

}

.alert-secondary1 {

    color: #212936;

    background-color: #f1f1f1!important;

    border-color: #e4e4e4!important;

}

.msginfo

{

    font-size: 1rem!important;

}

.date-up .picker__holder

{

    bottom: 39px!important;

}

.w-15p

{

	width: 15%!important;

}

.border-light3 {

    border: 1px solid #eeeeee!important;

}

.border-less-texbox {

    border: none;

    background-color: none;

    outline: 0;

    font-size: 16px;

    width: 100%;

    height: 15px;

    /* margin-bottom: 23px; */

}

@media (max-width: 767px) {
	.brand-text img{	 
	 object-fit: cover;
	 margin-top: -10px;
	}
	.day{
width: 50px !important;
	}
	.left{
		left: 10px !important;
	}
	.header{
width: 350px !important;
	}
	#calendar{
width: 350px !important;
	}
	.right{
right: 10px !important;
	}
	#accountLogin{
		margin-top: -45px !important;	}
}

.bootstrap-datetimepicker-widget{min-width: 300px !important;}

  .listAsp .modal-dialog {
    max-width: 740px;
    margin: 30px auto;
}
.profile-image img{
    width: 173px;
    margin-bottom: 10px;
    object-fit: cover;
}
.jconfirm .jconfirm-box div.jconfirm-title-c{
    background: #e6e6e6 !important;
    padding: 1rem !important;
}
.border-radius{
	border-radius: 20px;
	}

#absRatio{
font-size: 20px;
}
.uread{
	font-size: 20px;
}

.hide-image {
  display: none;
  z-index: 100;
  position: absolute;
}
.preview:hover .hide-image {
  display: block
}
.chatBg{
    background-color: #fff;
    -webkit-box-shadow: 0 7px 12px 0 rgba(62, 57, 107, .16);
    box-shadow: 0 7px 12px 0 rgba(62, 57, 107, .16);
    margin: 0 0 15px 0px;
}
.avatar1 img {
    width: 90px;
    max-width:90px;
    height: auto;
    border: 0 none;
    border-radius: 1000px;
}