.form-control, .btn {
    border-radius: 0px;
    box-shadow: none;
}

.navbar-main {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #225391;
    height: 70px;
    border-radius: 0px;
    background: url(../images/header-gradient.png) repeat-x;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background: none;
    color: #fff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: none;
    color: #fff;
}

.navbar-default {
    border-radius: 0px;
}

.navbar-nav > li > .dropdown-menu {
    background-color: #3572b0;
    margin-top: -2px;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-right .dropdown-menu {
    right: 0px;
}

.dropdown-menu > li > a {
    color: #fff;
    padding: 6px 20px;
}

    .dropdown-menu > li > a:hover {
        background-color: #225391;
        color: #fff;
    }

.navbar-default .navbar-nav.main-navbar2 > li > a,
.navbar-default .navbar-nav.main-navbar2 > .active > a {
    font-weight: bold;
    font-size: 15px;
}

.navbar-default .navbar-nav.main-navbar2 > li > a {
    color: rgba(0,0,0,0.6);
}

.navbar-default .navbar-nav.main-navbar2 > .active > a {
    color: #225391;
    border-bottom: 2px solid #225391;
}

.navbar-default .navbar-nav.main-navbar2 > li > a:hover {
    color: rgba(0,0,0,1);
    border-bottom: 2px solid #000000;
}

.navbar-default .navbar-nav > li > a {
    color: #f2f2f2;
    font-size: 25px;
}

.navbar-header {
    float: left;
}

.navbar-nav.main-navbar {
    margin-right: 0px;
}


.btn-primary {
    background-color: #3572b0;
}

.modal-dialog {
    margin-top: 4px;
}

.modal-content {
    border-radius: 0px;
    z-index: 9999;
}

.input-group-addon {
    border-radius: 0px;
}

.master_content {
    min-height: 480px;
    margin-bottom: 20px;
}

.container-visitors {
    margin-bottom: 20px;
}

#loginForm .form-control {
    height: 40px;
}

#loginForm .btn {
    width: 100%;
    /*float: left;*/
}

.lblResults {
    color: Red;
    font-size: 15px;
    display: block;
    text-align: center;
    font-weight: bold;
}

.content-body .panel {
    min-height: 150px;
    border-radius: 0px;
}

    .content-body .panel h4 {
        text-align: center;
    }

ul.main-navbar > li {
    padding: 10px 10px 5px 10px;
    color: rgb(255, 255, 255);
    font-size: 20px;
}

.user-name {
    font-size: 16px;
    text-transform: capitalize;
}

ul.main-navbar > li:hover, ul.main-navbar > li.active {
    background-color: #3572b0;
}

    ul.main-navbar > li.active > a {
        color: #ffffff;
    }

.content-body .aSingup {
    display: block;
    width: 180px;
    margin: auto;
    margin-top: 40px;
}

    .content-body .aSingup.aReactivateAccount {
        width: 250px;
        margin-bottom: 10px;
    }

.lbReactivateButton {
    font-size: 11px;
}

.login-info p {
    text-align: center;
    padding-top: 20px;
    font-size: 16px;
    margin-top: 20px;
}

.plAdditionalInfo {
    margin-top: 10px;
    text-align: center;
}


    .plAdditionalInfo p {
        font-size: 13px;
    }

.pnjinfolink {
    margin-top: 90px;
    font-size: 16px;
}

.container-header button {
    font-weight: bold;
}

    .container-header button:hover {
        background-color: #225391;
        color: #ffffff;
        border: none;
    }

.opt-btn button {
    width: 150px;
}

#btn-importVisitors2 {
    display: none;
    float: left;
    font-weight: bold;
    width: 180px;
}

#addNewAppoinment {
    height: 100px;
}

    #addNewAppoinment h4 {
        padding-top: 30px;
    }

.input-datetime {
    float: right;
    margin-right: 10px;
    margin-top: -25px;
    position: relative;
    font-size: 20px;
}

.btn-add {
    width: 100%;
    font-weight: bold;
}

.btn-main-add {
    border: 1px solid #000;
    font-size: 20px;
}

.lbResultsCount {
    margin-bottom: 5px;
    margin-top: 4px;
}

.badge {
    background-color: #333;
}

.lbAddVisitors, .albAddVisitors, .lbAddCCUsers, .albAddCCUsers {
    text-decoration: underline;
    font-weight: bold;
    float: right;
    cursor: pointer;
    color: #337ab7;
}

