body {
    font-family: "BPG mrgvlovani";
    font-size: 11px;
}



/*home*/

.home {
    background: #000;
}

.logo  {
    position: absolute;
    left: 2%;
    top: -11px;
    font-size: 40px
}

.home .logo  {
    display: none;
}

.logo img {
    width: 70px;
}

.zoneBg {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url('https://pictures.altai-travel.com/1920x1040/quaint-town-of-ushguli-adobe-stock-3594.jpg') no-repeat center center fixed;
    background: url('https://northcaucasusland.wordpress.com/wp-content/uploads/2014/02/ushguli-and-shkhara-svaneti-georgia-caucasus-mountains3.jpg') no-repeat center center fixed;
    background: url('https://konsulatgruzji.pl/wp-content/themes/barba-gulp/dist/img/blogs.jpg') no-repeat center center fixed;
    background: url('https://lp-cms-production.imgix.net/2024-10/shutterstockRF736284490.jpg?w=1440&h=810&fit=crop&auto=format&q=75') no-repeat center center fixed;
    background: url('https://chachatour.ge/ru/wp-content/uploads/sites/4/2019/04/73-1156596265.jpg') no-repeat center center fixed;
    background: url('/assets/images/backgrounds/tbs.webp') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0.25;
}

.hMenu {
    position: absolute;
    padding: 30vh 0px 0px 0px;
    text-align: right !important;
    display: flex;
    top: 150px;
    height: calc(100vh - 150px);
    justify-content: center;
    align-items: center;
    z-index: 2 !important;
    /*background: red;*/
}

.hMenu .row {
    /*border-width: 0px 1px 0px 0px !important;*/
    /*border-style: dashed !important;*/
    /*border-color: rgba(255,255,255,0.5) !important;*/
    color: #fff;
    width: 100vh;
    height: auto;
    margin-right: 4%;
    align-items: center;
}

.hMenu .bg {
    position: absolute;
    height: 70vh;
    /*left: 0px;*/
    float: right;
    right: 0px;
    margin-right: 3%;
    width: 1px !important;
    max-width: 1px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
}

.hMenu li {
    text-decoration: none !important;
    color: #fff;
    padding: 30px 0px 30px 0px !important;
    list-style-type: none
}

.hMenu li a {
    text-decoration: none !important;
    color: #fff;
}

.hZone {
    height: 100vh;
    display: table-row;
    justify-content: end;
    align-items: end;
}

.hZone-1 {
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: end;
}

.hZone-2 {
    height: 75vh;
    display: grid;
    justify-content: start;
    align-items: end;
    /*background: red;*/
}

.hZone-1 .bg {
    background: rgba(255,255,255,0.3);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 41.5vw;
    height: 100vh;
    z-index: -1;
}

.chachaText {
    padding-right: 3%;
    font-size: 70px;
    font-family: "Arial Black";
    font-weight: bolder !important;
    background: url('/assets/images/backgrounds/tbs.webp') no-repeat center center fixed;
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
    background-clip: text;
    color: rgba(0,0,0,0.7);
    text-shadow: inherit;
    line-height: 120%;
}

.tourText {
    padding-left: 10%;
    font-size: 80px;
    font-family: "Arial Black";
    font-weight: bolder !important;
    color: rgba(255,255,255,0.3);
}

.tourWelcome {
    position: absolute;
    margin-top: -20px !important;
    padding-left: 100px !important;
    font-size: 12px;
    color: #fff;
    font-family: "BPG Banner Caps";
    letter-spacing: 1.5px;
}

.hZone-3 {
    position: absolute;
    bottom: 12vh;
    left: 0px;
    z-index: 999 !important;
}

.hZone-3 .mapTitle {
    height: 40px;
    border-radius: 0px 10px 0px 10px;
    padding: 12px;
    width: 80% !important;
    float: right;
    color: rgb(255,255,255);
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.01) 70%);

    -webkit-box-shadow: -7px 5px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -7px 5px 5px 0px rgba(0,0,0,0.2);
    box-shadow: -10px 2px 5px 0px rgba(0,0,0,0.1);
}

.hZone-3 .marketTitle {
    height: 40px;
    border-radius: 0px 10px 0px 10px;
    padding: 12px;
    width: 46% !important;
    float: left;
    color: rgb(255,255,255);
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.3) 80%);
    -webkit-box-shadow: 7px 5px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 7px 5px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 7px -5px 5px 0px rgba(0,0,0,0.1);
}


.navbarArea {
    position: -webkit-sticky;
    position: sticky;
    top: 5%;
    padding: 0px;
    padding-right: calc(2% - 10px);
    z-index: 1020;
    text-align: right !important;
    display: flex;
    justify-content: end !important;
}

.navbar {
    position: absolute;
    font-size: 11px;
    background: transparent !important;
    font-family:"BPG Arial Caps" !important;
    padding: 0px !important;
    z-index: 999;
}

.navbar ul li {
    padding: 0px 15px 0px 15px;
}

.navbar ul li a {
    color: #fff;
    position: relative;
    display: inline-block;
}

.navbar ul li a:hover {
    color: #fff;
}

.navbar ul li a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 85%;
    width: 0;
    height: 1px;
    /*background-color: #f88816;*/
    background-color: rgba(255,255,255,0.5);
    transition: width .3s ease-in-out;
}

.navbar ul .tab a:hover:after {
    width: 100%;
}


.dropdown-menu {
    /*position: relative !important;*/
    margin-top: 5px !important;
    border-color: rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
}

/*.dropdown-menu[data-bs-popper] {*/
/*    !*position: absolute !important;*!*/
/*     top: 10px !important;*/
/*    !*left: 0;*!*/
/*    margin: 0px;*/
/*    padding: 0px;*/
/*    !* margin-top: var(--dropdown-spacer); *!*/
/*}*/

.dropdown-menu li {
    padding: 3px 2px 3px 0px !important;
}

.dropdown-menu li a {
    padding: 7px 20px 7px 20px !important;
    font-size: 10px;
    color: rgba(0,0,0,0.9) !important;
}

.language {
    /*margin-top: 10px;*/
}

.language a {
    text-decoration: none;
    color: #212529;
}

.language img {
    width: 17px
}

.footerMenu {
    position: fixed;
    bottom: 3%;
    width: 50%;
    right: 3%;
}

.footerMenu ul {
    list-style-type: none;
}

.footerMenu li {
    float: right;
}

.footerMenu li a {
    text-decoration: none;
    color: #fff;
    padding-left: 25px;
}


.market {
    /*position: fixed;*/
    /*margin-top: 250px;*/
    height: 40px;
    border-radius: 0px 10px 0px 10px;
    z-index: 2;
    padding: 0px 20px 0px 0px;
    display: inline-flex;
    justify-content: start;
    align-items: center;
    color: rgb(255,255,255);
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0.1) 30%, rgba(255,255,255,0.3) 100%);
}


