@import url('../fonts/OpenSans-Regular.ttf');
@import url('../fonts/fontawesome-webfont.ttf');
@import url('../fonts/glyphicons-halflings-regular.ttf');
*{
    font-family: 'Open Sans', sans-serif; 
    outline: none !important;
}
body{background-color:#f2f6f9 !important; overflow:none;}
h3{
    color: black !important;
    font-weight: 400 !important;
}
#scholar_step6_form_copy_of_id
{
visibility: visible !important;
}
#scholar_step6_form_list_of_requirement_0
{
visibility: visible !important;
}
.wrap{padding-right: 0 !important ; padding-left: 0 !important ;}
.sidenav {
    height: 100%;
    position: fixed !important;
    z-index: 200;
    top: 0;
    left: 0;
    background-color: #15694f;
    width: 21%;
    padding:0 !important;
}
.info .fa-info-circle{display:none}
.closebtn{display:none;}
.form-control{
    border-radius: 0 !important;
    background-color:#f2f6f9 !important;

}
.list{margin-bottom:10px !important}
.info.btn{display:none}
.hr{display:none}
.main {
     /* Same as the width of the sidenav */
    /* Increased text to enable scrolling */    
    width: 79% !important;
    background: #f2f6f9;
}


/* Style the buttons inside the tab */
.sidenav .tablinks {
    display: block;
    background-color: #197257;
    color: #4db696;
    padding: 12px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 2px;
    font-weight: 500;
}
.tab-list{
    padding-left: 0;
}

/* Change background color of buttons on hover */


/* Create an active/current "tab button" class */
.sidenav .tablinks.active {
    background-color: #14644b;
    position: relative;
    color: white
}
.sidenav .tablinks.active:after{
    content: "\f0da";
    position: absolute;
    top: 10%;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    right: -7px;
    font-size: 24px;
    color:#14644b
}
/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    margin-top:130px;
    width: 100%;
    border-left: none;
    height: 100%;
    z-index: -1;
}
.modal-header{
background-color: #00684e;
    color: white;
    /* font-size: 21px; */
    text-transform: uppercase;
    font-weight: 600;}
.update-modal .modal-header h4{display:inline-block !important}
.update-modal .modal-footer .btn-default{padding: 10px 30px !important;}
.update-modal .close{color:white !important; opacity:1 !important}
.mg-left{margin-left: 10px !important;}

#mynav {
        top: 0;
        position: fixed;
        color:#aaa;
        box-shadow: 0 0 0 2px #ebebeb;
        background: white;
        z-index: 1;
        width: calc(100vw - 21vw);
        padding: 15px 25px;
        margin-left: -15px;
      }
    .lang{ float: right; padding-right: 20px; padding-top: 15px;}
    .lang .btn{
        padding: 4px 10px !important;
        border-radius: 0 !important;
        color: #0d5941 !important;
        background: #c17638 !important;
        border-color:#ededed !important ;
        font-weight: 600;



    }
   .lang .btn.active{
        background: #fb9b48;
        color: white !important;
    }
    .header-content{
        width: 75%;
        display: inline-block;
    }
    .header-content p{
        font-size: 13px;
        color: #777;
    }
    .header-content h5{
        text-transform: uppercase;
        color: black;
        font-weight: 700;
        margin-top: 15px;
        margin-bottom: 18px;
	font-size: 19px;
    }
    .header-content strong{color:black}
