body{background:#f9f9f9;}
.login{width: 300px;padding:10px;left: 50%;margin-top:50px;margin-left: -160px;border: 10px solid #FFF;display: block;-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.1);box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.mrg{margin-top:25px; margin-bottom:10px;}
.pagination {margin: 2px 0;}
.pad{padding:5px 5px;}
.mrg-1{margin-top: 5px;}
.mrg-left{margin-left: 10px;}
.mrg-right{margin-right: 10px;}
.mrg-top{margin-top: 10px;}
.mrg-bottom{margin-bottom: 10px;}
.mrg-mail{margin-top: 55px;}
.asc{background: url('../img/sort_asc.png') no-repeat center right;cursor: pointer;display: block;}
.desc{background: url('../img/sort_desc.png') no-repeat center right;cursor: pointer;display: block;}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0 !important;
}    
table tr th a{color:#000;background: url('../img/sort_both.png') no-repeat center right;cursor: pointer;display: block;}
table tr th a:hover{text-decoration: none;}
.error-message{color: #FF0000;}
.cust-supt{font-size: 45px;font-weight:900;font-family:"Times New Roman", Times, serif; color:#2166b1;margin-left:15px;margin-top:25px;}
.cust-head2{font-size: 18px;margin:15px 15px 15px 15px; font-weight:900;font-family:"Times New Roman", Times, serif; color:#545454;text-align: center;}
.cust-head2 a{color:#ff2626;}
.cust-list li{ line-height:35px; font-size:18px;font-weight:900;font-family:"Times New Roman", Times, serif; color:#7b7d70;}
.cust-list li a{color:#555555;}
.error-message{color: #FF0000;}
.dg-content{color: #666;font-size: 20px;line-height: 2.6em;text-align: justify;}
@media only screen and (min-width: 220px) and (max-width: 565px) {.dg-content{color: #666;font-size: 18px;line-height: 1.6em;text-align: justify;}}
.dg-icon.step-1{background-position: -5px 0;}
.dg-icon.step-2{background-position: -5px -240px;}
.dg-icon.step-3{background-position: -5px -480px;}
.dg-icon.step-4 {background-position: -5px -720px;}
.progress.active .progress-bar {-webkit-transition: none !important;transition: none !important;}
.exam-logo{margin-left:10px;margin-top: 10px;margin-bottom: 10px;}
.exam-photo{text-align:right;margin-top: 10px;margin-bottom: 10px;}
.exam-border{border-top: 4px solid #132035;margin-bottom: 5px;margin-top: 5px;margin-left: -15px;margin-right: -15px;}
.exam-heading{text-align: center;font-size:24px; font-weight: 500;
margin-bottom: 10px;
    background-color: #00BCD4;
    color: #fff;
    border-radius: 3px;
    padding: 5px;
}
.exam-logo{font-size: 26px;padding-top: 15px;}
@media only screen and (min-width: 520px) and (max-width: 570px) {.exam-logo{font-size: 18px;}}
@media only screen and (min-width: 470px) and (max-width: 519px) {.exam-logo{font-size: 16px;}}
@media only screen and (min-width: 420px) and (max-width: 469px) {.exam-logo{font-size: 14px;}}
@media only screen and (min-width: 220px) and (max-width: 419px) {.exam-logo{font-size: 22px;}}
/*.exam-panel{overflow-y: scroll; height:370px;}*/
.exam-panel{height:100%;}
.exam-panel p {font-size: 14pt;}
.exam-panel .radio, .exam-panel .checkbox {
	padding-left: 31px !important;
    padding-right: 10px;
    background-color: #eee;
}
.input-sm-small{height: 30px;padding: 0px 0px;font-size: 12px;line-height: 1.5;border-radius: 0px;}
.dropdown-menu{left: auto;right: 0px;margin-top: 2px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);background-color: #FFF;}
.max-column{max-width: 350px;}
#exam-loading{position: absolute;z-index:999;top: 150px;}
.my-result{background-color: #ffffff;}
.rtest_heading{font-family: Arial, Helvetica, sans-serif;font-size: 18px;color: #535352;margin:20px;}
.rank{color: #649130;font-size: 16pt;font-weight: bold;}
.rank_name{font-size: 12px;font-weight: bold;}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-right: -20px;
}
.is-countdown {
	background-color: #607d8b !important;
    color: #fff;
    font-size: 15px;
    border:none !important;
    border-radius: 3px;
}
#printajax .col-md-12, #printajax .col-md-9, #printajax .col-md-3 {padding: 0 3px !important;}
#printajax .panel-body {padding: 5px !important;}
#printajax .table-responsive>.table>thead>tr>th, 
#printajax .table-responsive>.table>tbody>tr>th, 
#printajax .table-responsive>.table>tfoot>tr>th, 
#printajax .table-responsive>.table>thead>tr>td, 
#printajax .table-responsive>.table>tbody>tr>td, 
#printajax .table-responsive>.table>tfoot>tr>td {
    white-space: normal;
}
#printajax .table-responsive { overflow: visible;}
.panel .btn-block {margin: 3px 0;}
.exam-photo {display: none;}
#slider .wrap .panel {box-shadow: none !important;}
#slider .wrap .panel h3 {display: block; text-align: center;}
.exam-panel table:first-child thead:first-child tr:first-child {background-color: #cddc39;}
#menu-toggle {cursor: pointer;margin-right: 5px;}
#footer {font-size: 13px !important; text-align: center !important; background-color: #8bc34a !important;}
#footer .copyright {border:none !important; padding: 0 !important; background: none !important;}
.page-content > .box-content > .content { padding: 15px !important; }
.panel {border-radius: 0 0 4px !important;}
.close {color:#fff; opacity: 1;}
#compare-report {display: none;}
@media only screen and (max-width: 740px) and (min-width: 220px) {
.logo {
    font-size: 15px;
    text-align: center;
    width: 100%;
    background: #8BC34A;
    color: #fff;
}
#topbar #topbar-menu .navbar-right {
    width: 100%;
 }
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
#menu-toggle {
    line-height: 60px;
 }
}
@media only screen and (max-width: 767px) and (min-width: 320px) {
#topbar #topbar-menu ul.navbar-nav > li:last-child {
    float: right !important;
 }
#topbar #topbar-menu .navbar-right > li > ul.dropdown-user {
    right: -30px !important;
    min-width: 260px !important;
 }
#topbar #topbar-menu .navbar-right > li > ul.dropdown-menu {
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1) !important; 
 } 
}
/***********************
* Responsive Table
************************/
.table-exam { 
    width: 100%; 
    border-collapse: collapse; 
    margin:auto;
    }
/* Zebra striping */
.table-exam tr:nth-of-type(odd) { 
    /*background: #eee; */
    }
.table-exam th { 
    background: #3498db; 
    color: white; 
    font-weight: bold; 
    }
.table-exam td, .table-exam th { 
    padding: 3px; 
    border: 1px solid #ccc; 
    text-align: center; 
    /*font-size: 18px;*/
    }
.table-exam .available {
    background-color: #4caf50;
}
.table-exam .nopaper {
    background-color: #f44336;
}
.modal-open, .modal-open .modal {padding-right: 0px !important;}
#basicModal .modal-dialog .modal-content {height: 525px !important;}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (min-width: 300px) and (max-width: 469px) {
#basicModal .modal-dialog .modal-content {height: 550px !important;}
    #contactForm {
    height:550px !important;
    }

}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    .table-exam { 
          width: 100%; 
    }
    /* Force table to not be like tables anymore */
    .table-exam, .table-exam thead, .table-exam tbody, .table-exam th, .table-exam td, .table-exam tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .table-exam thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .table-exam tr { border: 1px solid #ccc; }
    
    .table-exam td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%;
        text-align: left; 
    }
    
    .table-exam td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        /* Label the data */
        content: attr(data-column);
        color: #3498db;
    }
}