.main-back{
    width: 100%;
    height: auto;
    position:absolute;
    z-index: -1;
}
.main-back::-webkit-scrollbar{
    display: none;
}
.main-body{
    background-image: url("resource/travel-background3.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: repeat;
}
.main-body-partner{
    background-image: url("resource/tourisum/R\ \(1\).jpeg");
    background-size: contain;
    background-position: center;
    background-repeat: repeat;
}
.main-body::-webkit-scrollbar{
    display: none;
}
.logo{
    background-image: url("resource/ct7.png");
    height: 200px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


@font-face {
    font-family: "Quicksand";
    src: url("fonts/Quicksand-Medium.ttf");
}

@font-face {
    font-family: "Honey";
    src: url("fonts/HoneyScript-Light.ttf");
}




:root {
    --bs-kingcoconut-rgb: 255, 115, 0;
    --bs-skyblue-rgb: 100, 200, 255;  
}


.bg-kingcoconut {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-kingcoconut-rgb), var(--bs-bg-opacity)) !important;
}
.bg-skyblue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-skyblue-rgb), var(--bs-bg-opacity)) !important;
}







.ops{
    background-color: rgba(200, 200, 200, 0.3);
}

.bar{
    border-width: 1px;
    border-style: solid;
    border-color: black;
    outline: none;
    border-radius: 5px;
    padding-left: 5px;
    background-color: rgba(175, 175, 175, 0.5);    
}
.bar:hover{
    border-color: blue;
}