/*
.lbAddVisitors:hover {
    color: #23527c;
}
*/


.table-responsive a {
    color: #225391;
}

    .table-responsive a:hover {
        color: #000;
    }

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 0px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    min-height: 34px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgba(82,168,236,.8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: 0 0 8px rgba(82,168,236,.6);
    box-shadow: 0 0 8px rgba(82,168,236,.6) !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
}

.table-bordered {
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}


.table > tbody > tr > th {
    border-bottom: 1px solid #e5e5e5;
}

.table > tbody > tr > td {
    line-height: 1.5;
    padding-bottom: 9px;
    padding-top: 12px;
}

.checkin-list .table > tbody > tr > td {
    padding-bottom: 11px;
}


.table > tbody > tr:hover {
    cursor: pointer;
    border-bottom: 1px solid #000 !important;
    background-color: #e6e6e6;
}

.checkin-list .table > tbody > tr:hover {
    border-bottom: none;
}

/*, .table > tbody > tr:last-child:hover*/

.table > tbody > tr:first-child:hover {
    border-bottom: none !important;
    cursor: default;
    background-color: #f9f9f9;
}

/*
.table-responsive .table > tbody > tr:last-child {
    background-color:rgba(82,168,236,.6);
}

.table-responsive .table > tbody > tr:last-child > td td {
    line-height: 1.42857143;
}

.table-responsive .table > tbody > tr:last-child > td td {
    margin-right: 10px;
    display: inline-block;
}

.table-responsive .table > tbody > tr:last-child > td td span {
    font-weight: bold;
    text-decoration: underline;
}

.table-responsive .table > tbody > tr:last-child > td td a {
    color:#000;
}
 */


/*gridview - pagenation*/
.table table tbody tr td a,
.table table tbody tr td span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #225391;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.table table > tbody > tr > td > span {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #225391;
    border-color: #225391;
}

.table table > tbody > tr > td:first-child > a,
.table table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-radius: 0px;
}

.table table > tbody > tr > td:last-child > a,
.table table > tbody > tr > td:last-child > span {
}

.table table > tbody > tr > td > a:hover,
.table table > tbody > tr > td > span:hover,
.table table > tbody > tr > td > a:focus,
.table table > tbody > tr > td > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
/*end gridview - pagenation */

.appointmentTime {
    padding: 10px 12px;
    background-color: rgb(249, 249, 249);
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    margin-bottom: 15px;
}

.appointmentTime {
    display: none;
}

.group-update {
    margin-bottom: 30px;
}

    .group-update > li {
        float: right;
    }

        .group-update > li > a {
            padding: 5px 10px;
            border-radius: 0px;
            color: rgba(0,0,0,0.6);
        }


            .group-update > li > a:hover {
                border-bottom: 1px solid #000;
                color: #000;
            }

.input-title {
    height: 44px;
    font-size: 18px;
}

.container-page .content-body {
    background-color: #f8f8f8;
    padding: 20px;
    /*
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    */
}

.appointmentTimeHeader {
    display: block;
    text-align: right;
}

.lbAppointmentTimeAdd, .lbAppointmentTimeCancel, .lbAppointmentTimeUpdate {
    font-size: 14px;
    color: rgba(0,0,0,0.6);
    margin-left: 4px;
}

.lbAppointmentCancel:hover {
    color: rgba(0,0,0,0.9);
}


.container-page .appointmentTime {
    border: none;
    background-color: #fff;
    padding: 20px;
    margin-top: 10px;
}

.btnAddAppointment, .btnAddVisitor {
    margin-top: 20px;
}

.appointmentTimeDisable {
    display: block;
    width: 95%;
    position: absolute;
    height: 75%;
    /*background-color: rgb(85, 85, 85);*/
    z-index: 9;
    bottom: 0;
}

.lbAppointmentTimeAlert {
    padding: 7px;
    border-radius: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0px;
}

textarea.form-control {
    min-height: 108px;
}

.container-visitor .alert {
    padding: 10px;
    border-radius: 0px;
    font-size: 20px;
}



.appointment-list td span.status-0 {
    background-color: #3572b0;
    border-color: #3572b0;
}