/*map*/

.map {
    background: #000;
}
.map .navbarArea {
    top: 30px;
    animation:animateNavbarArea 1s
}



.map .zoneBg {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100vh;
    /*background: url('https://gypsywomancafe.com/wp-content/uploads/2015/01/grunge-travel-background-239421341.jpg') no-repeat center center fixed;*/
    /*background: url('https://w0.peakpx.com/wallpaper/816/505/HD-wallpaper-georgian-flag-low-poly-art-asian-countries-national-symbols-flag-of-georgia-3d-flags-georgia-flag-georgia-asia-georgia-3d-flag.jpg') no-repeat center center fixed;*/
    /*background: url('https://png.pngtree.com/background/20221103/original/pngtree-traditional-georgian-folk-art-embroidery-vector-pattern-picture-image_1944022.jpg') no-repeat center center fixed;*/
    background: url('https://img.freepik.com/premium-vector/colorful-georgian-alphabet-pattern-background-design_462979-1969.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0.1;
}


.map .contentRow {
    margin-top: 95px;
    margin-left: 1vw;
    width: 95vw;
    background: rgba(255,255,255,1);
    height: calc(100vh - 135px);
    border-radius: 5px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

svg {
    height: 80vh;
    width: auto;

}


.urlrul {
    position: relative !important;
    width: 3vw;
    height: 6vh;
    margin-top: 46vh !important;
    left: 42.5vw !important;
    background: red;
}

.mapCorner {
    position: absolute;
    float: right;
    margin-top: 3px;
    right: 3vw;
    width: 300px;
    /*mix-blend-mode: multiply;*/

}



/*tours*/
.tours {
    background: #000;
}

.tours .navbarArea {
    top: 30px;
    animation:animateNavbarArea 1s
}


.tours .zoneBg {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100vh;
    /*background: url('https://gypsywomancafe.com/wp-content/uploads/2015/01/grunge-travel-background-239421341.jpg') no-repeat center center fixed;*/
    /*background: url('https://w0.peakpx.com/wallpaper/816/505/HD-wallpaper-georgian-flag-low-poly-art-asian-countries-national-symbols-flag-of-georgia-3d-flags-georgia-flag-georgia-asia-georgia-3d-flag.jpg') no-repeat center center fixed;*/
    /*background: url('https://png.pngtree.com/background/20221103/original/pngtree-traditional-georgian-folk-art-embroidery-vector-pattern-picture-image_1944022.jpg') no-repeat center center fixed;*/
    background: url('https://img.freepik.com/premium-vector/colorful-georgian-alphabet-pattern-background-design_462979-1969.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0.08;
}


.tours .contentRow {
    margin-top: 95px;
    margin-left: 1vw;
    width: 95vw;
    background: rgba(255,255,255,1);
    height: calc(100vh - 135px);
    border-radius: 10px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.toursFilter {
    position: absolute;
    /*height: 100px;*/
    bottom: 2%;
    left: 7%;
    background: #fff;
    border-radius: 50px;
    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    z-index:2;

}

.toursFilter .filterOptions {
    padding: 10px 10px 0px 5px;
}

.daterangepicker {
    /*position: absolute;*/
    /*top: 0px !important;*/
    /*font-size: 10px;*/
}

.tourLogo {
    position: absolute;
    top: 6.5vw;
    right: 4vw;
    z-index:2
}

.tourLogo img {
    width: 7vw;
    opacity: 0.3
}

.tourPanel {
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0) !important;
    -moz-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0) !important;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0) !important;
    border-width: 0px
}

.tourPanel .card-body {
}

.tourPanel .bgImage {
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 250ms;
}

.tourPanel .bgCover {
    position: absolute;
    top:0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    background: rgb(0,0,0);
    background: linear-gradient(360deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
}

.tourPanel .desc {
    position: relative;
    top: 255px;
    padding: 0px 10px 0px 10px;
    font-size: 15px;
    color: #fff;
    transition: all 0.3s ease;
}

.tourPanel:hover .desc {
    top: 230px;
}

.tourPanel .text {
    font-size: 11px;
    margin-top: 30px;
}

.tourPanel .desc .readMode {
    margin-top: 20px;
}

.tourPanel .desc .readMode a {
    width: 100%;
    /*border-width: 0px 0px 1px 1px;*/
    border-radius: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    /*padding: 2px 5px 2px 5px;*/
    padding: 10px;
    color: #fff;
    font-size: 10px;
}

.tourPanel .desc .readMode a:hover {
    background: #059669;
    border-width: 0px;
}



.tourDetails {
    background: #000;
}

.tourDetails .navbarArea {
    top: 30px;
    animation:animateNavbarArea 1s
}


.tourDetails .zoneBg {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100vh;
    /*background: url('https://gypsywomancafe.com/wp-content/uploads/2015/01/grunge-travel-background-239421341.jpg') no-repeat center center fixed;*/
    /*background: url('https://w0.peakpx.com/wallpaper/816/505/HD-wallpaper-georgian-flag-low-poly-art-asian-countries-national-symbols-flag-of-georgia-3d-flags-georgia-flag-georgia-asia-georgia-3d-flag.jpg') no-repeat center center fixed;*/
    /*background: url('https://png.pngtree.com/background/20221103/original/pngtree-traditional-georgian-folk-art-embroidery-vector-pattern-picture-image_1944022.jpg') no-repeat center center fixed;*/
    background: url('https://img.freepik.com/premium-vector/colorful-georgian-alphabet-pattern-background-design_462979-1969.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0.08;
}


.tourDetails .contentRow {
    margin-top: 95px;
    margin-left: 1vw;
    width: 95vw;
    padding: 20px 20px 20px 15px;
    background: rgba(255,255,255,1);
    height: calc(100vh - 135px);
    border-radius: 10px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.tourDetails .title {
    margin-top: 0px;
    font-family: "poppinsMedium";
    /*font-weight: 900 !important;*/
    font-size: 25px;
    /*color: rgba(0,0,0,0.4);*/
    margin-bottom: 0px;
}

.tourDetails .map {
    margin-top: 5px;
    border-color: #fff;
    border-style: solid;
    border-width: 0px;
    filter: grayscale(50%);
    width: 100%;
    height: 542px;
    border-radius: 0px 0px 7px 7px !important;
}

.tourDetails .ol-viewport {
    border-radius: 0px 0px 7px 7px !important;
}

.tourDetails .discoverTheCity {
    margin-top: 20px;
    font-family:"glacial" !important;
    font-size: 25px;
    background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
    height: 2px;
    padding: 0px;
}

.discoverTheCity .titleBg {
    position: relative;
    width: 100%;
    float: center;
    top: -22px;
    padding: 0px 20px 0px 0px;
    background: #fff;
    z-index: 2 !important;
    text-align: center;
}

.video-container {
    margin-top: 10px;
    height: 400px;
    width: 100%;
    position: relative;
}

.video-container video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
    border-radius: 7px;
}

.tourDetails .morePhotos {
    position: absolute;
    bottom: 30px;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0.5) 60%, rgba(0,0,0,0) 100%);
    height: 2px;
    text-align: center;
}
.tourDetails .morePhotos button {
    position: relative;
    top: -25px;
    /*text-align: center;*/
    font-size: 13px;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.3);
    border-right-color: rgba(0,0,0,0.1);
    border-bottom-color: rgba(0,0,0,0.1);
    padding: 5px 25px 5px 25px;
    background: #fff;

}
.tourDetails .morePhotos button:hover {
    border-color: rgba(0,0,0,0.1);
    border-right-color: rgba(0,0,0,0.3);
    border-bottom-color: rgba(0,0,0,0.3);
    animation: mymove 1s;
    animation-play-state: revert;

}

