@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body,html{
    height: 100%;
    font-family: 'Roboto', sans-serif;
}
a:hover {
    text-decoration: none;
}
.inputerror {
    border: 1px solid red;
}
span.error {
    color: red;
    font-size: 13px;
}
span.error p {
    color: red !important;
    font-size: 13px;
    margin: 0px;
}
/*===================================login css==============================================*/
section.login {
    background: #65c1a2;
    min-height: 969px;
}
.login_form {
    width: 449px;
    margin: 57px auto;
}
.box_content {
    padding: 40px;
    min-height: 240px;
    background: white;
    border-radius: 2px;
}
.logo {
    text-align: center;
    margin: 20px 20px 34px;
}
.logo img {
    width: 50px;
    margin-right: 10px;
}
.logo h3 {
    font-size: 32px;
    color: white;
}
.log-in {
    font-family: Publico;
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -0.6px;
    color: #0a563b;
    margin-bottom: 32px;
    text-align: center;
}
.form-group label {
    float: left;
    font-size: 16px;
    color: #5e5e5e;
}
.form-group {
    margin-bottom: 26px;
}
.btn.btn-default.login {
    width: 100%;
    font-size: 17px;
    background: #2196f3;
    color: white;
    border-radius: 0px;
    padding: 8px 10px;
}
/*===================================login css==============================================*/
.main-body {
    margin-left: 60px;
    padding-top: 61px;
}
.main-body .container-fluid {
    padding: 0px 30px 50px 30px;
}
/*==================================header style=============================================*/
.admin-header {
    background: #e9ede9;
    padding: 8px 0px;
    height: 62px;
    width: 100%;
    position: fixed;
    z-index: 1000;
}
a.brand-logo {
    float: left;
    width: 46px;
    margin-left: -7px;
}
.brand-logo img {
    width: 100%;
}
ul.content.pull-left {
    list-style: none;
    padding: 0px;
}
ul.content.pull-left {
    list-style: none;
    padding: 0px;
    margin: 5px;
}
ul.content.pull-left li {
    float: left;
    padding: 6px 20px;
}
ul.content.pull-left li a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #0e0e6c;
}
ul.con-login.pull-right li {
    float: left;
    padding: 12px 20px;
}
ul.con-login.pull-right {
    list-style: none;
}
ul.con-login.pull-right {
    list-style: none;
}
/*==================================header style=============================================*/
/* =============side nav bar============ */
.main .row{
    padding: 0px;
    margin: 0px;
}
nav.sidebar.navbar {
    border-radius: 0px;
}
nav.sidebar, .main{
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}
nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #CCC;
    background-color: transparent;
}
nav:hover .forAnimate{
    opacity: 1;
}
.navbar { 
    min-height: 0px
}

.sidenav {
    width: 60px;
    position: fixed;
    z-index: 1;
    top: 61px;
    left: 0;
    background: #1a1a27;
    overflow-x: hidden;
    padding-top: 20px;
    float: left;
    height: inherit;
}
.sidenav a {
    padding: 10px;
    text-decoration: none;
    font-size: 25px;
    color: white;
    display: block;
    text-align: center;
}
.sidenav a:hover {
    color: #f1f1f1;
}
a.menudivider {
    border: 1px solid #03a9f4b0;
    padding: 0px;
}
/* =============side nav bar============= */
/* ============Dashboard============= */
.std-title {
    margin: 25px 0px 0px;
    border-bottom: 1px solid #c1c8cb;
    padding: 0px 0px 25px;
    font-weight: 700;
    font-family: Publico;
    font-size: 27px;
    color: #11113a;
    letter-spacing: -0.9px;
    min-height: 55px;
}
h3.std-title-text {
    margin: 0px;
    font-weight: 700;
    font-size: 27px;
    float: left;
}

.search-form-blk {
    float: right;
    font-size: 14px;
    display: inline-flex;
    padding: 0px;
    list-style: none;
}
input#t_date {
    height: 35px !important;
}
ul.search-form-blk li {
    margin: 0px 0px 0px 9px;
}
.statdiv {
    float: left;
    width: 100%;
    padding: 41px 0px 0px;
}
.statdiv .col-md-3 {
    padding: 0px;
}
h4.standard-head {
    font-size: 20px;
    font-weight: 500;
}
.statdiv .col-md-6 {
    padding: 0px;
}
.email_compaingns {
    border: 1px solid lightgrey;
    /* margin-top: 20px; */
    padding: 20px 20px 10px!important;
}
.dashboard {
    padding-left: 15px;
    font-size: 20px;
    font-weight: 700;
}