.hpointer:hover{
    cursor: pointer;
}
.hfwb:hover{
    font-weight: bold;
}
.hborder:hover{
    border: 3px solid rgb(134, 0, 0) ;
}
.scrolehide::-webkit-scrollbar{
    display: none;
}
.text-purple{
    color: purple;
}
.text-lightpurple{
    color: rgb(190, 25, 190);
}
.text-redpink{
    color: rgb(234, 0, 255);
}
.text-pink{
    color: rgb(255, 0, 255);
}
.emptylogo{
    max-width: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
table, th, td {
    border: 1px solid;
} 
.btn-0{
    outline: none;
    border: none;
    background-color: gray;
    color: white;
}
.btn-bl-0{
    outline: none;
    border: none;
    background-color: blue;
    color: white;
}
.btn-bl-0:hover{
    background-color: #0000cc;
}
.nbtn-1{
    width: 100px;
    height: 40px;
}
.nbtn-2{
    width: 200px;
    height: 40px;
}
.btn-border{
    border: 2px solid;
    border-color: #0000cc;
}
.clogo{
    max-width: 200px;
}
.pageArrow{
    opacity: 0.5;
}
.celander-arrow:hover{
    background-color: rgb(255, 163, 227);
}
.celander-day:hover{
    background-color: rgb(255, 79, 202);
}
.flag{
    width: 48px;
    height: 24px;
}
.languageItem:hover{
    opacity: 0.5;
}
.ThemeItemDark:hover{
    opacity: 0.5;
}
.ThemeItemLight:hover{
    font-weight: bold;
}
.scrollhide::-webkit-scrollbar{
    display: none;
}
.adminimage:hover{
    cursor: pointer;
}
.htransform1:hover{
    transform: scale(1.1, 1.1);
    z-index: 1;
}
.htransform2:hover{
    transform: scale(1.2, 1.2);
    z-index: 1;
}
.boxshadowUnder{
    box-shadow: 0px 2px 20px 0px rgb(200, 200, 200);
}
.boxshadow{
    box-shadow: 0px 0px 10px 0px rgb(0, 0, 255);
}
.control{
    display: flex;
    align-content: stretch;
    height: 80vh;
    width: 100%;
    grid-gap: 1rem;
    padding: 10px;
    overflow-x: scroll; 
}

.nav_link_0{display: grid;grid-template-columns: max-content max-content;align-items: center;column-gap: 1rem;padding: .5rem 0 .5rem 1.5rem}
.nav_link_0{position: relative;color: var(--first-color-light);margin-bottom: 1.5rem;transition: .3s}
.nav_link_0:hover{color: var(--white-color);text-decoration: none}

.disable_nav_link{display: grid;grid-template-columns: max-content max-content;align-items: center;column-gap: 1rem;padding: .5rem 0 .5rem 1.5rem}
.disable_nav_link{position: relative;color: #808080;margin-bottom: 1.5rem;transition: .3s}
.disable_nav_link:hover{color: #808080;text-decoration: none}

.main-admin-body{
    background-image: url("resource/AdminBack.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.main-admin-staff-body{
    background-image: url("resource/staffback.jpeg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.signinpanel{
    background-color: rgba(138, 138, 138, 0.5);
    box-shadow: 0px 0px 10px 5px rgb(50, 50, 50);
}
.disableClick{
    pointer-events: none;
}




.title1{
    font-family: "Honey";
    font-size: 60px;
    letter-spacing: 3px;
    color: rgb(9, 255, 0);
}
.title1-2{
    font-family: "Honey";
    font-size: 70px;
    letter-spacing: 3px;
    color: rgb(9, 0, 255);
}
.title1-3{
    font-family: "Honey";
    font-size: 50px;
    letter-spacing: 3px;
    color: rgb(255, 9, 9);
}
.title2{
    font-size: 25px;
    font-weight: bold;
    color: violet;
}



.btn-bl {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0000ff;
    --bs-btn-border-color: #0000ff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0000cc;
    --bs-btn-hover-border-color: #0000cc;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0000cc;
    --bs-btn-active-border-color: #0000cc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0000ff;
    --bs-btn-disabled-border-color: #0000ff;
}
.btn-gr {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00ff00;
    --bs-btn-border-color: #00ff00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00cc00;
    --bs-btn-hover-border-color: #00cc00;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00cc00;
    --bs-btn-active-border-color: #00cc00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00ff00;
    --bs-btn-disabled-border-color: #00ff00;
}
.btn-re {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff0000;
    --bs-btn-border-color: #ff0000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cc0000;
    --bs-btn-hover-border-color: #cc0000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cc0000;
    --bs-btn-active-border-color: #cc0000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff0000;
    --bs-btn-disabled-border-color: #ff0000;
}




.btn-outline-gr {
    --bs-btn-color: #00cc00;
    --bs-btn-border-color: #00ff00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00ff00;
    --bs-btn-hover-border-color: #00ff00;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00ff00;
    --bs-btn-active-border-color: #00ff00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #00ff00;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00ff00;
    --bs-gradient: none;
}
.btn-outline-re {
    --bs-btn-color: #cc0000;
    --bs-btn-border-color: #ff0000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff0000;
    --bs-btn-hover-border-color: #ff0000;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff0000;
    --bs-btn-active-border-color: #ff0000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ff0000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff0000;
    --bs-gradient: none;
}
.btn-outline-bl {
    --bs-btn-color: #0000cc;
    --bs-btn-border-color: #0000ff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0000ff;
    --bs-btn-hover-border-color: #0000ff;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0000ff;
    --bs-btn-active-border-color: #0000ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0000ff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0000ff;
    --bs-gradient: none;
}
.btn-outline-yl {
    --bs-btn-color: #cccc00;
    --bs-btn-border-color: #ffff00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ffff00;
    --bs-btn-hover-border-color: #ffff00;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffff00;
    --bs-btn-active-border-color: #ffff00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffff00;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffff00;
    --bs-gradient: none;
}







@media (min-width:0px){
    .cimg{
        height: 280px;
    }
    .company{
        margin-top: 20px;
        margin-bottom: 20px;
        box-shadow: 0px 0px 20px 5px rgb(220, 220, 255);
        height: auto;
    }
    .emptyCompanybox{
        width: 98%;
        margin-left: 1%;
        height:auto;
    }
    .Companybox{
        width: 98%;
        margin-left: 1%;
        height:auto;
    }
}
@media (min-width:576px){
    .cimg{
        height: 330px;
    }
}
@media (min-width:768px){
    .cimg{
        height: 400px;
    }
}
@media (min-width:992px){
    .cimg{
        height: 550px;
    }
    .cbox{
        margin-top: -100px;
        z-index: 2;
    }
    .company{
        margin-top: 100px;
        margin-bottom: 20px;
        box-shadow: 0px 0px 20px 5px rgb(220, 220, 255);
        height: 800px;
    }
    .emptyCompanybox{
        width: 98%;
        margin-left: 1%;
        height:700px;
    }
    
}
@media (min-width:1200px){
    .cimg{
        height: 670px;
    }
}
@media (min-width:1400px){
    .cimg{
        height: 780px;
    }
}