@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;800&display=swap');
@import url("https://use.fontawesome.com/releases/v5.0.11/css/all.css");

@font-face {
  font-family: 'Calibri';
  src: url('../Calibri.svg#Calibri') format('svg'),
       url('../Calibri.ttf') format('truetype'),
       url('../Calibri.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'calibri';
  src: url('../calibri.eot');
  src: url('../calibri.eot?#iefix') format('embedded-opentype'),
       url('../calibri.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


.vjs-progress-control { pointer-events:none; }
.vjs-progress-control:before {
    background-color: rgb(0, 0, 0); content: '';
    height: 100%; width: 100%; pointer-events: auto;
}
.vjs-volume-control { display:none; }

/* but work fullscreen */
.vjs-fullscreen .vjs-progress-control { pointer-events:none; }
.vjs-fullscreen .vjs-progress-control:before { display:none; }
.vjs-fullscreen .vjs-volume-control { display:block; }

.menunew{ font-family: 'calibri' !important;}
.menunew .menunew-inner .sidebar-link{ font-size: 14px; opacity: 1 !important;     padding: 9px 15px !important;}
.menunew .menunew-inner ul.first-level{     padding-left: 22%;}
.menunew .menunew-inner ul.first-level li a{    font-size: 12px;
    padding: 5px 8px !important;
    line-height: 18px;}


.btn-blu-gradiant{ background:url(../../images/btn-blu-gradiant-bg.jpg) repeat !important; border-radius: 25px; }
.login-inputfile{ border-radius: 15px; background: #fff; -webkit-box-shadow: inset 4px 4px 11px -7px #000000; 
box-shadow: inset 4px 4px 11px -7px #000000;  font-size: 13px;padding: 27px 33px; line-height: 51px; }

.login-inputfile::placeholder {
  color: #8b8b8b;
}

.menunew .sidebar-nav ul .sidebar-item .sidebar-link{ padding: 12px 5px;}
.sidebar-nav ul .sidebar-item .sidebar-link img{margin-right: 32px; margin-left: 5px; }
.sidebar-nav ul .sidebar-item.selected{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c2df3+0,2468ff+100 */
background: rgb(76,45,243); /* Old browsers */
background: -moz-linear-gradient(left,  rgb(76,45,243) 0%, rgb(36,104,255) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(76,45,243) 0%,rgb(36,104,255) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgb(76,45,243) 0%,rgb(36,104,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c2df3', endColorstr='#2468ff',GradientType=1 ); /* IE6-9 */
}

.table-responsive thead{ color: #fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6700+0,ff9e23+100 */
background: rgb(255,103,0); /* Old browsers */
background: -moz-linear-gradient(left,  rgb(255,103,0) 0%, rgb(255,158,35) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(255,103,0) 0%,rgb(255,158,35) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgb(255,103,0) 0%,rgb(255,158,35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6700', endColorstr='#ff9e23',GradientType=1 ); /* IE6-9 */
font-family: 'calibri' !important;
 }
.table-responsive thead th{font-size: 14px; font-weight: bold;}
.table-responsive thead th:first-child{border-radius: 8px 0px 0px 8px;}
.table-responsive thead th:last-child{border-radius: 0px 8px 8px 0px;}

.table-responsive tbody{font-size: 13px; font-weight: bold; color: #000 }
.table-responsive tbody td:first-child{border-radius: 8px 0px 0px 8px;}
.table-responsive tbody td:last-child{border-radius: 0px 8px 8px 0px;}

/*.profile-info{ background: #202a2e; padding-bottom: 25px;     min-height: 250px;}*/
.profile-info{     
    background: #202a2e;
    padding-bottom: 0px;
    min-height: 90px;
    padding-left: 15px;}
    
.profile-info.text-center{ text-align: left !important;  }
/*.profile-info .img-circle{ border-radius: 80px; border: 6px solid #fff; margin-top: 48px; height: 150px; width: 150px;}*/
.profile-info .img-circle {
    border-radius: 80px;
    border: 2px solid #fff;
    margin-top: 10px;
    height: 50px;
    width: 50px;
    position: absolute;
}

/*.profile-info .text{font-family: 'calibri' !important; color: #fff; font-size: 15px;}*/
.profile-info .text {
    font-family: 'calibri' !important;
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 0px !important;
    float: left;
    margin-left: 60px;
    margin-top: 15px;
    display: inline-block;
    padding-right: 8px;
}
.profile-info .text span{/*color: #ff710a; font-size: 21px;*/
    color: #ff710a;
    font-size: 18px;
    line-height: 16px;
  }


.profile-info2{ min-height: 250px;}
.profile-info2 .img-circle{ border-radius: 80px; border: 6px solid #fff; margin-top: 48px; height: 150px; width: 150px;}
.profile-info2 .text{font-family: 'calibri' !important; color: #fff; font-size: 15px;}
.profile-info2 .text span{color: #ff710a; font-size: 21px;}

.table-responsive .table-striped tbody tr:nth-of-type(odd) {
	background-color: #fff !important;
}

.table-responsive .table-striped tbody tr:nth-of-type(even) {
	background-color: #ffe3d0
}

.table-responsive .badge-pill.badge-success{ 
background: #5ef523; 
color: #000; 
font-size: 13px; 
border-radius: 3px; 
-webkit-box-shadow: inset 1px 2px 4px 3px rgba(0,0,0,0.2); 
box-shadow: inset 1px 2px 4px 3px rgba(0,0,0,0.2);
margin-top: -3px;
font-weight: bold;
padding: 8px 25px;
}

.table-responsive .badge-pill.badge-danger{ 
background: #fc401b; color: #fff; 
font-size: 13px; 
border-radius: 3px; 
-webkit-box-shadow: inset 1px 2px 4px 3px rgba(0,0,0,0.2); 
box-shadow: inset 1px 2px 4px 3px rgba(0,0,0,0.2);
margin-top: -3px;
font-weight: bold;
padding: 8px 25px;

}


.table-responsive .btn-group .btn-edit{background: #ff866e; border: 0px; border-radius: 8px 0px 0px 8px; padding-left: 15px; padding-right: 15px;}
.table-responsive .btn-group .btn-edit img{width: 20px;}
.table-responsive .btn-group .btn-dlt{background: #fc401b; border: 0px; border-radius: 0px 8px 8px 0px; padding-left: 15px; padding-right: 15px;}
.table-responsive .btn-group .btn-dlt img{ margin-top: -3px; width: 20px;}

.table-responsive .dataTables_filter label{ 
	font-size: 14px;
    color: #000;
    font-weight: bold !important;
    font-family: 'Calibri';}

.table-responsive .dataTables_length label{
	font-size: 14px;
    color: #000;
    font-weight: bold !important;
    font-family: 'Calibri';
}

.table-responsive .dataTables_length .form-control{
	background: #fff;
    border: 1px solid #dedddd;
    border-radius: 8px;
    line-height: 23px;
    height: 33px;
    -webkit-box-shadow: -4px 5px 4px -5px rgba(0,0,0,0.80); 
	box-shadow: -4px 5px 4px -5px rgba(0,0,0,0.80); color: #000; font-weight: bold;
}

.table-responsive .dataTables_filter .form-control{ 
    background: url(../../images/searchbg.png) no-repeat !important;
    border: 0;
    height: 56px;
    width: 231px;
    padding: 8px 10px;
}

.table-responsive table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before{     top: 17px !important;}
.tabl-title{ font-size: 18px; font-weight: bold; color: #000;}

.card.card-new{ background: none !important}
.card.card-new .card-body{ padding:0px;}
.top-logo-wdt{width: 80%; margin-top: 8px;}


.btn-blue{ 
background: rgb(115,26,236);
background: -moz-linear-gradient(45deg, rgb(115,26,236) 0%, rgb(21,73,252) 100%, rgb(3,83,255) 100%);
background: -webkit-linear-gradient(45deg, rgb(115,26,236) 0%, rgb(21,73,252) 100%, rgb(3,83,255) 100%);
background: linear-gradient(45deg, rgb(115,26,236) 0%, rgb(21,73,252) 100%, rgb(3,83,255) 100%);
color: #fff; font-size: 13px; font-weight: bold;
border-radius: 8px;
padding: 15px 20px;
margin-right: 8px;
}

.btn-green{ 
background: #0ae533;
border-color: #0ae533;
color: #fff; font-size: 13px; font-weight: bold;
border-radius: 8px;
padding: 15px 20px;
margin-right: 8px;
}

.btn-white{ 
background: #ffffff;
color: #000; font-size: 13px; font-weight: bold;
border-radius: 8px;
padding: 15px 20px;
margin-right: 8px;
-webkit-box-shadow: -4px 5px 4px -5px rgba(0,0,0,0.80); 
box-shadow: -4px 5px 4px -5px rgba(0,0,0,0.80);
border:1px solid #fff;
}

.trainer-dashboard-info{ margin-bottom: 35px;}
.trainer-dashboard-info .btn-blue-big{	
background: rgb(115,26,236);
background: -moz-linear-gradient(45deg, rgb(115,26,236) 0%, rgb(55,89,254) 100%, rgb(30,100,255) 100%);
background: -webkit-linear-gradient(45deg, rgb(115,26,236) 0%, rgb(55,89,254) 100%, rgb(30,100,255) 100%);
background: linear-gradient(45deg, rgb(115,26,236) 0%, rgb(55,89,254) 100%, rgb(30,100,255) 100%);
color: #fff; font-size: 13px; font-weight: bold;
border-radius: 8px;
padding: 40px 0px;
    display: block;
    text-align: center;
-webkit-box-shadow: inset 3px 0px 15px -5px #000000; 
box-shadow: inset 3px 0px 15px -5px #000000;
border:1px solid #fff;

}

.trainer-dashboard-info .btn-blue-big:hover{ background: #202a2e;}


.batchwist-compleat-chart{
	background: #fff;
	-webkit-box-shadow: -4px 3px 4px 0px rgba(0,0,0,0.22); 
	box-shadow: -4px 3px 4px 0px rgba(0,0,0,0.22);
	border-radius: 5px;
 
    padding: 15px;
    margin-bottom: 25px;
}
.batchwist-compleat-chart .heading{ color: #202a2e; font-size: 14px; font-family: 'calibri'; font-weight: bold;}
.batchwist-compleat-chart .sales .ct-series-a .ct-line{     stroke: #ff7511 !important;}
.batchwist-attendance-chart{

	background: #fff;
	-webkit-box-shadow: -4px 3px 4px 0px rgba(0,0,0,0.22); 
	box-shadow: -4px 3px 4px 0px rgba(0,0,0,0.22);
	border-radius: 5px;
   
    padding: 15px;
}
.batchwist-attendance-chart .heading{ color: #202a2e; font-size: 14px; font-family: 'calibri'; font-weight: bold;}

.phone-bg{
    background: url(../../images/phone-bg.png) no-repeat 50px 0px;
    min-height: 555px;
    margin-top: 0px;
    padding-top: 26%;
    padding-left: 14%;
    width: 350px;
 }
.phone-bg .heading{ color: #202a2e; font-size: 14px; font-family: 'calibri'; font-weight: bold;}
.phone-bg .video{ margin: 5px 0px 20px;} .phone-bg .video:hover{cursor: pointer;}
.phone-bg  ul.listtext{ padding:0px; margin: 0px; width: 90%;;}
.phone-bg  ul.listtext li{
	   font-size: 11px;
    color: #000;
        text-align: left;
    padding: 0px 0 0 21px;
    margin: 0px 0px 5px 0px;
    list-style: none;
    background: url(../../images/listicon.jpg) no-repeat;
}

.theme-form{ font-family: 'Calibri';}
.theme-form .custom-select{ 
    
    border: 1px solid #bcbcbc;
       border-radius: 11px;
    height: calc(1.5em + 1.5rem + 2px);
    line-height: 34px;
    -webkit-box-shadow: inset 5px 5px 15px -14px #000000; 
    box-shadow: inset 5px 5px 15px -14px #000000;
    font-size: 15px;
    font-weight: 500;
    color: #a2a2a2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}
.theme-form .custom-select.custom-select-sm{
height: calc(1.1rem + 1.1rem + 2px);
    line-height: 28px;
}
.border-right-0{border-right: 0px !important;}
.border-color-bcbcbc-shadow{ 
  border: 1px solid #bcbcbc;  
  -webkit-box-shadow: inset -4px 5px 15px -14px #000000;
  box-shadow: inset -4px 5px 15px -14px #000000; border-radius: 0px 11px 11px 0px;
}

.theme-form .control-label{ color: #000; font-size: 16.5px; font-weight: bold; }

.theme-form .input-group .form-control{ 
  border: 1px solid #bcbcbc;
 -webkit-box-shadow: inset 5px 5px 15px -14px #000000; 
    box-shadow: inset 5px 5px 15px -14px #000000;
     height: calc(1.1rem + 1.1rem + 2px);
    padding: .375rem .75rem;     color: #b0b0b0;     font-size: 13px; border-radius: 0px 11px 11px 0;
}
.theme-form .input-group .btn-form-blue{ 
background: rgb(115,26,236);
background: -moz-linear-gradient(45deg, rgb(115,26,236) 0%, rgb(21,73,252) 100%, rgb(3,83,255) 100%);
background: -webkit-linear-gradient(45deg, rgb(115,26,236) 0%, rgb(21,73,252) 100%, rgb(3,83,255) 100%);
background: linear-gradient(45deg, rgb(115,26,236) 0%, rgb(21,73,252) 100%, rgb(3,83,255) 100%);
color: #fff; font-size: 15px; font-weight: bold;
border-radius: 11px 0 0 11px ;
}
.theme-form #datepicker.form-control{ border-radius: 0px ; }
.datepicker-right-round-0{ border-radius: 0px !important; }

.theme-form .btn-orange{ 
    background: #f8831a;
    border-radius: 3px;
    padding: 8px 15px;
    font-weight: bold;
    color: #ffffff;
    font-size: 17px;
}
.theme-form .btn-blue-sm{ 
    background: #0054ff;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
}

.theme-form .select2{ 
    
    border: 1px solid #bcbcbc;
    border-radius: 11px;
    height: calc(1.5em + 1.5rem + 2px);
    line-height: 34px;
    -webkit-box-shadow: inset 5px 5px 15px -14px #000000; 
    box-shadow: inset 5px 5px 15px -14px #000000;
    font-size: 13px;
    font-weight: 500;
    color: #a2a2a2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 24px) !important; /* Better placement regardless of input width */
}
.theme-form .select2-sm span.select2{ height: calc(1.1rem + 1.1rem + 2px) !important;}

.theme-form .select2 span{    border: 0px; background: transparent; cursor: pointer;}
.theme-form .select2-container--default.select2-container--focus .select2-selection--multiple{border: 0px !important;}
.theme-form .select2-container--default .select2-selection--multiple .select2-selection__choice{
   background: rgb(115,26,236) !important;
    background: -moz-linear-gradient(45deg, rgb(115,26,236) 0%, rgb(21,73,252) 100%, rgb(3,83,255) 100%) !important;
    background: -webkit-linear-gradient(45deg, rgb(115,26,236) 0%, rgb(21,73,252) 100%, rgb(3,83,255) 100%) !important;
    background: linear-gradient(45deg, rgb(115,26,236) 0%, rgb(21,73,252) 100%, rgb(3,83,255) 100%) !important;
    border-color: #137eff !important;
    color: #fff
}
.theme-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ color: #fff !important;     background: transparent;}


.datepicker-orient-left{ z-index: 100 !important}
.theme-form .custom-file-theme .custom-file-label::after{ display: none;}

.box-shadow-inner-with-corder{
-webkit-box-shadow: inset 5px 6px 15px -8px rgba(0,0,0,0.3); 
box-shadow: inset 5px 6px 15px -8px rgba(0,0,0,0.3);
border-radius: 5px;
}

.border-blue{ border-color:#6d96fe !important;}
.padding-tb-5{padding-top: 5px !important; padding-bottom: 5px !important;}

.orng-gradiant-btn{
background: rgb(242,95,41) !important;
background: -moz-linear-gradient(left, rgb(242,95,41) 0%, rgb(244,107,42) 50%, rgb(243,124,42) 100%) !important;
background: -webkit-linear-gradient(left, rgb(242,95,41) 0%, rgb(244,107,42) 50%, rgb(243,124,42) 100%) !important;
background: linear-gradient(to right, rgb(242,95,41) 0%, rgb(244,107,42) 50%, rgb(243,124,42) 100%) !important;
-webkit-box-shadow: -1px 2px 0px 0px rgba(0,0,0,0.39); 
box-shadow: -1px 2px 0px 0px rgba(0,0,0,0.39);
}


.btn-review{
background: rgb(76,45,243); /* Old browsers */
background: -moz-linear-gradient(left,  rgb(76,45,243) 0%, rgb(36,104,255) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(76,45,243) 0%,rgb(36,104,255) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgb(76,45,243) 0%,rgb(36,104,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c2df3', endColorstr='#2468ff',GradientType=1 ); /* IE6-9 */
border-radius: 3px;
color: #fff;
font-size: 13px;
padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
}
.btn-review:hover{ color: #fff;}

.menunew .sidebar-item:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c2df3+0,2468ff+100 */
background: rgb(76,45,243) !important; /* Old browsers */
background: -moz-linear-gradient(left,  rgb(76,45,243) 0%, rgb(36,104,255) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(76,45,243) 0%,rgb(36,104,255) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgb(76,45,243) 0%,rgb(36,104,255) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c2df3', endColorstr='#2468ff',GradientType=1 ) !important; /* IE6-9 */
  border-left: 2px solid #137eff !important;
}

.bg-blu-gradiant{ 
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c2df3+0,2468ff+100 */
background: rgb(76,45,243) !important; /* Old browsers */
background: -moz-linear-gradient(left,  rgb(76,45,243) 0%, rgb(36,104,255) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(76,45,243) 0%,rgb(36,104,255) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgb(76,45,243) 0%,rgb(36,104,255) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c2df3', endColorstr='#2468ff',GradientType=1 ) !important; /* IE6-9 */}

.navbar-dark .navbar-nav .nav-link i{ color: #000}
.navbar-dark .navbar-nav .nav-link i:hover{ color: #3f34f5}
.navbar-dark .badge-info {
    background-color: #3f34f5;
}

.table-responsive .page-item.active .page-link{

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c2df3+0,2468ff+100 */
background: rgb(76,45,243) !important; /* Old browsers */
background: -moz-linear-gradient(left,  rgb(76,45,243) 0%, rgb(36,104,255) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(76,45,243) 0%,rgb(36,104,255) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgb(76,45,243) 0%,rgb(36,104,255) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c2df3', endColorstr='#2468ff',GradientType=1 ) !important; /* IE6-9 */
}


.auth-box.login-box-new{border: 0px;  border-radius: 0px; background: rgba(0, 0, 0, 0.5882352941176471); max-width: 550px;}
.auth-wrapper .login-box-new.auth-box.on-sidebar{    /*top: 3%;height: 97%;*/ top: 0%; height: 100%;}
.auth-box.login-box-new .login-top{     
    position: absolute;
    top: 0;
    left: 0;}
.auth-box.login-box-new .login-top ul{ padding:0px; margin: 0px; top: 0px; display: none;}
.auth-box.login-box-new .login-top ul li{ 
    list-style: none;
    padding: 0px;
    margin: -21px 0 0 0;
    /*background: url(../../images/login-top-link-bg.png) no-repeat !important;  (for live link) */
   background: url(../../images/login-top-link-bg.png) no-repeat !important;
    text-align: center;
    color: #fff;
    font-size: 14px;
    width: 175px;
    background-size: contain;
    height: 52px;
    line-height: 48px;
    font-weight: 500;
    letter-spacing: 1px;
    float: left;
    margin-right: 8px;
  }
   .auth-box.login-box-new .login-top ul li a, .auth-box.login-box-new .login-top ul li a:hover{ color: #fff; }
   .auth-box.login-box-new .login-top ul li:hover{background: url(../../images/login-top-link-bg-hover.png) no-repeat !important;  
  -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;}

.auth-box.login-box-new .login-top ul li.selected1{background: url(../../images/login-top-link-bg-hover.png) no-repeat !important;  }
/** changed by ayan da **/

.auth-box.login-box-new h5{
        font-size: 25px;
    color: #fff;
    font-weight: 600;
   }
      .auth-box.login-box-new h5 span{     height: 2px;
    background: #125bff;
    width: 15%;
    float: left;
    margin-top: 5px; }

  .auth-box.login-box-new .form-control{    
    /*background-color: rgba(60, 60, 60, 0.5);*/
    background: rgb(18 91 255);
    border-radius: 11px;
    border: 0px;
    height: calc(1.5rem + 1.5rem + 2px);
    padding: .5rem 1rem; 
    text-transform: none !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;     color: #fff !important;
    font-weight: bold; letter-spacing: 1px;
  }

.auth-box.login-box-new .form-control::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

.auth-box.login-box-new .form-control:focus {
  background-color: #125bff; color: #fff
}

.q-icon{
    width: 30px;
    margin-top: -10px;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    background-color: #125bff !important;
    color: #555 !important;
    -webkit-box-shadow: 0 0 0 1000px #125bff inset !important;
    -webkit-text-fill-color: #fff !important;
    }


.auth-box.login-box-new .btn-info{ background: #125bff; font-size: 15px; border-radius: 15px; border: 0px; padding:3% 10%; margin-top: 5%;}
.auth-box.login-box-new .forgot{    
      margin-top: 6%;
    color: #fff !important;
    font-size: 13px;
    float: left;
    width: 100%;
    letter-spacing: 0.5px;
}

.auth-box.login-box-new .error{    
    display: inline-block;
    width: 100%;
    font-size: 9px;
    color: red;
    text-transform: uppercase;
    letter-spacing: 1px;}
.logo-n{position: absolute; left: 15px; top: 15px;}
.logo-n img{ width: 150px; }
.logo-b{    position: absolute;
    left: 15px;
    bottom: 15px;}
.logo-b img{ width:150px;}

.insidelogo{
   /* background: transparent;*/   
    background: #fff;
    width: 150px;
    padding: 5px 5px 5px 5px;
    margin-bottom: 8px;}

.table-heading{ font-size: 16px; color: #000; font-weight: bold;}


.attendance-ckbox {    padding: 1rem 0; text-align: center;}
.attendance-ckbox .custom-control{     padding-left: 41%; }
.attendance-ckbox .custom-control-label::before {
    border: 2px solid #000;
}


.attendance-ckbox .custom-control-input:checked~.custom-control-label::before {
    border-color: #38eb38;
    background-color: #38eb38;
}

.attendance-ckbox-absent {    padding: 1rem 0; text-align: center;}
.attendance-ckbox-absent .custom-control{     padding-left: 41%; }
.attendance-ckbox-absent .custom-control-label::before {
    border: 2px solid #000;
}
.attendance-ckbox-absent .custom-control-input:checked~.custom-control-label::before {
    border-color: #fc401b;
    background-color: #fc401b;
}


.attendance-ckbox-dropout {    padding: 1rem 0; text-align: center;}
.attendance-ckbox-dropout .custom-control{     padding-left: 41%; }
.attendance-ckbox-dropout .custom-control-label::before {
    border: 2px solid #000;
}
.attendance-ckbox-dropout .custom-control-input:checked~.custom-control-label::before {
    border-color: #202a2e;
    background-color: #202a2e;
}


.backgroundblur {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);    
}




.swal2-popup{
-webkit-box-shadow: 0px 1px 11px 5px rgba(0,0,0,0.14); 
box-shadow: 0px 1px 11px 5px rgba(0,0,0,0.14);
width: 24em !important;
padding: 3em !important;
}

.swal2-container.swal2-backdrop-show {
background: rgba(0,0,0,0.1) !important;
}


.swal2-popup .swal2-title {
    color: #000000 !important;
    font-size: 20px !important;
    font-weight: normal !important;
}

.swal2-popup .swal2-styled.swal2-confirm{

-webkit-box-shadow: -5px 6px 6px -5px rgba(0,0,0,0.28); 
box-shadow: -5px 6px 6px -5px rgba(0,0,0,0.28);
}
.image-25{ width:25px;}
.scorboard{}
.scorboard .picpart{ background: #0054ff; border-radius: 5px 0px 0px 5px; padding-top: 50px; text-align: center; min-height: 350px; border: 1px solid #04358a; border-right: 0px; margin-left: 1%;}
.scorboard .picpart img{ border-radius: 180px; border: 10px solid #fff; width:250px;} 
.scorboard .scorepart{ background: #fff; border: 1px solid #04358a; border-left: 0px; border-radius: 0px 5px 5px 0px; padding: 80px 25px 50px 80px;}
.scorboard .scorepart ul{ padding: 0px; margin:0px;}
.scorboard .scorepart ul li{ font-weight: bold; list-style: none; color: #000; margin-bottom: 5px; font-size: 16px;}

.addview-ouestion-btn{ 
    background: #0054ff;
    font-size: 13px;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    padding: 6px 25px;
    margin-top: -3px;
  }
.addview-ouestion-btn:hover{  color: #fff;}
.theme-form .txt-box{    
    border-radius: 8px;
    border: 1px solid #bcbcbc;
    height: calc(1.4rem + .75rem + 2px);}

.theme-form .txtarea-box{    
    border-radius: 8px;
    border: 1px solid #bcbcbc;
  }

.theme-form .borderround-right-0{ border-radius: 11px 0px 0px 11px !important}

.add-assesment-upload-btn .form-control{ border-radius: 0px 11px 11px 0px !important;}

.add-assesment-upload-btn  .btn-form-orng{ 
    background: #ff7c35;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border-radius: 11px !important;
    border: 0px;
    margin-left: 2px;
}

.font-13{ font-size: 13px !important;}
.answeroption-list .custom-control-input:checked~.custom-control-label::before {
  
    border-color: #06cd22 !important;
    background-color: #06cd22 !important;
}

.ans-table .tbl-anslist{
    width: 350px;
    background: #ffd9b8;
    border-radius: 5px;
    padding: 10px;
}

.ans-table .tbl-anslist.white{
    
    background: #fff !important;
    
}

.table-responsive .table-striped .tbl-anslist  .table tbody tr:nth-of-type(odd) {
        background-color: transparent !important;
}

.table-responsive .table-striped .tbl-anslist  .table tbody tr:nth-of-type(even) {
    background-color: transparent !important;
}

.table-responsive .table-striped .tbl-anslist .table td {
    padding: 5px;
}


.table-responsive .table-striped .tbl-anslist .badge-danger {
   padding: 5px 15px !important;
    border-radius: 3px;
    letter-spacing: 1px;
    font-weight: bold;
     background: #ff0000;
}

.table-responsive .table-striped .tbl-anslist .badge-success {
   padding: 5px 15px !important;
    border-radius: 3px;
    letter-spacing: 1px;
    font-weight: bold;
    background: #00cc1d;
}

.course-video-panel{}
.course-video-panel .top-panel{ 
  background: #ff7800; 
  border-radius: 5px; 
  padding: 15px 10px; 
  color: #fff; 
  font-size: 18px; 
  font-weight: bold; 
  letter-spacing: 1px;
-webkit-box-shadow: inset 1px 0px 15px 3px rgba(0,0,0,0.28); 
box-shadow: inset 1px 0px 15px 3px rgba(0,0,0,0.28);}

.course-video-panel .video-panel{ margin-top:15px; }

.course-video-panel .video-panel .video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.9em;
    height: 2em;
    width: 2em;
    display: block;
    position: absolute;
    top: 41%;
    left: 46%;
        background-color: #b2b2b2;
    border-radius: 50px;
}
.course-video-panel .video-panel .video-js .vjs-control-bar {     height: 4em; background: #3b4444; }
.course-video-panel .video-panel .vjs-button > .vjs-icon-placeholder:before { line-height: 2.1em;}
.course-video-panel .video-panel .video-js .vjs-time-control{ line-height: 3.9em; }
.course-video-panel .video-panel .video-js .vjs-progress-holder {height: 0.7em;}
.course-video-panel .video-panel .video-js .vjs-play-progress:before { font-size: 2em;}


.course-activity-panel{}
.course-activity-panel .top-panel{ 
  background: #ff7800; 
  border-radius: 5px; 
  padding: 20px 30px; 
  color: #fff; 
  font-size: 18px; 
  font-weight: bold; 
  letter-spacing: 1px;
-webkit-box-shadow: inset 1px 0px 15px 3px rgba(0,0,0,0.28); 
box-shadow: inset 1px 0px 15px 3px rgba(0,0,0,0.28);}

.course-activity-panel .top-panel p{

  padding: 0px;
    font-size: 11px;
    margin: 0px;
}

.course-activity-panel .mid-panel{ 
  background: #fff; 
  padding: 15px 30px 40px; 
  border-radius: 5px 5px 0px 0px; 
  margin-top: 15px;
}

.course-activity-panel .mid-panel .mcq-text-question{
    font-weight: bold;
    color: #383838;
    font-size: 18px;
}

.course-activity-panel .mid-panel .mcq-text-question p{

    /*padding: 0px 34px;*/
    line-height: 20px;
    font-weight: bold;
    margin-top: 25px;
    padding: 0px 34px 0px 54px;
    
}
.course-activity-panel .mid-panel .mcq-text-question p span{

    /*background: #f47820;
    width: 25px;
    height: 25px;
    color: #fff;
    padding: 3px 8px;
    border-radius: 50px;
    font-size: 11px;
    float: left;
    text-align: center;
    position: absolute;
    left: 39px;
    font-weight: bold;*/
    background: #f47820;
    width: 45px;
    height: 45px;
    line-height: 40px;
    color: #fff;
    padding: 3px 8px;
    border-radius: 50px;
    font-size: 11px;
    margin-top: -14px;
    float: left;
    text-align: center;
    position: absolute;
    left: 39px;
    font-weight: bold;
}


.course-activity-panel .mid-panel .mcq-text-question p span.dubl-number{

    width: 30px;
    height: 30px;
    padding: 5px 8px;
    margin-top: -5px;
}

.course-activity-panel .mid-panel .mcq-text-question small{
    color: #959595;
    font-size: 15px;
}
.course-activity-panel .mid-panel .mcq-text-ans{}
.course-activity-panel .mid-panel .mcq-text-ans .ans-inner{

    padding: 3px;
    border-radius: 5px;
    margin-bottom: 5px !important;
    margin-left: 50px;
}
.course-activity-panel .mid-panel .mcq-text-ans .ans-inner .custom-control-label{ /*color: #fff;*/}
.course-activity-panel .mid-panel .qus-number-plt{ font-size: 15px; font-weight: bold; color: #a5a0a0;}
.course-activity-panel .mid-panel  .custom-control-input:checked~.custom-control-label::before {
    border-color: #f47820;
    background-color: #f47820;
}



.course-activity-panel .mid-panel .video-panel{ margin-top:15px; }

.course-activity-panel .mid-panel .video-panel .video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.9em;
    height: 2em;
    width: 2em;
    display: block;
    position: absolute;
    top: 41%;
    left: 46%;
        background-color: #b2b2b2;
    border-radius: 50px;
}
.course-activity-panel .mid-panel .video-panel .video-js .vjs-control-bar {     height: 4em; background: #3b4444; }
.course-activity-panel .mid-panel .video-panel .vjs-button > .vjs-icon-placeholder:before { line-height: 2.1em;}
.course-activity-panel .mid-panel .video-panel .video-js .vjs-time-control{ line-height: 3.9em; }
.course-activity-panel .mid-panel .video-panel .video-js .vjs-progress-holder {height: 0.7em;}
.course-activity-panel .mid-panel .video-panel .video-js .vjs-play-progress:before { font-size: 2em;}

.course-activity-panel .mid-panel .video-panel audio{
    margin-left: 26px;
    margin-top: 19px; width: 95%;
}

.course-activity-panel .mid-panel .video-panel .img-responsive{ width: 100%;}


.course-activity-panel .mid-panel .custom-checkbox .custom-control-label::before {
    border-radius: 50px;
}
.course-activity-panel .custom-checkbox .custom-control-input:checked~.custom-control-label::after {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important
}


.course-activity-panel .mid-panel .dd-inner .dd-title{ 
        color: #000;
    font-weight: 500;
    padding: 7px 0px;
    margin-bottom: 0px;
    line-height: 18px;
}
.course-activity-panel .mid-panel .slides {
    list-style: none;
    margin: 0;
    padding: 0;
    width: /*300px*/ 100%;
        float: left;
}
.course-activity-panel .mid-panel .slide {
    padding: 15px;
       background-color: #fb8c29;
    margin: 0 0 15px;
    text-align: center;
    color: #FFF;
    border-radius: 8px;
    
}
.course-activity-panel .mid-panel .slide.pad-new {
    padding: 7px !important;
        margin-left: 36px;
    border-radius: 0px 5px 5px 0px;
  }
.course-activity-panel .mid-panel .slide-placeholder {
    background: #DADADA;
    position: relative;
}
.course-activity-panel .mid-panel .slide-placeholder:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 15px;
    background-color: #FFF;
}
.course-activity-panel .mid-panel .numberlist{    position: absolute;
    left: 3px;
    background: #69da68;
    padding: 15px 17px;
    margin-top: -15px;}

.course-activity-panel .mid-panel .slide.pad-new .numberlist {   
        background: #77de1b;
    padding: 6.2px 17px;
    margin-top: -6.6px;
    border-radius: 5px 0px 0px 5px;
    font-weight: bold;
    font-size: 15px;
}

.course-activity-panel .mid-panel .slide.wrong-ans{ background: red !important}
.course-activity-panel .mid-panel .slide.wrong-ans .numberlist{background: #c30909 !important;}
.course-activity-panel .mid-panel .rightans{
      font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #69da68;
    margin-bottom: 20px;
    line-height: 20px;
  }
.course-activity-panel .mid-panel .wrongans{font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #ff0d0d;}

.course-activity-panel .mid-panel .dd-inner .droparea .ddtext-space-bottom{margin-bottom: 0;/*height: 96px;*/}

.course-activity-panel .mid-panel .dd-inner .droparea {
       width: 100%;
    border: 4px solid #ff7800;
    min-height: 120px;
    float: left;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 15px;
}
.course-activity-panel .mid-panel .dd-inner .droparea.dashed-border{
  border: 3px dashed #ff7800;
}
.course-activity-panel .mid-panel .ddimage-space-bottom {
    padding-bottom: 5px;
    
}

.course-activity-panel .mid-panel .ddtext-space-bottom {
       font-size: 13px;
    font-weight: 500;
    background: #fff;
    margin-bottom: 5px;
    color: #060606;
    padding: 8px;
    text-align: center;
    border: 3px solid #f47820;
    border-radius: 15px;
    margin-top: 15px;
}

.course-activity-panel .mid-panel .dd-inner .dd-title.matchthefollowing-title{    margin-bottom: 18px;}

.course-activity-panel .bottom-panel{ 
    background: #3b4444; 
    padding: 15px 10px; 
    border-radius: 0px 0px 5px 5px; 
}

.course-activity-panel .bottom-panel .percentage
{    
    position: absolute;
    color: #fff;
    width: 100%;
    text-align: center;
    padding-top: 4px;
    font-weight: bold;
}

.course-activity-panel .bottom-panel .text{ font-size: 20px; font-weight: bold; color: #959595; padding-left: 25px; }
.course-activity-panel .bottom-panel .progress{

    border-radius: 16px;
    height: 25px;
    margin-top: 2px;
    background: #3b4444;
    border: 3px solid #fff;
    padding: 2px; margin-bottom: 10px;
}
.course-activity-panel .bottom-panel .progress .progress-bar{height: 15px !important; border-radius: 15px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4a769+50,f8851c+50,f8851c+50 */
background: rgb(244,167,105); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(244,167,105) 50%, rgb(248,133,28) 50%, rgb(248,133,28) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(244,167,105) 50%,rgb(248,133,28) 50%,rgb(248,133,28) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(244,167,105) 50%,rgb(248,133,28) 50%,rgb(248,133,28) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a769', endColorstr='#f8851c',GradientType=0 ); /* IE6-9 */

}

.course-activity-panel .bottom-panel .btn-orange{
background: #ff7800;
-webkit-box-shadow: inset 0px 0px 8px 1px rgba(0,0,0,0.26); 
box-shadow: inset 0px 0px 8px 1px rgba(0,0,0,0.26);
color: #fff;
font-weight: bold;
border: 0px;
border-radius: 3px;
}

.course-activity-panel .modal-dialog {
    margin: 15rem auto;
}


.my-video-dimensions{ width: 100% !important }
.success-pop{
    border-radius: 8px;
    border: 3px solid #f79637;
}
.success-pop .modal-header{
      background: #f8851c url(../../images/modal-top-bg.jpg) right no-repeat;
    padding: 4px;
    text-align: right;
    display: block;
    border-radius: 5px 5px 0px 0px;
}
.success-pop .modal-body{
   border-radius: 0px 0px 5px 5px;
   background: #dae7ea;
  margin:0px 3px 3px 3px;
  border-top: #acc1c4 4px solid;
  text-align: center;
  padding: 8% 0px;
}
.success-pop .modal-body strong{ font-size: 20px; color: #000; letter-spacing: 0.5px;}
.success-pop .modal-body small {
    font-size: 17px;
    color: #000;
    margin-top: -4px;
    float: left;
    width: 100%;
    font-weight: 500;
}

.success-pop .modal-body .close-btn{ 
      margin-top: 8px;
    background: #74c057;
    border: #2ca200 2px solid;
    color: #000;
    font-size: 11px;
    letter-spacing: 0.5px;
    border-radius: 3px;
    font-weight: bold;
    padding: 5px 13px 3px;
}

.success-pop .modal-body .correct-ans{ text-align: left;}
.success-pop .modal-body .correct-ans ul{margin: 15px 0 0 0;padding: 0 0 0 10%;}
.success-pop .modal-body .correct-ans ul li{font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 500;
    color: #000;}



/**** admin Panel ****/
.admin{ background: #f2f2f2 !important}
.admin-panel .dashboard-admin .title{ font-size: 20px; font-weight: 400; margin-bottom: 20px; color: #000; letter-spacing: 1px;}
.admin-panel .dashboard-admin .admin-number-palet{
background: #fff;
-webkit-box-shadow: 3px 12px 33px -32px rgba(0,0,0,0.62);
-moz-box-shadow: 3px 12px 33px -32px rgba(0,0,0,0.62);
box-shadow: 3px 12px 33px -32px rgba(0,0,0,0.62);
border-radius: 8px;
padding: 25px;
}

.admin-panel .dashboard-admin .admin-number-palet .bg{  height: 136px; line-height: 135px; font-size: 30px; color: #fff; 
  text-align: center; font-weight: 800;}
.admin-panel .dashboard-admin .admin-number-palet .text-admin-info{ 
  font-size: 15px;
    color: #353535;
    margin-top: 1px;
    letter-spacing: 0.5px;
    font-weight: bold;
    margin-bottom: 8px;
}
.admin-panel .dashboard-admin .admin-number-palet .text-admin-info a{ color: #000;}
.admin-panel .dashboard-admin .admin-number-palet .bg.bg-purple{background:url(../../images/bg-purple.png) no-repeat center !important;}
.admin-panel .dashboard-admin .admin-number-palet .bg.bg-blue{background:url(../../images/bg-blue.png) no-repeat center !important;}
.admin-panel .dashboard-admin .admin-number-palet .bg.bg-green{background:url(../../images/bg-green.png) no-repeat center !important;}
.admin-panel .dashboard-admin .admin-number-palet .bg.bg-yolo{background:url(../../images/bg-yolo.png) no-repeat center !important;}
.admin-panel .dashboard-admin .admin-number-palet .bg.bg-orng{background:url(../../images/bg-orng.png) no-repeat center !important;}
.admin-panel .dashboard-admin .admin-number-palet .bg.bg-darkblu{background:url(../../images/bg-darkblu.png) no-repeat center !important;}


.admin-panel .dashboard-admin .theme-form .input-group .form-control{ height: calc(1.8rem + 1.8rem + 4px) !important;}
.admin-panel .dashboard-admin  .theme-form .input-group .btn-form-blue {     background: #2163fe; }

.admin-panel .dashboard-admin .news-section{
    background: url(../../images/desktop-bg.png) no-repeat;
    padding-top: 3%;
    background-size: contain;
}



.admin-panel .bigtext{ font-size: 35px !important; line-height: 25px;}
.admin-panel .theme-form .custom-select.orng-bg{ 
  background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) #ffe1cc no-repeat calc(100% - 10px) !important; }

.admin-panel .theme-form .custom-select{ border:1px solid #ffa24f}
.admin-panel .theme-form .form-control{ border:1px solid #ffa24f; 
 -webkit-box-shadow: inset 0px 0px 0px 0px #000000; 
    box-shadow: inset 0px 0px 0px 0px #000000; color: #151515;}
.admin-panel .theme-form .control-label {
    color: #000000a3;
    font-size: 16.5px;
    font-weight: 600;
    letter-spacing: 1px; margin-bottom: 0px;
}

.admin-panel .theme-form textarea.form-control {
    border: 2px solid #faa55a;
    background: #ededed;
    color: #b0b0b0;
    font-size: 13px;
    border-radius: 8px;
}

.admin-panel .theme-form .btn-green {
    background: #16c516;
    border-radius: 5px;
    padding: 8px 25px;
    font-weight: bold;
    color: #ffffff;
    font-size: 17px;
}

.admin .table-responsive .dataTables_filter .form-control{ 
    background: url(../../images/searchbg.png) no-repeat !important;
    border: 0;
    height: 56px;
    width: 231px;
    padding: 8px 10px;
}
.admin .card-as{ background: #dddedf; border-radius: 8px;}

.admin .card-as .table td, .table th {
    padding: 0.5rem 1rem !important;
  }

.admin .card-as .table-responsive .badge-pill.badge-success {
        background: #05c833;
    color: #fff;
    font-size: 11px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.2);
    margin-top: -3px;
    font-weight: 500;
    padding: 3px 10px;
    text-transform: uppercase;
}

.admin .card-as .table-responsive .badge-pill.badge-danger {
    background: #fa000c;
    color: #fff;
    font-size: 11px;
    border-radius: 5px;
     -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.2); 
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.2); 
    margin-top: -3px;
    font-weight: 500;
    padding: 3px 10px;
    text-transform: uppercase;
}


.admin .admin-data-table-btnlist{    
  position: absolute;
    right: 313px;
    top: 36px; z-index: 9;}

.admin .table-responsive .dataTables_length label{

  position: relative;
    top: 15px;
}
.admin .table-responsive .dataTables_filter{    margin-top: 4px;}
.admin .admin-data-table-btnlist .btn-Upload{ background: #0153ff;border-radius: 8px; font-size: 13px; font-weight: 500; 
  border:0px; color: #fff; padding:8px 10px; }
.admin .admin-data-table-btnlist .btn-register{ background: #06c833;border-radius: 8px; font-size: 13px; font-weight: 500; border:0px;
color: #fff; padding:8px 10px; }

.admin .table-responsive table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before {
    top: 9px !important;
}
.admin .large-bluebtn{ background: #0052fe; border-radius: 8px; border: 0px; font-size: 13px; font-weight: 600; letter-spacing: 0.5px;
padding: 8px 15px; color: #fff }
.admin .sml-greenbtn{ background: #17c516; border-radius: 5px; border: 0px; font-size: 13px; font-weight: 600; letter-spacing: 0.5px;
padding: 8px 15px; color: #fff }
.admin .sml-orngbtn{ background: #ff7900; border-radius: 5px; border: 0px; font-size: 13px; font-weight: 600; letter-spacing: 0.5px;
padding: 8px 15px; color: #fff }

.admin .theme-form .admin-browse{}
.admin .theme-form .admin-browse .input-group-prepend .btn-form-orng{ background: #ff7900; color: #fff; font-size: 13px; 
    font-weight: bold; border-radius: 8px; border: 0px; padding: 9px 10px; }

.admin .theme-form .admin-browse .custom-file-label { border: 0px; margin-left: -5px; box-shadow: inset 0px 0px 0px 0px #000000; }

.admin .theme-form .admin-browse .input-group-append .btn-browse-blue{ background: #0052fe; color: #fff; font-size: 13px; 
    font-weight: bold; border-radius: 8px; border: 0px; margin-left:8px; }

.admin  h3.table-tittle{    color: #ff7900;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.admin .theme-form .date-class{}
.admin .theme-form .date-class .form-control.mydatepicker{    border-left: 0px;
    border-top: 0px;
    border-bottom: 1px solid #fe7800;
    border-radius: 0px;
 }
.admin .theme-form .date-class .border-color-bcbcbc-shadow{

      border: 0px;
    background: #fff;
    box-shadow: none;
    font-size: 25px;
    color: #fe7800;
}
.admin .theme-form .input-group .btn-form-orng{

  background: #ff7900;
color: #fff; font-size: 15px; font-weight: bold;
border-radius: 11px 0 0 11px ; border-color: #ff7900;
}


.admin .table-responsive .table-striped tbody tr:nth-of-type(even) {
    background-color: #dddedf;
}

.text-red{color: #fd0404 !important;}
.text-green{ color: #5bcc05 !important; }

/* digital clock **/


@font-face {
    font-family: 'digital-7regular';
    src: url('digital-7-webfont.woff2') format('woff2'),
         url('digital-7-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


#countdown{
  width: /*465px*/ 332px;
  height: 190px;
  text-align: center;
  background: #222;
  border: 10px solid #f2f4f5;
  border-radius: 18px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  margin: auto;
  padding: 24px 0;
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
}

#countdown:before{
  content:"";
  width: 8px;
  height: 65px;
  background: #444;
  border: 1px solid #111;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  display: block;
  position: absolute;
  top: 57px; left: -7px;
}

#countdown:after{
  content:"";
  width: 8px;
  height: 65px;
  background: #444;
  border: 1px solid #111;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  display: block;
  position: absolute;
  top: 57px; right: -7px;
}

#countdown #tiles{
  position: relative;
  z-index: 1;
}

#countdown #tiles > span{
  width: 92px;
  max-width: 92px;
  font-size: 80px; font-weight: 400;
  font-family: 'digital-7regular';
  text-align: center;
  color: #14f364;
  background: transparent;  
  border-radius: 3px;
  margin: 0 7px;
  padding: 0px 0;
  display: inline-block;
  position: relative;
}

/*#countdown #tiles > span:before{
  content:"";
  width: 100%;
  height: 13px;
  background: #111;
  display: block;
  padding: 0 3px;
  position: absolute;
  top: 41%; left: -3px;
  z-index: -1;
}

#countdown #tiles > span:after{
  content:"";
  width: 100%;
  height: 1px;
  background: #eee;
  border-top: 1px solid #333;
  display: block;
  position: absolute;
  top: 48%; left: 0;
}*/

#countdown .labels{
  width: 100%;
  height: 25px;
  text-align: center;
  position: absolute;
  bottom: 20px;
}

#countdown .labels li{
  width: 102px;
  font: bold 15px 'Droid Sans', Arial, sans-serif;
  color: #f47321;
  text-shadow: 1px 1px 0px #000;
  text-align: center;
  text-transform: uppercase;
  display: inline-block; margin-top: 2px;
}

.admin-round-bg{    border-radius: 8px; -webkit-box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
-moz-box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);}

.admin .slno-bigtext{ font-size: 22px; font-weight: bold; color: #ff7900 }
.admin .admin-round-bg.offwhite-color{    background: #dedddd;}
.admin .table-responsive tbody{ font-size: 12px; }

.admin .table-responsive .addview-ouestion-btn {
    font-size: 11px;
    padding: 3px 8px;
}

.admin .table-responsive .addview-ouestion-btn.red {
        background: #ff0200;
 
}


.admin .table-responsive .btn-group-sm{ margin-top: -3px }
.admin .table-responsive .btn-group .btn-edit {
        background: #ff7900;
    border: 0px;
    border-radius: 5px 0px 0px 5px;
    padding: 0px 8px;
    height: 23px; line-height: 23px;
}

.admin .table-responsive .btn-group .btn-edit img {
    width: 15px;

}
.admin .table-responsive .btn-group .btn-dlt {
    background: #ff0200;
    border: 0px;
    border-radius: 0px 5px 5px 0px;
    padding: 0px 8px;
    height: 23px; line-height: 23px;
}

.admin .table-responsive .btn-group .btn-dlt img {
    width: 15px;

}

.borderround-5{ border-radius: 5px !important; }



.admin .theme-form .btn-blue-2{ background: #0052fe; color: #fff; font-size: 13px;  font-weight: bold; border-radius: 5px; 
  border: 0px; margin-top:23px; padding: 8px 20px; }



.admin .theme-form .date-class-2{}
.admin .theme-form .date-class-2 .form-control.mydatepicker{    
    border: 1px solid #fe7800;
    border-radius: 5px;
        background: transparent;

 }

.admin .theme-form .date-class-2 .border-color-bcbcbc-shadow{

    border: 0px;
    background: #fff;
    box-shadow: none;
    font-size: 18px;
    color: #fe7800;
    padding: 0px 6px 0px 8px;
    border-radius: 5px;
   
}

.admin .zoom-meeting-btn{

    background: #ff7900;
    border-radius: 35px;
    padding: 5px 27px 5px 11px;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0.5px;
    font-weight: bold;
    margin-right: 5px;


}


.footer {
    padding: 9px 20px 5px !important;
    background: #fff;
    font-size: 11px;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-align: left !important;
}


.trainer-assignment-upload-section{}
.trainer-assignment-upload-section .download-assignmentbtn{

background: #0054ff;
font-size: 14px;
font-weight: 600;
color: #fff;
padding:10px 15px;
border-radius: 5px;

}

.trainer-assignment-upload-section .title{ font-size: 13px; color: #000; font-weight: 600; }
.trainer-assignment-upload-section .trainer-info{}
.trainer-assignment-upload-section .trainer-info .img-circle {
    border-radius: 80px;
    border: 6px solid #fff;
    float: left;
    width: 150px;
    height: 150px;
}
.trainer-assignment-upload-section .trainer-info .text{     
  float: left;
    margin-top: 5%;
    margin-left: 1%;
}
.trainer-assignment-upload-section .trainer-info .text h2{ font-size: 20px; letter-spacing: 0.5px; color: #000; font-weight: 600;
padding:0px; margin:0px; }
.trainer-assignment-upload-section .trainer-info .text h3{ font-size: 14px; letter-spacing: 0.5px; color: #000; font-weight: 600;
padding:0px; margin:0px; }

.trainer-assignment-upload-section .assignment-info{ padding:15px 20px; border-radius: 5px; border:1px solid #ff7900; 
font-size: 15px; color: #000; font-weight: 500; }

.trainer-assignment-upload-section .theme-form textarea.form-control {
    background: #fff;
    color: #3e3d3d;
}

.admin .admin-assesment-add-question{}
.admin .admin-assesment-add-question .title{ font-size: 20px; font-weight: 600; letter-spacing: 0.5px; color: #ff7509 }
.admin .admin-assesment-add-question .answeroption-title{
background: #ff7509;
padding:5px;
text-align: center;
font-size: 18px;
color: #fff;
font-weight: 600;
letter-spacing: 0.5px;
border-radius: 5px;
}

.admin .admin-assesment-add-question .answeroption-list{}
.admin .admin-assesment-add-question .answeroption-list .btn-green{

      background: #16c516;
    border-radius: 5px;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 10px;
    border: 0;
}

.admin .admin-assesment-add-question .answeroption-list .btn-red{

      background: #ff0000;
    border-radius: 5px;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 10px;
    border: 0;
}

.admin .admin-assesment-add-question .answeroption-list .custom-radio .custom-control-label{

      font-size: 13px;
    color: #101010;
    font-weight: bold;
    padding-top: 1px;
}



.admin  label.error{    
  font-weight: bold;
    color: red;
    margin-top: -2px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    line-height: 15px;
    font-size: 11px;
    min-height: 20px;
  }

.trainer-dashboard-info-btn-round{ width:120px; height: 120px; border-radius: 50% !important }
.trainer-dashboard-info-btn-round img{     height: 48px;
    display: initial;
    margin-top: -8px; }

.worldmap{}
.worldmap .title{background: #fe6f13;
    width: 100%;
    padding: 8px 0px;
    color: #fff;
    font-size: 20px;}
.worldmap .title h4{    font-size: 16px;
    font-weight: bold;}

#visitfromworld .jvectormap-container{ background: #ffddc1 !important }
.trainer-calenderpanel{}
.trainer-calenderpanel .fc-toolbar{ padding:8px; }
.trainer-calenderpanel .fc-header-toolbar h2{font-size: 18px;
    font-weight: bold;
    margin-top: 13px;}



.page-wrapper{background:url(../../images/mainbg2.jpg) repeat !important;}


.phone-video .my-video2-dimensions{  width: 226px;
    margin-left: 10px;}


.phone-video .video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.6em;
    height: 50px;
    width: 50px;
    top: 35%;
    left: 40%;
    border-radius: 25px;
}



.maeq-container {
    width: 70%;
    margin: 1em auto;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    height: 108px;
}
.marquee {
    top: 6em;
    position: relative;
    box-sizing: border-box;
    animation: marquee 15s linear infinite;
}



.marquee:hover {
    animation-play-state: paused;
}


.marquee .blockquote, blockquote{ font-size: 16px;}

/* Make it move! */
@keyframes marquee {
    0%   { top:   1em }
    100% { top: -11em }
}

/* Make it look pretty */
  .microsoft .marquee {
  margin: 0;
    padding: 0 0;
    line-height: 1.5em;
    font: 1em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

.microsoft:before, .microsoft::before,
.microsoft:after,  .microsoft::after {
    left: 0;
    z-index: 1;
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%; height: 2em;
    background-image: linear-gradient(top, #FFF, rgba(255,255,255,0));
}

.microsoft:after, .microsoft::after {
    bottom: 0;
    transform: rotate(180deg);
}

.microsoft:before, .microsoft::before {
    top: 0;
}

/* Style the links */
.vanity {
    color: #333;
    text-align: center;
    font: .75em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

.vanity a, .microsoft a {
    color: #1570A6;
    transition: color .5s;
    text-decoration: none;
}

.vanity a:hover, .microsoft a:hover {
    color: #F65314;
}

.password-topbg{ 
    background: #ff7900;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    font-weight: bold;
    color: #fff;
    font-size: 20px; letter-spacing: 0.5px;
    padding:10px;
}

.changepassword-pop{ border-radius: 8px;border: 0;}
.changepassword-pop .modal-header{
   background: #ff7900;
    border-radius: 8px 8px 0px 0px;
    font-weight: bold;
    color: #fff;
    font-size: 20px; letter-spacing: 0.5px;
    padding:10px;
}
.changepassword-pop .modal-header .close-btn{ background: none;
    border: 0px;
    position: absolute;
    right: 6px;
    top: 8px; }
.changepassword-pop .modal-header .close-btn img{ width: 25px; }

.modal-md{ max-width: 600px; }


.datetimepiker{  }
.datetimepiker .input-group-text{

      background: #ff8b23;
    border-radius: 0px 5px 5px 0px;
    margin-left: -1px;
    border: 0px;
    color: #fff;
    font-weight: bold;
}

.news-section .microsoft{ }
.news-section .marquee ul{   
   margin-left: 15%;
    margin-right: 15%;
    margin-top: 5%;
    margin-bottom: 5%;     position: relative;
  }
.news-section .marquee ul li{ list-style: none; color: #000; font-weight: 600; letter-spacing: 0.5px; padding:0px 0px 14px 15px; margin: 0px; line-height: 18px;
  font-size: 13px;     width: 90%; }

.news-section .marquee ul li img{ position: absolute; left: 20px;}
.green-bg{ background: #05ca34 !important; }
.red-bg{ background: #ee0000 !important; }
.blue-bg{ background: #0153ff !important; }

.admin .admin-panel .scorboard{ background: #002f77; border-radius: 5px; }
.admin .admin-panel .scorboard .picpart { background: transparent;     min-height: auto; }
.admin .admin-panel .scorboard .picpart img {
    border-radius: 50%;
    border: 5px solid #fff;
    width: 150px; height: 150px;
}
.admin .admin-panel .scorboard .scorepart{background: transparent; padding: 10px; }
.admin .admin-panel .scorboard .scorepart ul li {
    font-weight: bold;
    list-style: none;
    color: #fff;
    margin-bottom: 5px;
    font-size: 14px; letter-spacing: 0.5px;
}

.admin .admin-panel .scorboard .scorepart .scorecard-table{ width: 100%; border:1px solid #3a5987; }
.admin .admin-panel .scorboard .scorepart .scorecard-table tr td{ 
  padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5px;
    border: 1px solid #3a5987;
    font-weight: 400; }

.blue-text{ color: #2e2fd7 !important }
.admin .admin-panel .trainer-assignment-upload-section .title .nametag{ background: #51ff68; color: #000; padding:5px; border-radius: 5px; }
.student-dashboard .card-white{
      background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 6px 6px 5px -8px rgba(0,0,0,0.16);
-moz-box-shadow: 6px 6px 5px -8px rgba(0,0,0,0.16);
box-shadow: 6px 6px 5px -8px rgba(0,0,0,0.16);
}

.student-dashboard .card-white .orng-top{ background: #ff7c00; padding:8px 15px; color: #fff; font-size: 15px; font-weight: bold;
letter-spacing: 0.5px; border-radius: 8px 8px 0px 0px; }
.student-dashboard .card-white .orng-top img{ margin-right: 8px; }
.student-dashboard  .student-dashboard-mid-part{ padding:15px; }



.student-dashboard .card-white .blue-top{ background: #0000fe; padding:8px 15px; color: #fff; font-size: 15px; font-weight: bold;
letter-spacing: 0.5px; border-radius: 8px 8px 0px 0px; }



.student-dashboard .coursetable{ width: 100%; border:0px solid #3a5987; }
.student-dashboard .coursetable tr td{ 
    padding: 3px 5px;
    color: #000;
    font-size: 15px;
    letter-spacing: 0.5px;
    border: 0px solid #3a5987;
    font-weight: 500; }
.student-dashboard .coursetable tr td span{     
  background: #fe0000;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 14px;
       min-width: 101px;
    display: inline-block;
    text-align: center; min-height:29px;}


.student-dashboard  .maeq-container {
    height: 120px; width: 100%;
}
.student-dashboard  .news-section{
 background: url(../../images/laptop-bg.png) no-repeat 0 26px;
   min-height: 303px;
    padding-top: 12%;
    background-size: 100%;
}

.student-dashboard  .news-section .marquee ul{     margin-left: 11%; }
.student-dashboard  .news-section .marquee ul li {
    width:100%;
}
.student-course{}
.student-course .orng-bg{ background: #ff7300 !important }
.student-course .orng-bg img{ width: 100%; border-radius: 8px; }
.student-course .title h1{ font-size: 20px; color: #000; font-weight: 600; letter-spacing: 0.5px; padding:0px; margin:0px; }
.student-course .title p{ font-size: 14px; color: #000; font-weight: 500;  }

.course-list .card-header{background: #ffffff;
    padding: 10px;
    border-radius: 5px;}
.course-list .card-header .btn{
      padding: 0px;
    margin: 0px;     text-decoration: none;
}

.course-list .card-header h5{    
    color: #000;
    font-weight: bold;
    font-size: 14px; text-align: left;} 
.course-list .card-header h5:hover{  }

.course-list .progress.topspace{margin-top: -20px; }
.course-list .progress{   
    background-color: #ffd9a8;
    border-radius: 8px !important;
    height: auto !important;
}

.course-list .progress .bg-info {
    background-color: #f7971e !important;
}

.course-list ul{ padding:0px; margin:0px; }
.course-list ul li{ list-style: none; padding:0px; margin:0px 0px 10px 0px; }
.course-list ul li h2{ color: #1f6bfd; font-weight: normal; font-size: 15px; padding:0px; margin: 0px; }
.course-list ul li p{ color: #000; font-weight: normal; font-size: 15px; }
.course-list ul li h2.green{color: #0ae531 !important; font-weight: bold; }

.course-list .card-header .c100{    
  right: 0;
    margin-top: -35px;
    position: absolute;}
.course-list .card-header .c100.small {
    font-size: 40px;
}

.course-list .card-header .c100 > span {
    width: 3em;
    line-height: 3em;
    font-size: 13px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.course-list .card-header .c100.orange .bar, .course-list .card-header .c100.orange .fill {
    border-color: #ff7300 !important;
}

.student-course-video-list{}
.student-course-video-list .video-list{}
.student-course-video-list .video-list .title{ font-size: 16px; color: #000; font-weight: bold; margin-bottom: 8px; }
.student-course-video-list .video-list .student-video-panel{ background: #fff; border-radius: 15px; padding:20px 10px;
border-bottom: 10px solid #ff7900; }

.student-course-video-list .video-list .student-video-panel h3{ font-size: 13px; color: #000; font-weight: bold; padding:0px 0px 0px 5px;
margin: 0px 0px 15px 0px; border-left: 3px solid #ff7900;  }
.student-course-video-list .video-list .student-video-panel img{ width:100%; }

.blur-border{ border-color: #0000b0 !important }

.admin-round-bg .alert-success{padding: 10px;
    background: #bdffc2;
    border-radius: 5px;
    border: 1px solid #51fb5d;}
.admin-round-bg .alert-success h3{    margin: 0;
    color: #007407;
    font-size: 18px;}

.admin-round-bg .alert-success .btn-success{    border: 0px;
    border-radius: 5px;
    margin-top: -3px;}


.admin-round-bg .alert-info{padding: 10px;
    background: #bdd9ff;
    border-radius: 5px;
    border: 1px solid #012674;}
.admin-round-bg .alert-info h3{    margin: 0;
    color: #012674;
    font-size: 18px;}

.admin-round-bg .alert-info .btn-info{    border: 0px;
    border-radius: 5px;
    margin-top: -3px;}


.student-assesment-info .title{ background: #ff7900; padding:10px;  font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 10px;
border-radius: 5px; letter-spacing: 0.5px;}
.student-assesment-info .assesment-time{ font-size: 15px; letter-spacing: 0.5px; color: #000; margin-bottom: 20px; display: block; }
.student-assesment-info .assesment-time span{ background: #055de5; padding:8px 10px; border-radius: 5px; color: #fff; font-weight: bold;
display: inline-block;}
.student-assesment-info .assesment-date{ font-size: 15px; letter-spacing: 0.5px; color: #000; margin-bottom: 20px; display: block; }
.student-assesment-info .assesment-date span{ background: #055de5; padding:8px 10px; border-radius: 5px; color: #fff; font-weight: bold;
display: inline-block;}

.student-assesment-test{}
.student-assesment-test .top-info{ font-size: 22px; color: #000; font-weight: 600; line-height: 22px; margin-bottom: 50px; }
.student-assesment-test .clock{       padding-top: 7%;
}
.student-assesment-test .clock #countdown{ 
    position: relative;
    height: 123px;
    padding: 5px 0px;
        width: 289px;
}

.student-assesment-test .clock #countdown #tiles > span{
  width: 92px;
  max-width: 92px;
  font-size: 50px; font-weight: 400;
  font-family: 'digital-7regular';
  text-align: center;
  color: #14f364;
  background: transparent;  
  border-radius: 3px;
  margin: 0 7px;
  padding: 0px 0;
  display: inline-block;
  position: relative;
}

.student-assesment-test .clock #countdown:before {
    height: 29px;
    top: 41px;
}
.student-assesment-test .clock #countdown:after {  
    height: 29px;
    top: 41px;
}


.student-assesment-test .clock #countdown .labels li {
    
    margin-top: 7px;
}

.student-assesment-test .questionpart{}
.student-assesment-test .questionpart .question{     padding-left: 40px;     margin-bottom: 25px;}
.student-assesment-test .questionpart .question .text{ font-size: 25px; color: #000; font-weight: bold; line-height: 22px; }

.student-assesment-test .questionpart .question .text p{
      line-height: 26px;
    font-size: 18px;
        margin-top: -23px;
}

#assesment_row_review .questionpart .question .text p{ margin-top: 0px; }

.student-assesment-test .questionpart .question .text small{ font-size: 15px; color: #000; }

.student-assesment-test .questionpart .question .number{    
    /*position: absolute;
    color: #fff;
    background: #ff7c00;
    font-size: 21px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    left: 11px;
    top: -4px;*/
    color: #fff;
    float: left;
    background: #ff7c00;
    font-size: 21px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: bold;
}



.student-assesment-test .questionpart .answer-part{}


.student-assesment-test .questionpart .answer-part .ans-inner{

    padding: 3px;
    border-radius: 5px;
    margin-bottom: 5px !important;
   margin-left: 38px;
}
.student-assesment-test .questionpart .answer-part .ans-inner .custom-control-label{ 
  color: #000;
    font-size: 17px;
    font-weight: 500;
}
.student-assesment-test .questionpart .answer-part .qus-number-plt{ font-size: 15px; font-weight: bold; color: #a5a0a0;}
.student-assesment-test .questionpart .answer-part .custom-control-input:checked~.custom-control-label::before {
    border-color: #f47820;
    background-color: #f47820;
}

.student-assesment-test .questionpart .answer-part .ans-inner .custom-control-label::before {
    pointer-events: none;
    background-color: #fff;
    border: 2px solid #ff7c00;
}

.student-assesment-test .questionpart .answer-part .ans-inner .custom-control-label::after, .student-assesment-test .questionpart .answer-part .ans-inner .custom-control-label::before {
    top: 0.28rem;
}

.assesment-popup-bold-text{     color: #000;
    font-weight: bold;
    font-size: 23px;
    line-height: 20px;
    margin-bottom: 20px;}

.admin-panel .theme-form .btn-red {
    background: #ee0000;
    border-radius: 5px;
    padding: 8px 25px;
    font-weight: bold;
    color: #ffffff;
    font-size: 17px; border-color: #ee0000;
}

.student-assesment-test-pop{padding: 14% 0; margin-top: 50%;}

.student-attendance-search-form{}
.student-attendance-search-form h1{ 
    font-size: 22px;
    font-weight: 800;
    padding: 0px;
    margin: 0px 0px 30px 0px;
    color: #050505;
    letter-spacing: 0.5px;
 }
.student-attendance-search-form .theme-form .btn-green{    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 8px;}

.student-feedback{}
.student-feedback .title{ background: #eaeaea; border-radius: 5px; padding:10px; color: #000; font-weight: 500; letter-spacing: 0.5px;
font-size: 18px; margin-bottom: 10px; }
.student-feedback .feedback-option{}


.student-feedback .feedback-option .custom-control-label{ }
.student-feedback .feedback-option .custom-control-label img{ width: 35px; }
.student-feedback .feedback-option .custom-control-input:checked~.custom-control-label::before {
    border-color: #f47820;
    background-color: #f47820;
}

.student-feedback .feedback-option .custom-control-label::before {
    pointer-events: none;
    background-color: #fff;
    border: 2px solid #ff7c00;
}

.student-feedback .feedback-option .custom-control-label::after, .student-feedback .feedback-option .custom-control-label::before {
    top: 0.7rem;
}

.student-assesment-rightpopup{ border-radius: 15px !important }
.student-assesment-rightpopup .imgpart img{ height: 350px;}
.student-assesment-rightpopup .modal-body{background: #fafafa; border-radius: 0px 0px 15px 15px;}

.changepassword-pop.student-assesment-rightpopup .modal-header {
    background: #00cd26 !important;
    border-radius: 15px 15px 0px 0px;     padding-left: 8%;
   
}


.student-assesment-wrongpopup{ border-radius: 15px !important }
.student-assesment-wrongpopup .imgpart img{ height: 350px;}
.student-assesment-wrongpopup .modal-body{background: #fafafa; border-radius: 0px 0px 15px 15px;}

.changepassword-pop.student-assesment-wrongpopup .modal-header {
    background: #f4201f !important;
    border-radius: 15px 15px 0px 0px;     padding-left: 8%;
   
}

.changepassword-pop.student-assesment-wrongpopup .textpart{}
.changepassword-pop.student-assesment-wrongpopup .textpart ul{padding:0px; margin:16% 0px 0px 0px;}
.changepassword-pop.student-assesment-wrongpopup .textpart ul li{ list-style: none; font-size: 18px; color: #000;
font-weight: 600; margin-bottom: 8px; line-height: 18px; }

.feedback-report{ border-radius: 8px; min-height: 350px; }
.feedback-report .text{ font-size: 18px; color: #000; padding-right: 5%; padding-left: 5%; font-weight: 600; line-height: 20px; }
.feedback-report .arrow_box {
    position: relative;
    background: #166ec5;
    border-radius: 8px 8px 0px 0px;
    text-align: center;
    padding: 25px;
}

.feedback-report .arrow_box img{ width: 90px; }
.feedback-report .arrow_box:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(22, 110, 197, 0);
  border-top-color: #166ec5;
  border-width: 15px;
  margin-left: -15px;
}
.img-responsive {
    width: 100%;
}

.student-dashboard  .student-dashboard-mid-part ul.list-style-none{}
.student-dashboard  .student-dashboard-mid-part ul.list-style-none li { margin-bottom: 12px; }
.student-dashboard  .student-dashboard-mid-part ul.list-style-none li i{ font-size: 25px; float: left;}
.student-dashboard  .student-dashboard-mid-part ul.list-style-none li i.text-success{ color: #32ea3e !important; }
.student-dashboard  .student-dashboard-mid-part ul.list-style-none li i.text-danger{ color: #e82a2a !important; }
.student-dashboard  .student-dashboard-mid-part ul.list-style-none li i.text-warning{ color: #ffec00 !important; }
.student-dashboard  .student-dashboard-mid-part ul.list-style-none li span{    color: #000;
    font-size: 17px;
    font-weight: bold;
}

.student-dashboard{ min-height: 480px; }


div.dataTables_info {
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.dashboard-admin .news-section .marquee ul {
       margin-left: 20%;    margin-right: 0;
}



.dashboard-admin .news-section .maeq-container {
    width: 400px;
    margin: 1em 0;

}

.dashboard-admin .news-section .marquee ul li{ width: 100%; }

.progress{ height: 15px !important; border-radius: 55px !important; }
.course-activity-panel .progress{ height: 25px !important;}

.bg-warning {
  background-color: #ff8101 !important;
}

.progress .progress-bar .text{    
 font-weight: bold;
    font-size: 15px;
    border: 2px solid #fff;
    margin: 0 auto;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px;
    line-height: 46px;
    right: 0;
    top: -24px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8101+0,ffbb47+100 */
background: #ff8101; /* Old browsers */
background: -moz-linear-gradient(left,  #ff8101 0%, #ffbb47 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff8101 0%,#ffbb47 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff8101 0%,#ffbb47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8101', endColorstr='#ffbb47',GradientType=1 ); /* IE6-9 */

  }

.btn-blue-sm-for-unitlist-info{ 
background: #0054ff;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    min-width: 35px;
    padding: 0px 11px;
    text-align: center;
    display: inline-block;
}

.btn-green-sm-for-unitlist-info{ 
background: #079e2b;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    min-width: 35px;
    padding: 0px 11px;
    text-align: center;
    display: inline-block;
}

.btn-yolo-sm-for-unitlist-info{ 
background: #ffd401;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    min-width: 35px;
    padding: 0px 11px;
    text-align: center;
    display: inline-block;
}

.btn-darkblue-sm {
    background: #2a1aec;
    border-radius: 3px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500; letter-spacing: 0.5px

}
.btn-darkblue-sm:hover{ color: #fff }



.admin .course-upload-popup-table .table-responsive .badge-pill.badge-success {
    background: #05c833;
    color: #fff;
    font-size: 11px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.2);
    margin-top: -3px;
    font-weight: 500;
    padding: 3px 10px;
    text-transform: uppercase;
}

.admin .table-responsive .btn-group .btn-view {
    background: #1c52e8;
    padding: 1px 5px;
}



.tbl-anslist .table-striped thead tr{background: linear-gradient(to right, rgb(255,103,0) 0%,rgb(255,158,35) 100%);}


.sth-teacher-list.page-wrapper{    margin-left: 0px !important; background: #e5e5e5 !important;}
.sth-teacher-list .sth-teacherlist-leftpart{}
.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form{ 
background: #fff;
border-radius: 8px; -webkit-box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
-moz-box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);     min-height: 250px;  
}

.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form .title{ 
    background: #ff9039;
    border-radius: 8px 8px 0px 0px;
    padding: 12px 15px;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    font-stretch: expanded;
}

.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form .title img{    padding-right: 8px;
    width: 40px;
    margin-top: -4px; 
}

.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form .title .btn-light{    
    float: right;
    border-radius: 5px;
    padding: 6px 19px;
    font-weight: bold;
    color: #ff9039;
    font-size: 15px;
}

.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form  .teacher-search-form{ padding: 0px; }
.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form  .teacher-search-form ul{
      padding: 0px 0 0px 0;
    margin: 0px;
    overflow: hidden;
}
.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form  .teacher-search-form ul li{
  float: left;
  list-style: none;
  margin-right: 10px;
}
.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form  .teacher-search-form ul li .custom-control-label{ font-size: 16px;
color: #000; font-weight: bold; }

.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form  .teacher-search-form ul li .custom-control-label::after, 
.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form  .teacher-search-form ul li .custom-control-label::before {
    top: 0.35rem;
}

.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form  .teacher-search-form ul li .custom-control-label::before {
   
    border: 1px solid #ff9039;
}

.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form  .teacher-search-form ul li .custom-control-input:checked~.custom-control-label::before {
   
    border-color: #ff9039;
    background-color: #ff9039;

}


.sth-teacher-list .sth-teacherlist-rightpart{}
.sth-teacher-list .sth-teacherlist-rightpart .teacher-info{ background: #fff5ec; border-radius: 8px;
padding: 15px; min-height: 156px; -webkit-box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
-moz-box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07); }

.sth-teacher-list .sth-teacherlist-rightpart .teacher-info .picpart{     position: absolute;
    left: 17px; }

.sth-teacher-list .sth-teacherlist-rightpart .teacher-info .picpart img{
    width: 100px;
    height: 100px;
    border-radius: 50%;     border: 2px solid #ff9039;}

.sth-teacher-list .sth-teacherlist-rightpart .teacher-info .picpart a.link{
       position: absolute;
    left: 4px;
    bottom: -15px;
    color: #f6f8f9;
    background: #ff9039;
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 11px;
}

.sth-teacher-list .sth-teacherlist-rightpart .teacher-info .textpart{padding-left: 120px;}
.sth-teacher-list .sth-teacherlist-rightpart .teacher-info .textpart h2{
    font-size: 18px;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    color: #707070;
    line-height: 18px;
}

.sth-teacher-list .sth-teacherlist-rightpart .teacher-info .textpart ul{ padding: 0px; margin: 0px; font-size: 11px;}


.sth-teacher-list .sth-teacherlist-rightpart .teacher-info .textpart ul li{ list-style: none; }

.sth-teacher-register{}
.sth-teacher-register .title{ font-size: 30px; font-weight: bold; color: #f98f41;     margin-bottom: 15px; }
.sth-teacher-register form{ width: 100%; }
.sth-teacher-register .form-control{ border-radius: 0px 10px 10px 0px !important;
    height: 46px !important;
    font-size: 15px !important;        border-color: #e5e5e5 !important;
    background: #f7f8fa !important;     line-height: 34px;}

.sth-teacher-register  .input-group-text {
    line-height: 2rem !important;
    color: #ffffff;
    background-color: #f98f41 !important;
    border: 1px solid #f98f41 !important;    width: 40px; border-radius: 10px 0px 0px 10px;
}

.sth-teacher-register .custom-select{border-radius: 0px 10px 10px 0px !important;
    font-size: 15px !important;
    border-color: #e5e5e5 !important;
    background: #f7f8fa;}


.sth-teacher-register  textarea.textarea2{height: 106px !important; border-radius: 10px !important; ;}

.sth-teacher-register .input-group .btn-form-orng {
    background: #f98f41 !important;
    border-radius: 10px 0 0 10px !important;
    border-color: #f98f41 !important;
    padding: 11px 14px !important;
}

.sth-teacher-register .btn-orng {
    background: #f1983e;
    border-radius: 5px;
    padding: 8px 25px;
    font-weight: bold;
    color: #ffffff;
    font-size: 17px;
    border-color: #f1983e;
}

.sth-teacher-panel-homepage-box{ position: absolute; left: 50px; top: 100px;
        background: #313131c2;
    border-radius: 8px; width: 50%; padding: 20px; }



.sth-teacher-panel-homepage-box .theme-form .custom-select{ 
    
    border: 1px solid #000;
    border-radius: 5px;
    height:calc(1.2em + 1.2rem + 1px);
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #125bff;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("https://cdn0.iconfinder.com/data/icons/ui-essence/32/_29ui-16.png") #0d0d0d no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("https://cdn0.iconfinder.com/data/icons/ui-essence/32/_29ui-16.png") #0d0d0d no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}

.sth-teacher-panel-homepage-box .theme-form .form-control{ 
    
    border: 1px solid #000;
    border-radius: 5px;
    height:calc(1.2em + 1.2rem + 1px);
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #125bff;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("https://cdn1.iconfinder.com/data/icons/twitter-ui-colored/48/JD-21-512.png") #0d0d0d no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("https://cdn1.iconfinder.com/data/icons/twitter-ui-colored/48/JD-21-512.png") #0d0d0d no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}

.sth-teacher-panel-homepage-box .btn-orng{

background: #f56e03;
    border: 0px;
    border-radius: 5px;
    padding: 8px 10px;
    font-weight: bold;
    margin-top:10px;
 }

.slider {
width: 90%;
margin: 10px auto;
}

.slick-slide {
margin: 0px 20px;
}

.slick-slide img {
width: 100%;
}

.slick-prev:before,
.slick-next:before {
color: black;
}


.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}

.slick-active {
opacity: .5;
}

.slick-current {
opacity: 1;
}


.sth-teacher-panel-homepage-box .slider .teacherslide-inner{
  background: #fff;
  border-radius: 15px;
  min-height: 275px;
transition: transform .5s ease;
}


.slider.regular .teacherslide-inner:hover {
    transform: scale(1.1);   border-radius: 15px;
}


.sth-teacher-panel-homepage-box .slider .teacherslide-inner .head{

 background: url(../../images/teacher-info-bg.png) no-repeat; 
 min-height: 115px; 
 background-size: 100%;

}


.sth-teacher-panel-homepage-box .slider .teacherslide-inner .head img {
    width: 80px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 32px;
    margin-left: 15px;}

.sth-teacher-panel-homepage-box .slider .teacherslide-inner .name{
  font-size: 13px; font-weight: bold; color: #707070;padding: 10px 0px 0px 25px;
  line-height: 15px; letter-spacing: 0.5px;
}

.sth-teacher-panel-homepage-box .slider .teacherslide-inner .name img{ width: 12px;display: inline-block; 
position: absolute; margin-left: -17px}

.sth-teacher-panel-homepage-box .slider .teacherslide-inner .qualification{    font-size: 10px;
    padding-left: 28px;}

.sth-teacher-panel-homepage-box .slider .teacherslide-inner .details{    
    font-size: 11px;
    line-height: 13px;
    padding:0px 10px;
}

.sth-teacher-details{   margin-left: 0px !important; background: #e5e5e5 !important;}
.sth-teacher-details .sth-teacherdetails-leftpart{
     background: #fff;
    border-radius: 25px;
    -webkit-box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
    -moz-box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
    box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
    min-height: 250px;
}

.sth-teacher-details .sth-teacherdetails-leftpart .banner{ 
   background: #fedcc0;
   border-radius: 25px 25px 0px 0px;
   min-height: 250px;
 }

 .sth-teacher-details .sth-teacherdetails-leftpart .banner img{ width: 100%; border-radius: 25px 25px 0px 0px; }
.img-gradient{
  position:relative;
  display:inline-block;
}

 .img-gradient:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(0,47,75,0.5) 0%, rgba(220, 66, 37, 0.5) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220, 66, 37, 0.5)), color-stop(100%,rgba(0,47,75,0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.img-gradient img{
  display:block;
}

.reserveyoursit-btn{    position: absolute;
    right: 28px;
    top: 207px;
    background: #ff9039;
    border-radius: 20px;
    border: 0px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;}
.sth-teacher-details .sth-teacherdetails-leftpart .left{}
.sth-teacher-details .sth-teacherdetails-leftpart .left .profileimage img{
width: 180px;
    border-radius: 50%;
    margin-top: -111px;
    height: 180px;
}

.sth-teacher-details .sth-teacherdetails-leftpart .left .name{

     font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-top: 19px;
    line-height: 25px;
    margin-bottom: 5px;
}

.sth-teacher-details .sth-teacherdetails-leftpart .left .digree{

   font-size: 17px;
    margin-left: 33.6%;
}

.sth-teacher-details .sth-teacherdetails-leftpart .left .address{

      margin-left: 30%;
    font-size: 12px;
    line-height: 19px;
    margin-top: 15px;
    margin-bottom: 15px;
        padding-left: 15px;

}

.sth-teacher-details .sth-teacherdetails-leftpart .left .address .fas{    
  position: absolute;
    color: #ff9039;
    left: 129px;
    font-size: 15px;
}

.sth-teacher-details .sth-teacherdetails-leftpart .left .social-media{margin-left: 130px; margin-bottom: 25px;}
.sth-teacher-details .sth-teacherdetails-leftpart .left .social-media p{
     color: #ff9039;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

.sth-teacher-details .sth-teacherdetails-leftpart .left .social-media img{ margin-right: 4px;}


.sth-teacher-details .sth-teacherdetails-leftpart .text-part{}
.sth-teacher-details .sth-teacherdetails-leftpart .text-part .right-info{

  background: #fff0e4;
  padding: 25px;
  border-radius: 0px 0px 25px 0px;
  min-height: 350px;
}

.sth-teacher-details .sth-teacherdetails-leftpart .text-part .right-info ul{ padding: 0px; margin:0px 0px 25px 0px; }
.sth-teacher-details .sth-teacherdetails-leftpart .text-part .right-info ul li{ 
     list-style: none;
    font-size: 14px;
    padding: 0px;
    margin: 0px 0px 7px 0px;
}
.sth-teacher-details .sth-teacherdetails-leftpart .text-part .right-info ul li img{ 
      width: 12px;
    margin-right: 2px;
    margin-top: -2px;
 }

.sth-teacher-details .sth-teacherdetails-leftpart .text-part .right-info p{
  font-style: italic;
  line-height: 20px;
  font-size: 17px;
  margin:30px 0px;

}

.sth-teacher-details .sth-teacherdetails-rightpart {
    background: #fff;
    border-radius: 25px;
    -webkit-box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
    -moz-box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
    box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
    min-height: 250px;
        padding: 25px;
}


.sth-teacher-details .sth-teacherdetails-rightpart .title{

    color: #ff9039;
    font-size: 21px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 25px;
}

.sth-teacher-details .sth-teacherdetails-rightpart .student-testimonials{ margin-bottom: 15px; }
.sth-teacher-details .sth-teacherdetails-rightpart .student-testimonials .video{ margin-right: 10px; margin-bottom: 15px; }
.sth-teacher-details .sth-teacherdetails-rightpart .student-testimonials .video img{ width:100%; }


.sth-teacher-details .sth-teacherdetails-rightpart .student-testimonials .infopart{}
.sth-teacher-details .sth-teacherdetails-rightpart .student-testimonials .infopart h5{
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 15px;
}

.sth-teacher-details .sth-teacherdetails-rightpart .student-testimonials .infopart h5 span{ padding-left: 8px; }
.sth-teacher-details .sth-teacherdetails-rightpart .student-testimonials .infopart h5 span .fas{font-size: 13px;
    color: #f56e03; }

.sth-teacher-details .sth-teacherdetails-rightpart .student-testimonials .infopart p{
  font-size: 13px;
    line-height: 18px;
    font-style: italic;
}

.sth-teacher-list .sth-teacherlist-leftpart .inner-search-form  .teacher-search-form .form-group.mb-2{ margin-bottom: 1rem !important;  }

.teacherslide-inner ul{ padding: 0px; margin:10px 15px 0px 15px; }
.teacherslide-inner ul li{ list-style: none; font-size: 11px; font-weight: bold; letter-spacing: 0.5px; }

.sth-teacher-list .sth-teacherlist-rightpart .teacher-info .star{
    padding: 0px;
    line-height: 15px;
    margin: -2px 0 8px 0;
}
.sth-teacher-list .sth-teacherlist-rightpart .teacher-info .star .fas{
    color: #ff9039;
    font-size: 10px;

}


.sth-teacher-details .sth-teacherdetails-leftpart .left .star{
    padding: 0px;
    line-height: 15px;
    margin: -2px 0 8px 33.2%;
}
.sth-teacher-details .sth-teacherdetails-leftpart .left .star .fas{
    color: #ff9039;
    font-size: 10px;

}

.shedulecall-btn {
       background: #ff9039;
    border-radius: 45px;
    border: 0px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -24px;
}

.shedulecall-btn:hover{}
.orng-bg{ background: #ff8f39 !important; }


/*** 05.06.20****/
.sth-teacher-seat-reserve-panel{
   background: #fff;
    border-radius: 25px;
    -webkit-box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
    -moz-box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
    box-shadow: 12px 13px 7px -10px rgba(0,0,0,0.07);
    min-height: 450px;
    padding: 25px;
}




.sth-teacher-seat-reserve-panel .rate{}
.sth-teacher-seat-reserve-panel .rate .table td{ color: #ffa24f;
padding: 0; font-size: 20px; font-weight: 400 }
.sth-teacher-seat-reserve-panel .rate .custom-radio .custom-control-label::before{ border-radius: 0px; }
.sth-teacher-seat-reserve-panel .rate .custom-control-input:checked~.custom-control-label::before{ background: #ffa24f;
border-color:  #ffa24f }

.reserveaseat-calender{}
.reserveaseat-calender .fc-header-toolbar{    padding: 10px;
    margin: 0px 0 10px 0;
    background: #ff8f39;
    border-radius: 8px;}

.reserveaseat-calender .fc-header-toolbar h2{
      padding: 0px;
    margin: 0px;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
}

.reserveaseat-calender .fc-toolbar .fc-button {
    background: #ffffff;
    color: #ff8f39;
    border: none;
}

.reserveaseat-calender .fc-toolbar .fc-button-group {
    border: 0px solid #2961ff;
}

.reserveaseat-calender .fc-toolbar .fc-button.fc-state-active {
    color: #ff8f39;
}

.reserveaseat-calender .fc-event-container .bg-info {
    background-color: #ff8f39!important;
}

.sth-teacher-register .error{     color: red;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    margin: 0px; }



#carousel {
  position: relative;
  height: 400px;
  /*top: 50%;
  transform: translateY(-50%);*/
  overflow: hidden;
}
#carousel div {
  position: absolute;
  transition: transform 1s, left 1s, opacity 1s, z-index 0s;
  opacity: 1;
}
#carousel div img {
  width: 400px;
  transition: width 1s;
}
#carousel div.hideLeft {
  left: 0%;
  opacity: 0;
  transform: translateY(50%) translateX(-50%);
}
#carousel div.hideLeft img {
  width: 200px;
}
#carousel div.hideRight {
  left: 100%;
  opacity: 0;
  transform: translateY(50%) translateX(-50%);
}
#carousel div.hideRight img {
  width: 200px;
}
#carousel div.prev {
  z-index: 5;
  left: 30%;
  transform: translateY(50px) translateX(-50%);
}
#carousel div.prev img {
  width: 300px;
}
#carousel div.prevLeftSecond {
  z-index: 4;
  left: 15%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0.7;
}
#carousel div.prevLeftSecond img {
  width: 200px;
}
#carousel div.selected {
  z-index: 10;
  left: 50%;
  transform: translateY(0px) translateX(-50%);
}
#carousel div.next {
  z-index: 5;
  left: 70%;
  transform: translateY(50px) translateX(-50%);
}
#carousel div.next img {
  width: 300px;
}
#carousel div.nextRightSecond {
  z-index: 4;
  left: 85%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0.7;
}
#carousel div.nextRightSecond img {
  width: 200px;
}

.buttons {
    position: fixed;
    left: 30%;
    transform: translateX(-50%);
    margin-top: 9px;
    z-index: 9
}

#carousel div.selected .teacher-info{
   position: absolute;
    top: 267px;
    background: #125bffbd;
    width: 100%;
    height: 133px;
    display: inline-block;
    z-index: 0;
    left: 0;
    padding: 15px;
    text-align: center;
}
#carousel div.prev .teacher-info{ display: none; }
#carousel div.next .teacher-info{ display: none; }
#carousel div.hideLeft .teacher-info{ display: none; }
#carousel div.prevLeftSecond .teacher-info{ display: none; }
#carousel div.nextRightSecond .teacher-info{ display: none; }



#carousel div.teacher-info .name{
  position: initial;
    font-size: 15px;
    color: #eef5ee;
    padding: 0px;
    letter-spacing: 0.5px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 600;
}

#carousel div.teacher-info .qualification{
  position: initial;
    font-size: 13px;
    color: #eef5ee;
    padding: 0px;
    letter-spacing: 0.5px;
    margin: 0px;
    font-weight: normal;
}

#carousel div.teacher-info ul{
   padding: 0px;
    margin: 0px;
}
#carousel div.teacher-info ul li{ list-style: none; font-size: 11px; color: #fff }

.sth-teacher-panel-homepage-box .buttons .btn-success{    border-radius: 50px;
    width: 30px;
    height: 30px;
    text-align: center; padding: 0px;}
.sth-teacher-panel-homepage-box .buttons .btn-success img{ width: 11px; }

/** 08.06.2020 **/
.sth-teacher-seat-reserve-panel .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{
      background: #2a1aec;
    border-radius: 3px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.sth-teacher-seat-reserve-panel .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{
     background: #ff8f39 ;
    border-radius: 3px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

/** 10.06.2020 **/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');


.feedback-pop{ border-radius: 15px;border: 0; font-family: 'Open Sans', sans-serif;}

.feedback-pop .close-btn{ background: none;
    border: 0px;
    position: absolute;
    right: 6px;
    top: 8px; }
.feedback-pop .close-btn img{ width: 25px; }
.feedback-pop .modal-body{ padding: 0px; }
.feedback-pop .modal-body .top-blue-img{
   /* background: url(../../assets/images/feedback-popup-blue-bg-top.png) no-repeat;
    height: 150px;
    background-position: right top;
    background-size: 140px;*/
    position: absolute;
    right: 0;
    top: 0;
}
.feedback-pop .modal-body .top-blue-img img{ height: 140px; }

.feedback-pop .modal-body .bottom-blue-img-left{
    background: url(../../images/feedback-popup-blue-bg-bottom.png) no-repeat;
    height: 138px;
    background-position: left bottom;
    background-size: 140px;
}


.feedback-pop .modal-body{
    background: url(../../images/feedback-popup-people-bg-bottom.png) no-repeat;
    background-position: right bottom;
    background-size: 350px;  border-radius: 15px;
    
}

.feedback-pop .modal-body .feedback-info{ /*min-height: 350px; padding-top: 5%; padding-bottom: 5%;*/
    min-height: 250px;
    padding-top: 12%;
    padding-bottom: 5%; }
.feedback-pop .modal-body .feedback-info .title{ margin-bottom: 15px;  position: relative;     padding-left: 60px;}
.feedback-pop .modal-body .feedback-info .title span{position: absolute; left: 0px; top: -7px;}
.feedback-pop .modal-body .feedback-info .title span img{ width: 50px; }
.feedback-pop .modal-body .feedback-info .title .title-tx{ 
      font-size: 25px;
    color: #151515;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 18px;
    font-family: 'Oswald', sans-serif;
 }
 .feedback-pop .modal-body .feedback-info .title .title-tx strong{ color: #29c2ea;  font-weight: 400;}
.feedback-pop .modal-body .feedback-info .title small{ 
  font-size: 11px;
    color: #918d8d;
    letter-spacing: 0.5px;
    line-height: 15px;
    padding-top: 4px;
    float: left;
    font-weight: bold;
 }

.feedback-pop .modal-body .feedback-info .genarel-feedback-form{ margin-top: 5% }
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner{background: #f7f7f7; border-radius: 15px;
padding: 15px 15px 0px 15px;}

.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .question{
      margin-bottom: 5px;
    padding-left: 46px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    line-height: 18px;
}
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .question span{
  position: absolute;
    left: 28px;
}

.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .question span img{
      width: 30px;
      margin-top: -5px;
}

.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer{   
      display: inline-block;
    width: 100%;
}
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer ul{
    padding: 0px;
       margin: 0px 0 0 45px;
}

.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer ul li{
  list-style: none;
  float: left; margin-right:8px;
}
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer ul li img{ 
  width: 18px;
  webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); 
}
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer ul li img:hover{filter: none; cursor: pointer;}



.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating {
    float:left; margin-left: 40px;
}


.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
}

.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating:not(:checked) > label:before {
    content: '★ ';
}

.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating > input:checked ~ label {
    color: #f70;
}

.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating:not(:checked) > label:hover,
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating:not(:checked) > label:hover ~ label {
    color: gold;
}

.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating > input:checked + label:hover,
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating > input:checked + label:hover ~ label,
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating > input:checked ~ label:hover,
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating > input:checked ~ label:hover ~ label,
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating > label:hover ~ input:checked ~ label {
    color: #ea0;
}

.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .answer .rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

.feedback-pop .modal-body .feedback-info .genarel-feedback-form .btn-success{
     background: #29c2ea !important;
    border-radius: 23px;
    padding: 8px 24px 10px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #fff;
    border: 0px;
    font-family: 'Oswald', sans-serif;
}

.feedback-pop .modal-body .feedback-info .thanks-msg{}
.feedback-pop .modal-body .feedback-info .thanks-msg img{ 
    width: 75px;
    margin-top: 0;
    margin-bottom: 10px;
}
.feedback-pop .modal-body .feedback-info .thanks-msg h2{
  font-size: 45px;
    font-weight: bold;
    color: #2a48fd;
    margin: 0px;
}
.feedback-pop .modal-body .feedback-info .thanks-msg p{
      font-size: 20px;
    font-weight: 600;
    color: #353535;
    line-height: 22px;
    letter-spacing: 0.5px;
}
.feedback-pop .modal-body .feedback-info .form-control-feedback{
    background: #fff;
    border: 1px solid #dedddd;
    width: 100%;
    border-radius: 8px !important;
    height: 150px;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 13px; color: #000;

}


.auth-box.login-box-new .login-top-2{     
    position: absolute;
    top: 0;
    left: 0;}
.auth-box.login-box-new .login-top-2 ul{ padding:0px; margin: 0px; top: 0px;}
.auth-box.login-box-new .login-top-2 ul li{ 
    list-style: none;
    padding: 0px;
    margin: -21px 0 0 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    width: 175px;
    background-size: contain;
    height: 52px;
    line-height: 48px;
    font-weight: 500;
    letter-spacing: 1px;
    float: left;
    margin-right: 8px;
  }
   .auth-box.login-box-new .login-top-2 ul li a, .auth-box.login-box-new .login-top-2 ul li a:hover{ color: #fff; }
   .auth-box.login-box-new .login-top-2 ul li:hover{  
  -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;}

 .auth-box.login-box-new .login-top-2 ul li img{
  height: 60px;
  width: 150px;
 }

.lsssdc-sideboxwrapper .login-top-2 ul{    margin-top: 15px !important;}
.lsssdc-sideboxwrapper .login-top-2 ul li{margin-top: -7px !important;}
.lsssdc-sideboxwrapper .login-top-2 ul li img {
        height: 60px !important;
    margin-top: 13px !important;
  }
.lsssdc-sideboxwrapper h2 {margin-top: 26% !important; margin-bottom: 0px !important}
.lsssdc-sideboxwrapper .login-top-2 ul li.nsdc{    background: #fff;
    width: 143px;
    height: 74px;
    margin: 0px 10px 10px 10px;}

.lsssdc-sideboxwrapper .login-top-2 ul li.nsdc img{width: 80px;
    margin-top: 10px !important;}

.lsssdc-bg .lsssdc-sideboxwrapper{

    top: 0% !important;
        height: 100% !important;
            background: #fff;
}

.lsssdc-sideboxwrapper.login-box-new .forgot.text-dark{ color: #000 !important; }
.lsssdc-sideboxwrapper h5{color: #0060ad;}



.ipsclogo{ width: auto !important;}


.sth-teachersection-table .table td{ padding: 0.8rem 0.5rem; }
.sth-teachersection-table .table th{ padding: 0.8rem 0.5rem !important; }
.sth-teachersection-table .table .custom-control{    padding-left: 22px;
    float: left; margin-top: -3px;}
.sth-teachersection-table .table .btn-success{
      border-radius: 4px;
    line-height: 11px;
    font-size: 11px;
    border: 0px;
    padding: 5px;
}

.admin .admin-assesment-add-question .answeroption-list .table tbody .custom-control.custom-radio .radio-success label{
  line-height: 21px;
}
.plumbacharyabg{        background: #ffffffc7 !important;}
.plumbacharyabg .login-top-2{ width: 100%; background: #fff; }
.plumbacharyabg #loginform{     margin-top: 48%;}
.plumbacharyabg #recoverform{     margin-top: 48%;}

.auth-wrapper{ background-size: cover !important; 
      background-position: top center !important;
 }



.sth-teacher-register .teacher-resgistration-info{}
.sth-teacher-register .teacher-resgistration-info .card-header-title{
    padding: 10px 22px;
    border-radius: 8px;
background: #ff7a17;
background: -moz-linear-gradient(top,  #ff7a17 0%, #fc9816 49%, #ff7a17 97%);
background: -webkit-linear-gradient(top,  #ff7a17 0%,#fc9816 49%,#ff7a17 97%);
background: linear-gradient(to bottom,  #ff7a17 0%,#fc9816 49%,#ff7a17 97%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7a17', endColorstr='#ff7a17',GradientType=0 );
z-index: 2;
}
.sth-teacher-register .teacher-resgistration-info .card-header-title span{
       border: 0px;
    background: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    color: #fff;
}

.sth-teacher-register .teacher-resgistration-info .card-body{
  background: #efefef;
    border-radius: 0px 0px 5px 5px;
    margin-top: -10px;
    z-index: 1;
    font-size: 13px;
    color: #000;
    font-weight: normal;
}

.sth-teacher-register .teacher-resgistration-info .card-header-title span img{ margin-right: 8px; }
.sth-teacher-register .teacher-resgistration-info .select2{border-radius: 0px 8px 8px 0px !important;}
.sth-teacher-register .teacher-resgistration-info .select2-container--default .select2-selection--multiple .select2-selection__choice{
  background: #ff7a17;
background: -moz-linear-gradient(top,  #ff7a17 0%, #fc9816 49%, #ff7a17 97%) !important;
background: -webkit-linear-gradient(top,  #ff7a17 0%,#fc9816 49%,#ff7a17 97%) !important;
background: linear-gradient(to bottom,  #ff7a17 0%,#fc9816 49%,#ff7a17 97%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7a17', endColorstr='#ff7a17',GradientType=0 );
  border:0px !important;
}

.menunew .menunew-inner ul.second-level{     }
.menunew .menunew-inner ul.second-level li a{    font-size: 11px !important;
    padding: 2px 8px !important;
    line-height: 16px !important;}

.sidebar-nav ul.first-level li.sidebar-item{ width: auto !important; }
.sidebar-nav ul.first-level .has-arrow::after{ top: 19px !important }
.sidebar-nav ul.first-level li.sidebar-item:hover{ border:0px !important; }



.feedback_textarea{}
.feedback_textarea textarea {
    height: 50px !important;
    width: 84% !important;
    float: left !important;
}

/*03.07.20 */
#grad1 {
        font-family: 'Roboto', sans-serif;
}

#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset .form-card {
    background: white;
    border: 0 none;
    box-sizing: border-box;
    position: relative
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E
}

#msform input,
#msform textarea {
      box-sizing: border-box;
    letter-spacing: 1px;
}
.sth-teacher-registe #msform .custom-select{    border: 1px solid #ffddc2 !important;     border-radius: 10px !important;}
.sth-teacher-registe #msform .form-control {  border: 1px solid #ffddc2 !important;     border-radius: 10px !important;}
#msform .select2{  border-radius: 0px 8px 8px 0px;  border: 1px solid #ffddc2 !important;}
#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
   
    border-bottom: 0px solid skyblue;
    outline-width: 0
}

#msform .action-button {
    font-weight: bold;
    color: white;
    border: 0 none;
    cursor: pointer;
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;
}

#msform .action-button-previous {
    font-weight: bold;
    color: white;
    border: 0 none;
    cursor: pointer;
    background: #848383;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

#msform .input-group-prepend{ height: 46px; }

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue
}

#msform .card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative
}

.fs-title {
    font-size: 20px;
    color: #ff9039;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.5px;
}

#progressbar {
    overflow: hidden;
    color: lightgrey;
    width: 44%;
    margin: 0 auto 10px;
    padding-left: 12%;
}

#progressbar .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 20%;
    float: left;
    position: relative
}

#progressbar #account:before {
   
    content: "1"
}

#progressbar #personal:before {
    content: "2"
}

#progressbar #payment:before {
    content: "3"
}

#progressbar #confirm:before {
    content: ""
}

#progressbar li:before {
        width: 35px;
    height: 35px;
    line-height: 32px;
    display: block;
    font-size: 14px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 1px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 19px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #ff9039;
}

.radio-group {
    position: relative;
    margin-bottom: 25px
}

.radio {
    display: inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 2px
}

.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)
}

.radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)
}

.fit-image {
    width: 100%;
    object-fit: cover
}

 #msform .tutor-proffesional-ino .select2{ border-radius: 8px !important }
  #msform .title{ 
        padding: 10px;
    margin: 0px;
    font-size: 15px;
    color: #fff;
    letter-spacing: 0.5px;
    font-weight: 500;
    background: #f98f41;
    border-radius: 11px;
    text-align: center;
   }

#msform .table-responsive{ 
  border-radius: 11px;
    border: #f98f41 1px solid;
}
#msform .table-responsive thead{ background: transparent; color: #f57b20; }
#msform .table-responsive thead th {
    padding: 10px 20px !important;
    border-bottom: 1px solid #f98f41;
    border-right: 1px solid #f98f41;
    font-size: 18px;

}

#msform .table-responsive tbody td{
 padding: 10px 5px !important;
    border-bottom: 1px solid #f98f41;
    border-right: 1px solid #f98f41;

}

#msform .table-responsive .bb-0{ border-bottom: 0px !important }
#msform .information-box{    background: #f8f7f7;
    border-radius: 15px;
    padding: 25px;
    -webkit-box-shadow: 7px 5px 10px -2px rgba(0,0,0,0.13); 
box-shadow: 7px 5px 10px -2px rgba(0,0,0,0.13);
 -moz-box-shadow: 7px 5px 10px -2px rgba(0,0,0,0.13); 
  }

#msform .information-box h2{
      padding: 0px;
    margin: 0px 0 18px 0px;
    font-size: 18px;
    color: #363636;
    letter-spacing: 0.5px;
    line-height: 19px;
}
#msform .information-box h3{
      font-weight: bold;
    color: #363636;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    line-height: 15px;
}

#msform .information-box small{
font-size: 10px;
    padding: 0px;
    margin: 2px 0 0 0;
    color: #ff9039;
    font-style: italic;
    float: left;

}
#progressbar.payment-msg li:before{ background:#0abf59 !important; }
#progressbar.payment-msg li:after{ background:#f98f41 !important; }


.reserve-seat-table{}
.reserve-seat-table .scrollbar {
    height: 165px;
    background: #ffe3d0;

}
.reserve-seat-table .force-overflow {
    min-height: 200px;
}

.reserve-seat-table .table-responsive thead th:last-child {
    border-radius: 0px !important;
}

.reserve-seat-table .table-responsive .table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffe3d0 !important;
}

.sth-teacher-seat-reserve-panel h2 {
      font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #ff6901;
    padding: 0px;
    margin: 0px;
}

.reserve-seat-table .sth-teachersection-table .table td {
    padding: 0.8rem 0.8rem !important;
}

.rate .scrollbar {
    height: 85px;

}
.rate .force-overflow {
    min-height: 100px;
}


#msform .tutor-proffesional-ino-2 .multiselect.btn-default {  
    width: 187px !important;
    border-radius: 8px;
    
}

#msform .multiselect.btn-default {

  height: 46px;
    margin-top: -5px;
    border-radius: 0px 8px 8px 0px;
    text-align: left;
    width: 350px;
    background: #fff;
    color: #bbbbbb;
    border: 1px solid #ffddc2;
}

.admin .rate#subject_rate{ margin-top: -10px !important }
.admin .rate label.error{ margin-bottom: 0px !important;     min-height: auto;}

.assesment-scrollingtext{}
.assesment-scrollingtext .title{
      background: #0000fe;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding-left: 21px;
    line-height: 48px;
    border-radius: 10px 0px 0px 10px;
}

.assesment-scrollingtext .movingtext{ 
  background: #fff; 
  border-radius: 0px 10px 10px 0px; 
  margin-left: -10px; }

.assesment-scrollingtext .movingtext .scroll-slow a{ 
         margin-right: 15px;
    font-size: 11.5px;
    letter-spacing: 1px;
    color: #272727;
    text-transform: uppercase;
    font-weight: bold;
 }

 .assesment-scrollingtext .movingtext .scroll-slow a:hover{color: #0000fe }

 .assesment-scrollingtext .movingtext .scroll-slow a .fa{ color: #0000fe }

.scroll-slow {
 min-height: 45px;  
 overflow: hidden;
 position: relative;
 /*background: yellow;
 color: orange;
 border: 1px solid orange;*/
}
.scroll-slow p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);  
 transform:translateX(100%);
 /* Apply animation to this element */  
 -moz-animation: scroll-slow 45s linear infinite;
 -webkit-animation: scroll-slow 45s linear infinite;
 animation: scroll-slow 45s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-slow {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-slow {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-slow {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%);     
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}


.join_tt ul.multiselect-container{
    height: 250px;
    overflow: hidden scroll;
}

.aaskbg{ background:#f3f4f6; }
.aaskbg .login-box-new.auth-box.on-sidebar {
    top: 0%;
    height: 100%;
}

.aaskbg .auth-box.login-box-new {
    background: rgba(255, 255, 255, 0.5882352941176471) !important;
}
.aaskbg .auth-box.login-box-new h5 {
    color: #163959 !important;
}
.aaskbg .auth-box.login-box-new h5 span {
    background: #da422d;
}

.aaskbg .auth-box.login-box-new .btn-info {
    background: #da422d !important;
}

.aaskbg .auth-box.login-box-new .forgot {
    color: #163959 !important;
}

.aaskbg .aask-inner{     width: 60%;
    left: 0;
    position: absolute;}

.aaskbg .aask-inner img{ width: 250px; }

.aaskbg .aask-inner p{    
    font-size: 25px;
    color: #003e73;
    font-weight: bold;
    line-height: 29px;
    margin-top: 10px;}

.student-course-video-list .video-list .student-video-panel img.student_course_image{
      width: 100%;
    height: 100px;
}

.aaskbg .logo-b{left: 263px !important;}
.aasklogo-inner{width: 45px;}

.studentlist-selectbox{    width: 150px; float: left; }
.studentlist-selectbox .form-control{
  background: #06c833;
    border-radius: 8px;
    height: 37px;
    color: #fff;
    cursor: pointer;
    margin-left: -4px;
}
.studentlist-selectbox .form-control option{

      background: #fff;
    color: #000;
    padding: 8px;
}

.admin-round-bg ul{padding: 0;}
.admin-round-bg ul li{ list-style: none; }

/*** eaxam Online web ****/
.examolinebg{ background: #eeeff3 !important; }
.examolinebg .logo-n img{width: 200px;}
.examolinebg.auth-wrapper .login-box-new.auth-box.on-sidebar {
    top: 0;
    height: 100%;
}
.examolinebg .auth-box.login-box-new {
    background: rgb(255 255 255);
    max-width: 500px;
}

.examolinebg .logo-n{ margin-top: 15px; }
.examolinebg .examonline-left-image{ float: left; }
.examolinebg .examonline-left-image img{ width: 800px; margin-top: 3.5%; }
.examolinebg span.right-shape{
      position: absolute;
    top: -12px;
    right: -10px;
}

.examolinebg.auth-wrapper .auth-box .logo {
    text-align: left;
}
.examolinebg img.kaushal-logo{
      width: 300px;
    margin-top: 17%;
    margin-bottom: 8%;
}
.examolinebg .auth-box.login-box-new h5 {
   font-size: 30px;
    color: #0076fa;
    font-weight: 700;
    font-family: 'Martel Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0px;
    margin: 0px;
    line-height: 25px;
}



.examonline-login-form .form-outer-border {
    border-bottom: 1px solid #d0d0d0;
    padding: 0px;
}


.examonline-login-form .form-outer-border .input-group-addon {
    position: absolute;
    z-index: 9;
}

.examonline-login-form .form-outer-border .form-control {
  border: 0px;
    padding: 5px 5px 5px 35px;
    margin: 0px;
    height: 40px;
    line-height: 35px;
    font-size: 13px;
    font-weight: 700;
    color: #5a5a5a !important;
    background: #fff;
}

.examonline-login-form .form-outer-border .form-control:focus {
  background: #fff;
  border-bottom: 1px solid #2c95fa;
  box-shadow: none;
  border-radius: 0px;

}


.examonline-login-form .form-outer-border img {
    height: 28px;
    margin-top: 3px;
}


.examonline-login-form .btn {
   background: #0076fa;
    border-radius: 30px;
    padding: 10px 25px 10px;
    margin: 30px 0px 0px 0px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    border: 0px;
    font-weight: normal;
    text-transform: uppercase;
}

.examonline-login-form .forget-text {
    line-height: 17px;
    font-size: 13px;
    color: #818181;
    letter-spacing: 1px;
}
.examonline-login-form .forget-text a {
    color: #818181;
    font-weight: 700;
}

.examonline-footer{
      font-size: 11px;
    position: absolute;
    z-index: 9999;
    right: 6px;
    bottom: 0;
}
.examonline-login-form .form-outer-border .input-group {    height: 40px;}
.examonline-login-form .form-control::placeholder {
  color: #5a5a5a !important;
}


.finalassesment-section{}
.finalassesment-section .title{
  color: #2c95fa;
    font-weight: bold;
    list-style-type: none;
    font-size: 23px;
        margin-bottom: 11px;
            letter-spacing: 1px;
}

.finalassesment-section .finalassesment-list{}
.finalassesment-section .finalassesment-list ul{
  padding: 0px;
  margin:0px;
}

.finalassesment-section .finalassesment-list ul li{
      margin-bottom: 8px;
    background: #f5f3f3;
    padding: 5px;
        display: block;
}

.finalassesment-section .finalassesment-list ul li:hover{
  background: #eaeaea;
  cursor: pointer;
}
.finalassesment-section .finalassesment-list ul li a{
        font-size: 14px;
    color: #151515;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.finalassesment-section .finalassesment-list ul li a span{
      float: right;
}



.auth-wrapper.crescendo-home .login-box-new.auth-box.on-sidebar{
  top: 0;
    height: 100%;
}

.crescendo-home .cresendo-text{margin-top:50px; width:100%;}

.chart-title{
      background: #e2e2e2;
    font-weight: bold !important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 12px 15px;
    color: #202a2e;
    border-radius: 19px;
    letter-spacing: 1px;
}


/*** vidyacare **/
.vidyacare-home{}
.auth-wrapper.vidyacare-home .login-box-new.auth-box.on-sidebar{
  top: 0;
  height: 100%;
  background: #fefde9;
}

.auth-wrapper.vidyacare-home .vidyacare-text{
      width: 250px;
    padding-top: 25%;
}



.vevidyacare-login-form .form-outer-border {
    border-bottom: 1px solid #d0d0d0;
    padding: 0px;
}


.vidyacare-login-form .form-outer-border .input-group-addon {
    position: absolute;
    z-index: 9;
}

.vidyacare-login-form .form-outer-border .form-control {
  border: 0px;
    padding: 5px 5px 5px 35px;
    margin: 0px;
    height: 40px;
    line-height: 35px;
    font-size: 13px;
    font-weight: 700;
    color: #5a5a5a !important;
    background: transparent;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 0px;
}

.vidyacare-login-form .form-outer-border .form-control:focus {
  background: transparent;
  border-bottom: 1px solid #006633;
  box-shadow: none;
  border-radius: 0px;

}


.vidyacare-login-form .form-outer-border img {
    height: 28px;
    margin-top: 3px;
}


.vidyacare-login-form .btn {
       background: #006633;
    border-radius: 30px;
    padding: 10px 25px 10px;
    margin: 30px 0px 0px 0px;
    font-size: 17px;
    color: #fff;
    letter-spacing: 1px;
    border: 0px;
    font-weight: 500;
    text-transform: uppercase;
}

.vidyacare-home .login-box-new .btn-info{
       background: #006633;
    border-radius: 30px;
    padding: 10px 25px 10px;
    margin: 30px 0px 0px 0px;
    font-size: 17px;
    color: #fff;
    letter-spacing: 1px;
    border: 0px;
    font-weight: 500;
    text-transform: uppercase;
}


.vidyacare-login-form .forget-text {
    line-height: 17px;
    font-size: 13px;
    color: #818181;
    letter-spacing: 1px;
}
.vidyacare-login-form .forget-text a {
    color: #818181;
    font-weight: 700;
}

.vidyacare-footer{
    font-size: 11px;
    position: absolute;
    z-index: 9999;
    right: 6px;
    bottom: 0;
}

.vidyacare-login-form .form-control::placeholder {
  color: #5a5a5a !important;
}

.auth-box.login-box-new .vidyacare-login-form .forgot{    color: #343a40!important;
    font-weight: bold;}

/*** vidyacare **/



.payment-open{ display: none;}
.payment-open-div{

      margin: 15px auto;
    width: 70% !important;
    background: #fff;
    border-radius: 8px;
}
.table-responsive .table-striped.payment-open-div tbody tr:nth-of-type(odd) {
   
}
.table-responsive .table-striped.payment-open-div thead tr:nth-of-type(odd) {
    background-color: transparent !important;
}

.table-responsive .table-striped.payment-open-div .addview-ouestion-btn{background: #04b304 !important;}

.payment-option-table tbody td{background: #fff !important;}


.card-white{ border-radius: 8px;}
.student-payment-information{}
.student-payment-information .inner{
      background: #ececec;
    padding: 20px 8px;
    border-radius: 10px;
}

.student-payment-information .inner h1{
          font-size: 14px;
    text-transform: uppercase;
    padding: 0px;
    margin: 8px 0px 0px 0px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #2196f3;
    line-height: 16px;
}


.student-payment-information .inner p{
            margin: 0px;
    font-size: 19px;
    font-weight: bold;
    color: #464646;
    letter-spacing: -0.3px;
}


/*** VCOhome **/

.vcohome{
  background-position: top left !important;
  background-size: contain !important;
}
.auth-wrapper.vcohome .login-box-new.auth-box.on-sidebar{
  top: 0;
  height: 100%;
  background: #fff;
}

.auth-wrapper.vcohome .vidyacare-text{
      width: 250px;
    padding-top: 25%;
}



.vco-login-form .form-outer-border {
    border-bottom: 1px solid #d0d0d0;
    padding: 0px;
}


.vco-login-form .form-outer-border .input-group-addon {
    position: absolute;
    z-index: 9;
}

.vco-login-form .form-outer-border .form-control {
  border: 0px;
    padding: 5px 5px 5px 35px;
    margin: 0px;
    height: 40px;
    line-height: 35px;
    font-size: 13px;
    font-weight: 700;
    color: #5a5a5a !important;
    background: transparent;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 0px;
}

.vco-login-form .form-outer-border .form-control:focus {
  background: transparent;
  border-bottom: 1px solid #9e7a02;
  box-shadow: none;
  border-radius: 0px;

}


.vco-login-form .form-outer-border img {
    height: 28px;
    margin-top: 3px;
}


.vcohome #recoverform .form-outer-border .form-control:focus {
  background: transparent;
  border-bottom: 1px solid #9e7a02;
  box-shadow: none;
  border-radius: 0px;

}

.vco-login-form .btn {
   background: rgb(158,122,2);
background: linear-gradient(306deg, rgba(158,122,2,1) 0%, rgba(217,179,79,1) 49%, rgba(158,122,2,1) 100%);
    border-radius: 30px;
    padding: 10px 35px 10px;
    margin: 30px 0px 0px 0px;
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    border: 0px;
    font-weight: 500;
    text-transform: uppercase;
}

.vcohome .login-box-new .btn-info{
      background: rgb(158,122,2);
background: linear-gradient(306deg, rgba(158,122,2,1) 0%, rgba(217,179,79,1) 49%, rgba(158,122,2,1) 100%);
    border-radius: 30px;
    padding: 10px 35px 10px;
    margin: 30px 0px 0px 0px;
     font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    border: 0px;
    font-weight: 500;
    text-transform: uppercase;
}


.vco-login-form .forget-text {
    line-height: 17px;
    font-size: 13px;
    color: #818181;
    letter-spacing: 1px;
}
.vco-login-form .forget-text a {
    color: #818181;
    font-weight: 700;
}

.vco-footer{
      font-size: 11px;
    position: absolute;
    z-index: 9999;
    right: 6px;
    bottom: 0;
}
/*** VCOhome **/


/**responsive section code **/



@media only screen and (min-width: 300px) and (max-width: 479px){ 

.phone-bg {background: url(../../images/phone-bg-sml.png) no-repeat 23px 0px; padding-top: 42%;     
  padding-left: 0; /* for local only */     padding-left: 12%; }

.phone-bg ul.listtext {
    width: 80%;
}

.trainer-dashboard-info-btn-round {
    width: 110px;
    height: 110px;
    padding: 30px 0px !important;
}

.auth-box.login-box-new{ background: transparent !important;     width: 100%;}
.auth-box.login-box-new .login-top ul li{ 
    background: #137eff !important;
    float: left;
    width: auto;
    padding: 0px 15px;
    border-radius: 0px 0px 8px 8px;
 }

.auth-box.login-box-new .login-top ul li:hover{background: #0652ad !important;}

.login-top{ display: none; }
.logo-n{ width: 100%; }
.logo-n img{width: 150px;
    padding-top: 0;
    padding-left: 0; }
.auth-box.login-box-new h5{  text-align: center !important;     margin-bottom: 0px !important;}
.auth-box.login-box-new h5 span{display: none;}
.logo-b{ bottom: 71px; left: 20%;}
.logo-b img {
    width: 100px;
}
.logo-b span{margin-top: 0px !important; font-size: 11px !important;}


.mobile-select-menu.theme-form .custom-select {
  background: url(../../images/down-arrow.png)  #125bff no-repeat calc(100% - 10px) !important; 
  color: #fff !important
}


.admin .admin-data-table-btnlist {
    position: inherit;
}
.admin .admin-data-table-btnlist .btn{ margin-bottom: 5px; }



.dashboard-admin .news-section .marquee ul {
    margin-left: 10%;
}
.dashboard-admin .news-section .marquee ul li{ width: 100%;     font-size: 12px; }

.admin-panel .dashboard-admin .news-section {
      background-size: 100%;
       min-height: 300px;
        margin-top: 25px;
}
.dashboard-admin .news-section .maeq-container {
    width: 80%;
    padding-left: 3%;
}

.trainer-dashboard-info-btn-round img {
    height: 40px;
    margin-top: 0;
}
.theme-form .input-group{ margin-bottom: 5px; }


.admin-panel .dashboard-admin .admin-number-palet .bg.bg-purple{background:url(../../images/bg-purple-sml.png) no-repeat center !important;}
.admin-panel .dashboard-admin .admin-number-palet .bg.bg-blue{background:url(../../images/bg-blue-sml.png) no-repeat center !important;}
.admin-panel .dashboard-admin .admin-number-palet .bg.bg-green{background:url(../../images/bg-green-sml.png) no-repeat center !important;}
.admin-panel .dashboard-admin .admin-number-palet .bg.bg-yolo{background:url(../../images/bg-yolo-sml.png) no-repeat center !important;}
.admin-panel .dashboard-admin .admin-number-palet .bg.bg-orng{background:url(../../images/bg-orng-sml.png) no-repeat center !important;}
.admin-panel .dashboard-admin .admin-number-palet .bg.bg-darkblu{background:url(../../images/bg-darkblu-sml.png) no-repeat center !important;}
.admin-panel .dashboard-admin .admin-number-palet .text-center{

       width: 33%;
      padding: 0px;
    margin: 0px;
}
.admin-panel .dashboard-admin .admin-number-palet .bg {
    height: 100px;
    line-height: 100px;
    font-size: 39px;
    width: 100px;
}
.admin-panel .dashboard-admin .admin-number-palet .text-admin-info {
    font-size: 11px;
    margin-bottom: 0;
    display: inline-block;
    word-break: break-word;
    line-height: 12px;
    width: 95%;
}

.sth-teacher-panel-homepage-box{ display: none; }

.lsssc-logo-branch{ display: none; } 
.phone-bg {background: url(../../images/phone-bg-sml.png) no-repeat 23px 0px; padding-top: 42%;     
  padding-left: 0; /* for local only */     padding-left: 12%; }

.phone-bg ul.listtext { width: 80%;}
.feedback-pop .modal-body .bottom-blue-img-left{ display: none; }

.lsssdc-sideboxwrapper .login-top-2{ width: 100% }
.lsssdc-sideboxwrapper .login-top-2 ul{    margin-top: 0px !important; background:#fff !important; padding-top: 15px !important;
overflow: hidden;}

.lsssdc-sideboxwrapper .login-top-2 ul li{width: 100px !important;}
.lsssdc-sideboxwrapper .login-top-2 ul li.nsdc {
        margin-right: 19px;
       height: 54px;
}
.lsssdc-sideboxwrapper .login-top-2 ul li.nsdc img{    width: 66px !important;}
.lsssdc-sideboxwrapper .login-top-2 ul li img{  
width: 100px !important; height: 40px !important;
  }



.dasklogo{ text-align: center; height: 80px; margin-top: 10px; }
.lsssdc-sideboxwrapper #loginform{ margin-top: 164px; }
.lsssdc-sideboxwrapper #recoverform{ margin-top: 164px; }

.lsssdc-sideboxwrapper h5{color: #000 !important}
.lsssdc-sideboxwrapper .mobile-select-menu{ display: none; }

.auth-box.login-box-new .login-top-2 ul{    padding: 0px 0 0 6px;}

.ipsclogo{    width: auto !important;
    height: 65px !important;
    margin-top: -8px !important;
  }

  #progressbar {  
       width: 100%; 
    padding-left: 27%;  
} 
#msform .select2{ width: 85% !important } 
#msform .tutor-proffesional-ino-2 .select2{ width: 100% !important }  
#msform .information-box .col-md-3{ text-align: center; } 
#msform .information-box .col-md-9 h2{text-align: center; margin-top: 20px;}  
#msform .information-box .col-md-9 h3{text-align: center; } 
#msform .information-box .col-md-9 small{ 
      text-align: center; 
    margin: 0 auto; 
    width: 100%;  
}

#msform .multiselect.btn-default{ width: 274px; }

.aaskbg .auth-box.login-box-new {
    background: rgba(255, 255, 255) !important;
}

.feedback-pop .modal-body .feedback-info {
    min-height: 500px;
    padding-top: 15%;
}
.feedback-pop .modal-body .feedback-info .title {
    padding-left: 74px;
}
.feedback-pop .modal-body .feedback-info .title span {
    left: 18px;
}
.feedback-pop .modal-body .feedback-info .genarel-feedback-form {
    /* margin-top: 13%; */
    margin: 9%;
}
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .question span {
    left: 62px;
}


.navbar-header .navbar-brand {
    height: 64px !important;
}

.navbar-header .insidelogo{
  display: none;
}


/** examoline responsive part**/

.examolinebg.auth-wrapper .auth-box {box-shadow: 0px 0 0px rgba(0,0,0,.08) !important;}
.examolinebg .examonline-left-image img{ width: 100% !important; margin-top: 3.5%; }

/*.examonline-login-form{     margin-top: 85% !important; }*/

.examolinebg .login-box-new{margin-top: 55% !important;}
.examolinebg #recoverform.login-box-new {
    margin-top: 34% !important;
}
.examolinebg .examonline-left-image {
    margin-top: 13%;
}
.examolinebg .auth-box.login-box-new h5{ text-align: left !important;  }
.examolinebg img.kaushal-logo {
    margin-top: 45%;     width: 250px;
}
.examolinebg #recoverform img.kaushal-logo {
    margin-top: 10% !important;
}
.examonline-login-form .form-outer-border img {
    margin-top: 6px;
}
.examonline-footer {
    right: 0;
    width: 100%;
    text-align: center !important;
}

.examolinebg span.right-shape{
     display: none;
}

.examolinebg .logo-n {
    width: 62% !important;
}

/** examoline responsive part**/

.crescendo-home .logo-n img{ width: 100px;}
.crescendo-home .cresendo-text {
    margin-top: 117px;
}
.crescendo-home #recoverform{    margin-top: 48%;}

}



@media only screen and (width:360px){

.examolinebg .examonline-left-image {
    text-align: center;
}
.examolinebg .examonline-left-image img {
    width: 74% !important;
}
.examolinebg img.kaushal-logo {
    margin-top: 17% !important;
}
.examonline-login-form .btn { margin-top: 0px; }

}

@media only screen and (min-width: 480px) and (max-width: 767px){
.dasklogo{ display: none !important; }

.feedback-pop .modal-body .feedback-info {
    min-height: 500px;
    padding-top: 15%;
}
.feedback-pop .modal-body .feedback-info .title {
    padding-left: 74px;
}
.feedback-pop .modal-body .feedback-info .title span {
    left: 18px;
}
.feedback-pop .modal-body .feedback-info .genarel-feedback-form {
    /* margin-top: 13%; */
    margin: 9%;
}
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .question span {
    left: 62px;
}

.navbar-header .navbar-brand {
    height: 64px !important;
}

.navbar-header .insidelogo{
  display: none;
}

}


@media only screen and (min-width: 768px) and (max-width: 991px){ 

  .dasklogo{ display: none !important; }

  .feedback-pop .modal-body .feedback-info {
    min-height: 500px;
    padding-top: 15%;
}
.feedback-pop .modal-body .feedback-info .title {
    padding-left: 74px;
}
.feedback-pop .modal-body .feedback-info .title span {
    left: 18px;
}
.feedback-pop .modal-body .feedback-info .genarel-feedback-form {
    /* margin-top: 13%; */
    margin: 9%;
}
.feedback-pop .modal-body .feedback-info .genarel-feedback-form .inner .question span {
    left: 62px;
}

}

@media only screen and (min-width: 992px){ 

}

@media screen and (max-width: 1366px) and (min-width: 1024px) {
.phone-bg{
    padding-top: 38%;
    padding-left: 18%;
 }
 .mobile-select-menu{ display: none; }
 .dasklogo{ display: none; }
}


@media screen and (max-width: 1280px) and (min-width: 1180px) { 
 #msform .multiselect.btn-default {
    width: 325px !important;
}

#msform .tutor-proffesional-ino-2 .multiselect.btn-default {
    width: 168px !important;
}
}



.navbar-header .navbar-brand {
    height: 150px;
}
.left-sidebar {
    padding-top: 110px !important;
}
.navbar-header .insidelogo {
    position: absolute;
    margin-top: -20px;
    height: 70px;
    width: auto;
    margin-bottom: 0;
}
.topbar .top-navbar .navbar-header {
    background: #202a2e !important;
}

.mobile-select-menu{ display: none; }


#footer_text{
  font-size: 11px !important;
    color: #292929 !important;
   
    background: #ffffffc7;
    padding: 3px 8px 1px;
    font-weight: bold;
    letter-spacing: 0.5px;
        border-radius: 9px;
}

.trainer-manu .sidebar-link img {
    background: #fff;
    border-radius: 50px;
    padding: 5px;
}


.mepsc-login-wrapper{
  position: absolute;
    right: 15%;
    top: 0;
    width: 26%;
}

.mepsc-login-wrapper #loginform{
    margin-top: 26%; 
}

.mepsc-login-wrapper .logo h5{
  font-size: 25px;
    font-weight: 500;
    color: #960000;
}

.mepsc-login-wrapper .logo h5 span{
      width: 18%;
    background: #d06322;
    position: absolute;
    left: 0;
    margin-top: 3px;
    height: 2px;
}

.mepsc-login-wrapper .form-control{
            background: #1684b8;
    border: 0;
    border-radius:  12px !important;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    height: 55px;
}

.mepsc-login-wrapper .form-control::placeholder {
  color: #fff;
}

.mepsc-login-wrapper .btn-info{
      background: #f58634;
    border: 0px;
    border-radius: 10px;
    font-size: 16px;
}

.mepsc-login-wrapper a.forgot{ 
        float: right;
    color: #960000 !important;
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
}

.mepsc-login-wrapper a.forgot img{ 
    margin-top: -10px;
    width: 18px;
 }


@media only screen and (min-width: 300px) and (max-width: 479px){ 
  .mepsc-bg{background:url(../../images/mepsc-mobile-bg.jpg) repeat !important;}
  .mepsc-login-wrapper {
    position: absolute;
    top: 80px;
    width: 90%;
    left: auto;
    right: auto;
  }
  .mepsc-skillpreplogo{ position: absolute; top: 18px; }
  .mepsc-skillpreplogo img{    width: 150px;}
  .mepsc-bottomlogo{     margin-top: 60%;}

  .mepsc-login-wrapper a.forgot {
    float: right;
    font-size: 13px;
    margin-top: 8px;
  }
  .mepsc-login-wrapper a.forgot img {
    margin-top: -10px;
    width: 22px;
  }
  .mepsc-login-wrapper .btn-info{
    font-size: 14px;
  }
  .footer_text_mepsc{
    margin-left: -7%;
  }
}


@media only screen and (min-width: 200px) and (max-width: 480px){ 
  .mepsc-bg{background:url(../../images/mepsc-mobile-bg.jpg) repeat !important;     min-height: 90vh !important;}
  .mepsc-login-wrapper {
    position: absolute;
    top: 80px;
    width: 90%;
    left: auto;
    right: auto;
  }
  .mepsc-skillpreplogo{ position: absolute; top: 18px; }
  .mepsc-skillpreplogo img{    width: 150px;}
  .mepsc-bottomlogo{     margin-top: 80%;}

  .mepsc-login-wrapper a.forgot {
    float: right;
    font-size: 13px;
    margin-top: 8px;
  }
  .mepsc-login-wrapper a.forgot img {
    margin-top: -10px;
    width: 22px;
  }
  .mepsc-login-wrapper .btn-info{
    font-size: 14px;
  }
  .footer_text_mepsc{
    margin-left: -7%;
  }
  .mepsc-bg .logo-b{ bottom: 0 !important;}
}


@media screen and (max-width: 1900px) and (min-width: 1024px) {
.mepsc-skillpreplogo{ display: none; }
.mepsc-bottomlogo{ display: none; }
}


@media only screen and (min-width: 300px) and (max-width: 767px){ 
/** vidyacare responsive part**/
.auth-wrapper.vidyacare-home .login-box-new.auth-box.on-sidebar{
  background: #fefde9 !important;
}

/** vco responsive part**/
.auth-wrapper.vcohome .login-box-new.auth-box.on-sidebar{
  background: #fff !important;
}

}



#chapters_list_table .btn-green-sm-for-unitlist-info {
    font-size: 10px;
    min-width: 35px;
    padding: 6px 8px;
    line-height: 11px;
}

#chapters_list_table .addview-ouestion-btn {
    margin-bottom: 5px;
}

#chapters_list_table thead th {
    line-height: 17px;
}




/*** dashboard-franchise **/
.dashboard-franchise{
    background: #fff;
    border-radius: 5px;
    min-height: 450px;
}

.dashboard-franchise .leftpart{}
.dashboard-franchise .leftpart .franchaise-info-one{
    background: #c5edff;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 25px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    transition: transform 250ms;
}
.dashboard-franchise .leftpart .franchaise-info-one:hover{ transform: translateY(-10px);}

.dashboard-franchise .leftpart .franchaise-info-one h1{
    padding: 0px;
    margin: 0px 0 0 30%;
    font-size: 21px;
    color: #212121;
    font-weight: 600;
}

.dashboard-franchise .leftpart .franchaise-info-one h2{
     padding: 0px;
    margin: 0px 0 0 30%;
    font-size: 45px;
    color: #2196f3;
    font-weight: 600;
}

.dashboard-franchise .leftpart .franchaise-info-one img{
      position: absolute;
    left: 24px;
    top: 15px;
    width:100px;
}

.dashboard-franchise .leftpart .franchaise-info-two{
    background: #fdf1ca;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 25px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    transition: transform 250ms;
}
.dashboard-franchise .leftpart .franchaise-info-two:hover{ transform: translateY(-10px);}

.dashboard-franchise .leftpart .franchaise-info-two img{
      position: absolute;
    left: 24px;
    top: 24px;
    width:100px;
}
.dashboard-franchise .leftpart .franchaise-info-two h1{
    padding: 0px;
    margin: 0px 0 0 30%;
    font-size: 21px;
    color: #212121;
    font-weight: 600;
}

.dashboard-franchise .leftpart .franchaise-info-two ul.franchaise-info-count{
    padding: 0px;
    margin: 0px 0 0 30%;
}

.dashboard-franchise .leftpart .franchaise-info-two ul.franchaise-info-count li{
  list-style: none;
    font-size: 15px;
    font-weight: 600;
    color: #947102;
}

.dashboard-franchise .leftpart .franchaise-info-two ul.franchaise-info-count li span{
      color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 18px;
    margin-left: 8px;
}


.dashboard-franchise .leftpart .franchaise-info-three{
        background: #c9fffa;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 25px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    transition: transform 250ms;
}
.dashboard-franchise .leftpart .franchaise-info-three:hover{ transform: translateY(-10px);}

.dashboard-franchise .leftpart .franchaise-info-three img{
      position: absolute;
    left: 24px;
    top: 24px;
    width:100px;
}
.dashboard-franchise .leftpart .franchaise-info-three h1{
    padding: 0px;
    margin: 0px 0 0 30%;
    font-size: 21px;
    color: #212121;
    font-weight: 600;
}

.dashboard-franchise .leftpart .franchaise-info-three ul.franchaise-info-count{
    padding: 0px;
    margin: 0px 0 0 30%;
}

.dashboard-franchise .leftpart .franchaise-info-three ul.franchaise-info-count li{
  list-style: none;
    font-size: 15px;
    font-weight: 600;
    color: #383838;
}

.dashboard-franchise .leftpart .franchaise-info-three ul.franchaise-info-count li span{
      color: #009688;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 18px;
    margin-left: 8px;
}

.dashboard-franchise .franchaise-mid-image img{
      width: 100%;
}

.dashboard-franchise .franchaise-right-scroll{
}


.dashboard-franchise .franchaise-right-scroll .title{
      padding: 25px;
    margin: 0;
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    background: #4447ea;
    text-transform: uppercase;
    border-radius: 8px;
    letter-spacing: 1px;
     font-family: 'Montserrat', sans-serif;
}

.dashboard-franchise .franchaise-right-scroll ul{ padding: 0px; margin: 0px}
.dashboard-franchise .franchaise-right-scroll marquee{
  border-radius: 10px;
    margin-top: 2px;
    padding: 25px 15px;
    border: 1px dashed #ddd;
    border-top: 0;
    min-height: 425px;
}
.dashboard-franchise .franchaise-right-scroll ul li{ 

      list-style: none;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding-bottom: 8px;
    padding-left: 20px;
    position: relative;
    color: #000;
 }

 .dashboard-franchise .franchaise-right-scroll ul li img{
      width: 16px;
    position: absolute;
    left: 0;
    top: 3px;
 }



 @media only screen and (min-width: 200px) and (max-width: 479px){

.dashboard-franchise .leftpart .franchaise-info-one{text-align: center;}
.dashboard-franchise .leftpart .franchaise-info-one img {
position: relative;
left: 0;
top: 0;
width: 100px;
}
.dashboard-franchise .leftpart .franchaise-info-one h1 { margin: 0;}
.dashboard-franchise .leftpart .franchaise-info-one h2 { margin: 0;}


.dashboard-franchise .leftpart .franchaise-info-two{text-align: center;}
.dashboard-franchise .leftpart .franchaise-info-two img {
position: relative;
left: 0;
top: 0;
width: 100px;
}
.dashboard-franchise .leftpart .franchaise-info-two h1 { margin: 0;}
.dashboard-franchise .leftpart .franchaise-info-two ul.franchaise-info-count{
    padding: 0px;
    margin: 0;
}

.dashboard-franchise .leftpart .franchaise-info-three{text-align: center;}
.dashboard-franchise .leftpart .franchaise-info-three img {
position: relative;
left: 0;
top: 0;
width: 100px;
}
.dashboard-franchise .leftpart .franchaise-info-three h1 { margin: 0;}
.dashboard-franchise .leftpart .franchaise-info-three ul.franchaise-info-count{
    padding: 0px;
    margin: 0;
}

 }


 /*** dashboard-freestudent **/
.freestudent-dashboard{}
.freestudent-dashboard .freestudent-dashboard-inner{    padding: 3%;
    background: #f2f4f5;
    border-radius: 8px;}



.freestudent-dashboard .freestudent-dashboard-inner .process-panel{
  background: #01196f;
  border-radius: 15px;
  padding: 25px;
  text-align: center;
}

.freestudent-dashboard .freestudent-dashboard-inner .process-panel h1{
    font-size: 26px;
    color: #fff;
    line-height: 31px;
    letter-spacing: 1px;
    margin: 31px 25px;
    text-shadow: 2px 2px #04113e;
    font-family: 'Montserrat', sans-serif;
}

.freestudent-dashboard .freestudent-dashboard-inner .process-panel p{
  font-size: 13px;
    color: #fff;
    line-height: 18px;
    padding: 2px 15px 8px 15px;
}
.freestudent-dashboard .freestudent-dashboard-inner .process-panel .icon-pnl{
  margin-bottom: 20px;
}
.freestudent-dashboard .freestudent-dashboard-inner .process-panel .btn{
  padding: 0px;
  margin: 0px; transition: transform 250ms;
}
.freestudent-dashboard .freestudent-dashboard-inner .process-panel .btn:hover{
transform: translateY(-10px);
}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section{
  border-radius: 15px;
  padding: 20px;
  text-align: center;
  margin-bottom: 25px;
  min-height: 270px;

  -webkit-box-shadow: inset 0px 4px 51px -17px rgba(191,191,191,1);
-moz-box-shadow: inset 0px 4px 51px -17px rgba(191,191,191,1);
box-shadow: inset 0px 4px 51px -17px rgba(191,191,191,1);


-webkit-box-shadow: 0px 5px 20px -2px rgba(191,191,191,1);
-moz-box-shadow: 0px 5px 20px -2px rgba(191,191,191,1);
box-shadow: 0px 5px 20px -2px rgba(191,191,191,1);

}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section-blue{ background:#3700a7; transition: transform 250ms; }
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section-white{ background:#fff; transition: transform 250ms; }
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section-blue:hover{transform: translateY(-10px);}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section-white:hover{transform: translateY(-10px);}


.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section h1{
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section h1 span{
  font-size: 25px;
}

.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section ul{
  padding: 0px;
  margin: 0px;
}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section ul li{
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    list-style: none;

}

.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section h2{
    color: #fff;
        font-size: 16px;
    line-height: 24px;
    padding: 0px;
    margin: 2px 0px 17px 0px;
    font-weight: bold;
}

.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section h2 span{
  font-size: 30px;
}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section small{

color: #46acfd;
        display: block;
    font-size: 18px;
    line-height: 16px;
    padding: 7px 15px;
    font-weight: bold;
    letter-spacing: 1px;
}

.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section small span{ color: #fff}

.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section .ck-select-btn{
       background: #020e4a;
    box-shadow: none;
    padding: 8px 30px 8px 0;
    border-radius: 40px 0px 0px 40px;
    font-size: 12px;
    font-weight: normal;
    line-height: 33px;
    display: block;
    text-align: center;
    width: 182px;
    margin: 12px auto 0px;
    color: #fff;
       font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.3px;
    font-weight: 600;
}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section .ck-select-btn .chbox {
        padding-left: 0;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    position: absolute;
    width: 40px;
    margin-top: -7px;
    border-radius: 0px 50px 50px 0px;
    height: 49px;
        right: 31px;
}


.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section .ck-select-btn .chbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}


.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section .ck-select-btn .checkmark {
    position: absolute;
    top: 11px;
    left: 6px;
    height: 25px;
    width: 25px;
    background-color: #d7d7d7;
    border-radius: 50%;
    content: "\2713";
}


.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section .ck-select-btn .chbox:hover input ~ .checkmark {
  background-color: #1f3bb1;
}


.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section .ck-select-btn .chbox input:checked ~ .checkmark {
  background-color: #1f3bb1;
}


.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section .ck-select-btn .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section .ck-select-btn .chbox input:checked ~ .checkmark:after {
  display: block;
}


.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section .ck-select-btn .chbox .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section.priceplan-section-white h1{ color: #4d4d4d !important}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section.priceplan-section-white h1 span{ color: #5177ff;}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section.priceplan-section-white ul li {
    color: #747474;
}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section.priceplan-section-white h2{ color: #4d4d4d !important}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section.priceplan-section-white h2 span{ color: #5177ff;}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section.priceplan-section-white small {
   color: #4d4d53;
}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section.priceplan-section-white small span{ color: #5177ff }
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section.priceplan-section-white .ck-select-btn{     background: #0326a0;}
.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section.priceplan-section-white .ck-select-btn .chbox{
    background: #f2f4f5;
    width: 40px;
    margin-top: -8px;
  
}

.freestudent-dashboard .freestudent-dashboard-inner .priceplan-section .linethrough {
    text-decoration: line-through;
    color: #4a4a4a !important;
    font-size: 21px !important;
}

.admin-panel .freestudent-dashboard .theme-form .custom-select{
       border: 0;
    border-radius: 0;
    height: 49px;
    padding-left: 15px;
    font-weight: bold;
    color: #4c4c4c;

}

.admin-panel .freestudent-dashboard .theme-form .control-label{
  text-transform: uppercase;
    padding-bottom: 5px;
    background: #5177ff;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 0px 8px;
    color: #fff;
}


.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel {
    padding-left: 22px;
    padding-right: 25px;
    background: #fff;
    border-radius: 25px;
    margin-left: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .title {
    color: #2d2d2d;
    font-size: 24px;
    letter-spacing: 1px;
    margin-bottom: 32px;
    font-weight: bold;
    margin-top: 24px;
}

.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .title img{ 
  margin-top: -10px;
    width: 43px;
    margin-left: 15px;
}

.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel ul{
      padding: 0px;
    margin: 0px 20px 15px;
    float: left;
    width: 100%;
}

.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel ul li{ 
  list-style: none;
    padding: 0px;
    margin: 0px 15px 5px 0px;
    float: left;
}

.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .chbox {
      display: block;
    position: absolute;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: -10px;
    margin-left: -7px;
    cursor: pointer;
    font-size: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .chbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #d7d7d7;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .chbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .chbox input:checked ~ .checkmark {
  background-color: #1f3bb1;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .chbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .chbox .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}


.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .btn-dark{
  background: #141e56;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 15px;
    padding: 15px 34px;
    font-weight: bold;
    margin-top: 22%;
}

.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .payment-btn{
      margin-top: 10%;
}

.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .payment-btn .btn{transition: transform 250ms;}
.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .payment-btn .btn:hover{transform: translateY(-10px);}



.freestudent-dashboard .freestudent-dashboard-inner .payment-option-panel .payment-ico-bg {
    background: #efefef;
    padding: 21px;
    border-radius: 11px;
}

.freestudent-dashboard .toptitle{}
.freestudent-dashboard .toptitle h1{
      color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 3px;
    padding: 10px 0px;
    margin: 10px 25px 0px 25px;
    background: #5177ff;
    border-radius: 6px;
}

.freestudent-dashboard .toptitle img{}

/****** student-assesment-newdesign *****/
.student-assesment-newdesign{}
.student-assesment-newdesign .assesment-info-panel{
  background: #fff;
  border-radius: 35px;
  padding: 15px;
  margin-bottom: 35px;
}

.student-assesment-newdesign .assesment-info-panel .imgpart img{
      margin-top: 12%;
}

.student-assesment-newdesign .assesment-info-panel .textpart {
  padding-top: 25px;
}
.student-assesment-newdesign .assesment-info-panel .textpart strong{
    font-family: 'Montserrat', sans-serif;
   color: #ff0000;
    font-size: 20px;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 22px;
}

.student-assesment-newdesign .assesment-info-panel .textpart ul{
  padding: 0px;
  margin:20px 0px;
}
.student-assesment-newdesign .assesment-info-panel .textpart ul li{
  font-size: 13px;
    color: #5e5e5e;
    padding-bottom: 15px;
    list-style: none;
    padding-right: 10px;
    font-weight: 500;
}


.student-assesment-newdesign .student-assesment-selectpart{
         background: #e9effe;
    padding: 35px;
    margin-bottom: 35px;
    border-radius: 35px;
    padding-bottom: 12px;
}

.student-assesment-newdesign .student-assesment-selectpart .title {
  color: #2754e3;
  font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 19px;
}
.student-assesment-newdesign .student-assesment-selectpart .image { margin: 11px 0px; }
.student-assesment-newdesign .student-assesment-selectpart .image img{ margin-top: -5px; }
.student-assesment-newdesign .student-assesment-selectpart .student-assesment-select-form{}
.student-assesment-newdesign .student-assesment-selectpart .student-assesment-select-form .form-group .custom-select{
      background: #494cf2;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    border-radius: 15px;
    height: 50px;
    width: 100%;
}

.student-assesment-newdesign .student-assesment-selectpart .student-assesment-select-form .form-group select.round {
    background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), radial-gradient(#494cf2 70%, transparent 72%);
    background-position: calc(100% - 20px) calc(1.3em + 2px), calc(100% - 15px) calc(1.3em + 2px), calc(100% - .8em) .5em;
    background-size: 10px 5px, 5px 4px, 1.5em 1.5em;
    background-repeat: no-repeat;
    line-height: 37px;
    cursor: pointer;
}

.student-assesment-newdesign .student-assesment-selectpart .student-assesment-select-form .form-group select.round:focus {
  background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), radial-gradient(#494cf2 70%, transparent 72%);
    background-position: calc(100% - 20px) calc(1.3em + 2px), calc(100% - 15px) calc(1.3em + 2px), calc(100% - .8em) .5em;
    background-size: 10px 5px, 5px 4px, 1.5em 1.5em;
    background-repeat: no-repeat;
  background-repeat: no-repeat;
  outline: 0;
}


.student-assesment-newdesign .student-assesment-selectpart .student-assesment-select-form .form-group select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


.student-assesment-newdesign .student-assesment-selectpart .student-assesment-select-form .form-group .btn {
      background: #36e001;
    border: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    border-radius: 15px;
    padding: 15px;
    font-size: 15px;
    letter-spacing: 1px;
     transition: transform 250ms;
}



.student-assesment-newdesign .student-assesment-selectpart .student-assesment-select-form .form-group .btn:hover
{ transform: translateY(-10px);}


.student-assesment-newdesign .student-upcoming-assesment-list{
    background: #fff;
    padding: 35px;
    margin-bottom: 35px;
    border-radius: 35px;
}

.student-assesment-newdesign .student-upcoming-assesment-list .title{
   color: #2754e3;
  font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 19px;
}

.student-assesment-newdesign .student-upcoming-assesment-list p{
  text-align: center;
  padding:0px 5% 15px 5%;
  font-size: 13px;
    color: #5e5e5e;
    line-height: 18px;
}

.student-assesment-newdesign .student-assesmentexam-info{ margin-right: 15px; margin-left: 15px;}
.student-assesment-newdesign .student-assesmentexam-info .lefticonpart{
      background: #09bd10;
    border-radius: 15px 0px 0px 15px;
    min-height: 160px;
    text-align: center;
}
.student-assesment-newdesign .student-assesmentexam-info .lefticonpart img{
  margin-top: 17%;
}

.student-assesment-newdesign .student-assesmentexam-info .righttextpart{
  background:#fff;
  border-radius: 0px 15px 15px 0px;
  min-height: 160px;
     padding: 35px;
}

.student-assesment-newdesign .student-assesmentexam-info .righttextpart p{
  color: #2a2a2a;
  font-family: 'Montserrat', sans-serif;
    font-size: 19px;
    letter-spacing: 0.5px;
    font-weight: 600;
    padding: 0px;
    margin:0px 0px 8px 0px;
    line-height: 22px;
}

.student-assesment-newdesign .student-assesmentexam-info .righttextpart p .asses-name{ color: #2754e3; font-weight: 700; }
.student-assesment-newdesign .student-assesmentexam-info .righttextpart p .asses-date{ color: #2754e3; font-weight: 700; }
.student-assesment-newdesign .student-assesmentexam-info .righttextpart p .asses-time{ color: #2754e3; font-weight: 700; }
.student-assesment-newdesign .student-assesmentexam-info .righttextpart p .asses-expairdate{ color: #ff1e00; font-weight: 700; }


.student-assesment-newquestionpart{ margin-top: -25px; }
.student-assesment-newquestionpart .top-assesment-name-time{
 background: #225ae4;
    border-radius: 8px;
    padding: 8px 15px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.5px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    margin-bottom: 30px;
}
.student-assesment-newquestionpart .top-assesment-name-time img{margin-right: 15px;}
.student-assesment-newquestionpart .student-assesment-questionpart{
  background: #e9effe;
    padding: 50px 0px 35px 50px;
    border-radius: 35px;
    min-height: 445px;
    margin-bottom: 25px;
}

.student-assesment-newquestionpart .student-assesment-questionpart small{
     color: #202020;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.student-assesment-newquestionpart .student-assesment-questionpart .question{
   font-family: 'Montserrat', sans-serif;
    color: #225ae4;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 8px;
        margin-right: 20px;
}
.student-assesment-newquestionpart .student-assesment-questionpart .question span{ color: #1f1f1f; } 

.student-assesment-newquestionpart .student-assesment-questionpart .question-large-para{
background: #f4f4f4;
    padding: 15px;
    font-size: 13px;
    color: #525151;
    line-height: 18px;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin-right: 45px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.student-assesment-newquestionpart .student-assesment-questionpart .question-image-box{
    border: 1px solid #ccd9fb;
    padding: 3px;
    margin-right: 45px;
    margin-top: 15px;
    margin-bottom: 0px;
    background: #fff;
    width: 153px;
    border-radius: 50%;
}

.student-assesment-newquestionpart .student-assesment-questionpart .question-image-box img{ width: 100%;  border-radius: 50%; }
.student-assesment-newquestionpart .student-assesment-questionpart .question-image-box-viewmore{
            margin-left: 24px;
    margin-top: -12px;
}

.student-assesment-newquestionpart .student-assesment-questionpart .question-image-box-viewmore .btn-success{
      background: #225ae4;
    border-radius: 8px;
    padding: 9px 10px 9px 10px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
    border: 0px;
}
.assesment-question-image-largeview-popup .close{
  position: absolute;
    background: #2196f3;
    opacity: inherit;
    text-shadow: none;
    border-radius: 50px;
    padding: 5px 9px;
    color: #fff;
    top: -12px;
    right: -9px;
    z-index: 9;
}

.student-assesment-newquestionpart .student-assesment-questionpart .audiopart{
  padding: 25px 25px 20px 25px;
}

.student-assesment-newquestionpart .student-assesment-questionpart .audiopart audio{ width: 100% }




.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part{
  padding: 0px;
    margin: 0px;
    margin-bottom: 40px;
        margin-right: 20px;
}
.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li{
  list-style: none;
  margin-bottom: 10px;
}

.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li .form-check{
  padding-left: 0;
}

.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li label{
  cursor: pointer;
    color: #202020;
    font-size: 15px;
    letter-spacing: 1px;
}
.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li input[type="checkbox"], 
.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li input[type="radio"]{
  position: absolute;
  right: 9000px;
}

/*Check box*/
.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li input[type="checkbox"] + .label-text:before{
  content: "\f0c8";
  font-family: "Font Awesome 5 Free";
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing:antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
}

.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li input[type="checkbox"]:checked + .label-text:before{
  content: "\f14a";
  color: #2980b9;
  animation: effect 250ms ease-in;
  font-weight: 900;
}

.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li input[type="checkbox"]:disabled + .label-text{
  color: #aaa;
}

.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li input[type="checkbox"]:disabled + .label-text:before{
  content: "\f0c8";
  color: #ccc;
}

/*Radio box*/

.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li input[type="radio"] + .label-text:before{
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing:antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
      background: #fff;
    border-radius: 50px;
    color: #03a9f4;
}

.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li input[type="radio"]:checked + .label-text:before{
  content: "\f192";
  color: #fff;
  animation: effect 250ms ease-in;
   background: #03a9f4;
}

.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li input[type="radio"]:disabled + .label-text{
  color: #aaa;
}

.student-assesment-newquestionpart .student-assesment-questionpart ul.answer-part li input[type="radio"]:disabled + .label-text:before{
  content: "\f111";
  color: #ccc;
}


@keyframes effect{
  0%{transform: scale(0);}
  25%{transform: scale(1.3);}
  75%{transform: scale(1.4);}
  100%{transform: scale(1);}
}

.student-assesment-newquestionpart .student-assesment-questionpart .btn-group-new{}
.student-assesment-newquestionpart .student-assesment-questionpart .btn-group-new .btn-save{
      background: #225ae4;
    border-radius: 8px;
    padding: 9px 10px 9px 10px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-right: 13%;
    transition: transform 250ms;
}
.student-assesment-newquestionpart .student-assesment-questionpart .btn-group-new .btn-save:hover{transform: translateY(-10px);}

.student-assesment-newquestionpart .student-assesment-questionpart .btn-group-new .btn-success{
   background: #36e001;
    border-radius: 8px;
    padding: 9px 10px 9px 10px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 600;
    transition: transform 250ms;
    width: 112px;
        margin-bottom: 8px;
}
.student-assesment-newquestionpart .student-assesment-questionpart .btn-group-new .btn-success:hover{
  transform: translateY(-10px);
}


.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel{}
.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .test-clockpart{
       background: #1b246c;
    border-radius: 47px;
    padding: 4px 16px;
}
.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart{
  background: #fff;
  border-radius: 25px;
  padding: 25px;
}

.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .question-number{
      margin-bottom: 15px;
}
.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .question-number img{
    float: left;
}
.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .question-number p{
  display: inline-block;
    margin-left: 15px;
    margin-top: 15px;
    font-size: 18px;
    color: #181818;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
    line-height: 19px;
}
.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .question-number p span{
  font-weight: bold;
  color: #225ae4;
}

.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .ligend-info{
 margin-bottom: 15px;
    background: #f1f1f1;
    padding: 4px 15px;
    display: inline-block;
    width: 100%;
}

.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .ligend-info ul{
  padding: 0px;
  margin:0px;
}
.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .ligend-info ul li{
list-style: none;
    float: left;
    padding-left: 14px;
    font-size: 11px;
    text-transform: uppercase;
    color: #535353;
}

.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .ligend-list{
      margin-bottom: 15px;
}

.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .ligend-list ul{
  padding: 0px;
  margin: 0px;
}
.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .ligend-list ul li{
list-style: none;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    font-size: 20px;
    background: #afafaf;
    margin-bottom: 20px;
     transition: transform 250ms;
}

.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .ligend-list ul li.bookmark{background: #f5a60d !important;}
.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .ligend-list ul li.attemted{background: #225ae4 !important;}
.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .ligend-list ul li:hover{
  cursor: pointer;
   transform: translateY(-10px);
}


.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .ligend-button{
  display: inline-block;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    color: #3a3a3a;
    text-transform: uppercase;
    cursor: pointer;
}
.student-assesment-newquestionpart .student-assesment-timer-questionligend-panel .question-legend-infopart .ligend-button .right-next-btn{
  float: right;
}

.student-assesment-newquestionpart .student-assesment-questionpart .bookmarkpart{
      position: absolute;
    right: 10px;
    top: -2px;
}
.student-assesment-newquestionpart .student-assesment-questionpart .bookmarkpart label{
  position: absolute;
    top: 19px;
    right: 22px;
    cursor: pointer;
}



.icit-top-space{margin-top: 40%;}


.top-assesment-name-time .tooltip {
position: relative;
    display: inline-block;
    border-bottom: 0px dotted black;
    opacity: initial;
        font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.5px;
    font-family: 'Montserrat', sans-serif;
}

.top-assesment-name-time .tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
     font-size: 15px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.top-assesment-name-time .tooltip:hover .tooltiptext {
  visibility: visible;
}


/***** Business Dashboard ******/

.business-franchise-dashboard{ background: #fff; border-radius: 10px; padding: 20px; min-height: 500px;  font-family: 'Montserrat', sans-serif;}
.business-franchise-dashboard .leftpart{}
.business-franchise-dashboard .leftpart .total-franchise{
  background: #c5edff;
  border-radius: 10px;
  padding: 20px;
  display: flex;
}

.business-franchise-dashboard .leftpart .total-franchise img{ float: left; }
.business-franchise-dashboard .leftpart .total-franchise p{
      font-size: 24px;
    color: #242a2e;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 34px;
    margin-left: 28px;
    float: left;
    margin-top: 12px;
}

.business-franchise-dashboard .leftpart .total-franchise p span{
      font-size: 48px;
    color: #0889c3;
}

.business-franchise-dashboard .leftpart .monthly-franchise-collection{
  background: #fdf1ca;
  border-radius: 10px;
  padding: 20px;
  display: inline-block;
  width: 100%;
}

.business-franchise-dashboard .leftpart .monthly-franchise-collection .title{ margin-bottom: 15px; }
.business-franchise-dashboard .leftpart .monthly-franchise-collection .title img{ float: left; }
.business-franchise-dashboard .leftpart .monthly-franchise-collection .title p{
    font-size: 24px;
    color: #242a2e;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 34px;
    margin-left: 15px;
    float: left;
    margin-top: 12px;
}

.business-franchise-dashboard .leftpart .monthly-franchise-collection .infotable{
      margin-top: 25px;
    float: left;
    width: 100%;
}
.business-franchise-dashboard .leftpart .monthly-franchise-collection .infotable tbody{
  font-size: 16px;
  color: #262626;
  letter-spacing: 1px;
  font-weight: 600;
}
.business-franchise-dashboard .leftpart .monthly-franchise-collection .infotable tbody tr{
  background: #fcde7d;
  border-bottom: 4px solid #fdf1ca;
}
.business-franchise-dashboard .leftpart .monthly-franchise-collection .infotable tbody tr td.titlesmalltext{
      line-height: 30px;
    padding: 18px 18px 0px 18px;
}

.business-franchise-dashboard .leftpart .monthly-franchise-collection .infotable tbody tr td span
{ 
  color: #705600; font-weight: bold; font-size: 20px; 
}

.business-franchise-dashboard .leftpart .monthly-franchise-collection .title p span{ font-weight: bold; }
.business-franchise-dashboard .leftpart .monthly-franchise-collection .infotable tbody tr td:first-child{
  border-radius: 0px !important;
}
.business-franchise-dashboard .leftpart .monthly-franchise-collection .infotable tbody td:last-child {
   border-radius: 0px !important;
}

.business-franchise-dashboard .leftpart .cyd-franchise-collection{
  background: #cefdca;
  border-radius: 10px;
  padding: 20px;
  display: inline-block;
  width: 100%;
}
.business-franchise-dashboard .leftpart .cyd-franchise-collection .title{ margin-bottom: 15px; }
.business-franchise-dashboard .leftpart .cyd-franchise-collection .title img{ float: left; }
.business-franchise-dashboard .leftpart .cyd-franchise-collection .title p{
    font-size: 24px;
    color: #242a2e;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 34px;
    margin-left: 15px;
    float: left;
    margin-top: 12px;
}

.business-franchise-dashboard .leftpart .cyd-franchise-collection .infotable{
      margin-top: 25px;
    float: left;
    width: 100%;
}
.business-franchise-dashboard .leftpart .cyd-franchise-collection .infotable tbody{
  font-size: 16px;
  color: #262626;
  letter-spacing: 1px;
  font-weight: 600;
}
.business-franchise-dashboard .leftpart .cyd-franchise-collection .infotable tbody tr{
  background: #97f28f;
  border-bottom: 4px solid #cefdca;
}
.business-franchise-dashboard .leftpart .cyd-franchise-collection .infotable tbody tr td.titlesmalltext{
      line-height: 30px;
    padding: 18px 18px 0px 18px;
}

.business-franchise-dashboard .leftpart .cyd-franchise-collection .infotable tbody tr td span
{ 
  color: #0c6604; font-weight: bold; font-size: 20px; 
}

.business-franchise-dashboard .leftpart .cyd-franchise-collection .title p span{ font-weight: bold; }
.business-franchise-dashboard .leftpart .cyd-franchise-collection .infotable tbody tr td:first-child{
  border-radius: 0px !important;
}
.business-franchise-dashboard .leftpart .cyd-franchise-collection .infotable tbody td:last-child {
   border-radius: 0px !important;
}


.business-franchise-dashboard .rightpart{  }
.business-franchise-dashboard .rightpart img{ 
      width: 500px;
    position: fixed;
    margin-left: 5%;
 }


.online-tution-dashboard{}
.online-tution-dashboard .online-tution-dashboard-inner{
  background: #fff; border-radius: 10px; padding: 20px;  font-family: 'Montserrat', sans-serif;
  margin: 0px;     margin-top: -26px;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart{}
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .total-tution-enrollment{
  background: #c5edff;
  border-radius: 10px;
  padding: 20px;
  display: flex;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .total-tution-enrollment img{ float: left; }
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .total-tution-enrollment p{
      font-size: 21px;
    color: #242a2e;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 34px;
    margin-left: 28px;
    float: left;
    margin-top: 12px;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .total-tution-enrollment p span{
      font-size: 48px;
    color: #0889c3;
}


.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection{
  background: #f3f3f3;
  border-radius: 10px;
  padding: 20px;
  /*display: inline-block;*/
  width: 100%;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .title{ margin-bottom: 5px; }
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .title img{ 
      float: left;
    width: 39px;
 }
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .title p{
     font-size: 17px;
    color: #242a2e;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 34px;
    margin-left: 20px;
    float: left;
    margin-top: 2px;
    margin-bottom: 0px;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .infotable{
    float: left;
    width: 100%;
}
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .infotable tbody{
  font-size: 16px;
  color: #262626;
  letter-spacing: 1px;
  font-weight: 600;
}
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .infotable tbody tr{
  /*background: #fcde7d;
  border-bottom: 0px solid #fdf1ca;*/
      background: #9fd4ec;
    border-bottom: 0px solid #fdf1ca;
    text-transform: uppercase;
    font-size: 10px;
    color: #024750;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .infotable tbody tr td.topspace{
  padding-top: 8px;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .infotable tbody tr td.bottomspace{
  padding-bottom: 8px;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .infotable tbody tr td.titlesmalltext{
      line-height: 30px;
    padding: 18px 18px 0px 18px;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .infotable tbody tr td span
{ 
  color: #fff; font-weight: 600; font-size: 17px; 
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .title p span{ font-weight: bold; }
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .infotable tbody tr td:first-child{
  border-radius: 0px !important;
}
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .infotable tbody td:last-child {
   border-radius: 0px !important;
}



.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection{
  background: #d5ffd7;
  border-radius: 10px;
  padding: 20px;
  display: inline-block;
  width: 100%;
}
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .title{ margin-bottom: 15px; }
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .title img{ 
      float: left;
    width: 39px;
 }
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .title p{
       font-size: 20px;
    color: #242a2e;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 34px;
    margin-left: 17px;
    float: left;
    margin-top: 1px;
    margin-bottom: 0px;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .infotable{
      margin-top: 5px;
    float: left;
    width: 100%;
}
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .infotable tbody{
  font-size: 16px;
  color: #262626;
  letter-spacing: 1px;
  font-weight: 600;
}
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .infotable tbody tr{
    background: #e9fdea;
    border-bottom: 0px solid #fee6ca;
}
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .infotable tbody tr td.titlesmalltext{
      line-height: 30px;
    padding: 18px 18px 0px 18px;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .infotable tbody tr td span
{ 
      color: #1f1101;
    font-weight: bold;
    font-size: 17px;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .title p span{ font-weight: bold; }
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .infotable tbody tr td:first-child{
  border-radius: 0px !important;
}
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .infotable tbody td:last-child {
   border-radius: 0px !important;
}




.online-tution-dashboard .online-tution-dashboard-inner .rightpart{}
.online-tution-dashboard .online-tution-dashboard-inner .rightpart .selected-lob-name{
  background: #f6f6f6;
  border-radius: 10px;
  padding: 10px 20px;
     display: inline-block;
    width: 100%;
}

.online-tution-dashboard .online-tution-dashboard-inner .rightpart .selected-lob-name img{
  float: left;
    width: 37px;
}
.online-tution-dashboard .online-tution-dashboard-inner .rightpart .selected-lob-name p{
    font-size: 18px;
    color: #242a2e;
    letter-spacing: 1px;
    margin-left: 5px;
    float: left;
    margin-top: 9px;
    margin-bottom: 0;
    font-weight: bold;
}

.online-tution-dashboard .online-tution-dashboard-inner .rightpart .selected-lob-name p span{
    color: #0889c3;
}

.online-tution-dashboard .online-tution-dashboard-inner .rightpart img.longimage{ width: 100% }

.business-franchise-dashboard select.select-lob{
  width: 33%;
    margin-bottom: 15px;
    border: 0px;
    height: 45px;
    border-radius: 5px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #efeded;
    -webkit-appearance: none;
    background-position-y: 13px;
    background-position-x: 368px;
    cursor: pointer;
}
.online-tution-dashboard select.select-lob{
    width: 25%;
    border: 0px;
    height: 35px;
    border-radius: 5px;
    padding: 6px 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ffffff;
    -webkit-appearance: none;
    background-position-y: 9px;
    background-position-x: 258px;
    cursor: pointer;
}



.online-tution-dashboard .accordion,.online-tution-dashboard .panel, .online-tution-dashboard .panel-content{ 
  float:left; width:100%;
}
.online-tution-dashboard .panel p{ cursor: pointer; }
.online-tution-dashboard .panel-content p{}
.online-tution-dashboard .panel-content{ display:none;}


.online-tution-dashboard select.select-month{
float: right;
    width: 250px;
    margin-top: -5px;
    border: 0px;
    height: 38px;
    border-radius: 5px;
    padding: 6px 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ffffff;
    -webkit-appearance: none;
    background-position-y: 13px;
    background-position-x: 215px;
    cursor: pointer;
}

.monthly-tution-collection .table td, .monthly-tution-collection .table th{
      padding: 0px;
}

.cyd-tution-collection .table td, .monthly-tution-collection .table th {
    padding: 0px;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .infotable tbody tr.first-subheading{
      background: #2196f3;
    color: #fff;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .infotable tbody tr.first-subheading td{
      text-align: center;
    padding: 5px;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .infotable tbody tr.first-subheading td {
    padding: 5px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    background: #4caf50;
    color: #fff;
}

.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .infotable tbody tr td.topspace {
   padding-top: 13px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .cyd-tution-collection .infotable tbody tr td.bottomspace {
    padding-bottom: 5px;
}



.collection-dashboard{}
.collection-dashboard select.select-panel{
   width: 100%;
    margin-top: 0;
    border: 0px;
    height: 38px;
    border-radius: 5px;
    padding: 6px 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 98% 11px #ffffff;
    -webkit-appearance: none;
    cursor: pointer;
    margin-bottom: 5px;
}

.collection-dashboard .inner{
      background: #fff;
    border-radius: 10px;
    padding: 20px;
    min-height: 500px;
    font-family: 'Montserrat', sans-serif;
    margin: 0px;
}

.collection-dashboard .best-performance-tab{
    background: #fdf1ca;
    border-radius: 10px;
    padding: 15px 15px 0px 0px;
    position: relative;
}
.collection-dashboard .best-performance-tab .text{
    position: absolute;
    left: 185px;
    top: 48px;
    font-size: 21px;
    color: #242a2e;
}
.collection-dashboard .best-performance-tab .text span{
      color: #3a2c00;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 42px;
    margin-left: 55px;
    float: left;
    margin-bottom: 5px;
}

.collection-dashboard .best-performance-tab .text small{
      font-size: 15px;
    float: left;
    font-weight: 500;
    margin-left: 56px;
}

.collection-dashboard .collectiontable .heading{ background: #4943de; color: #fff; }
.collection-dashboard .collectiontable .table .heading td{
   padding: 14px 14px;
    vertical-align: top;
    border-top: 0px solid rgba(0,0,0,0);
    border-radius: 0px;
}
.collection-dashboard .collectiontable .table .information{
  color: #262626;
}

.collection-dashboard .collectiontable .table .information td img{ padding-right: 5px; }
.collection-dashboard .collectiontable .table tr.information:nth-child(even) {background-color: #f4f4f4;}
.collection-dashboard .collectiontable .table tr.information:nth-child(odd) {background-color: #d2f1fd;}
.collection-dashboard .collectiontable .table tr.information td{
    padding: 14px 14px;
    border-top: 0px;
    border-radius: 0px;
}
.collection-dashboard .collectiontable .table .information td a{color: #8bc34a;}

.collection-dashboard .targetbreakup-popup .modal-header{
    background: #4943de;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.collection-dashboard .targetbreakup-popup .modal-header .modal-title{
      font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
}
.collection-dashboard .targetbreakup-popup .modal-header .close{
      opacity: 1;
    color: #fff;
    font-weight: normal;
    font-size: 37px;
    padding: 5px 10px;
}

.collection-dashboard .img-responsive{max-width: 100% !important; width: auto;}


/*** responsive code for busimess dashboard ***/
@media only screen and (min-width: 300px) and (max-width: 600px){ 
.online-tution-dashboard .table{ width: 600px !important; }
.collection-dashboard .table{ width: 600px !important; }
.online-tution-dashboard select.select-month{ width: 200px; margin-top: 10px; margin-bottom: 10px; }
.online-tution-dashboard select.select-lob{ width: 100%; margin-bottom: 10px; margin-top: 10px; }
.online-tution-dashboard .online-tution-dashboard-inner .leftpart .monthly-tution-collection .title p {margin-left: 8px;}

.collection-dashboard .best-performance-tab .text{
      position: relative;
    left: 0;
    top: 0;
    padding: 15px;
    display: inline-block;
}
.collection-dashboard .best-performance-tab .text span{ margin: 0px; }
.collection-dashboard .best-performance-tab .text small{ margin: 0px; }

}



/***** new Course panel ************/

.online-couse-panel{
  font-family: 'Montserrat', sans-serif;
    min-height: 460px;
}
.online-couse-panel .top-title{
        background: #225ae4;
    border-radius: 15px;
    padding: 10px 20px;
    font-size: 20px; 
    letter-spacing: 1px;
    font-weight: 600;
    color: #fff;
}

.online-couse-panel .top-title img{ width: 40px; margin-right: 10px; }
.online-couse-panel .top-title span{ float: right;margin-top: 5px; }

.online-couse-panel .leftpart{
  background: #fff;
    border-radius: 15px;
    padding: 20px;
}
.online-couse-panel .leftpart .title{
  font-size: 14px;
    font-weight: 600;
    color: #242a2e;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.online-couse-panel .leftpart .course-search-form{
  margin-top: 30px;
}
.online-couse-panel .leftpart .course-search-form .input-group .input-group-prepend .input-group-text{
  padding: 0px;
    margin: 0px;
    border: 0px;
}
.online-couse-panel .leftpart .course-search-form .input-group .input-group-prepend .input-group-text img{
  height: 45px;
}
.online-couse-panel .leftpart .course-search-form .input-group .custom-select{
  height: 45px;
    border-radius: 0px 8px 8px 0px;
    margin-left: 1px;
    border: 0px;
    background: #f4f4f4;
    font-size: 13px;
    font-weight: 600;
    color: #242a2e;
    cursor: pointer;
}

.online-couse-panel .leftpart .course-search-form .input-group .form-control{
  height: 45px;
    border-radius: 0px 8px 8px 0px;
    margin-left: 1px;
    border: 0px;
    background: #f4f4f4;
    font-size: 13px;
    font-weight: 600;
    color: #242a2e;
}


.online-couse-panel .leftpart .course-search-form .input-group .btn-success{
  background: #225ae4;
    border: 0px;
    margin: 0 auto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 7px;
    padding: 13px 15px;
    transition: transform 250ms;
}
.online-couse-panel .leftpart .course-search-form .input-group .btn-success:hover{
  transform: translateY(-10px);
}

.course-view-details{  font-family: 'Montserrat', sans-serif;} 
.course-view-details .course-view-top{
    background: #225ae4;
    border-radius: 15px;
    padding: 35px 25px;
    margin-bottom: 35px;
}
.course-view-details .course-view-top .leftpart{}
.course-view-details .course-view-top .leftpart h1{
      font-size: 25px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0px;
    margin: 0px;
}

.course-view-details .course-view-top .leftpart p{
  font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
    padding-right: 11%;
}

.course-view-details .course-view-top .leftpart ul{ 
  padding: 0px;
  margin:0px; 
}

.course-view-details .course-view-top .leftpart ul li{
  list-style: none;
    font-size: 13px;
    color: #010a20;
    font-weight: 600;
    float: left;
    margin-right: 10%;
    text-transform: uppercase;
    margin-bottom: 2%;
}
.course-view-details .course-view-top .leftpart ul li span{ color: #fff; }

.course-view-details .course-view-top .right-videopart{}
.course-view-details .course-view-top .right-videopart video{
    border: 8px solid #fff;
    position: absolute;
    right: 15px;
    bottom: -80px;
    border-radius: 15px;
    height: 248px;
    background: #000;
}

.course-view-details .course-view-bottom{}
.course-view-details .course-view-bottom .title-part{
     font-size: 21px;
    color: #202a2e;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: -25px;
}
.course-view-details .course-view-bottom .title-part img{ margin-right: 10px; width: 50px; }
.course-view-details .course-view-bottom .left-course-module-part{} 
.course-view-details .course-view-bottom .left-course-module-part .card { 
  background: transparent;
    margin-bottom: 6px;
}
.course-view-details .course-view-bottom .left-course-module-part .accordion>.card>.card-header{
      margin-bottom: 0;
    background: #e9effe;
    border-radius: 8px;
}
.course-view-details .course-view-bottom .left-course-module-part .accordion>.card>.card-header h5 .btn-link{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #010a20;
}

.course-view-details .course-view-bottom .left-course-module-part .accordion>.card>.card-header h5 .btn-link:hover{
  text-decoration: none;
}
.course-view-details .course-view-bottom .left-course-module-part .card .card-body{
  background: #fff;
    border-radius: 8px;
    margin-top: 8px;
}

.course-view-details .course-view-bottom .left-course-module-part .card .card-body ul{
  margin:0px;
  padding: 0px;
}
.course-view-details .course-view-bottom .left-course-module-part .card .card-body ul li{
    list-style: none;
    padding: 0px 0px 0px 42px;
    margin: 0px;
    font-size: 12px;
    color: #202a2e;
    position: relative;
}
.course-view-details .course-view-bottom .left-course-module-part .card .card-body ul li strong
{
  color: #225ae4;
   font-size: 13px;
}
.course-view-details .course-view-bottom .left-course-module-part .card .card-body ul li strong:hover{ 
  color: #36e001; 
  cursor: pointer; 
}

.course-view-details .course-view-bottom .left-course-module-part .card .card-body ul li img{
  position: absolute;
    left: 11px;
    top: 7px;
}

.course-view-details .course-view-bottom .left-course-module-part .card .card-body .force-overflow{
      min-height: 380px;
}


.course-view-details .course-view-bottom .left-course-module-part .card .card-body #style-3::-webkit-scrollbar-track
{
  border-radius:5px;

}

.course-view-details .course-view-bottom .left-course-module-part .card .card-body #style-3::-webkit-scrollbar
{

  border-radius:3px;
}

.course-view-details .course-view-bottom .left-course-module-part .card .card-body #style-3::-webkit-scrollbar-thumb
{
  background-color: #1183de;
  border-radius:3px;
}

.course-view-details .course-view-bottom .right-course-videoview-part{}
.course-view-details .course-view-bottom .right-course-videoview-part .coursenew-video-title{
    background: #1e2326;
    border-radius: 8px 8px 0px 0px;
    padding: 19px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.course-view-details .course-view-bottom .right-course-videoview-part .coursenew-video-display{}
.course-view-details .course-view-bottom .right-course-videoview-part .coursenew-video-display .video video{
    border: 5px solid #fff;
    background: #83ada3;
    border-radius: 0px 0px 0px 8px;
    min-height: 530px;
        height: 530px;
}
.course-view-details .course-view-bottom .right-course-videoview-part .coursenew-video-display .upcoming-videolist{
      background: #242a2e;
    margin-left: -10px;
    border-radius: 0px 0px 8px 0px;
    border-left: 1px dashed #fff;
}

.course-view-details .course-view-bottom .right-course-videoview-part .coursenew-video-display .upcoming-videolist .title{
      font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 14px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.course-view-details .course-view-bottom .right-course-videoview-part .coursenew-video-display .upcoming-videolist ul{
  list-style: none;
  padding: 0px;
  margin:0px;
}

/***** student-batch-section-31-07 ******/
.student-batch-section-31-07{}
.student-batch-section-31-07 .inner{
  background: #fff; border-radius: 10px; padding: 20px;  font-family: 'Montserrat', sans-serif;
  margin: 0px;     margin-top: -26px;
}

.student-batch-section-31-07 .inner .student-batch-section-title{
  font-size: 22px;
  color: #242a2e;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: 25px;
}

.student-batch-section-31-07 .inner .student-batch-section-title img{
  margin-right: 10px;
}

.student-batch-section-31-07 .inner .show-results{}
.student-batch-section-31-07 .inner .show-results select.select-sub {
   width: 100%;
    margin-top: 0;
    border: 0px;
    height: 55px;
    border-radius: 5px;
    padding: 6px 23px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 98% 20px #efefef;
    -webkit-appearance: none;
    cursor: pointer;
    margin-bottom: 15px;
}

.student-batch-section-31-07 .inner .show-results select.select-mon {
   width: 100%;
    margin-top: 0;
    border: 0px;
    height: 55px;
    border-radius: 5px;
    padding: 6px 23px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 98% 20px #efefef;
    -webkit-appearance: none;
    cursor: pointer;
    margin-bottom: 15px;
}

.student-batch-section-31-07 .inner .show-results .btn-showresult{
      background: url(https://orionedutech.co.in/cglms/uploads/app/images/student-batch-section-btn-bg1.png) no-repeat !important;
    border: 0px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    width: 274px;
    height: 81px;
    text-align: left;
    text-transform: uppercase;
    padding-left: 41px;
}

.student-batch-section-31-07 .student-batch-section-result-table{
    background: #c5edff;
    border-radius: 15px;
    padding: 25px 15px;
    margin-top:25px;
}

.student-batch-section-31-07 .student-batch-section-result-table .heading{
  border-bottom: 3px solid #28a9fd;
    font-size: 15px;
    font-weight: 700;
    line-height: 16px;
    color: #242a2e;
    letter-spacing: 1px;
}

.student-batch-section-31-07 .student-batch-section-result-table .information{
      font-size: 13px; color: #181818; letter-spacing: 1px;
}
.student-batch-section-31-07 .student-batch-section-result-table .information .ts{}
.student-batch-section-31-07 .student-batch-section-result-table .information .ts .left{
background: #2a0e59;
    padding: 6px 4px 9px;
}
.student-batch-section-31-07 .student-batch-section-result-table .information .ts .right{
  background: #28b7fe;
    color: #fff;
    padding: 6px 6px 9px;
    margin-left: -5px;
}


.student-batch-section-31-07 .student-batch-section-result-table .information .as{}
.student-batch-section-31-07 .student-batch-section-result-table .information .as .left{
background: #41c01a;
    padding: 6px 4px 9px;
}
.student-batch-section-31-07 .student-batch-section-result-table .information .as .right{
  background: #131313;
    color: #fff;
    padding: 6px 6px 9px;
    margin-left: -5px;
}

.student-batch-section-31-07 .student-batch-section-result-table .information .btn-showresult{
  background: #41c01a;
    padding: 0px 0px 0px 8px;
    border-radius: 6px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: -8px;
    border: 0px;
}

.student-batch-section-31-07 .student-batch-section-result-table .information .btn-showresult img{
      padding-left: 8px;
}


/*** responsive code for  student-batch-section-31-07 ***/
@media only screen and (min-width: 300px) and (max-width: 600px){ 
  .student-batch-section-img{ max-width: 100% }
  .student-batch-section-31-07 .inner .student-batch-section-title img {width: 50px;}
  .student-batch-section-31-07 .student-batch-section-result-table .information .ts .right{
        display: inline-block;
    margin: 0;
    width: 39px;
    text-align: center;
    margin-top: 5px;
  }

.student-batch-section-31-07 .student-batch-section-result-table .information .as .right{
      display: inline-block;
    margin: 0;
    width: 39px;
    text-align: center;
    margin-top: 5px;
}

.student-batch-section-31-07 .student-batch-section-result-table .information .btn-showresult{
      margin: 0px;
    padding: 8px;
}

.student-batch-section-31-07 .student-batch-section-result-table .information .btn-showresult img{ display: none; }

}