.table.table-standard {
    font-size: 16px;
}
.tableblock {
    margin-top: 17px;
}
tr.tablehead th {
    border-top: none !important;
}
.innerlink {
    padding: 2px;
    font-size: 15px;
    border-bottom: 1px solid #f1f1f1;
}
p.numericals {
    font-size: 25px;
}
.blue_content {
    color: #05a7f3;
}
.green_content {
    color: #3b9c48;
}
.orenge_content {
    color: orange;
}
p.percentage {
    color: #8e8383;
}
p.text {
    color: black;
}

.sent_box {
    border: 1px solid lightgrey;

}
span.glyphicon.glyphicon-send {
    padding: 10px;
}

span.glyphicon.glyphicon-edit {
    padding: 10px;
}
span.badge {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
.botton_new {
    text-align: center;
    margin-top: 10px;
}
.btn.btn-default.new {
    background: #05a7f3;
    color: white;
    outline: none;
}
span.glyphicon.glyphicon-envelope {
    padding: 0px 20px 0px 0px;
}


button.btn.btn-default.report {
    width: auto;
    outline: none;
    background: #05a7f3;
    color: white;
} 
button.btn.btn-default.preview {
    width: auto;
    outline: none;
    background: white;
}
span.glyphicon.glyphicon-eye-open {
    float: left;
}
span.glyphicon.glyphicon-signal{
    float: left;
}
th.id {
    text-align: center;
}
td.ID {
    text-align: center;
}
.table_heading>p {
    font-size: 18px;
    font-weight: 700;
}
section.table2 {
    margin-top: 30px;
}
section.table1 {
    margin-top: 30px;
}
th{
    color: #726868;
}
span.glyphicon.glyphicon-edit.edit {
    padding: 0px;
}
button.btn.btn-default.edit {
    outline: 0px;
    background: #05a7f3;
    color: white;
}
.Upcoming-test-detail-blk {
    padding: 15px 0px;
    margin-bottom: 9px;
    border-bottom: 1px solid #a5a5a5;
    float: left;
    width: 100%;
    box-shadow: 2px 4px 7px 1px #d9d9d9;
}

h4.slnotext {
    text-align: center;
}
table.table-detail {
    width: 100%;
    color: #013762;
}
table.table-detail p {
    margin: 0px;
}
p.testdate-font {
    font-size: 18px;
    font-weight: 600;
}
p.tbl-hecdtext {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 2px !important;
}

p.title-text {
    margin: 16px 5px 3px;
    font-size: 16px;
    color: grey;
    border-bottom: 1px dashed #b1b1b1;
}
h4.blkdetailhead {
    color: #606060;
    margin-bottom: 2px;
    font-size: 15px;
}
p.blkdetailhead {
    margin-left: 21px;
    color: #585858;
}
span.process-complete {
    color: green !important;
    font-size: 20px;
}
span.process-incomplete {
    color: red;
    font-size: 19px;
}
img.iconimg {
    width: 22px;
    height: 23px;
}
span#configicon {
    border: 1px solid grey;
    padding: 11px;
    font-size: 23px;
    border-radius: 30px;
}
.det-body {
    width: 96%;
    float: right;
}
.count-text {
    width: 3%;
    float: left;
}
table.table-detail td {
    padding: 0px 17px 0px 3px;
}
.Upcoming-test-detail-blk .col-md-2 {
    padding: 0px;
    padding-left: 5px;
}
/*===================================add test css=====================================*/
.tst-blk-inn {
    margin: auto;
    width: 50%;
    margin-top: 140px;
    border: 1px solid #d3d3d340;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 3px;
    box-shadow: 1px 3px #dfdfdf63;
}
.tst-control {
    margin-top: 15px;
}

img.addblockimg {
    width: 37px;
    margin-right: 9px;
}
.tst-control label {
    font-size: 15px;
    color: #4e4e4e;
}
input.form-control {
    height: 43px;
    font-size: 16px;
}
.tst-control.submit {
    margin-top: 27px;
    margin-bottom: 10px;
}
.btn.btn-primary.create {
    padding: 8px 18px;
    font-size: 16px;
    background: #009bdf;
    border: #009bdf;
    outline: none;
}
.btn.btn-default.Cancel {
    padding: 7px 10px;
    font-size: 16px;
    margin-left: 16px;
}
.tst-blk-inn>h4 {
    text-align: center;
    font-weight: 700;
    font-size: 23px;
    padding: 22px 10px;
    letter-spacing: -0.9px;
    font-family: Publico;
    color: #2b2b68;
}
select.form-control {
    height: 42px;
    font-size: 16px;
}

/*===================================add test css=====================================*/