.booking {
    /*position: sticky !important;*/
    /*top: 0 !important;*/
    margin-bottom: 20px;
    z-index:10 !important;
}

.fullScreenBookingStarter {
    /*height: 100% !important;*/
    /*background: transparent !important;*/
    /*height: 100%;*/
    /*top: 0px !important;*/
    /*position: absolute;*/

    /*margin-top: 95px;*/
    /*margin-left: 1vw;*/
    /*width: 95vw;*/
    /*background: rgba(255,255,255,1);*/
    /*height: calc(100vh - 135px);*/
    /*border-radius: 5px;*/
    /*overflow-y: auto !important;*/
    /*overflow-x: hidden !important;*/


    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    /*padding-top: 5px !important;*/
    /*top: calc(100vh - 500px);*/
    /*bottom: 0px;*/
    /*top: 100px;*/
    /*position: absolute;*/
    /*height: 70px !important;*/
    /*overflow: auto;*/
    /*margin-bottom: 200px;*/
    /*padding-bottom: 200px;*/
    /*background: transparent !important;*/

    z-index:10 !important;

}

.fullScreenBookingStarter .headText {
    text-align: center;
    color: #26a69a
}

.booking .datePicker_1 {
    /*border-width: 0px 0px 1px 0px;*/
}

.booking button[type=submit] {
    width: 100%;
    background: #26a69a;
    border: 0px;
    padding: 5px;
    color: #fff;
}

.gcw_sourceFm3zxW7En, .gcw_headerFm3zxW7En {
    display: none !important;
}

.gcw_tableFm3zxW7En tr td {
    width: 10% !important;
    padding-right: 10px;
    text-align: left !important;
    font-family:"glacial" !important;
    /*color: red !important;*/
}


.gcw_valblockFm3zxW7En input[type=text]{
    width: 100% !important;
    border-width: 0px 0px 1px 0px !important;
    border-style: dashed !important;
    border-color: rgba(0,0,0,0.1) !important;
    color: rgba(0,0,0,0.4) !important;
}

.itinerary .card {
    margin-bottom: 10px;
}

.itinerary .itineraryTitle {
    margin-top: 20px;
    font-family:"glacial" !important;
    font-size: 20px;
    /*background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);*/
    height: 2px;
    padding: 0px;
}

.itineraryTitle .titleBg {
    position: relative;
    width: 100%;
    float: center;
    top: -17px;
    padding: 0px 20px 0px 0px;
    background: #fff;
    z-index: 2 !important;
    text-align: center;
}

.itinerary .itineraryImg {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 15px;
    text-shadow: 0px 0px 10px #000;
    letter-spacing: 0.5px;
    filter: grayscale(30%);
    transition: filter .5s ease-out;
    -moz-transition: filter .5s ease-out;
    -webkit-transition: filter .5s ease-out;
    -o-transition: filter .5s ease-out;
}

.itinerary .itineraryImg:hover {
    filter: grayscale(0%);
    cursor: pointer
}

@keyframes mymove {
    100% {box-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
}

.tourIncludes .icon {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.2);
    padding: 4px;
    border-radius: 8px;
    opacity: 0.6;
    margin-right: 10px;
    width: 25px;
    height: 25px;
}

.tourDetails .followUs .icon {
    /*border-width: 1px;*/
    /*border-style: solid;*/
    /*border-color: rgba(0,0,0,0.2);*/
    /*padding: 4px;*/
    /*border-radius: 8px;*/
    /*opacity: 0.6;*/
    margin-right: 10px;
    width: 15px;
    height: 15px;
}

.tourIncludes .textTitle {
    padding-top: 2px;
    font-size: 10px;
    text-decoration-line: line-through;
}

.tourIncludes .activeInclude {
    padding-top: 2px;
    text-decoration-line: none !important;
    /*color: #6ebd6e;*/
}

.similarToursDetails {
    margin-bottom: 10px;
}

.similarToursDetails .imgBg {
    /*height: 100% !important;*/
    height: 100px;
    /*min-height: 150px;*/
    /*width: 100% !important;*/
    border-radius: 5px;
    background-size: 100% !important;
    webkit-transition: background-size 0.5s linear;
    -moz-transition: background-size 0.5s linear;
    -o-transition: background-size 0.5s linear;
    -ms-transition: background-size 0.5s linear;
    transition: background-size 0.5s linear;
    cursor: pointer;
}

.similarToursDetails .imgBg:hover {
    background-size: 150% !important;
    -webkit-transition: all 0.5s ease-in-out;

}

.footerMenu {
    position: fixed;
    bottom: 1%;
    width: 50%;
    right: 2.5%;
    animation:animateFooter 1s
}

@keyframes animateFooter{

    0% {
        bottom: 3%;
        opacity: 0;
    }

    100% {
        bottom: 1%;
        opacity: 1;
    }
}


@keyframes animateNavbarArea{

    0% {
        top:40px;
        opacity: 0;
    }

    100% {
        top:30px;
        opacity: 1;
    }
}








.multiselect {
    border: 0px !important;
    font-size: 11px;
}

.form-check-label {
    font-size: 10px;
}

.daterange-basic {
    border-width: 0px 0px 1px 0px !important;
    font-size: 11px;
}

.rounded-bottom-right-0{
    border-bottom-right-radius: 0px !important;
}
.rounded-bottom-left-0{
    border-bottom-left-radius: 0px !important;
}

.rounded-top-right-0{
    border-top-right-radius: 0px !important;
}
.rounded-top-left-0{
    border-top-left-radius: 0px !important;
}

#qr-canvas {
    width: 100%;
}

.input-app-xs {
    padding: 5px 10px 5px 10px !important;
    font-size: 10px !important;
}

.aioXsSelect {
    height: 28px !important;
    padding: 4px 4px 4px 1px !important;
}

.select2-selection {
    padding: 6px 5px 7px 0px !important;
    font-size: 10px !important;
    font-family: "BPG Arial Caps" !important;
    border-radius: 4px;
}