.appointment-list td span.status-1 {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.appointment-list td span.status-2, .label-delete {
    background-color: #333;
    border-color: #333;
}

.appointment-list td span.status-3 {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.appointment-list td span.status-5 {
    background-color: #b22c28;
    border-color: #b22c28;
}

.appointment-list td span.status-4 {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkin-list td a.status-0 {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkin-list td a.status-1 {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

    .checkin-list td a.status-1::after {
        font-family: FontAwesome;
        content: "\f00c";
        padding-left: 2px;
    }

.checkin-list td a.status:hover {
    text-decoration: none;
}

.label-status {
    padding: 5px 10px;
    width: 120px;
    display: block;
    text-align: center;
    color: #fff;
    margin-top: -10px;
}

.container-checkin table tr:hover {
    cursor: default;
}


.container-checkin table th:nth-child(2),
.container-checkin table td:nth-child(2),
.container-checkin table th:nth-child(3),
.container-checkin table td:nth-child(3),
.container-checkin table th:nth-child(4),
.container-checkin table td:nth-child(4),
.container-checkin table th:nth-child(5),
.container-checkin table td:nth-child(5),
.container-checkin table th:nth-child(6),
.container-checkin table td:nth-child(6) {
    display: none;
}

.container-checkin table table th:nth-child(2),
.container-checkin table table td:nth-child(2),
.container-checkin table table th:nth-child(3),
.container-checkin table table td:nth-child(3),
.container-checkin table table th:nth-child(4),
.container-checkin table table td:nth-child(4),
.container-checkin table table th:nth-child(5),
.container-checkin table table td:nth-child(5),
.container-checkin table table th:nth-child(6),
.container-checkin table table td:nth-child(6),
{
    display: inline;
}

.checkin-list .table-responsive td a {
    color: #333;
    display: block;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appointment-list td span.status, .checkin-list td a.status {
    color: #fff;
    width: 100px !important;
    height: 32px;
    display: block;
    float: left;
}

.checkin-list td a.status.status-4 {
    background-color: #d9534f;
}

.content-filter {
    background-color: #f8f8f8;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding: 5px 10px;
}

    .content-filter .form-inline select.form-control {
        height: 25px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-right: 5px;
        margin-top: 4px;
        margin-bottom: 4px;
    }


.lnkAction {
    text-decoration: underline;
}

.tbInputBox {
    height: 25px;
}

.form-inline .tbCourseNumber {
    width: 84px;
}

.form-inline .tbSearchName {
    width: 125px;
}

.lnkSearch {
    height: 25px;
    padding: 3px 14px;
}

.tbAppointmentTimeNote {
    margin-top: 20px;
}

.lnkMore {
    font-weight: bold;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

.form-inline .date-picker {
    height: 25px;
    font-size: 12px;
    width: 175px !important;
    padding: 0px 15px;
}

.group-update > li > a.btnApprove {
    color: #5cb85c;
    font-weight: bold;
    border: 1px solid #5cb85c;
}

.group-update > li > a.btnReject {
    color: #b22c28;
    font-weight: bold;
    border: 1px solid #b22c28;
    margin-right: 10px;
}

.modal.fade.in {
    overflow-x: hidden;
    overflow-y: auto;
}

.alert {
    border-radius: 0px;
}

.baruchLogo {
    max-width: 450px;
    margin-top: 40px;
    opacity: 0.9;
    width: 100%;
}

.psLogo {
    max-width: 160px;
    width: 100%;
    margin-top: 20px;
}

.vmsTitle {
    font-size: 32px;
}

.vms-logo-text {
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 73px;
    margin-top: -18px;
}

.ps-logo {
    width: 65px;
    margin-top: -20px;
}

.lbAppointmentTimeNos {
    display: block;
    width: 100%;
    text-align: left;
}

.checkin-list .table-responsive a.lbAppointment-4 {
    color: #a94442;
}

.checkbox-inline + .checkbox-inline {
    margin-left: 0px;
}

.checkbox-inline {
    margin-right: 10px;
}

footer a.icon-links .footer-logo {
    width: 180px;
    opacity: 0.7;
}

footer a.icon-links:hover,
footer a.icon-links:focus {
    background:none;
}

footer a.icon-links:hover .footer-logo {
    opacity: 0.9;
}

img { 
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
}


.label-title {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    width: 120px;
    text-align: right;
    margin-right: 20px;
}

.hr-border {
    border-top: 1px dashed #ccc;
    padding-top: 10px;
}

.subTitle {
    color: rgba(0,0,0,0.5);
}

.form-check-label {
    font-weight:normal;
}

.checkbox-group {
    display:inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

/*
.form-inline .dlProgram {
    width: 105px;
}

.form-inline .dlSemester {
    width: 90px;
}
*/

.form-inline .dlDiscipline {
    width: 250px;
}

@media screen and (max-width: 767px) {
    .navbar-nav {
        float: right;
        margin-bottom: 0px;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        background-color: #3572b0;
        min-width: 100%;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        color: #fff !important;
     }

    .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: #225391 !important;
        color: #fff !important;
    }

    .navbar-main {
        margin-top: -15px;
    }

    .navbar-brand > img.logo {
        width: 100px;
        padding-top: 15px;
    }

    #navbar2 .navbar-nav {
        float: none;
    }

    .navbar-header button {
        margin-top: 25px;
        border: none;
        margin-right: 0px;
        margin-left: -10px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 6px;
    }

    .navbar-toggle .icon-bar {
        width: 30px;
        height: 3px;
        border-radius: 0px;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        border-radius: 0px;
        background-color: #3572b0;
    }

    #navbar2 {
        overflow-y: unset;
    }

    .navbar.navbar-default {
        min-height: 0px;
        border: none;
    }

    .vms-logo-text {
        font-size: 60px;
        margin-top: -5px;
    }

    .ps-logo {
        width: 50px;
        margin-top: -15px;
    }

    .navbar-default .navbar-nav.main-navbar2 > li > a {
        border-bottom: 2px solid #fff;
    }

    .modal-dialog {
        margin: 0px;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .date-picker {
        margin-top: 4px;
        margin-bottom: 4px;
    }

}

@media screen and (max-width: 540px) {
    .vms-logo-text {
        font-size: 40px;
        margin-top: 5px;
    }

    .ps-logo {
        width: 40px;
        margin-top: -10px;
    }

    .user-name {
        font-size: 0px;
        width: 10px;
        display: inline-block;
    }

    ul.main-navbar > li {
       padding-bottom: 1px;
    }

    .form-inline .form-control {
        margin-top: 4px;
        margin-bottom: 4px;
        width: 100%;
    }

    .content-filter .form-inline select.form-control,.tbSearchName, .tbInputBox, .form-inline .date-picker  {
        height:34px;
        margin-bottom: 7px;
    }

    .form-inline .lnkSearch {
        display: block;
        text-align: center;
        margin-top: 4px;
        margin-bottom: 4px;
        height: 34px;
        font-size: 18px;

    }
    .checkbox-group {
    padding-top: 10px;
    padding-bottom: 5px;

    }
    .form-inline .date-picker {
        width: 100% !important;
    }

    .label-status {
        width: 85px;
    }
    .lbAppointmentTimeAlert {
        padding: 0px 4px;
    }

    #addAppointmentModel .datetimepicker {
        width: 100%;
        left: 0px;
        top: 250px;
    }

}

@media screen and (max-width: 360px) {
    .navbar-brand > img.logo {
        width: 80px;
    }

    .navbar-header button {
        margin-left: -15px;
        margin-top: 22px;
    }

    .navbar-default .navbar-nav > li > a {
        padding-left: 0px;
    }

    .navbar-default .navbar-nav.main-navbar2 > li > a {
        padding-left: 10px;
    }

    .navbar-header {
        margin-left: -5px;
    }
}


/* bootstrap-datetimepicker custome*/

.datetimepicker {
    border-radius: 0px;
}

    .datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover,
    .datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover {
        background-color: #006dcc;
        background-image: -moz-linear-gradient(top,#08c,#3572b0);
        background-image: -ms-linear-gradient(top,#08c,#3572b0);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#3572b0));
        background-image: -webkit-linear-gradient(top,#08c,#3572b0);
        background-image: -o-linear-gradient(top,#08c,#3572b0);
        background-image: linear-gradient(to bottom,#08c,#3572b0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#3572b0',GradientType=0);
        border-color: #3572b0 #3572b0 #002a80;
        border-radius: 0px;
    }

        .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active.active:hover, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled.active:hover {
            background-color: #3572b0;
        }

/* bootstrap-datetimepicker custome - end */