/*===================================test center list css========================================*/
.standard-list-block.header>.btn.btn-default.new1 {
    float: right;
    background: #2196f3;
    outline: none;
    color: white;
    font-size: 16px;
    padding: 9px 17px;
}
.standard-list-block.header>p {
    float: left;
    padding: 0px;
    font-weight: 700;
    font-family: Publico;
    font-size: 27px;
    color: #11113a;
    letter-spacing: -0.9px;
}
.standard-list-block.header {
    padding: 0px 0px 13px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 25px;
    margin-top: 26px;
}
.input-group.col-md-12 {
    width: 18%;
    float: left;
    clear: both;
    /* padding: 10px; */
}
button.btn.btn-danger.email {
   
    border: 1px solid #ccc;
    border-left: none;
    outline: none;
}

#custom-search-input {
    margin: 0;
    padding: 0;
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 19px;
}

#custom-search-input .search-query {
    padding-right: 3px;
    padding-left: 8px;
    margin-bottom: 0;
    border-radius: 3px;
    width: 172px;
    margin-right: 20px;
}
#custom-search-input button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#D9230F;
}

.search-query:focus + button {
    z-index: 3;   
}
span.glyphicon.glyphicon-search.email{
    color: #ccc;;
}
tr.tablehead th {
    font-weight: 500 !important;
}
.table-standard.inner td {
    padding: 20px 5px;
    font-size: 14px;
}
.roomdetaildiv {
  height: 400px;
  color: whitesmoke;
  font-family: cursive;
  text-align: center;
  line-height: 400px;
  font-size: 500%;
  display: none;
}
.div1 {
  background-color: orange;
}
.btn.btn-submit {
    color: white;
    background: #2196f3;
    font-size: 16px;
    margin-left: 8px;
    padding: 6px 20px;
}
.input-group.inline {
    display: inline-flex;
}
.btn.btn-warning.btn-submit {
    background: #626266;
    border: #626266;
    padding: 11px;
}
tr.tablehead {
    border-bottom: 1px solid #cbcbcb;
    background: #f9f9f9;
    /* font-weight: bold !important; */
}
/*===================================test center list css========================================*/
/*===================================test center add css========================================*/

h4.standard-head.inner {
    font-size: 17px;
    margin: 17px 0px;
    font-weight: 700;
    color: #363636;
}
.row.tcdetails {
    clear: both;
    margin-bottom: 30px;
}
/*===================================test center add css========================================*/


/*===================================test add css========================================*/

section.tc_add {
    background: #90ab90;
}
.tc_add_head h3 {
    float: left;
    margin: 20px 0px;
    font-family: publico;
    font-weight: 900;
    font-size: 27px;
    color: #2d302d;
}
.tc_add_right_list {
    float: right;
    margin: 0px;
    margin-left: 13px;
}
.btn.btn-default.save {
    padding: 9px 10px;
    font-size: 16px;
    margin: 14px 0px;
    outline: none;
    float: right;
}
.tm-details {
    margin: 50px auto;
    width: 50%;
    min-height: 543px;
}
span.edit-head {
    font-size: 20px;
    margin-left: 8px;
    color: #607060;
}
.tst-view-blck-inn {
    padding: 25px 23px;
    border: 1px solid #afafaf;
    border-radius: 2px;
    float: left;
    width: 100%;
}
.form-check {
    float: left;
    height: 42px;
    width: 37px;
    margin-top: 10px;
    margin-left: 9px;
}
i#checkform {
    padding: 6px;
    background: #dbdbdb;
    color: #fdfdfd;
    font-size: 14px;
    border-radius: 50%;
}
.tst-view-blck-inn h4 {
    font-size: 22px;
    font-family: publico;
    font-weight: 900;
    letter-spacing: -0.9px;
    color: #2e2e38;
    float: left;
}
.btn.btn-default.addblock {
    float: right;
    margin: 0px;
}
.tst-view-blck-inn p {
    font-size: 16px;
    margin-left: 32px;
    color: grey;
    margin-bottom: 0;
}
.tst-view-blck-inn.active {
    box-shadow: 5px 7px 18px darkgrey;
    background: white;
}
.tst-view-blck-inn.inactive {
    pointer-events: none;
    opacity: 0.5;
}
.form-check.success #checkform {
    background: green;
}
.import-block {
    margin: 10px;
    text-align: center;
    padding: 10px;
    border: 1px solid #7b8f7b;
    border-radius: 10px;
}
.import-block img {
    width: 31px;
}
.import-block h5 {
    font-size: 16px;
    color: #4c4c4c;
}
.import-block p {
    color: #4c4c4c;
}
.btn.btn-default.save.import {
    margin: 0px;
}

span.stepcount {
    font-size: 13px;
    padding: 2px 6px;
    border: 1px solid grey;
    border-radius: 50%;
    margin-right: 6px;
}

/*===================================test add css========================================*/

/*===================================test list css========================================*/
.input-field {
    display: inline-grid;
}
.input-field label {
    margin-top: -24px !important;
}

