body {
    font-family: "Lato", sans-serif;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse {
    background-color: #fff;
    color: #90402f;
/ / text-decoration: underline;
    font-weight: bold;

}

.navbar-inverse .navbar-nav > .active > a:hover {
    background: #33679a;
    font-weight: bold;
}

.navbar-inverse .navbar-nav > li > a {
    color: #33679a;
   font-size: 18px;
    font-weight: normal;
}

.navbar-inverse .navbar-nav > li > a:hover {
    background: #33679a;
    font-weight: bold;
}

.nav li > form > button.logout {
    color: #000000;
   // font-weight: bold;
}

.nav li > form > button.logout:hover {
    background: #9d9d9d26;
    color: #000000;
    //font-weight: bold;
}

.managelist {
    margin-bottom: 1%;
}

.logout {
   // margin-bottom: 10%;
}

.margin-right-2 {
    margin-right: 2px;
}

.small_button, .large_button {
    margin-top: 2%;
}

.sidenav-menu.entrant-menu {
    background-color: #990066;
}

.sidenav-menu.examiner-menu {
    background-color: #264967;
}

.sidenav-menu.examiner_admin-menu {
    background-color: #236297;
}

.sidenav-menu.candidate-menu {
    background-color: #804d00;
}

.sidenav-menu.admin-menu{
    background-color: #808000;
}

/* We are hidding menu on login pages (when access level is none) */
#main-menu.menu {
    display: none;
}

.sidenav-menu img {
    vertical-align: top;
    background-color: white;
    padding-bottom:2px;
    padding-right:1px;

}
.logo-tag {
    background-color: white;
    width: 100%;
}
img.logo {
    width: 100%
}
img.small-logo {
    width: 36px;
    display: none;
}
img.logo.login-page {
    display: block;
    width: 200px;
}

.sidenav-menu i {
    padding: 5px 8px 5px 0;
    float: left;

}

.sidenav-menu > a > div {
    float: left;
    margin: 3px 0 0 5px;

}

.sidenav-menu a:hover {
    color: #f1f1f1;
    font-weight: bold;
    font-style: oblique;
}

.sidenav-menu {
    height: 100%;
    width: 200px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
}

.sidenav-menu a {
    padding: 3px 8px 3px 8px;
    /*padding: 0;*/
    /*margin-left: 9px;*/
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    text-decoration: none;
    font-size: 13px;
    color: #f1f1f1;
    display: block;
    border: none;
    background: none;
    width: 100%;
    /*text-align: left;*/
    /*cursor: pointer;*/
    /*outline: none;*/
}


/* Main content */
.container {
    margin-left: 200px; /* Same as the width of the sidenav */
    width: calc(100% - 200px);
}

/* container is in full size on login pages (when access level is none) */
.container.container-menu {
    margin-left: 0;
    width: 100%;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
    display: block;
    background-color: #262626;
    //padding-left: 8px;
}

.dropdown-container a:hover {
    font-weight: bold;
}

/* Optional: Style the caret down icon */
.fa-caret-down, .fa-caret-up, .fa-caret-left{
    float: right;
    padding-right: 8px;
}

.application-index h3, .Enter-Result-Index h3, .results-index h3, .change-address h3,
.change-password h3, .registration-info-index h3, .registration-create h3, .application-info-update h3, .centre-index h3,
.centre-update h3, .centre-create h3, .schedules h3, .doorsheet h3, .print-doorsheet h3, .exams-index h3, .exams-create h3, .exams-view h3,
.exams-update h3, .instruments-index h3, .instruments-create h3, .instruments-view h3, .instruments-update h3,
.grade-index h3, .grade-view h3, .grade-update h3, .entrant-index h3, .login h4,
.application-info-form h5, .users-view h5, .users-view h3, .edit_doorsheet_dates, .users-update h3, .users-create h3, .users-index h3,
.print-result-sheet h3, .print-address-labels h3, .candidate-payments h5, .emailnotifications-create h4, .emailnotifications-update h4, .reset-password h3,
.exam-data-index h3, .resources-index h3, .availability-schedule-index h3, .training-examining-record-index h3, .candidates_entrant_relation-create h4,
.candidates_entrant_relation-update h4, .candidates_entrant_relation-index h4, .email_to_entrant h4, .results-update h3,
.training-attendance-index h4, .training-attendance-create h4, .training-attendance-update h4, .training-attendance-view h4,
.training-attendance-index h4, .trainings-index h3, .trainings-create h4, .trainings-update h4,
.trainings-view h4, .index > h3, .update > h3, .view > h3, .doorsheet-pdf h5, .country-form h4, .view-candidate h4{
    color: #337ab7;
    margin-bottom: 20px;
    /*text-decoration: underline;*/
    /*text-decoration-color: red;*/
}