.header-msg{
position: absolute;
bottom: 24px;
right: 43px;
}
.user-name{
margin-right: 5px;
padding-top: 3px;
display: inline-block;
color: #197257;
font-size: 13px;
max-width: 143px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}
.logo{
    padding: 15px;
    background-color: #0d5941;
}    
.logo a{
    margin: 0 auto;
    display: block;
    height: 100px;
    width: 150px;
}
.grey-border{
    border: 1px solid #e9eaec;
    padding: 25px 15px;
}
.mg-btm{margin-bottom: 0 !important;}
.grey-border select{display: inline-block !important; width:25%; float:inherit}
.msg{
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 13px;
    border: 1px solid #bce8f1;
    padding: 10px 15px;
    background: #d9edf7;
    color: #4a8fb2;
}
.btm-btn{ margin-top: 30px;text-align: right; margin-bottom: 100px;}
.btm-btn .btn{padding: 10px 30px; border-color: #a1c2ba; color: black;}
.btm-btn .btn-green{
    background-color: #15694f;
    color: white;
}
#rel{
    margin-left: 10px;
}
.tabs{padding:0;}
.mg-bt{
    margin-bottom: 30px !important;
}
.req:after{
    content: '*';
    color:#f00;
    left: 5px;
    position: relative;

}
.text-danger{
    color: #f00 !important;
    font-size: 12px;
}
.text-header{
	color: #f00 !important;
    font-size: 12px;
}
input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=date]{
    -moz-appearance: none;
}
input[type="text"].datepicker {
    
    display: block;
    background: url(../images/calendar-icon.png) no-repeat;
    border-width: thin;
    cursor: pointer;
    background-position: center right 10px;
}
.radio-set input[type="radio"],.radio-set input[type="checkbox"] {
   position: absolute;
    margin-top: 3px;
}
.radio-set label{
    margin-left: 25px;
    margin-bottom: 20px;
    display: block !important;
}
.width-50{width:50% !important;}
label{
    font-size: 14px;
    color: black;
    font-weight: 400 !important;
}
.row-container .col-md-12:first-child label{
display:block;
}

/* Listing Page */

.list-container{width:100%; margin-top: 100px; padding-left: 15px; padding-right: 15px;}
.prevfile{padding-left:0; list-style:none; padding-top: 6px;}


  .main-box {
    background: #FFFFFF;
    -webkit-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -moz-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -o-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -ms-box-shadow: 1px 1px 2px 0 #CCCCCC;
    box-shadow: 1px 1px 2px 0 #CCCCCC;
    
    padding: 20px 10px;
  }

.mg-top{margin-top:15px !important;}
 .main-box .table tbody > tr > td{
    background: #f2f6f9;
    border-top: 5px solid #fff !important;
    vertical-align: middle !important;
    padding: 12px 8px !important;
    max-width: 278px !important;
 	word-wrap:break-word;
}
    
 .top-page-ui {
    padding-top: 15px;
}
  .search{background-color:transparent !important}
 .top-page-ui .btn-primary {
    background-color: #197257;;
    border-color: #2fb2a0 !important;
}

  .top-page-ui{width:29%;  margin-top: 20px;
    margin-bottom: 10px;}

.user-list tbody td .user-link {
 padding:3px;
 color: #2bb6a3;
}
 .main-box .table thead > tr > th span {
   /* border-bottom: 2px solid #C2C2C2;*/
    display: inline-block;
    padding-bottom: 5px;
    font-weight: 600;
    font-size:14px;
}
 .main-box .table thead > tr > th {
    border-bottom: 1px solid #C2C2C2;
    padding-bottom: 0;
}
 .main-box .table tbody > tr > td:first-child, .table thead > tr > th:first-child {
}
 .main-box .fa-inverse {
    color: #777 !important;
    font-size:16px;
}

.form{
    margin-top: 140px; padding: 0 !important;
}
.form .col-sm-3{width:22% !important;}
.form img{margin-top:20px;}
.form h3{text-align: center}
.form{line-height: 27px;}
 .main-box .tbody, tbody a{font-size:13px;}
.upload-form{
    border: 1px solid #a1c2ba;
    padding: 20px;
    background: white;
    border-radius: 4px;
}

