/*login*/
/*.pg-login{background: url(../images/main-bg.png) no-repeat right bottom #ffffff;}*/
.pg-login {
    background: #ffffff;
}
.pg-login h1 {color: #000000; font-size: 60px; font-weight: normal; line-height: 80px; text-align: center; margin: 10px 0 10px;}
    .pg-login h1 span {
        color: #000000;
        font-weight: 700;
    }
.pg-login footer{color: #fff; font-size: 12px; background-color: #2a4f7b !important; border-top: 1px solid #95a7bd;}
.pg-login footer a{color: #d2d2d2; text-decoration: none;}
.pg-login footer a:hover{color: #d2d2d2; text-decoration: underline;}

.w-logo {text-align: center; padding: 50px 0 30px;}
.header-top {background-color: #c40000; width: 100%; padding: 10px;}
.social-icons {display: flex;justify-content: flex-end;padding-right: 10%;}
.social-icons a { display: inline-block; width: 23px; height: 23px; margin-left: 5px;}
a.social-linkedin { background: url(../images/social-icons.jpg) no-repeat 0 0;}
a.social-twitter {background: url(../images/social-icons.jpg) no-repeat -28px 0;}
.social-icons a:hover { background-position-y: -24px;}

.copyright {margin-bottom: 7px;}

body.pg-login { font: 14px open sans,sans-serif;}
.login-block { margin: 30px auto 30px; width: 400px;}
.login-block .form-control { margin-bottom: 15px; background-color: transparent; border: 2px solid #fff; border-radius: 0px; height: 56px; color: #fff; padding-left: 70px; font-size: 16px;}
.login-block .form-control.username { background: url(../images/user-icon.png) no-repeat 20px;}
.login-block .form-control.password { background: url(../images/password-icon.png) no-repeat 20px;}
.login-block .form-control::placeholder { color: #fff;}
.login-block .form-control:focus { background-color: transparent !important;}
.login-block input.form-control::selected { background-color: transparent !important;}

.login-block input:-webkit-autofill,
.login-block input:-webkit-autofill:hover, 
.login-block input:-webkit-autofill:focus, 
.login-block input:-webkit-autofill:active {transition: background-color 5000s; -webkit-text-fill-color: #fff !important; outline:none !important;}

.login-block .form-control:focus { box-shadow: none;}
.login-block .form-control.username, .login-block .form-control.password {  background: none;}
.field-validation-error { color: #ff4c4c !important;}

.btn {background-color: #ffffff; border: none; background-image: none; text-shadow: none; font-size: 16px; line-height: 24px; border-radius: 0;}
.btn:hover{background-color: #c40000; color:#fff !important; text-decoration:none!important;}
.btn-login {
    background-color: #db3f3f;
    border-radius: 0px;
    color: #fff;
    width: 100%;
    font-size: 18px;
    padding: 16px 0;
    margin-top: 15px;
    margin-bottom: 15px;
    border: none;
}
.btn-login:hover { background-color: #c40000; color: #fff; }
.fp-link {color: #000; font-size: 16px; margin-top: 20px; display: block; text-align: center; text-decoration: none;}
.fp-link:hover{text-decoration:underline;}

a.fp-link {  margin-top: 0;}
.login-field {  border: 2px solid #000;}
.login-block .form-control {  margin-bottom: 0;  border: none;  padding-left: 0;}
.login-block .form-field {  position: relative;   margin-bottom: 15px;}
.login-field.username {   background: url(../images/user-icon.png) no-repeat 20px;  padding-left: 70px;}
.login-field.password {   background: url(../images/password-icon.png) no-repeat 20px;  padding-left: 70px;}

/* modal  */
.modal-content {border-radius: 0;}
.modal-header {border: 0;}
.modal-footer {border: 0;}
.modal-dialog {-webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; margin: 0 auto;}

#staticBackdrop .modal-content { border-radius: 5px !important; color: #595959;}
#staticBackdrop button.btn-close { background: none; font-size: 19px; font-weight: 700;  line-height: 1; color: #000;text-shadow: 0 1px 0 #fff; opacity: .5 !important;}
#staticBackdrop .modal-body { padding-bottom: 40px;}
#staticBackdrop .modal-dialog.modal-lg {--bs-modal-width: 680px;}

@media (max-width: 767px){
  .header-top { display: none;}
  .pg-login h1 { font-size: 22px; margin: 10px 0; line-height: 35px;}
  .login-block { margin: 30px auto;}
}

@media (max-width: 480px){
  .login-block {width: 100%;}
}

/*bootnavbar*/
.dropdown-menu { margin-top: 0;}
.dropdown-menu .dropdown-toggle::after { vertical-align: middle; border-left: 4px solid; border-bottom: 4px solid transparent; border-top: 4px solid transparent;}
.dropdown-menu .dropdown .dropdown-menu { left: 100%; top: 0%; margin: 0 20px; border-width: 0;}
.dropdown-menu .dropdown .dropdown-menu.left {right: 100%;left: auto;}
@media (min-width: 768px) {
  .dropdown-menu .dropdown .dropdown-menu { margin: 0; border-width: 1px;}
  .dropdown-menu > li a:hover,
  .dropdown-menu > li.show {/* background: #007bff; color: white;*/}
  .dropdown-menu > li.show > a {/* color: white;*/}
}

.navbar .navbar-nav{align-items: center; width: 100%; max-width: 1500px;justify-content: space-between;}
.navbar .navbar-nav .nav-link { color: #2e4f7a; font-size: 14px; font-weight: 600; white-space: break-spaces;}
.navbar .navbar-nav .nav-link.active { color: #ffffff;}

.dropdown-menu { border-radius: 0; padding: 0;}
.dropdown-menu li { border-bottom: 1px solid #eee;}
.dropdown-menu .dropdown-item { padding: 6px 16px; font-size: 15px; color: #2e4f7a; font-weight: 500;}
.dropdown-menu > li a:hover, .dropdown-menu > li.show,.dropdown-item.active, .dropdown-item:active {  background: #f8f9fa;}
.dropdown-menu .dropdown-toggle::after { margin-left: 8px;}

/*general*/
body:not(.pg-login){background:#ededed url(../images/page-bg.jpg) no-repeat top center; background-position-y: -100px; min-height: 100vh; display: flex; flex-direction: column; font: 16px open sans,sans-serif; line-height: 1.3; color: #595959;}
footer { margin-top: auto; font-size: 13px; text-align: center; padding:15px ;}
.page-title { padding-top: 185px; padding-bottom: 30px; display: flex; align-items: flex-end; color: #fff; position: relative;}
.page-title h1{ font-weight: bolder; }
.page-title h1 span { font-weight: 400;}
.page-title:after { content: ""; display: block; width: 100px; padding-top: 20px; border-bottom: 3px solid #fff; position: absolute; left: 0;}

.page-title.with-action{justify-content: space-between;}

h2 {color: #2e4f7a; font-size: 1rem; font-weight: 600;}

hr {border-color: #999;}

.minw-150{min-width: 150px;}
.maxw-150{max-width: 150px;}
.w-150{width: 150px;}

.bg-card{background-color: #e2e4f2;}
.bg-blue, .table .bg-blue td, .table .bg-blue th, .table td.bg-blue{background-color: #2890cf;}
.bg-light-blue, .table .bg-light-blue td, .table .bg-light-blue th, .table td.bg-light-blue{background-color: #bfd5ed;}
.table .bg-light-blue th{color: #2e4f7a;}
.table .bg-blue td, .table .bg-blue th, .table td.bg-blue{color: #fff;}
.bg-light-green{background-color:#d7e8ce !important;}
.bg-provincial-pink{background-color:#fde3d7 !important;}

.lnk-video{
    text-align:center;
}
    .lnk-video img{
        cursor:pointer;
        width:420px;
    }
    .lnk-pdf a {
        background: url('../images/icon-pdf.png') no-repeat 0 0;
        background-size: 40px;
        padding-left: 50px;
        min-height: 50px;
        display: inline-block;
        padding-top: 6px;
    }

.tbl-search { display: flex;}
.tbl-search input { border-radius: 0;}

/*table*/
.table{border-color: #b4b4b4; font-size: 14px; margin-bottom: 0;}
.table td, .table th{padding: 0.5rem 1rem;}
.table thead tr th, .table .th-bg{background-color: #fde3be; vertical-align: middle;}
td.no-bg{background-color: #fff;}
th.no-bg{background-color: #fff !important;}

.table.table-striped thead tr th{ background-color: #2890cf; color: #fff;}
.table-striped>tbody>tr:nth-of-type(odd)>* { background: #e9f3fa;}

.table-container{margin-bottom: 24px;}
.tbl-bottom{padding: 16px; background: #fff; border-radius: 0 0 20px 20px;}
.tbl-bottom p:last-child{margin-bottom: 0;}
.tbl-bottom p.tbl-note { font-size: 13px;}
.table-container .table-responsive{ box-shadow: -5px 4px 8px #00000012; }
.table-container .table-responsive +.tbl-bottom { box-shadow: -5px 4px 8px #00000012; }

.table-container.tbl-top-left .table-responsive {border-radius: 20px 0 0 0;}
.table-container.tbl-top-left .table-responsive .table thead tr {border-top: none;}
.table-container.tbl-top-left .table-responsive .table thead th {border-top: 1px solid #b4b4b4;}
.table-container.tbl-top-left .table-responsive .table thead th:first-child {border-left: none; border-top: none;}

/*card*/
.card {border-radius: 20px; box-shadow: -5px 4px 8px #00000012; margin-bottom: 24px; border: none;}
.card .val { font-size: 2rem; color: #1b8dcd;}

/*carousel*/
.carousel-indicators {right: unset; margin: 0.5rem 0 0;}
.carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 50%; background-color:transparent; border: 2px solid #2e4f7a; opacity: 1;}
.carousel-indicators .active { background-color: #2e4f7a;}

.news-carousel .carousel-item { min-height: 150px;}
.news-carousel .carousel-item .news-title { color: #1b8dcd; font-weight: 600; margin-bottom: 8px; font-size: 18px;}
.news-carousel .carousel-item .news-content {line-height: 1.8;}

/*contact us page*/
.contact-pg h2{color: #2c90cf;}
.card.contact-pg a { color: #000; text-decoration: none;}
.card.contact-pg a:hover{text-decoration:underline;}
.other-contacts { margin-bottom: 25px;}
.card.director-details {background: #ddeef8; box-shadow: none; margin-top: 15%; width:100%;}
.card.director-details .image { margin-bottom: 10px; }
.card.director-details .image img { width: 125px; }
.card.director-details .card-body { padding: 15px;}
.card.director-details .details { font-size: 16px;}
.card.director-details .details h2, .card.director-details .details p { margin-bottom: 0.5rem;}
.card.director-details .details p:last-child { margin-bottom: 0;}
.map-section { margin: 0 -1rem -1.25rem; border-radius: 0 0 20px 20px !important; overflow: hidden;}
.map-section .address { background: #2d4f7b; color: #fff; height: 150px; padding: 1.7rem 1rem;}
.map-section .address .add-bg {display: none;}
.map-section .map { }
.contact-pg .map-section a { color: #fff; text-decoration: none;}
.contact-pg .map-section a:hover{text-decoration:underline}

@media (min-width:768px){
.card.director-details{ margin-top : 65px;}
.card.director-details .image { position: absolute; left: 20px; top: -40px;}
.card.director-details .card-body { position: relative; padding: 15px 10px 15px 160px;}
.map-section .address {float: left; width: 40%; position: relative;}
.map-section .address .add-bg {display: inline-block;border-top: 150px solid #2d4f7b; border-left: 0px solid transparent; border-right: 80px solid transparent; height: 0; position: absolute; right: -80px; top: 0;}
.map-section .map { float: left; width: 60%;}

}
@media (min-width:992px){
  .navbar .navbar-nav .nav-link { /*max-width: 165px;*/ }
  /*.navbar .navbar-nav li:last-child { margin-left: 10%; }*/
  .dropdown-menu > li a:hover, .dropdown-menu > li.show,.dropdown-item.active, .dropdown-item:active { color: #ffffff; background: #2e4f7a;}
  .nav-item.show>a.dropdown-item.dropdown-toggle { color: #ffffff;}

}
@media (min-width:1200px){
body:not(.pg-login){background-size: contain; background-position-y: top;}
}

@media (max-width: 991px){
  .navbar .navbar-nav li.nav-item { width: 100%; text-align: left;}
  .navbar-expand-lg .navbar-nav .dropdown-menu{border: none;}
  .dropdown-menu li { border: none;}
  .dropdown-menu .dropdown-item { background: none;}
  .navbar-expand-lg .navbar-nav .dropdown-menu { background: none;}
  .dropdown-menu .dropdown-menu .dropdown-item { padding-left: 32px;}
  .navbar-toggler:focus { box-shadow: none;}
}
/*media */


.logout{
    font-weight:normal!important
}

th.sorting {
    background-image: url(../images/sort-default.png);
    /*url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);*/
    background-repeat: no-repeat;
    background-position: 98% center;
}

th.sorting_asc {
    background-image: url(../images/sort-asc.png);
    /*url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) !important;*/
    background-repeat: no-repeat;
    background-position: 98% center;
}

th.sorting_desc {
    background-image: url(../images/sort-desc.png);
    /*url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) !important;*/
    background-repeat: no-repeat;
    background-position: 98% center;
}

th.sorting a {
    text-decoration:none !important;
}

.pagination {
    display: inline-block;
    float: right;
}

.pagination span {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    cursor:pointer;
}

    .pagination span.active {
        background-color: #6fa7c9;
        color: white;
    }

.pagination span:hover:not(.active) {
    background-color: #ddd;
}

#pageSize {
    float: left;
    padding-top: 5px;
    padding-left:5px;
}
    #pageSize select {
        padding: 0.175rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        /* line-height: 1.5; */
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    #pageSize label {
        font-weight: bold;
        padding-right: 20px;
    }

.table-responsive{
    background:#ffffff;
}

.welcome {
    font-size: 14px;
    text-align: right;
    color: #505860;
    display: block;
    background-color: #ededed;
    padding: 6px;
    border: 2px solid #829db8;
    border-radius: 25px;
}

.breadCrumb {
    position: absolute;
    margin-top: 244px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.contact-pg h3 {
    color: #2c90cf;
    font-size: 0.98rem;
}

.toparrow{
    /*display:flex;*/
}

.dropdown-toggle::after{
    display:inline-table !important;
}

.sq-content-wrapper, .sq-content-wrapper * {
    box-sizing: border-box;
    font-size: 16px;
    color: #57585A;
}

.sq-content-wrapper {
    padding: 10px;
}

    .sq-content-wrapper .fw-semibold {
        font-weight: 600;
    }

    .sq-content-wrapper * {
        font-family: "Open Sans", sans-serif;
    }

    .sq-content-wrapper h1, .sq-content-wrapper h2, .sq-content-wrapper h3, .sq-content-wrapper h4, .sq-content-wrapper h5, .sq-content-wrapper h6 {
        font-weight: 600;
        margin: 0 0 5px;
    }

        .sq-content-wrapper h2.sq-title {
            color: #285884;
            font-size: 30px;
            margin-bottom: 0;
        }

    .sq-content-wrapper p {
        margin: 0 0 10px;
    }

        .sq-content-wrapper p.sq-date {
            color: #2890cf;
            font-size: 24px;
        }

    .sq-content-wrapper .mb-0 {
        margin-bottom: 0px;
    }

    .sq-content-wrapper .mb-10 {
        margin-bottom: 10px;
    }

    .sq-content-wrapper .mb-15 {
        margin-bottom: 15px;
    }

    .sq-content-wrapper .mb-20 {
        margin-bottom: 20px;
    }

    .sq-content-wrapper .mb-25 {
        margin-bottom: 25px;
    }

    .sq-content-wrapper .text-blue {
        color: #285884;
    }

    .sq-content-wrapper table {
        width: 100%;
        margin-bottom: 20px;
        caption-side: bottom;
        border-collapse: collapse;
    }

        .sq-content-wrapper table tr th, .sq-content-wrapper table tr td {
            text-align: left;
            padding: 10px;
        }

        .sq-content-wrapper table tr th {
            background-color: #285882;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .sq-content-wrapper table tr td {
            border-bottom: 1px solid #cecfd1;
            font-size: 16px;
        }

            .sq-content-wrapper table tr td img {
                margin-right: 8px;
            }

ul.sq-objlist {
    margin: 0 0 10px;
    padding: 0;
    list-style-type: none;
    max-width: 520px;
    column-count: 2;
}

    ul.sq-objlist li {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        font-size: 16px;
    }

        ul.sq-objlist li img {
            width: 30px;
            height: 30px;
            margin-right: 10px;
        }

.w160 {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}

.w400 {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
}

.sq-table-scrollable {
    scrollbar-color: #383839 #e8e9ea !important;
    /* thumb and track color */
    scrollbar-width: thick !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .sq-table-scrollable::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

    .sq-table-scrollable::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #e8e9ea;
        box-shadow: inset 0 0 6px #e8e9ea;
        background-color: #e8e9ea;
    }

    .sq-table-scrollable::-webkit-scrollbar-thumb {
        background-color: #383839;
    }

.gecko .sq-table-scrollable {
    scrollbar-color: #383839 #e8e9ea !important;
    /* thumb and track color */
    scrollbar-width: thick !important;
}

.firefox .sq-table-scrollable {
    scrollbar-color: #383839 #e8e9ea !important;
    /* thumb and track color */
    scrollbar-width: thick !important;
}

.sq-table-scrollable:hover {
    scrollbar-color: #383839 #e8e9ea !important;
    /* thumb and track color */
    scrollbar-width: thick !important;
}

@media (max-width: 575px) {
    ul.sq-objlist {
        column-count: 1;
    }
}

.modal .modal-header .close span{
    display:block !important;
}