.login h4, .login p, .application-info-form h5, .users-update h3, .users-create h3 {
    margin-left: 1%;
}

.doorsheet p span, .schedules p span, .reset-password p span {
    font-weight: bold;
    background: #ffffcc;
}

.application-view h3, .registration-info-view h3, .doorsheet-pdf h4, .result-sheet-pdf h3, .address-label-pdf h3 {
    text-align: center;
    color: #337ab7;
}

.change-centre {
    margin-top: -5%;

}

/*.Enter-Result-Index .form-group {*/
/*    max-width: 30%;*/
/*}*/

.reg-details td, .reg-details th {
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px;
    width: 10%;
}

.reg-details tr:nth-child(even) {
    background-color: #f9f9f9;
}

.add-candidate td, .add-candidate th, .add-notification-email td, .add-candidate-relation td {
    padding: 6px;
}

.add-candidate th {
    text-align: center;
}

.add-candidate .fees {
    text-align: right;
}

.highlight_dates {
    background: #f9da99;
}
.selectDay {
    float:left;

}
.selectDay > h5 {
    margin-top: 3px;
    margin-bottom: 7px
}
.doorsheet-times {
    margin-top: 0;
    margin-bottom: 0;
}
.doorsheet-times.col-md-11 {
    padding: 0;
}
.doorsheet-times div.help-block {
    margin-top: 0;
    margin-bottom: 0;
}
.doorsheet-index-form.examiner-form {
    float: left;
    width: 25%;
}
.doorsheet-index-form.date-form {
    float: left;
    width: 50%;
}
.send-email-to-entrants {
    margin-left: 15px;
    margin-bottom: 5px;
    float: left;
}
.email-label {
    margin-top: 10px;
    font-weight: bold;
}
.include-file > .email-label {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.include-file > .form-send-file {
    margin-top: 13px;
    margin-right: 5px;
}
.col-3-in-row {
    float:left;
    width: 33%;
    padding-left: 5px;
}

.float-left {
    float: left;
}

.doorsheet-times > form > .col-md-12 {
    float: left;
    display: inline;
    margin-top: 10px;
    margin-bottom: 10px;
}
form.doorsheet-index-form.date-form > .col-md-12 {
    padding-left: 5px;
}
.table-striped.sortable-grid-view > tbody > tr:nth-of-type(odd) {
    background-color: #d0d0d0;
}
.table-striped.sortable-grid-view > tbody > tr.break-row {
    background-color: #d0ffd0;
}
.table-striped.sortable-grid-view > tbody > tr:hover > * {
    background-color: rgba(0, 255, 0, 0.3) !important;
}
.table-striped.sortable-grid-view > tbody > tr > td {
    font-size: 12px;
    padding: 2px;
}
.table-striped.sortable-grid-view > tbody > tr button {
    font-size: 12px;
    padding: 1px 3px;
}

.print-doorsheet .form-group {
    margin-top: 0.4%;
}

.pdf-layout td, th {
    padding: 6px;
}

{
    text-align: right
;
}
.pdf-layout th {
    text-align: center;
}

.view-candidate td, th {
    padding: 10px;
}

hr.horizontal_line {
    border: 1px solid #d0d0d040;
}

p.horizontal_line {
    border: 1px solid #0a0a0a;
}
.address-label-pdf table.fixed {
    table-layout: fixed;
}

.address-label-pdf table.fixed td {
    overflow: hidden;
}
.readonly {
    pointer-events: none;
}
.entrant.readonly > .field-applicationinfo-entrant_id > span > span > span {
    background: #eeeeee;
}
.display-none {
    display: none;
}
.display-block {
    display: block;
}
button.btn.btn-info.color-transparent {
    background-color: #ffffff!important;
    border-color: #ffffff!important;
}

/* Print Mark sheet pdf*/
.candidate_mark_sheet .child1 {
    width: 167px;
    float: left;
    /*margin-top: 3%;*/
    /*margin-bottom: 2%;*/
}
.candidate_mark_sheet > div > .child1 > img {
    margin-left: auto;
    margin-right: auto;
}

.candidate_mark_sheet .child2 {
    width: 10cm;
    float: right;
    margin-left: 2cm;
    border: 4px solid black;
    height: 5.5cm;
}

/*Print Result Pdf*/
.result-sheet-pdf .child1 {
        width: 50%;
        float: left;
        margin-top: 3%;
        margin-bottom: 2%;
    }
.result-sheet-pdf .child2 {
    width: 50%;
    float: right;
    margin-bottom: 2%;
}
.result-sheet-pdf p { margin:-5px; }

.result-sheet-pdf .child2  p {
    height: 20px;
}

.result-sheet-pdf .candidate_result table {
    width: 100%;
}

.result-sheet-pdf .candidate_result table, th, td {
  border: 1px solid black;
}

.candidate_result table.fixed {
    table-layout: fixed;
}

.result-sheet-pdf .candidate_result {
    height: 130px;
    text-align: center;
}
.result-sheet-pdf .candidate_result {
    height: 100px;
    text-align: center;
}
.performance, .aural, .knowledge, .result {
    text-align: center;
}
.result {
    font-size: 15.5px;
}
.result-sheet-pdf .candidate_result {
    height: 160px;
    text-align: center;
}
.result-sheet-pdf .candidate_result .research-project {
    font-size: 10px;
}
.result-sheet-pdf .candidate_result .literacy {
    height: 100px;
    text-align: center;
}
.result-sheet-pdf .candidate_result {
    height: 80px;
    text-align: center;
}
.result-sheet-pdf .candidate_result .grade-awarded {
    font-size: 10px;
    text-align: center;
    vertical-align: top;
}
.result-sheet-pdf .candidate_result .overall-mark {
    font-size: 10px;
    text-align: center;
    vertical-align: top;
}
.result-sheet-pdf .candidate_result  {
    text-align: left!important;
    font-size: 12px;
    font-weight: unset;
}
th.headers {
    text-align: center;
    font-size: 12px;
    font-weight: unset;
}

.result-sheet-pdf .candidate_result th.row-1 {
    width: 120px;
}
.result-sheet-pdf .candidate_result th.row-2 {
    width: 100px;
}

/* Application/index */
#create-application {
    float: left;
    margin-right: 20px;
    margin-top: 3px;
}
#application-search-form {
    float: left;
}
#application-search-form > div {
    float: left;
}
#application-search-form > div.field-applicationinfosearch-candidate {
    margin-right: 5px;
}
#application-search-form > div.submit-button {
    margin-top: 3px;
}
.application-view-button {
    margin-right: 10px;
    margin-bottom: 10px;
}