.select2-results__group {
    font-family: "BPG Arial Caps" !important;
    color: rgba(0,0,0,0.3);
    margin-top: 0px;
    margin-bottom: 0px;
}

.select2-results__options--nested > .select2-results__option {
    font-size: 10px;
}

.select2-results__option {
    font-size: 10px;
}

.personsNavWarning li a {
    padding: 5px;
    border-radius: 0px;
    margin-right: 5px;
    /*color: rgba(0,0,0,0.5);*/
}

.personsNavWarning li .active {
    background: rgba(245, 134, 70, 0);
    color: rgba(0,0,0,1);
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    padding: 5px !important;
    border-color:  rgba(245, 134, 70, 0.8);
}

.accordionExpendButton {
    padding: 5px;
    width: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    -webkit-box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 10%);
    -moz-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 5%);
}

.accordionExpendButton:hover {
    color: rgba(0,0,0,1);
}

iframe img  {
    width: 5% !important;
    background: red !important;
}

.wizard > .steps > ul > li.done .teal {
    border-color: #26a69a;
    background: #26a69a;
}

.wizard > .steps > ul > li.current .teal {
    border-color: #26a69a;
    color: #26a69a;
    font-size: 0;
}


.tealWizard > .steps > ul > li:after,
.tealWizard > .steps > ul > li:before {
    background-color: #26a69a;
}

.tealWizard .actions {
    padding: 5px 20px 10px 5px;
}

.tableTitleBg {
    background: linear-gradient(90deg, rgba(0,0,0,0.15) 0%, rgba(245, 134, 70, 0.2) 100%);
    color: rgba(0,0,0,0.8) !important;
    width: 100% !important;
    border: 0px;
    padding: 1px 1px 1px 1px;
    border-radius: 0px 0px 0px 5px;
    /*-webkit-box-shadow: -2px 3px 4px 1px rgb(255 255 255 / 5%);*/
    /*-moz-box-shadow: -2px 3px 4px 1px rgb(255 255 255 / 5%);*/
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

.tableTitleBg div {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;
    padding: 4px;
    border-radius: 0px 0px 0px 4px;
    transition: 0.15s padding ease-out, 0.15s margin ease-out, 0.15s border ease-out;
}

.tableTitleBg div:hover {
    padding-left: 0px;
}

.tableTitleBgLeft {
    background: linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.09) 100%);
    color: rgba(0,0,0,0.8) !important;
    width: 100% !important;
    padding: 5px 20px 4px 20px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(0,0,0,0.3);
    border-radius: 0px 0px 3px 0px;
    -webkit-box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 5%);
    -moz-box-shadow: 1px 3px 4px 1px rgb(0 0 0 / 5%);
    box-shadow: -1px 2px 3px 1px rgb(0 0 0 / 10%);
}

.ginner-container {
    border-radius: 10px !important;
}

.gdesc-inner {
    padding: 5px !important;
}
.gslide-desc {
    padding: 5px !important;
    font-family: "BPG Arial Caps" !important;
    font-size: 10px !important;
}

.gslide-image img {
    border-radius: 10px 10px 0px 0px !important;
    border-style: solid;
    border-color: #fff;
    border-width: 2px;
}

.noty_body {
    font-family: "BPG Arial Caps" !important;
}

.noStyleButton {
    border-width: 0px;
    background: transparent;
}

.btnSubmitSimple {
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    width: 100%;
    padding: 5px 0px 3px 0px;
    font-size: 10px;
}

.btnSubmitSimple:hover {
    padding: 3px 0px 5px 0px;
    -webkit-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
}

.tooltip-inner {
    font-family:"BPG mrgvlovani" !important;
    font-size: 10px;
}

.borderGrey { border-color: rgba(0,0,0,0.15) !important;}
.borderDarkLight { border-color: rgba(0,0,0,0.3) !important;}
.border-bottom-dashed { border-bottom-style: dashed !important;}
.border-top-dashed { border-top-style: dashed !important;}

.zIndex1  { z-index: 1 !important;}
.zIndex10 { z-index: 10 !important;}

.no-padding { padding: 0px !important; }

.pl-0 { padding-left: 0px   !important;}
.pr-0 { padding-right: 0px  !important;}
.pt-0 { padding-top: 0px    !important;}
.pb-0 { padding-bottom: 0px !important;}

.padding-3 { padding: 3px !important; }

.pt-1 { padding-top: 1px    !important; }
.pb-1 { padding-bottom: 1px !important; }
.pl-1 { padding-left: 1px   !important; }
.pr-1 { padding-right: 1px  !important; }

.pt-2 { padding-top: 2px    !important; }
.pb-2 { padding-bottom: 2px !important; }
.pl-2 { padding-left: 2px   !important; }
.pr-2 { padding-right: 2px  !important; }

.pt-3 { padding-top: 3px    !important; }
.pb-3 { padding-bottom: 3px !important; }
.pl-3 { padding-left: 3px   !important; }
.pr-3 { padding-right: 3px  !important; }

.pt-4 { padding-top: 4px    !important; }
.pb-4 { padding-bottom: 4px !important; }
.pl-4 { padding-left: 4px   !important; }
.pr-4 { padding-right: 4px  !important; }

.pl-5 { padding-left: 5px   !important; }
.pr-5 { padding-right: 5px  !important; }
.pt-5 { padding-top: 5px    !important; }
.pb-5 { padding-bottom: 5px !important; }

.pl-8 { padding-left: 8px   !important; }
.pr-8 { padding-right: 8px  !important; }
.pt-8 { padding-top: 8px    !important; }
.pb-8 { padding-bottom: 8px !important; }

.pl-9 { padding-left: 9px   !important; }
.pr-9 { padding-right: 9px  !important; }
.pt-9 { padding-top: 9px    !important; }
.pb-9 { padding-bottom: 9px !important; }

.pl-6 { padding-left: 6px   !important; }
.pr-6 { padding-right: 6px  !important; }
.pt-6 { padding-top: 6px    !important; }
.pb-6 { padding-bottom: 6px !important; }

.pl-7 { padding-left: 7px   !important; }
.pr-7 { padding-right: 7px  !important; }
.pt-7 { padding-top: 7px    !important; }
.pb-7 { padding-bottom: 7px !important; }