ul.std-details-list {
    list-style: none;
    padding: 0px;
    display: inline-flex;
}

ul.std-details-list li {
    padding: 3px 4px 3px 4px;
    margin: 0px;
    border: 1px solid;
    text-align: center;
}
span.student-count {
    font-size: 20px;
    color: #c36623;
}
/*===================================test list css========================================*/

/*===================================student import css ========================================*/
.si-details {
    clear: both;
}
.sm-inn {
    padding-top: 20px;
    padding-bottom: 29px;
    border-bottom: 1px solid #e7e7e7;
}
.sm-inn h4 {
    font-size: 20px;
}
.sm-inn .text-left {
    float: left;
    font-size: 16px;
}

.sm-inn .text-right {
    font-size: 16px;
}
.importbtn-blk {
    padding: 20px;
    text-align: center;
    border: 1px dashed #17666e;
    border-radius: 3px;
    margin-bottom: 10px;
}
.importbtn {
    padding: 10px 28px;
    font-size: 16px;
    background: #2196f3;
    color: white;
}
/*===================================student import css ========================================*/

/*====================================confirmation letter format===============================*/
.intimation-letter-block {
    width: 80%;
    margin: auto;
    text-align: center;
}
.intimation-letter-body {
    box-shadow: 1px 1px 5px 2px grey;
    padding: 5px 48px;
    height: 29.7cm;
    width: 21cm;
    margin: 0 auto 20px;
}
.letter-head img {
    width: 100px;
}
p.head-text {
    text-align: left;
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 4px;
}
table.table-confirmation-ltr-bd {
    width: 100%;
}
td.tdlefthead {
    width: 12%;
    margin: 0px;
}
p.normal {
    text-align: left;
    font-size: 13px;
    margin-bottom: 4px;
}
.table-confirmation-ltr-sd {
    width: 75%;
    margin: auto;
    text-align: left;
    color: black;
    font-size: 13px;
}
table.table.table-bordered.table-confirmation-ltr-sd td {
    padding: 4px;
}
p.notification {
    text-align: left;
    margin: 28px 0px;
    font-size: 13px;
    padding: 5px;
    border: 1px solid grey;
}
.letter-footer {
    margin-top: 63px;
}
p.rules-head-text {
    margin: 0px;
    font-weight: 700;
    text-decoration: underline;
    font-style: italic;
}
tr.heading-row {
    background: #b9d7af;
    font-weight: bold;
}
table.table.table-bordered.table-confirmation-ltr-rules td {
    padding: 2px;
    text-align: left;
}
input.form-control.ltr {
    height: 29px;
    font-size: 13px;
}
td.tdrightbody {
    width: 70%;
    float: left;
}
td.auto-pop {
    color: red;
    pointer-events: none;
    opacity: 0.5;
    text-align: left;
}
td.left-td {
    width: 18%;
}
/*====================================confirmation letter format===============================*/
/*==========================================generate seating matrix============================*/
.room-blk {
    border: 1px solid grey;
    box-shadow: 1px 2px grey;
    background: #ebebeb;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    color: #705a5a;
}
.room-blk.selected {
    background: #b5b5b5;
    color: white;
}
.form-check-sm.success {
    float: left;
    height: 100%;
    margin: 20px 0px;
}
.form-check-sm.success #checkform {
    background: green;
}
/*==========================================generate seating matrix============================*/

span.success-notify #checkform {
    background: green;
}
h3.tbl-highlight {
    margin: 0px;
}

/*=============================================report accordian===================================================*/

.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 30px;
}
#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}
#accordion .panel-title a {
    background: #2f895f none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: #2f895f none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 55px;
    left: -20px;
    line-height: 55px;
    position: absolute;
    text-align: center;
    top: -5px;
    transition: all 0.3s ease 0s;
    width: 55px;
}
#accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    content: "";
}
#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
#accordion .panel-body p {
    border-left: 1px dashed #8c8c8c;
    padding-left: 25px;
}

section.main_body_content.hidden-xs {
    padding: 102px;
}
i.fa.fa-file-pdf-o {
    font-size: 24px;
}
section.Dashboard {
    font-size: 16px;
}
/*=============================================report accordian=====================================================*/


/*=============================================debrief report=====================================================*/
.form_table {
    margin-top: 20px;
}
  .row-hd{
    background-color:#e3f5e3;
  }
  .row_title {
      text-align: center;
      margin: 3px;
  }
  .tbl_rw{
    background-color:#e3f5e3;
    
  }
  th.tbl-hd {
      font-size: 15px;
  }
  button#submit {
    background-color: #337ab7;
    color: #fff;
}

/*=============================================debrief report=====================================================*/