/*
        GoodDelivery Custom CSS by GLOBUS.studio
        v 3.0
        Extend Bootstrap 5.2.2
        Used GILROY Cyr 100,200,300,500,600,800,900
        normal, bold, italic, bold italic, heavy, black,
*/

/*************** PRIVATE **************/

.private-page-wraper{
    width: calc(100vw - 290px);
    margin-left: 270px;
}

.bg-gray{
    background-color: #f2f3f5;
}

.bg-white{
    background-color: white;
}

.gd-private-navbar{
    background-color: white !important;
    -webkit-box-shadow: 0px 5px 8px -6px rgba(137, 144, 150, 0.7);
    -moz-box-shadow: 0px 5px 8px -6px rgba(137, 144, 150, 0.7);
    box-shadow: 0px 5px 8px -6px rgba(137, 144, 150, 0.7);
}

.private-left-menu{
    -webkit-box-shadow: 6px 0px 8px -6px rgba(137, 144, 150, 0.7);
    -moz-box-shadow: 6px 0px 8px -6px rgba(137, 144, 150, 0.7);
    box-shadow: 6px 0px 8px -6px rgba(137, 144, 150, 0.7);
    position: fixed;
    top:80px;
    left: 0px;
    width:260px !important;
    height:calc(100vh - 80px);
    background-color: white !important;
}

.overflow-auto-y{
    overflow-x:hidden;
    overflow-y:auto;
}

.header-text-left-side-menu{
    text-transform: uppercase;
    color: #83889c;
    font-size: 14px;
    font-weight: 600;
}

li.main-text-left-side-menu > a {
    text-decoration: none !important;
    color: #a6a7b3;
}

li.main-text-left-side-menu.active > a{
    color:#0d6efd;
}

span.active, i.active{
    color:#0d6efd;
}


button.collapsed > div > i:last-child{
    transform: rotate(-90deg);
    transition-duration: 0.5s;
}

button:not(.collapsed) > div > i:last-child{
    transform: rotate(0deg);
    transition-duration: 0.5s;
}


.main-text-left-side-menu{
    color: #a6a7b3;
    font-size: 14px;
}


.gray-hr{
    background-color: black !important;
}

.left-side-button{
    padding: 5px 5px;
    width: 100%;
    box-shadow: none !important;
}

.left-side-button.active {
    background-color: #f1f7ff;
}

.private-page-header{
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    padding-top: 3px;
}

.city-input{
    width: 100%;
    /* border:0px solid transparent; */
    border: 1px solid #E0E4F0;
    background-color: #f8f9fd;
    padding: 2px 15px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    height: 28px;
}

.city-input:hover{
    border: 0.0625rem solid #7A89C2;
}

.city-input.danger-border{ 
    border: 1px solid #ff6421 !important;
}

.city-input:focus{
    outline: none;
}

.city-input::placeholder{
    font-size: 12px;
}

.city-input:focus::placeholder {
    color:transparent;
}

.p-icon{
    padding-bottom: 25px;
    padding-right: 19px;
}

.dimensions-td-1-label {
    width: 26%;
}

.dimensions-td-2-label {
    width: 26%;
}

.dimensions-td-3-label {
    width: 26%;
}

.dimensions-td-4-label {
    width: 22%;
}

