@media only screen and (max-width: 768px) {
	.hidden-xs{display: none !important;}
}
.modal-backdrop{display: none !important;}
.opened{margin-left: 7px !important}
.opened li{margin-bottom:2px; background-image:linear-gradient(45deg, #55c2e3, #0b4455 );padding:2px 0}
.hr{background: #8c8989; width: 100px}
.mpebtext{color: #de953a}
/*for login*/
.register{
    background: -webkit-linear-gradient(left, #352B4E, #9b83d4);
    margin-top: 12%;
   }
.register-left{
    text-align: center;
    color: #fff;
    
}
.register-left input{
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    width: 60%;
    background: #f8f9fa;
    font-weight: bold;
    color: #383d41;
    margin-top: 30%;
    margin-bottom: 3%;
    cursor: pointer;
}
.register-right{
    background: #fff;
    border-top-left-radius: 24% 44%;
    border-bottom-left-radius: 24% 44%;
    margin: 0 0 2% 0;
}
.register-left img{
    margin-top: 15%;
    margin-bottom: 5%;   
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
.register-left p{
    font-weight: lighter;
    padding: 12%;
    margin-top: -9%;
}
.register .register-form{
    padding: 10%;
    margin-top: 10%;
}
.btnRegister{
    float: right;
    margin-top: 10%;
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    width: 50%;
    cursor: pointer;
}
.register .nav-tabs{
    margin-top: 3%;
    border: none;
    background: #0062cc;
    border-radius: 1.5rem;
    width: 28%;
    float: right;
}
.register .nav-tabs .nav-link{
    padding: 2%;
    height: 34px;
    font-weight: 600;
    color: #fff;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.register .nav-tabs .nav-link:hover{
    border: none;
}
.register .nav-tabs .nav-link.active{
    width: 100px;
    color: #0062cc;
    border: 2px solid #0062cc;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.register-heading{
    text-align: center;
    margin-top: 10%;
    margin-bottom: 5%;
    color: #495057;
}
.thead
{
    background: #e2f0f8;
    text-align: center;
}
.loadr{
	background: rgba(0,0,0,0.8);
    display: table-row;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
	left: 0;
	z-index: 999999;
}
.loadimg
{padding-top: 19%;
    margin: 0 auto;
    display: table-cell;
}
.custab .table-bordered, .table-bordered td, .table-bordered th
{
    border: 1px solid #352b4e;
}
.custab .table thead th{
    border-bottom: 2px solid #a690de;
}
.custab .table{
    background-color: #e4f5f7;
}
.printwidth.table-responsive {
    font-size: 18px;
    font-weight: 600;
    margin-top:30px;
    margin-bottom: 30px;    
}

@media print {
    body {
        margin-top: 120px;
        margin-bottom: 120px;
        font-size: 20px;
        font-weight: 700;
        
      }
      
    
}
/* input[type=text] {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('/assets/img/searchicon.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 10px 20px 10px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    background-size: 13%;
    margin-bottom: 5px;
  }
   */