MINI Sh3ll

@font-face {
    font-family: kalvika;
    src: url('../fonts/KlavikaRegular-TF.otf');
}

@font-face {
    font-family: kalvika-bold;
    src: url('../fonts/KlavikaBoldBold.otf');
}

@font-face {
    font-family: kalvika-medium;
    src: url('../fonts/KlavikaMedium-TF.otf');
}

body {
    font-family: kalvika;
    font-size: 14px;
    background-color: #F3F7F9;
}

.textBlue {
    color: #00447F!important;
}

.fontBold {
    font-family: kalvika-bold;
}

.card {
    border: 0px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.card:hover {
    box-shadow: 0px 5px 20px rgba(176, 195, 211, 0.16)!important;
}

.bglightblue {
    background-color: #E3EEF6;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.bglightblue:hover {
    background-color: #b0d3e6;
}

.fontMedium {
    font-family: kalvika-medium;
}

.cursor-pointer {
    cursor: pointer;
}

.bgBlue {
    background-color: #00447F!important;
}

.bgOrange {
    background-color: #F05D23;
}

.bgDarkPink {
    background-color: #EF2D56;
}

.bgGreen {
    background-color: #00C49A;
}

.nav li a.active {
    position: relative;
}

.nav li a.active::after {
    content: "";
    position: absolute;
    background-color: black;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -12%;
}

.nav li a {
    padding: 15px 15px;
    height: 100%;
    max-height: 64px;
    display: block;
}

.greenDot {
    width: 10px;
    height: 10px;
    display: inline-block;
}

.tablecss tr td{
    padding: 6px 14px;
}

.tablecss tr th {
    padding: 10px 14px;
}

.table>:not(:last-child)>:last-child>* {
    border-color: #CBD9E5!important;
}

.tablecss tr th {
    color: #00447F;
    white-space: nowrap;
}

.tablecss thead tr th:last-child,
.tablecss tbody tr td:last-child {
    border-right: 0px!important;
}

.tablecss thead tr th:first-child,
.tablecss tbody tr td:first-child {
    border-left: 0px!important;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 12px!important;
    display: block;
    opacity: .3;
}

.dataTables_wrapper .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 24px 16px;
}

.dataTables_wrapper .bottom .page-link {
    border: 0px!important;
    color: #00447F!important;
    margin: 0 5px;
}

.page-item .page-link {
    padding: .26rem .75rem!important;
    border-radius: 100%;
}

.page-item.active .page-link {
    background-color: #00447F;
    border-radius: 100%;
    padding: .26rem .75rem!important;
    color: white!important;
}

.page-item.disabled .page-link {
    color: #7EA0BE!important;
}

.page-item.next .page-link {
    border-radius: 0px!important;
}

.dataTables_length label {
    color: #6a97be!important;
}

.btn-seeall {
    background-color: #E3EEF6;
}

.rounded-16 {
    border-radius: 16px;
}

.bpos {
    right: -6px;
    bottom: -4px;
    background-color: #00C49A;
}

.profileDropdown {
    border-radius: 5px;
}

.profileDropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.profileDropdown ul li {
    display: flex;
    align-items: center;
}

.profileDropdown ul li a {
    display: flex;
    align-items: center;
    color: black;
    text-decoration: none;
    padding: 15px 20px;
    box-shadow: 0px 1px 3px -3px;
    width: 100%;
}

.profileDropdown ul:after {
    content: "";
    width: 15px;
    height: 15px;
    background-color: white;
    top: -7px;
    right: 15px;
    z-index: 100000;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    border-radius: 3px;
    box-shadow: -4px -5px 10px -6px;
}

.profileDropdown ul li:last-child a {
    border: 0px;
}

.btngreen {
    background-color: #E5F9F5;
    color: #00C49A;
}

.top-dropdown:hover>.profileDropdown {
    opacity: 1;
    visibility: visible;
    top: 58px;
    box-shadow: 1px -4px 17px -16px;
}

.profileDropdown {
    background: white;
    z-index: 1;
    top: 65px;
    right: -8px;
    min-width: 215px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.showinmobile {
    display: none;
}

.defaultBtn {
    background-color: #FEDD00;
    border: 0;
    padding: 2px 10px;
    font-size: 22px;
    color: black;
    text-decoration: none;
    cursor: pointer;
    font-family: kalvika-bold;
}

.bgyellow {
    background-color: #FEDD00;
}

#mobile:focus {
    box-shadow: none;
    border-left: 1px solid #7fa1be!important;
}

.login-dropdown {
    border-color: #7fa1be!important;
    border-top: 0px;
    border-bottom: 0;
    border-left: 0;
}

.lightborder {
    border: 1px solid #7fa1be!important;
}