.pt-10 { padding-top: 10px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pr-10 { padding-right: 10px !important; }
.pl-10 { padding-left: 10px !important; }

.pt-11 { padding-top: 11px !important; }
.pb-11 { padding-bottom: 11px !important; }
.pr-11 { padding-right: 11px !important; }
.pl-11 { padding-left: 11px !important; }

.pt-12 { padding-top: 12px !important; }
.pb-12 { padding-bottom: 12px !important; }
.pr-12 { padding-right: 12px !important; }
.pl-12 { padding-left: 12px !important; }

.pt-13 { padding-top: 13px !important; }
.pb-13 { padding-bottom: 13px !important; }
.pr-13 { padding-right: 13px !important; }
.pl-13 { padding-left: 13px !important; }

.pt-14 { padding-top: 14px !important; }
.pb-14 { padding-bottom: 14px !important; }
.pr-14 { padding-right: 14px !important; }
.pl-14 { padding-left: 14px !important; }

.pt-15 { padding-top: 15px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pr-15 { padding-right: 15px !important; }
.pl-15 { padding-left: 15px !important; }

.pt-17 { padding-top: 17px !important; }
.pb-17 { padding-bottom: 17px !important; }
.pr-17 { padding-right: 17px !important; }
.pl-17 { padding-left: 17px !important; }

.pt-18 { padding-top: 18px !important; }
.pb-18 { padding-bottom: 18px !important; }
.pr-18 { padding-right: 18px !important; }
.pl-18 { padding-left: 18px !important; }

.pl-20 { padding-left: 20px !important; }
.pr-20 { padding-right: 20px !important; }
.pt-20 { padding-top: 20px !important; }
.pb-20 { padding-bottom: 20px !important; }

.pl-25 { padding-left: 25px !important; }
.pr-25 { padding-right: 25px !important; }
.pt-25 { padding-top: 25px !important; }
.pb-25 { padding-bottom: 25px !important; }

.pl-27 { padding-left: 27px !important; }
.pr-27 { padding-right: 27px !important; }
.pt-27 { padding-top: 27px !important; }
.pb-27 { padding-bottom: 27px !important; }

.pl-30 { padding-left: 30px !important; }
.pr-30 { padding-right: 30px !important; }
.pt-30 { padding-top: 30px !important; }
.pb-30 { padding-bottom: 30px !important; }

.pl-32 { padding-left: 32px !important; }
.pr-32 { padding-right: 32px !important; }
.pt-32 { padding-top: 32px !important; }
.pb-32 { padding-bottom: 32px !important; }

.pl-35 { padding-left: 35px !important; }
.pr-35 { padding-right: 35px !important; }
.pt-35 { padding-top: 35px !important; }
.pb-35 { padding-bottom: 35px !important; }

.pl-40 { padding-left: 40px !important; }
.pr-40 { padding-right: 40px !important; }
.pt-40 { padding-top: 40px !important; }
.pb-40 { padding-bottom: 40px !important; }

.pl-50 { padding-left: 50px !important; }
.pr-50 { padding-right: 50px !important; }
.pt-50 { padding-top: 50px !important; }
.pb-50 { padding-bottom: 50px !important; }

.pl-60 { padding-left: 60px !important; }
.pr-60 { padding-right: 60px !important; }
.pt-60 { padding-top: 60px !important; }
.pb-60 { padding-bottom: 60px !important; }

.pl-80 { padding-left: 80px !important; }
.pr-80 { padding-right: 80px !important; }
.pt-80 { padding-top: 80px !important; }
.pb-80 { padding-bottom: 80px !important; }

.pt-100 { padding-top: 100px !important;}

.padding-0  { padding: 0px !important; }
.padding-1  { padding: 1px !important; }
.padding-2  { padding: 2px !important; }
.padding-3  { padding: 3px !important; }
.padding-4  { padding: 4px !important; }
.padding-5  { padding: 5px !important; }
.padding-5-per { padding: 5% !important; }
.padding-6  { padding: 6px !important; }
.padding-7  { padding: 7px !important; }
.padding-8  { padding: 8px !important; }
.padding-9  { padding: 9px !important; }
.padding-10 { padding: 10px !important; }
.padding-10-per { padding: 10% !important; }
.padding-11 { padding: 11px !important; }
.padding-12 { padding: 12px !important; }
.padding-13 { padding: 13px !important; }
.padding-14 { padding: 14px !important; }
.padding-15 { padding: 15px !important; }
.margin-5 { margin: 5px !important; }
.margin-10 { margin: 10px !important; }
.padding-20 { padding: 20px !important; }
.padding-30 { padding: 30px !important; }
.padding-50 { padding: 50px !important; }
.margin-20 { margin: 20px !important; }

.pt-12 { padding-top: 12px !important; }

.pt-25 { padding-top: 25px; }

.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-47 { padding-top: 47px; }
.pt-48 { padding-top: 48px; }
.pt-50 { padding-top: 50px; }
.pt-70 { padding-top: 70px; }

.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }

.mt-0 { margin-top: 0px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mt-1 { margin-top: 1px !important; }
.ml-1 { margin-left: 1px !important; }

.mt-2 { margin-top:    2px !important; }
.ml-2 { margin-left:   2px !important; }
.mr-2 { margin-right:  2px !important; }
.mb-2 { margin-bottom: 2px !important; }

.mt-3 { margin-top:    3px !important; }
.ml-3 { margin-left:   3px !important; }
.mr-3 { margin-right:  3px !important; }
.mb-3 { margin-bottom: 3px !important; }

.mt-4 { margin-top:    4px !important; }
.ml-4 { margin-left:   4px !important; }
.mr-4 { margin-right:  4px !important; }
.mb-4 { margin-bottom: 4px !important; }

.mr-5 { margin-right:  5px !important; }
.ml-5 { margin-left:   5px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mt-5 { margin-top:    5px !important; }

.mt-6 { margin-top: 6px !important; }
.mb-6 { margin-bottom: 6px !important; }

.mt-7 { margin-top: 7px !important; }
.mb-7 { margin-bottom: 7px !important; }

.mt-8 { margin-top: 8px !important; }
.mb-8 { margin-bottom: 8px !important; }

.mt-9 { margin-top: 9px !important; }

.mr-10 { margin-right: 10px !important;}
.mt-10 { margin-top: 10px !important;}
.mb-10 { margin-bottom: 10px !important;}
.ml-10 { margin-left: 10px !important;}

.mt-12 { margin-top: 12px !important; }
.mb-12 { margin-bottom: 12px !important; }
.ml-12 { margin-left: 12px !important; }
.mr-12 { margin-right: 12px !important; }

.mt-13 { margin-top: 13px !important; }
.mb-13 { margin-top: 13px !important; }
.ml-13 { margin-top: 13px !important; }
.mr-13 { margin-top: 13px !important; }

.mt-14 { margin-top: 14px !important; }
.mb-14 { margin-top: 14px !important; }
.ml-14 { margin-top: 14px !important; }
.mr-14 { margin-top: 14px !important; }

.mr-15 { margin-right: 15px !important;}
.ml-15 { margin-left: 15px !important;}
.mt-15 { margin-top: 15px !important;}
.mb-15 { margin-bottom: 15px !important;}

.mr-17 { margin-right: 17px !important;}
.ml-17 { margin-left: 17px !important;}
.mt-17 { margin-top: 17px !important;}
.mb-17 { margin-bottom: 17px !important;}

.mr-18 { margin-right: 18px !important;}
.ml-18 { margin-left: 18px !important;}
.mt-18 { margin-top: 18px !important;}
.mb-18 { margin-bottom: 18px !important;}

.mr-20 { margin-right: 20px !important;}
.ml-20 { margin-left: 20px !important;}
.mt-20 { margin-top: 20px !important;}
.mb-20 { margin-bottom: 20px !important;}

.mr-22 { margin-right: 22px !important;}
.ml-22 { margin-left: 22px !important;}
.mt-22 { margin-top: 22px !important;}
.mb-22 { margin-bottom: 22px !important;}

.mt-25 { margin-top: 25px !important;}
.mb-25 { margin-bottom: 25px !important;}

.mt-30 { margin-top:    30px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mr-30 { margin-right:     30px; }
.ml-30 { margin-left:      30px; }
.ml-30-per { margin-left:  30%; }
.mr-30-per { margin-right: 30%; }

.mt-35 { margin-top: 35px !important; }

.ml-40 { margin-left: 40px;}

.mt-40 { margin-top: 40px !important; }
.mt-45 { margin-top: 45px !important; }
.mt-50 { margin-top: 50px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-65 { margin-top: 65px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-100 { margin-top: 100px !important;}

.text-left { text-align: left !important;}
.text-right { text-align: right !important;}
.text-center { text-align: center !important;}
.text-justify { text-align: justify !important;}
.textMuted { color: rgba(0,0,0,0.4) !important;}
.textExtraMuted { color: rgba(0,0,0,0.1) !important;}
.textGrey { color: rgba(0,0,0,0.5) !important;}
.text-white { color: #fff !important;}
.hrefColor { color: rgba(0, 0, 0, 1) !important;}

.status-1 { color: #059669 !important;}
.status-0 { color: #ef4444 !important;}

.resultStatus-1 { color: #059669 !important;}
.resultStatus-0 { color: #ffa807 !important;}
.resultStatus-3 { color: #ef4444 !important;}

.yesNoColor-1 { color: #059669 !important;}
.yesNoColor-0 { color: #c4c3c3 !important;}

.lsp-1 { letter-spacing:1px !important; }
.lsp-2 { letter-spacing:2px !important; }
.lsp-3 { letter-spacing:3px !important; }
.lsp-5 { letter-spacing:5px !important; }

.lht-10 { line-height: 10px !important; }
.lht-12 { line-height: 12px !important; }
.lht-13 { line-height: 13px !important; }
.lht-14 { line-height: 14px !important; }

.font-2 { font-size: 2px; !important;}
.font-3 { font-size: 3px; !important;}
.font-4 { font-size: 4px; !important;}
.font-5 { font-size: 5px; !important;}
.font-6 { font-size: 6px; !important;}
.font-7 { font-size: 7px; !important;}
.font-8 { font-size: 8px; !important;}
.font-9 { font-size: 9px; !important;}
.font-10 { font-size: 10px !important;}
.font-11 { font-size: 11px; !important;}
.font-12 { font-size: 12px; !important;}
.font-13 { font-size: 13px; !important;}
.font-14 { font-size: 14px; !important;}
.font-15 { font-size: 15px !important;}
.font-16 { font-size: 16px; !important;}
.font-17 { font-size: 17px; !important;}
.font-18 { font-size: 18px; !important;}
.font-19 { font-size: 19px; !important;}
.font-20 { font-size: 20px; !important;}
.font-22 { font-size: 22px; !important;}
.font-25 { font-size: 25px; !important;}
.font-30 { font-size: 30px; !important;}
.font-40 { font-size: 40px; !important;}
.font-50 { font-size: 50px; !important;}
.font-70 { font-size: 70px; !important;}
.font-80 { font-size: 80px; !important;}

.width-5  { width: 5px !important;}
.width-10 { width: 10px !important;}
.width-20 { width: 20px !important;}
.width-30 { width: 30px !important;}
.width-35 { width: 35px !important;}
.width-40 { width: 40px !important;}
.width-10-per { width: 10% !important;}
.width-30-per { width: 30% !important;}
.width-50 { width: 50px !important;}
.width-50-per { width: 50% !important;}
.width-100-px { width: 100px !important;}
.width-100 { width: 100% !important;}
.height-100 { height: 100% !important;}

.w-31px {
    width: 31px !important;
}

.h-31px {
    height: 31px !important;
}

.w-30px {
    width: 30px !important;
}

.h-30px {
    height: 30px !important;
}

.no-border {
    border-width: 0px !important;
}

.borderDashed {
    border-style: dashed !important;
}

.no-shadow {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.bgShadow {
    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
}

.bg-shadow {
    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
}

.bg-shadow-light {
    -webkit-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
}

.bg-shadow-400 {
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
}

.bg-shadow-300 {
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
}

.bg-shadow-100 {
    -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.04);
    -moz-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.04);
    box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.04);
}

.bg-shadow-50 {
    -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.04);
    -moz-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.04);
    box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.02);
}

.bg-shadow-bottom {
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}

.bg-shadow-only-bottom {
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.07);
}

.bg-shadow-center {
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
}

.bg-shadow-center-inset {
    -webkit-box-shadow: inset  0px 0px 15px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 15px 5px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 15px 5px rgba(0,0,0,0.3);
}

.bgShadowCenter {
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
}

.bg-shadow-center-light {
    -webkit-box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.1);
}

.bg-shadow-left {
    -webkit-box-shadow: -2px 2px 5px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: -2px 2px 5px 2px rgba(0,0,0,0.07);
    box-shadow: -2px 2px 5px 2px rgba(0,0,0,0.07);
}

.bg-transparent {
    background: transparent !important;
}

.bg-active-dark {
    background: #d7d7d7 !important;
}

.bg-success-100 {
    --bg-opacity: 1;
    background-color: rgba(5, 150, 105, 0.09) !important;
}

.bg-active {
    background: #ebebeb !important;
}

.bg-active-100 {
    background: rgba(0,0,0,0.02) !important;
}

.bg-active-light {
    background: #f6f6f6 !important;
}

.bgWhiteGrToLeft {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.9) 100%);
}

.bgWhiteGrToRight {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0) 100%);
}

.bgWhiteGrToRight50 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
}

.bgWhiteGrToCenter {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.9) 100%);
}