.stationary {
    display: block;
}
.mobile {
    display: none;
}

#application_form {
    clear: both;
}
#application_form > div.col-md-12, #application_form > div > .col-md-4, #application_form > div > .col-md-3, #application_form > div > .col-md-12 {
    padding-left: 0;
}

.text-blue {
    color: #337ab7
}

.btn.btn-info.edit_candidate {
    float: left;
    margin-top: -9px;
    padding-bottom: 3px;
    margin-left: 3px;
}

@media only screen and (max-width: 999px) {
    .stationary {
        display: none;
    }
    .mobile {
        display: block;
    }
    /*  Part for Menu */
    img.logo {
        display:none
    }
    img.small-logo {
        display: block;
    }
    .sidenav-menu i {
    }
    .sidenav-menu > a > div {
        display: none;
    }
    .sidenav-menu {
        width: 36px;
    }
    .container {
        margin-left: 36px;
        width: calc(100% - 36px);

    }
    .wrap > .container {
        padding-left: 5px;
    }
    .sidenav-menu:hover {
        width: 200px;
    }
    .sidenav-menu:hover img.logo {
        display: block;
        margin-right: 10px;
    }
    .sidenav-menu:hover img.small-logo {
        display: none;

    }
    .sidenav-menu:hover > a > div {
        display: block;
    }

    /*  Part for application/update */
    .payfees_cheque {
        margin: 5px 0 0;
        clear: both;
        float: left;
    }

    .candidate-payments > p > button {
        margin-bottom: 10px;
    }

    .add-candidates > #p0 {
        clear: both;
    }

    /*  Part for application/ view / update / create */
    #grid-view-application-view > table td:nth-of-type(1), #grid-view-application-view > table th:nth-of-type(1)
    {
        display: none;
    }

    /*  Part for application/ view */
    .view-candidate > #p0 > #grid-view-application-view > table td:nth-of-type(7), #grid-view-application-view > table th:nth-of-type(7) {
        display: none;
    }

    /*  Part for application/ view */
    .add-candidates > #p0 > #grid-view-application-view > table td:nth-of-type(6), #grid-view-application-view > table th:nth-of-type(6) {
        display: none;
    }

    /*  Part for application/index */
    #grid-view-registration > #grid-view-registration-container > table td:nth-of-type(2), #grid-view-registration > #grid-view-registration-container > table th:nth-of-type(2)
    { /* added date column */
        display:none;
    }
    .container.admin #grid-view-registration > #grid-view-registration-container > table td:nth-of-type(4), .container.admin #grid-view-registration > #grid-view-registration-container > table th:nth-of-type(4),
    .container.admin #grid-view-registration > #grid-view-registration-container > table td:nth-of-type(8), .container.admin #grid-view-registration > #grid-view-registration-container > table th:nth-of-type(8),
    .container.admin #grid-view-registration > #grid-view-registration-container > table td:nth-of-type(9), .container.admin #grid-view-registration > #grid-view-registration-container > table th:nth-of-type(9)
    { /* exam column, exam type column, entered by column */
        display:none;
    }
    .container.entrant #grid-view-registration > #grid-view-registration-container > table td:nth-of-type(7), .container.entrant #grid-view-registration > #grid-view-registration-container > table th:nth-of-type(7),
    .container.candidate #grid-view-registration > #grid-view-registration-container > table td:nth-of-type(7), .container.candidate #grid-view-registration > #grid-view-registration-container > table th:nth-of-type(7)
    { /* exam type column */
        display:none;
    }
    #application-search-form {
        clear: both;
        margin-top: 5px;
    }

    /*  Part for research-project/index */
    .container.admin #grid-view-project > table td:nth-of-type(3), .container.admin #grid-view-project > table th:nth-of-type(3),
    .container.entrant #grid-view-project > table td:nth-of-type(2), .container.entrant #grid-view-project > table th:nth-of-type(2),
    .container.candidate #grid-view-project > table td:nth-of-type(2), .container.candidate #grid-view-project > table th:nth-of-type(2)
    {  /* exam column */
        display:none;
    }
    .container.admin #grid-view-project > table td:nth-of-type(6), .container.admin #grid-view-project > table th:nth-of-type(6),
    .container.entrant #grid-view-project > table td:nth-of-type(4), .container.entrant #grid-view-project > table th:nth-of-type(4),
    .container.candidate #grid-view-project > table td:nth-of-type(4), .container.candidate #grid-view-project > table th:nth-of-type(4)
    {  /* grade column */
        display:none;
    }

    /*  Part for results/index */
    .container.entrant #grid-view-results > table td:nth-of-type(1), .container.entrant #grid-view-results > table th:nth-of-type(1),
    .container.candidate #grid-view-results > table td:nth-of-type(1), .container.candidate #grid-view-results > table th:nth-of-type(1)
    {  /* serial number column */
        display:none;
    }
    .container.entrant #grid-view-results > table td:nth-of-type(4), .container.entrant #grid-view-results > table th:nth-of-type(4),
    .container.entrant #grid-view-results > table td:nth-of-type(5), .container.entrant #grid-view-results > table th:nth-of-type(5),
    .container.entrant #grid-view-results > table td:nth-of-type(7), .container.entrant #grid-view-results > table th:nth-of-type(7),
    .container.entrant #grid-view-results > table td:nth-of-type(8), .container.entrant #grid-view-results > table th:nth-of-type(8)
    {  /* centre column, exam column, instrument, type column */
        display:none;
    }
}

@media screen and (max-width: 480px) {
    /* That to fix mess after adding statistics */
    .kv-table-wrap th, .kv-table-wrap td {
        display: table-cell;
        text-align: start;
        font-size: inherit;
    }
    .kv-table-wrap tr > td:first-child {
        border: none;
        margin-top: 0;
        font-size: inherit;
    }
}