.dimensions-td-1 {
    width: 26%;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

.dimensions-td-2{
    background-color: #f8f9fd;
    width: 26%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.dimensions-td-3{
    background-color: #f8f9fd;
    width: 26%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.dimensions-td-4{
    background-color: #f8f9fd;
    width: 22%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.dimensions-input-text{
    border:1px solid transparent;
    text-align: center;
    width: 100%;
    background-color: #f8f9fd;
    padding: 3px 9px;
}

.dimensions-input-text:focus{
    outline: none;
}

.dimensions-input-text::placeholder{
    font-size: 12px;
}

.dimensions-input-text:focus::placeholder {
    color:transparent;
}

.gd-private-accordion{
    margin: 0px 20px;
}

.gd-private-accordion-header{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
}

.gd-private-accordion-item{
    border: none !important;
}

.gd-private-accordion-button::after {
    display: none !important;
}

.gd-private-accordion-button{
    box-shadow: none !important;
    color: black !important;
    background-color: white !important;
}

button i.fa-angle-down {
    transition: all 0.3s ease;
}

button:not(.collapsed) i.fa-angle-down {
    transform: rotate(180deg);
}

.filters-header{
    font-size: 14px;
    text-transform: uppercase;
}

.btn-filters{
    margin: 0px 10px;
    padding: 5px 10px !important;
    text-transform: none;
}

#spinner{
    padding: 100px 0px;
}

.gd-row-content{
    margin: 0px 20px;
}

.gd-group-switch{
    background: #F8F9FD;
    padding: 0px 2px 0px 2px;
    border-radius: 41px !important;
}

.gd-input-text-table-filter {
    font-size: 12px;
    padding: 0px 10px;
    font-weight: 600;
    
}

.gd-input-text-table-filter::placeholder {
    font-size: 12px;
    padding: 3px 0px;
    color:#8895c9;
    font-weight: 400;
}

.gd-input-text-table-filter:focus{
    outline: none !important;
}

.gd-btn-group{
    border: 1px solid #dee2e6;
    border-radius: 20px !important;
    background-color: #f8f9fd;
    line-height: 14px;
    height: 22px;
}

.gd-radio-btn-group{
    font-size: 12px;
    /* padding: 3px 10px; */
    padding: 2px 10px;
    color:#8895c9;
    line-height: 14px;
    height: 22px;
}

.gd-radio-btn-group:hover{
    color:#8895c9;
}

.gd-btn-group-secondary{
    border: 1px solid #e8e8e8;
    border-radius: 20px !important;
    background-color: #f8f9fd;
}

.gd-btn-group-select-secondary{
    border: none !important;
    background-color: #f8f9fd;
    border-radius: 20px !important;
}

.gd-btn-group-select-secondary:focus{
    outline: none !important;
}

.gd-btn-group-input-secondary{
    border: 1px solid #e8e8e8;
    border-radius: 20px !important;
    background-color: #f8f9fd;
}

.gd-btn-group-input-secondary:focus{
    outline: none !important;
}

.gd-label{
    font-size: 12px;
    color: #999999;
}

.btn-check:checked+.gd-radio-btn-group{
    padding: 3px 20px;
    border: 1px solid #8895c9 !important;
    border-radius: 20px !important;
    /*box-shadow: 0px 5px 12px -5px #000000;*/ /*fix*/
    background-color: #f8f9fd;
    color:black;
    font-weight: 600;
    margin-top: -1px;
}

.th-data-table th{
    font-weight: 600;
    text-align: center;
    font-size: 14px;
}

.gd-select-table{
    height: 26px;
    font-size: 12px;
    padding: 3px 0px 3px 10px;
    border-color: #8895c9;
    border-radius: 20px;
    outline: none !important;
    color:#8895c9;
    font-weight: 500;
    background-color: #f8f9fd;
}

.bread-crumb{
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #A1A4B6;
}

.bread-crumb-first{
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #6E768E;
}

.gd-dropdown-menu{
    font-size: 14px;
    padding-left: 12px;
    border-radius: 8px;
    -webkit-box-shadow: 5px 7px 6px -3px rgba(142, 142, 142, 0.83);
    -moz-box-shadow: 5px 7px 6px -3px rgba(142, 142, 142, 0.83);
    box-shadow: 5px 7px 6px -3px rgba(142, 142, 142, 0.83);
}

.btn-copy{
    cursor: pointer;
}

.gd-switch:checked{
    background-color: #7e89ba;
    border-color: #7e89ba;
}

.gd-switch:focus{
    box-shadow: none;
    border-color:rgba(0,0,0,.25);
}

.gd-switch:focus:not(:checked){
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e") !important;
    border-color:rgba(0,0,0,.25);
}

.gd-switch-private.form-check-input {
    background-image: none !important;
    background-color: #FFFFFF !important;
}

.gd-switch-private {
    position: relative;
    /* width: 32px; */
    height: 16px;
    border: 1px solid #E0E4F0;
    background: #FFFFFF;
    border-radius: 100px;
}

.gd-switch-private::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 16px;
    height: 16px;
    background: #E0E4F0;
    border: 1px solid #E0E4F0;
    border-radius: 50%;
    /* transition: all .15s ease-in-out; */
}

.gd-switch-private:checked::before {
    content: "";
    position: absolute;
    top: -1px;
    left: auto;
    right: -1px;
    width: 16px;
    height: 16px;
    background: #7A89C2;
    border: 1px solid #E0E4F0;
    border-radius: 50%;
}

.gd-switch-private:checked {
    border: 1px solid #E0E4F0;
    background: #FFFFFF;
}

.gd-switch-private:focus {
    box-shadow: none;
    border: 1px solid #E0E4F0;
}

.gd-switch-private.form-check-input:focus {
    background-image: none !important;
    background-color: #FFFFFF !important;
}

.gd-switch-private.form-check-input:checked {
    background-image: none !important;
    background-color: #FFFFFF !important;
}

.gd-switch-private:focus:not(:checked) {
    background-image: none !important;
    border-color:#E0E4F0;
}

.gd-lk-header-menu {
    height: 44px;
}

div.gd-button-add-new-place-mobile { 
    padding-top: 5px;
    margin-bottom: 11px;
}

.gd-block-radio-dop-service-select {
    font-size: 12px; 
    font-weight: 600;
    color: #000000;
    cursor: pointer;
}

.gd-block-radio-dop-service {
    font-size: 12px; 
    font-weight: 400;
    color: #000000;
    cursor: pointer;
}

span.gd-button-add-new-place-mobile {
    font-family: 'Gilroy', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #000000;
    display: flex;
    align-items: center;                        
}

.gd-button-add-new-place-mobile .gd-icon-mobile-plus {
    margin-right: 11px;
}

.gd-dropdown-menu-mobile.dropdown-menu-triangle:before {
    position: absolute;
    top: -7px;
    left: calc(100% - 22px);
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #E0E4F0;
    border-left: 7px solid transparent;
    /* border-bottom-color: rgba(0, 0, 0, 0.2); */
    content: '';
}

.gd-dropdown-menu-mobile.dropdown-item:focus,.dropdown-item:hover {
    color: var(--bs-dropdown-link-color);
    text-decoration: none;
    background-color: transparent;
}

.dropdown-item.active,.dropdown-item:active {
    color: var(--bs-dropdown-link-color);
    text-decoration: none;
    background-color: transparent;
}

.gd-dropdown-menu-mobile.dropdown-menu-triangle:after {
    position: absolute;
    top: -6px;
    left: calc(100% - 21px);
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.gd-dropdown-menu-mobile {
    padding: 4px 20px 0px 20px !important;
    width: 220px;
    border: 1px solid #E0E4F0;
    border-radius: 8px;
}

.gd-dropdown-menu-mobile .dropdown-item {
    padding: 6px 0px 6px 0px !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.gd-dropdown-menu-mobile .dropdown-item.first::after {
    position: absolute;
    content: "";
    border: 0px solid #E0E4F0;
    width: calc(100% - 40px);
    left: 0;
    margin-left: 20px;
}


.gd-dropdown-menu-mobile .dropdown-item::after {
    position: absolute;
    content: "";
    border: 1px solid #E0E4F0;
    border-bottom-width: 0px;
    width: calc(100% - 40px);
    left: 0;
    margin-top: -8px;
    margin-left: 20px;
}

.gd-dropdown-menu-mobile .dropdown-divider {
    background-color:#E0E4F0;
}

.departure-tables-private {
    width: calc(45% + 21px - 85px - 2.125rem);
    margin-left: -21px;
}

.private-departure-information-header{
    padding: 0.4rem 1rem 0.4rem 1rem;
    font-size: 0.7rem;
    border: 1px solid #d1d6eb;
    width: auto;
    display: inline;
    background-color: #f8f9fd;
    border-radius: 1rem;

    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 16px;
}

button .gd2-table-head-block {
    display: block !important;
    color: white !important;
}

.departure-created-container {
    min-height: calc(100vh - 272px);
}    

.private-departure-daily {
    font-family: Gilroy;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    color:#000;
    text-align: center;
}

.private-departure-daily span span{
    color:#3381F1;
    text-decoration-line: underline;
}

.gd2-template-text {
    max-height: 4em;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: normal; 
}

.gd-box-form-switch {
    display: flex;
    padding-top: 13px;
}

.gd-label-form-switch {
    margin-right: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.gd-label-form-switch-left {
    margin-left: 14px;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .modal-backdrop.show {
        -webkit-backdrop-filter: blur(0.25rem);
        backdrop-filter: blur(0.25rem);
        background-color: rgb(180, 180, 180, 0.2) !important;
        opacity: 1.0;
    }

    .offcanvas-backdrop.show {
        -webkit-backdrop-filter: blur(0.25rem);
        backdrop-filter: blur(0.25rem);
        /*background-color: rgba(255, 255, 255, 0.2);*/
        background-color: rgb(180, 180, 180, 0.2) !important;
        opacity: 1.0;
    }
}