.bgWhiteGrToTop {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
}

.bgWhiteCenterGradient {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
}

.bgWhiteCenterGradient2 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

.bgActiveCenterGradient {
    background: linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.07) 50%, rgba(0,0,0,0.0) 100%);
}

.bgActiveCenterGradientLight {
    background: linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.04) 50%, rgba(0,0,0,0.0) 100%);
}

.hoverColorDanger:hover {
    color: red !important;
}

.bg-green {
    background: #2dbd59;
}



::-webkit-input-placeholder { /* Edge */
    color: rgba(0,0,0,0.3) !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0,0,0,0.3) !important;
}

::placeholder {
    color: rgba(0,0,0,0.3) !important;
}

.rounded-top-5 {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.rounded-end-5 {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.rounded-start-5 {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.opacity-1 { opacity: 0.1 !important; }
.opacity-2 { opacity: 0.2 !important; }
.opacity-3 { opacity: 0.3 !important; }
.opacity-4 { opacity: 0.4 !important; }
.opacity-5 { opacity: 0.5 !important; }
.opacity-6 { opacity: 0.6 !important; }
.opacity-7 { opacity: 0.7 !important; }
.opacity-8 { opacity: 0.8 !important; }
.opacity-9 { opacity: 0.9 !important; }

.text-muted-grey {
    color: rgba(255,255,255,0.4) !important;
}

.bg-tr-black {
    background: rgba(0,0,0,0.2);
}

.nav-tabs-highlight .nav-link.active:before, .nav-tabs-overline .nav-link.active:before, .nav-tabs-underline .nav-link.active:before {
    background-color: rgba(245, 134, 70, 1);
}

.pace {
    width: 140px;
    height: 300px;
    position: fixed;
    top: -90px;
    right: -20px;
    z-index: 2000;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 2s linear 0s;
    -moz-transition: all 2s linear 0s;
    transition: all 2s linear 0s;
}

.pace.pace-active {
    -webkit-transform: scale(.25);
    -moz-transform: scale(.25);
    -ms-transform: scale(.25);
    -o-transform: scale(.25);
    transform: scale(.25);
    opacity: 1;
}

.pace .pace-activity {
    width: 140px;
    height: 140px;
    border-radius: 70px;
    background: rgba(245, 134, 70, 1);
    position: absolute;
    top: 0;
    z-index: 1911;
    -webkit-animation: pace-bounce 1s infinite;
    -moz-animation: pace-bounce 1s infinite;
    -o-animation: pace-bounce 1s infinite;
    -ms-animation: pace-bounce 1s infinite;
    animation: pace-bounce 1s infinite;
}

.pace .pace-progress {
    position: absolute;
    display: block;
    left: 50%;
    bottom: 0;
    z-index: 1910;
    margin-left: -30px;
    width: 60px;
    height: 75px;
    background: rgba(20, 20, 20, .1);
    box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
    border-radius: 30px / 40px;
    -webkit-transform: scaleY(.3) !important;
    -moz-transform: scaleY(.3) !important;
    -ms-transform: scaleY(.3) !important;
    -o-transform: scaleY(.3) !important;
    transform: scaleY(.3) !important;
    -webkit-animation: pace-compress .5s infinite alternate;
    -moz-animation: pace-compress .5s infinite alternate;
    -o-animation: pace-compress .5s infinite alternate;
    -ms-animation: pace-compress .5s infinite alternate;
    animation: pace-compress .5s infinite alternate;
}

.plateNum {
    position: relative;
    width: 120px !important;
    padding: 0px;
}

.plateNum .details {
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.5);
    padding: 0px;
    margin: 0px;
    display: inline-flex !important;
    font-family:"BPG Banner Caps" !important;
}

.plateNum .flag {
    font-size: 8px !important;
    width: 15%;
    padding: 0px 0px 0px 0px;
    background: rgba(2, 85, 167, 0.9);
    border-radius: 2px 0px 0px 2px;
    color: #fff;
}

.plateNum .flag img {
    width: 11px;
}

.plateNum .circle {
    width: 5%;
}

.plateNum .circle div {
    position: relative;
    top: 12px;
    right: 5px;
    width: 5px;
    height: 5px;
    border-radius: 20px;
    background: rgba(184, 198, 213, 1);
}

.plateNum .govNum {
    width: 80%;
    padding-top: 4px;
    text-align: center;
    font-size: 12px;
    font-weight: bolder;
}

@-webkit-keyframes pace-bounce {
    0% {
        top: 0;
        -webkit-animation-timing-function: ease-in;
    }
    40% {}
    50% {
        top: 140px;
        height: 140px;
        -webkit-animation-timing-function: ease-out;
    }
    55% {
        top: 160px;
        height: 120px;
        border-radius: 70px / 60px;
        -webkit-animation-timing-function: ease-in;
    }
    65% {
        top: 120px;
        height: 140px;
        border-radius: 70px;
        -webkit-animation-timing-function: ease-out;
    }
    95% {
        top: 0;
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        top: 0;
        -webkit-animation-timing-function: ease-in;
    }
}

@-moz-keyframes pace-bounce {
    0% {
        top: 0;
        -moz-animation-timing-function: ease-in;
    }
    40% {}
    50% {
        top: 140px;
        height: 140px;
        -moz-animation-timing-function: ease-out;
    }
    55% {
        top: 160px;
        height: 120px;
        border-radius: 70px / 60px;
        -moz-animation-timing-function: ease-in;
    }
    65% {
        top: 120px;
        height: 140px;
        border-radius: 70px;
        -moz-animation-timing-function: ease-out;}
    95% {
        top: 0;
        -moz-animation-timing-function: ease-in;
    }
    100% {top: 0;
        -moz-animation-timing-function: ease-in;
    }
}

@keyframes pace-bounce {
    0% {
        top: 0;
        animation-timing-function: ease-in;
    }
    50% {
        top: 140px;
        height: 140px;
        animation-timing-function: ease-out;
    }
    55% {
        top: 160px;
        height: 120px;
        border-radius: 70px / 60px;
        animation-timing-function: ease-in;
    }
    65% {
        top: 120px;
        height: 140px;
        border-radius: 70px;
        animation-timing-function: ease-out;
    }
    95% {
        top: 0;
        animation-timing-function: ease-in;
    }
    100% {
        top: 0;
        animation-timing-function: ease-in;
    }
}

@-webkit-keyframes pace-compress {
    0% {
        bottom: 0;
        margin-left: -30px;
        width: 60px;
        height: 75px;
        background: rgba(20, 20, 20, .1);
        box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
        border-radius: 30px / 40px;
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        bottom: 30px;
        margin-left: -10px;
        width: 20px;
        height: 5px;
        background: rgba(20, 20, 20, .3);
        box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
        border-radius: 20px / 20px;
        -webkit-animation-timing-function: ease-out;
    }
}

@-moz-keyframes pace-compress {
    0% {
        bottom: 0;
        margin-left: -30px;
        width: 60px;
        height: 75px;
        background: rgba(20, 20, 20, .1);
        box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
        border-radius: 30px / 40px;
        -moz-animation-timing-function: ease-in;
    }
    100% {
        bottom: 30px;
        margin-left: -10px;
        width: 20px;
        height: 5px;
        background: rgba(20, 20, 20, .3);
        box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
        border-radius: 20px / 20px;
        -moz-animation-timing-function: ease-out;
    }
}

@keyframes pace-compress {
    0% {
        bottom: 0;
        margin-left: -30px;
        width: 60px;
        height: 75px;
        background: rgba(20, 20, 20, .1);
        box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
        border-radius: 30px / 40px;
        animation-timing-function: ease-in;
    }
    100% {
        bottom: 30px;
        margin-left: -10px;
        width: 20px;
        height: 5px;
        background: rgba(20, 20, 20, .3);
        box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
        border-radius: 20px / 20px;
        animation-timing-function: ease-out;
    }
}

 /*width*/
::-webkit-scrollbar {
    width: 1px !important;
    background: transparent !important;
}


/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent !important;
    border-radius: 5px !important;
    margin: 30px 0px 20px 0px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(10, 10, 10, 0.4)!important;
    border-radius: 20px !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(245, 134, 70, 1)!important;
    cursor: pointer !important;
}


.schulzQuery ::-webkit-scrollbar {
    width: 1px !important;
    height: 5px !important;
    border-radius: 0px;
    background: transparent !important;
}


/* Track */
.schulzQuery ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent !important;
    border-radius: 0px !important;
    margin: 30px 0px 20px 0px !important;
}