.table-panel{background: #197257; color: white;}
.upload-form label{font-weight: 600 !important; display: block}
.upload-form input[type=file]{display: inline-block}
.upload-form .btn-primary{background-color: #15694f; color: white; margin-top: -15px;}
.upload{padding:0 10px;}

.panel-default{margin-top: 50px; background-color: #f2f6f9 !important;}
.panel-default>.panel-heading{height: 90px; 
    background-color: #15694f !important;
    }
    
    .panel-title{display: inline-block; margin-top: 25px !important;font-size: 18px !important; color: white !important;}
.panel-heading a{float: right;
    height: 50px;
    width: 100px;}
    .panel-body a {
    color: #4db696 !important;}
.btn-primary {
    color: #fff !important;
    background-color: #15694f !important;
    border-color: #15694f !important;
    padding: 10px 30px !important;
}
.tablinks a{color:#4db696 !important}
.view.saveme, .view.fillme{border:none; background:none; padding:0; font-size:13px;}
.view.cancelme, .view.fillme{border:none; background:none; padding:0; font-size:13px;}
.lang .fa-user, .lang .fa-caret-down{color:white}
.lang .btn{background:#fb9b48}
.lang .dropdown-menu{right: 0 !important; left:auto !important; min-width: 145px !important;border-color:#c17638 !important; margin: 10px 0 0; border-radius:0 !important}
a.dropdown-item {
    }
.table-scroll{overflow-x:auto}
.main-box.table-scroll .form-control{width: 198px;
margin-bottom: 5px;}
.lang .dropdown-menu hr{margin:0 !important; border-color:#ccc !important}
.lang .dropdown-menu .dropdown-item{padding: 5px 7px;display: block; color: #777;text-decoration: none;}
.lang .dropdown-menu .dropdown-item:hover{color:white; background:#c17638}
.lang .dropdown.open:before{
content: '\f0d8';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:22px 0px 0px 35px;
   text-decoration:none;
   font-size:20px;
position:absolute;
color: #c17638;

}

.box{border: 1px solid #ddd;
padding: 0;
background: white;
border-radius: 4px;
cursor:pointer;
}
.box:hover i{color:#777}

.box:hover{background-color:#2ca9961a; transition:background-color 1s ease-out;}
.box i{font-size: 50px;
padding: 20px;
color: #c1763880;}
.box p{font-size: 16px;
text-transform: uppercase;
background: #15694f;
color: white;
padding: 12px 0;
margin-bottom:0;
}
.datepicker table tr td.active.active, .month.active, .year.active{background:#15694f !important}
.sidenav .tablinks .fas{margin-right:5px;}
#step2 p{margin-left:15px; font-size:16px;}
 
.btn-add{
	
	color:white;
	font-weight:700 !important;
	background:green;
	font-size:16px !important;
	padding:2px 9px !important;
}
.removeme{
		color:white;
		
	
	font-weight:700 !important;
	background:#a94442;
	font-size:16px !important;
	padding:2px 11px !important;
}
.delme i{color:#a94442 !important}
.note{font-size:12px; color:#009688
}

.tabcontent.box-top{margin-top:60px}
.admin  .lang{padding:0px; }

.sub-btn .btn{margin-top:25px; padding:6px 12px !important;}
.sign-img{width: 140px;
    height: 90px;}
.sign-img img{height: 100% !important;
    width: auto !important;
    object-fit: contain !important;}

.label-bold {font-weight:600 !important; margin-bottom:10px;}
 .btn-add:focus, .btn-add:hover, .removeme{color:white !important; }
.btn-add:hover{background:#4db696 !important}
.pd-0{padding:0 !important}
.search{margin-top:25px;}
.search .btn{padding:6px 12px !important}
.pd-15{padding:15px}
.rd-align input[type='radio']{vertical-align:middle; margin:0}
.page-header{margin-top:60px!important;}
.fa-angle-down[aria-expanded=true]{transform:rotate(180deg)}
.fa-angle-down{font-size:20px !important; cursor:pointer}
.tab-header{
background-color: #A7BDB6;
padding: 15px 10px !important;
color: white;
font-size: 16px;
}
@media screen and (max-width: 450px) {
   
    .grey-border select{    width: 50%;}
    .form .pull-right{float: left !important}
	#mynav{width:100% !important}
	.tabcontent{margin-top:185px}

}
 

.show-label label{display:none !important}



.view{text-align:center !important; color:#4db696}

.pagination{margin:0 !important;}
.pagination > li > a{color:#4db696 !important}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color: #4db696 !important;
    border-color: #4db696 !important;
color:white !important;
}

.nav-tabs > li > a, .nav-tabs .dropdown-menu > li > a{text-transform:uppercase; color:white!important; font-size:12px;padding:10px 6px !important; background-color:#4db696;
}
.nav-tabs > li > a:hover{color:black !important; }
.nav-tabs{border-bottom:1px solid black;}
.nav-tabs > li.active{margin-bottom:-2px!important}
.nav-tabs + .tab-content{border:1px solid black}
.nav-tabs > li.active > a, .nav-tabs .dropdown-menu > .active > a{
background: #f2f6f9 !important;
color: black !important;
margin-bottom: -4px;
border: 1px solid black !important;
border-bottom:2px solid #f2f6f9!important;
}
.tab-pane .table > tbody > tr > td{border-top:0 !important;border-bottom: 1px solid #ddd;}
.tab-dropdown{left:auto!important; right:0;}
.dotted-btn{float: right!important;
padding-right: 0!important;}


.dashboard a:hover{text-decoration:none;}	

.dotted-btn a{margin-right:0!important}

.accept-form .form-control{display:inline-block!important}
.inp-width{width:20% !important}

#is_promotional{margin-top:0px; vertical-align: middle; float:none}
#is_promotional + label{display:inline!important;}
.tablinks.active a{color:white !important};


@media print
{
.noprint {display:none !important;}
.form{margin-top:0px;}
.main{float: left !important; width:100% !important}
.form img{position: absolute;}
.mg-lft{margin-left: 190px !important;}
}
fieldset.scheduler-border {
border: 1px solid #e5e5e5 !important;  
	  padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: left !important;
	width:auto!important;
	border-bottom:none;
}
legend{margin-bottom:5px !important}
.file-link{padding-left: 15px;
    padding-top: 6px;
   list-style-type: none; 
}
.up-file{
	width: 57% !important;
    padding: 0 !important;
	
}
.up-file + ul{
list-style-type: none !important;
display: inline-block !important;
padding-left: 0 !important;
padding-top: 6px;
margin-bottom: 0;}
.up-file + ul li{margin-top: 0px !important;}

.pd-panel{padding:20px 10px}

#table-scroll{margin-top:0 !important;}

.datepicker.form-control{padding:6px 12px;}

.visible-xs .panel-default > .panel-heading{height:67px;}
.visible-xs .panel-heading a {width: 100% !important; text-decoration:none}
.visible-xs .panel-title{width: 100% !important; font-size:16px !important}
.visible-xs .panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
overflow-x: scroll;
}
@media screen and (max-width:768px) { 
#mynav{width:100% !important}
.tabcontent{margin-top:160px}
 
  .main{width:100% !important}



.panel-heading {
    padding: 0
}
.panel-heading a {
	display: block;
	padding: 10px 0px;
	float: none;
	height: auto;
	width: auto;
}
.panel-default > .panel-heading{height:auto;}

.panel-heading a:after {
    content: '-'
}
.visible-xs .panel-heading a.collapsed:after {
    content: '+';
float:right;
}
.nav.nav-tabs li a,
.nav.nav-tabs li.active > a:hover,
.nav.nav-tabs li.active > a:active,
.nav.nav-tabs li.active > a:focus {
    border-bottom-width: 0px;
    outline: none;
}
.nav.nav-tabs li a {
    padding-top: 20px;
    padding-bottom: 20px;
font-size: 10px !important;
font-weight: bold;
}
.nav-tabs > li > a{padding: 10px 4px !important;}
.tab-pane {
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    margin-top: -1px;
}
.panel-title{display: inline-block;
float: left;
width: 75% !important;
padding: 30px 0;
}
.panel-heading a{width: 25%;
display: inline-block;

padding:0;
}
.panel-title{
width:100%;
margin-top: 0px !important;
font-size:16px;}

.panel-default {
    margin-top: 25px}


.visible-xs .panel-heading a::after {float:right}
.dashboard .box{margin-bottom:15px}
.dashboard .mg-bt{margin-bottom:0 !important;}


.tabcontent {
    margin-top: 80px;
}


.sidenav {
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0d5941 !important;
    padding: 0 !important;
    width: 0;
    position: fixed;
    z-index: 1111;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
}

.closebtn{
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 23px;
    margin-left: 50px;
    color: white;
    text-decoration: none;
display:block;

}

.navbar-toggle{float:left !important; margin:0 !important; padding:9px 0!important; display:block !important;}
.navbar-toggle .icon-bar{background-color:black}
.btm-btn{margin-bottom:30px;}
.lang .fa-info-circle{top:0;}

.header-content h5{font-size:12px; margin-top: 10px; margin-bottom: 10px}
.header-content{margin-left: 10px;}
.lang{padding-top:5px}
.logo{width:100%
  }}

@media screen and (max-width:1024px) { 
.header-content p{display:none;}
.header-content h5{font-size:14px; display:inline-block}
.header-content{width:auto}
.info.btn{padding:0}
.info .fa-info-circle{font-size: 18px;
margin-top: 0px;
display: inline-block !important;
color: #c1763880;}
.lang{position:relative}
.lang {
    padding-right: 0px;
    
}
 .date-set [class*="col-"]{padding-left:5px !important; padding-right:5px !important;}
.date-set input[type="text"].datepicker{background-position: center right 2px;}
.info.btn:active, .info.btn:focus{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}
.tab-pane {
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    margin-top: -1px;
}
a.closebtn:hover{
color: #bb895e;
text-decoration: none;
}

.popover p{display:block !important;}
.tabcontent { margin-top: 100px;}

.info.btn{display:inline-block}
.coof input[type="file"], .regr input[type="file"]{display: inline-block;
width: auto !important;}
.list{margin-bottom:15px !important}
#scholar_step6_form_list_of_requirement.radio-set label{margin-bottom:5px !important; }
.nav.nav-tabs li a {
   
font-size: 10px !important;
font-weight: bold;
}
.nav-tabs > li > a{padding: 10px 2px !important;}

}


@media screen and (min-width:1000px) and (max-width:1025px) { 
.sidenav{
min-width:280px;
max-width:280px;
}
.overflow{overflow:auto !important;}
.main{
width:calc(100% - 280px) !important;
}

#mynav {
    width: auto;
    right: 0;
    left: 280px;

}

}


@media screen and (max-width:450px){ 
.header-content {margin-left: 0px; }
.header-content h5{display:inline}

.panel-title{
padding: 15px 0;
font-size:14px !important;}
.hr{display:block; border-top-color:#e6e4e4 !important}
#scholar_reg_form_reg_receipt{white-space: nowrap;
overflow: hidden;
max-width: 245px;}

}







@media screen and (max-width:667px){
.show-label label{display:block !important; }
.hide-div{display:none;}
.visible-xs .panel-title{
padding: 15px 0;}
.sidenav{
overflow-x: hidden !important;
overflow-y: auto !important
}
 }
 	
	
.sort{background: url(../images/sort.png);
position: absolute;
height: 100%;
width: 20%;
background-repeat: no-repeat;}
 
#application_no{min-width: 150px !important;}
 #signature_date{min-width: 150px !important;}
 #associate_name{min-width: 150px !important ;}

.admin .sidenav{
min-width:230px;
max-width:230px;
}

.admin .main{
width:calc(100% - 230px) !important;
}
.admin #mynav {
    width: auto;
    right: 0;
    left: 230px;

}
#mod-ok{padding: 6px 12px !important}
#confirm_modal .modal-dialog{transform: translate(0,200%) !important;}

#confirm_modal .modal-sm {
    width: 370px !important;}
#confirm_modal .modal-content{padding-top: 20px;}
	.note2{font-size:13px}
	.affadavit{
	margin-top: 0px;
text-align: right;
margin-bottom: 100px;
	}