@media (max-width:1024px) {

    ul.nav li.has-sub ul{
        position: relative!important;
        opacity: 1!important;
        visibility: visible!important;
        top: 0!important;
        box-shadow: none!important;
    }
    ul.nav li.has-sub ul li a{
        box-shadow: none!important;
        color: #868789!important;
    }
    ul.nav li.has-sub:after{
        display: none;
    }
    div#Enquiries_length label {
        display: none;
    }
    div.dataTables_wrapper div.dataTables_paginate {
        margin: 0 auto!important;
    }

    .grid-mobile a {
        width:48%;
        margin:1%;
    }

    .grid-mobile {
        display:flex; 
        flex-wrap: wrap;

    }    

    .showinmobile {
        display: block;
    }
    .hideinmobile {
        display: none;
    }
    .tablecss tr th:nth-child(3) {
        min-width: 250px;
    }
    a.logo img {
        height: 40px;
    }
    .mobilenavcss {
        position: fixed;
        z-index: 10;
        top: 0;
        right: 0;
        background: white;
        width: 100%;
        height: 100vh;
        overflow-y: auto;
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
    }
    .mobilenavcss.active {
        display: block;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
    }
    .close-icon {
        float: right;
        margin-top: 20px;
        margin-right: 20px;
    }
    .nav {
        display: block;
        margin: 39px;
        margin-top: 80px;
    }
    .nav li a.active {
        font-family: kalvika-medium;
    }
    .nav li a.active::after {
        display: none;
    }
    .width-20p {
        width: 50%!important;
    }
    .bordermobile {
        border: 1px solid #B2B2B2!important;
    }
    .paddingmobie {
        padding: 15px!important;
        border-radius: 5px!important;
    }
}

.breadcrub ul {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.breadcrub ul li {
    margin-right: 15px;
}

.borderblue {
    border-color: #7FA1BE;
}

.mh-220 {
    min-height: 220px;
}

.width-20p {
    width: 20%;
}

.width-10p {
    width: 150px !important;
}

.pdf-view .overlay {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    cursor: pointer;
}

.pdf-view:hover .overlay {
    opacity: 1;
}

.loginbg {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    background-image: url('../images/loginbg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginbg .login-box {
    width: 100%;
    max-width: 500px;
    background-color: #dae6f2;
    border-radius: 10px;
    padding: 30px;
}

.intl-tel-input {
    display: table-cell;
}

.intl-tel-input .selected-flag {
    z-index: 4;
}

.intl-tel-input .country-list {
    z-index: 5;
}

.input-group .intl-tel-input .form-control {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
}

.center-line {
    font-size: 12px;
    position: relative;
    z-index: 1;
}

.center-line span {
    background-color: #00447f;
    color: #B3C7D9;
    padding: 3px;
}

.center-line::before {
    border-top: 1px solid #B3C7D9;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 44%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

#videos.table>:not(caption)>*>* {
    border-bottom: 0px!important;
    padding: 0px;
}


/** upload button*/

.fileupload div {
    position: relative;
    /* overflow: hidden; */
}

.fileupload input {
    position: absolute;
    font-size: 50px;
    opacity: 0;
    right: 0;
    top: 0;
}

.fileupload svg {
    z-index: 10000000000000;
    right: 0;
    display: block;
    padding: 6px;
    top: 0;
    position: absolute;
    background: white;
    border-radius: 100%;
}

.pro-edit {
    top: -10px;
    right: -10px;
    padding: 6px;
}

.form-check-input:checked {
    background-color: #00447F!important;
    border-color: #00447F!important;
}

.preview .row .col-8 span {
    margin-bottom: 10px!important;
    display: block;
}

.form-control:focus,
.form-select:focus {
    color: #212529;
    background-color: #fff;
    border-color: #ff6300;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(255 222 0 / 17%);
}

.avatar-pofile {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border: 2px solid #f3f7f9;
}

.profile_edit {}

.bglightyellow {
    background-color: #fbeb7f;
}

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }


ul.nav li.has-sub{
    position: relative;
}
ul.nav li.has-sub:after{
    content: "";
    border-top: 1px solid black;
    border-right: 1px solid black;
    width: 5px;
    height: 5px;
    background-color: transparent;
    position: absolute;
    top: 43%;
    right: 2px;
    transform: rotate(134deg);
}
ul.nav li.has-sub:hover ul{
    opacity: 1;
    visibility: visible;
    top: 58px;
}
ul.nav li.has-sub ul{
    position: absolute;
    z-index: 1;
    padding: 0;
    margin: 0;
    background: white;
    list-style: none;
    min-width: 215px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    top: 70px;
    transition: all 0.3s ease-in-out;
    box-shadow: -7px -6px 9px -12px;
    border-radius: 3px;
}
ul.nav li.has-sub ul li a{
    padding: 15px 20px;
    box-shadow: 0px 1px 3px -3px;
    text-decoration: none;
    color: black;
}
ul.nav li.has-sub ul li a:hover{
    background-color: #f7f7f7;
}

.minht-90 {
    min-height: 90px !important;    
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-size{
    height: 100px;
    object-fit: cover;
}

.mw-80 {
    max-width:80px;
}

.mwa-80 {
    width: calc(100% - 80px);
}

.order-alignment > a:nth-child(1){
    order: 1;
    flex-grow: 1;
}

.order-alignment > div:nth-child(2){
    order: 4;
}

.order-alignment > div:nth-child(4){
    order: 3;
}

.order-alignment > div:nth-child(5){
    order: 2;
}

.order-alignment > div:nth-child(6){
    order: 5;
}

.imgw-75p {
    max-width: 75px;    
}

.accordion-item {
    margin-bottom: 15px;
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, .125);
}

.accordion-button:not(.collapsed)::after {
    background-image: url('../images/minus.svg');
    transform: none;
    margin-top: 8px;
}

.accordion-button::after {
    background-image: url('../images/plus.svg');
    background-size: contain;
    width: 12px;
    height: 12px;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}