/* Handle */
.schulzQuery ::-webkit-scrollbar-thumb {
    background: rgba(10, 10, 10, 0.05)!important;
    border-radius: 0px !important;
}

/* Handle on hover */
.schulzQuery ::-webkit-scrollbar-thumb:hover {
    background: rgb(79, 187, 95) !important;
    background: rgba(245, 134, 70, 1)!important;
}

.datepicker {
    z-index: 99999999999 !important;
}

.datepicker-controls .view-switch {
    font-size: 11px;
    font-family: "BPG Arial Caps" !important;
}

.schulzQuery table tr td {
    padding: 3px 3px 3px 3px !important;
}

.schulzQuery table input[type=text] {
    margin: 0px !important;
    color: rgba(0,0,0,0.7);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.05);
    background: rgba(0,0,0,0.05);
    min-width: 150px;
    width: 100%;
}

.datepicker-view .dow {
    font-size: 10px;
}

input[type=text]:focus, input[type=texarea]:focus, select:focus {
    border: 1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1);
}

textarea {
    --input-focus-border-color: transparent !important;
    --focus-ring-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2);
}

.select2-container {
    --s2-focus-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2);
    --s2-focus-border-color: rgba(0,0,0,0.1);
}

.pagination {
    display: flex;
    flex-wrap: wrap;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
}

.paginationTeal {
    padding: 4px 0px 4px 4px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: rgba(0,0,0,0.05);
    --pagination-margin-start: 0px;
}

.paginationTeal .active .page-link {
    background-color: rgba(245, 134, 70, 1);;
    color: #fff;
    border-color: rgba(245, 134, 70, 1);;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
}

.paginationTeal .page-link{
    border-width: 0px 1px 0px 1px !important;
    border-style: solid;
    /*background: rgba(0,0,0,0.05);*/
    border-color: rgba(0,0,0,0.05);
    border-radius: 2px !important;
    margin: 0px 2px 0px 2px;
    padding: 0px;
    color: rgba(0,0,0,0.4);
    font-size: 10px;
}

.paginationTeal .page-item i{
    padding-top: 2px;
}

.pulseDanger {
    animation: pulse-animation-danger 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-danger {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: rgba(255,0,0,1);
    }
}

.pulseWarning {
    animation: pulse-animation-warning 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-warning {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: rgba(245, 134, 70, 1)
    }
}

.pulseGrey {
    animation: pulse-animation-grey-100 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-grey-100 {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: rgb(136, 139, 139);
    }
}

.icon-status-1:before{
    content:"\e372";
    color: #26a69a;
}

.icon-status-0:before{
    content:"\ed6b";
    color: #ef4444;
}

.icon-status-3:before{
    content:"\ed4c";
    color: #ef4444;
}

.cursorPointer {
    cursor: pointer !important;
}

.ticketStatus-1 {
    color: #e74242;
}

.ticketStatus-2 {
    color: #26a69a;
}


@media only screen and (max-width: 900px) {

    .footerMenu {
        width: 100%;
    }

    .navbarArea {
        top: 3% !important;
    }

    .navbar {
        position: absolute;
        width: 100%;
        top: 0px;
        right: 0px;
        padding: 0px 8px 0px 8px !important;
    }

    .navbar-collapse {
        /*position: absolute;*/
        /*width: 100%;*/
        background: linear-gradient(150deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.1) 100%);
        /*background: linear-gradient(180deg, red 0%, green 30%, green 50%);*/
        display: flex;
        justify-content: center;
        top: 0px;
        text-align: center;
        height: calc(100vh - 150px);
        padding: 10px 10px 10px 10px !important;
        border-width: 0px 1px 0px 0px;
        border-style: solid;
        border-color: #fff;
        border-radius: 0px 0px 0px 0px;
    }

    .blur {
        webkit-filter: blur(1px); /* Chrome, Safari, Opera */
        filter: blur(1px);
    }


    .navbar-toggler:hover > body {
        filter: blur(2px);
    }

    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler-icon:focus {
        outline: none;
        box-shadow: none;
        border-color: #fff !important;
        border-width: 1px 0px 1px 1px !important;;
    }

    .navbar-toggler {
        color: #fff !important;
        border-color: #fff !important;
        border-width: 1px 0px 1px 1px !important;
        border-style: solid;
        float: right !important;
        right: 0px !important;
        padding: 9px 7px 7px 9px !important;;
        border-radius: 3px 0px 0px 3px !important;;
        font-size: 15px !important;;
    }

    .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .nav-item {
        padding: 10px 5px 10px 5px !important;
        border-width: 0px 0px 1px 0px;
        border-style: dashed;
        border-color: rgba(0, 0, 0, 0.05);
    }

    .responsiveTd {
        display: none;
    }

    li.page-item {
        display: none;
    }

    .page-item:first-child,
    .page-item:nth-child(2),
    .page-item:nth-last-child(2),
    .page-item:last-child,
    .page-item.active,
    .page-item.disabled {

        display: block;
    }

    .text-xs-left {
        text-align: left !important;
    }

    .mb-xs-15 {
        margin-bottom: 15px !important;
    }

    .hZone-1 {
        display: none;
    }

    .hZone-2 {
        display: none;
    }

    .hZone-3 {
        display: none;
    }

     .contentRow {
        /*position: absolute;*/
        width: 100% !important;
        left: 0px !important;
        margin: 90px 0px 0px 0px !important;
        height: calc(100vh - 150px);
        border-radius: 5px !important;

    }

    .logo  {
        position: absolute;
        left: 25px;
        top: -5px;
        font-size: 30px
    }

    .home .logo  {
        display: none;
    }

    .logo img {
        width: 50px;
    }

}