@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--header-height:80px;--footer-height:80px;--nav-width:230px;--nav-width-colps:70px;--nav-padding:20px;--wrapper-padding:30px;--nav-font-size:1rem;--page-title-size:1.75rem;--main-col:#c31de9;--sec-col:#a30fe4;--bg-col:#ecf0f5;--white-col:#fff;--slate-col:#f1f4f3;--grey-col:#a9b9c6;--heading-col:#444;--light-main-col:#f8e6ff;--duration-links:0.3s;--duration-slide:0.3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#ecf0f5;background-color:var(--bg-col);font-family:Poppins,sans-serif}a{color:#c31de9;color:var(--main-col);transition:.3s;transition:var(--duration-links);&:hover{color:#a30fe4;color:var(--sec-col)}}.fs-7{font-size:.875rem}.fs-8{font-size:.75rem}.fs-9{font-size:.5rem}.btn-main{background-color:#c31de9!important;background-color:var(--main-col)!important;color:#fff!important;color:var(--white-col)!important;&:hover{background-color:#a30fe4!important;background-color:var(--sec-col)!important}}.App{min-height:100vh;overflow-x:clip;position:relative}.App,main{transition:.3s;transition:var(--duration-slide)}main{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;width:100%}.page-wrapper{min-height:calc(100vh - 80px);min-height:calc(100vh - var(--header-height));padding:30px;padding:var(--wrapper-padding)}.page-section{background-color:#fff;background-color:var(--white-col);border:1px solid #0000001a;border-radius:5px;isolation:isolate;padding:10px}.page-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;gap:20px;justify-content:space-between;padding:20px}.page-title{color:#444;color:var(--heading-col);font-weight:700;margin:0}.page-title,.title{font-size:1.75rem;font-size:var(--page-title-size)}.title{font-weight:500;text-transform:capitalize}.title,.title-line{margin-bottom:30px;margin-bottom:var(--wrapper-padding)}.title-line{container-type:inline-size;position:relative;text-align:center;word-break:break-all;&:before{background-color:#444;background-color:var(--heading-col);content:"";display:block;height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:45%;z-index:-1}&>span{background-color:#fff;background-color:var(--white-col);color:#444;color:var(--heading-col);display:block;font-size:1.75rem;font-size:var(--page-title-size);font-weight:700;margin:auto;padding:0 20px;text-transform:capitalize;width:fit-content}@container (width <= 600px){&:before{width:80%}&>span{font-size:1.4rem;padding:0 15px}}@container (width <= 425px){&:before{width:100%}&>span{font-size:1.15rem;padding:0 10px}}}.listing-card-container{container-type:inline-size;@container (width <= 500px){.listing-card{align-items:flex-start;flex-direction:column}.listing-card--head{background-color:#c31de9;background-color:var(--main-col);border-bottom-left-radius:0;border-bottom-right-radius:0;color:#fff;color:var(--white-col)}.listing-card--body{border-left:none;border-top:2px solid #c31de9;border-top:2px solid var(--main-col);margin-left:0;&:before{display:none}}}}.listing-card{--seprator-width:80px;align-items:center;display:flex;width:100%}.listing-card--head{border-radius:10px;box-shadow:2px 5px 8px #27111133;flex-shrink:0;font-size:.85rem;padding:10px;width:110px}.listing-card--body{border-left:1px solid #c31de9;border-left:1px solid var(--main-col);box-shadow:2px 5px 8px #0003;box-sizing:border-box;flex-grow:1;margin-left:var(--seprator-width);max-width:680px;padding:10px 0;position:relative;&:before{background-color:#c31de9;background-color:var(--main-col);content:"";display:block;height:1px;left:calc(var(--seprator-width)*-1);position:absolute;top:50%;transform:translateY(-50%);width:var(--seprator-width)}}.th-btn{background:#0000;border:none;cursor:pointer;display:inline-block;font-weight:700;margin:0;outline:none;padding:0}.sitemap-page{background:#fff;border-radius:10px;max-width:1000px;width:100%}@media (max-width:768px){main{margin-left:-230px;margin-left:calc(0px - var(--nav-width));&.active{transform:translateX(230px);transform:translateX(var(--nav-width))}}}@media (max-width:425px){:root{--wrapper-padding:20px;--nav-font-size:1rem;--page-title-size:1.5rem}.btn-responsive{font-size:.85rem;padding:5px 12px!important}}.login-custom-col{background:#fccb90}@media (min-width:768px){.login-form{height:100vh!important}}@media (min-width:769px){.login-custom-col{border-bottom-right-radius:.3rem;border-top-right-radius:.3rem}}.display-section{--display-section-padding:10px;background-color:var(--white-col);border:1px solid #0000001a;border-radius:5px}.display-footer,.display-header{align-items:center;display:flex;gap:var(--display-section-padding);justify-content:space-between;padding:var(--display-section-padding)}.display-footer{flex-wrap:wrap}.display-title{font-size:1.5rem;margin:0}.display-search{max-width:250px;width:100%}@media (max-width:768px){.display-header{flex-wrap:wrap;&>.display-search{max-width:100%;order:1}}}@media (max-width:380px){.display-header>button{order:1;width:100%}}.sliding-txt{color:var(--main-col);font-size:1.5rem}.dashboard-section{margin-top:var(--wrapper-padding)}.dashboard-title{font-size:var(--page-title-size);font-weight:500}.dashboard-grid{grid-gap:var(--wrapper-padding);display:grid;gap:var(--wrapper-padding);grid-template-columns:repeat(4,1fr);margin-top:var(--wrapper-padding);&>article{border-radius:10px}&>article:nth-child(4){grid-column:1/-2;grid-row-start:2}&>article:nth-child(5){grid-row:span 2}}.dashboard-grid-container{container-type:inline-size;@container (width <= 670px){&>.dashboard-grid{grid-template-columns:1fr;&>article:nth-child(4){grid-row-start:auto}}}@container (width <= 475px){.dashboard-grid-banner{padding:50px 30px;&>.title{font-size:2.75rem;&>span{font-size:3.25rem}}}}@container (width <= 375px){.dashboard-grid-banner{padding:30px 20px;&>.title{font-size:2rem;&>span{font-size:2.25rem}}}}}.dashboard-grid-card{background-color:var(--white-col);padding:var(--wrapper-padding);transition:var(--duration-links);&>*{display:block;text-align:center}&>.icon{font-size:2.5rem;margin-bottom:15px}&>.nums{color:var(--sec-col);font-size:2rem;font-weight:500;margin-bottom:10px}&>small{color:var(--grey-col);font-size:1rem}&:hover{background-color:var(--sec-col);&>*{color:var(--white-col)!important}}}.dashboard-grid-banner{background:url(https://thailand.k1travels.com/admin/images/b1.png) no-repeat 50%/cover;padding:70px 50px;&>.title{font-size:3rem;font-weight:500;&>span{color:var(--white-col);font-size:3.5rem;font-weight:700}}}.dashboard-grid-details{background-color:#acd7fc;padding:var(--wrapper-padding);&>.detail-logo{max-width:230px;width:100%}&>.detail-cont{margin-top:var(--wrapper-padding);&>*{margin:0;padding:0}&>h4{font-size:1.25rem;margin-bottom:10px}}}footer{align-items:center;background-color:var(--white-col);box-shadow:2px 0 2px 2px #0000001a;display:flex;font-weight:500;gap:15px;justify-content:space-between;min-height:var(--footer-height);padding:10px var(--wrapper-padding);z-index:100;& *{margin:0;padding:0}}.footer-copyright{font-size:.85rem;font-weight:500}.footer-links{align-items:center;display:flex;&>li{border-right:1px solid #0000004d;line-height:1;list-style:none;padding:0 10px;text-align:center;&:first-of-type{padding-left:0}&:last-of-type{border-right:none;padding-right:0}}}.footer-link{color:var(--main-col);font-size:.75rem;text-decoration:none;&:hover{text-decoration:underline}}@media (max-width:600px){footer{flex-direction:column}.footer-copyright{order:1}}header{align-items:center;background-color:var(--white-col);box-shadow:2px 0 2px 2px #0000001a;color:var(--main-col);column-gap:15px;display:flex;font-weight:500;height:var(--header-height);justify-content:space-between;padding:10px 20px 10px 0;z-index:100}.header-left{display:flex;height:100%}.header-logo{display:flex;justify-content:center;padding:0 10px;transition:var(--duration-slide);width:var(--nav-width);&.deactive{width:var(--nav-width-colps)}}.header-logo>img{height:100%;object-fit:contain;width:100%}.header-btn{align-items:center;background-color:initial;border:none;color:var(--main-col);cursor:pointer;display:flex;font-weight:500;justify-content:center;margin-left:20px;outline:none;transition:var(--duration-links);&:hover{color:var(--sec-col)}}@media (max-width:768px){.header-logo{display:none}}@media (max-width:425px){header{font-size:.75rem}.header-btn{&>span{display:none}&>i{font-size:1.25rem}}}nav{background-color:var(--white-col);flex-shrink:0;min-height:calc(100% - var(--header-height));transition:var(--duration-slide);width:var(--nav-width);&.active{width:var(--nav-width-colps)}&.active .nav-link>.nav-icons{margin-right:0;transform:scale(1.4)}&.active .nav-link .no-display{display:none}&.active .nav-link-dropdown-cont{position:relative;&>.nav-link-dropdown-menu{display:none}&:hover>.nav-link-dropdown-menu{border:1px solid var(--bg-col);display:block;left:100%;padding-right:var(--nav-padding);position:absolute;top:0}}}.nav-link{align-items:center;color:var(--main-col);display:flex;font-size:var(--nav-font-size);height:55px;overflow:hidden;padding-left:var(--nav-padding);width:100%;&.active,&:hover{color:var(--sec-col)}&.active{background-color:var(--slate-col);border-left:5px solid var(--sec-col);padding-left:calc(var(--nav-padding) - 5px)}& .nav-icons{align-items:center;display:flex;flex-shrink:0;font-size:1.25rem;margin-right:10px;width:25px}& span{text-wrap:nowrap}}.nav-link-dropdown-menu{background-color:var(--light-main-col);display:grid;grid-template-rows:0fr;transition:var(--duration-slide);&>.nav-dropdown-link-cont{overflow:hidden}&.active{grid-template-rows:1fr}}.nav-dropdown-btn{justify-content:space-between;padding-right:var(--nav-padding)}.nav-dropdown-btn,.nav-dropdown-link,.nav-dropdown-title{align-items:center;display:flex}.nav-dropdown-link{color:var(--main-col);font-size:var(--nav-font-size);height:55px;padding-left:var(--nav-padding);text-decoration:none;width:100%;&:hover{color:var(--sec-col)}&.active{font-weight:700}& .nav-dropdown-icons{flex-shrink:0;font-size:.75rem;margin-right:5px;width:15px}}@media (max-width:768px){nav{transform:translateX(-100%);&.active{transform:translateX(0);width:var(--nav-width)}&.active .nav-link .nav-icons{margin-right:10px;transform:none}&.active .nav-link .no-display{display:inline}&.active .nav-link-dropdown-cont{position:relative;&>.nav-link-dropdown-menu{display:grid}&:hover>.nav-link-dropdown-menu{border:0;display:grid;padding-right:0;position:static;transform:translateY(0)}}}}
/*# sourceMappingURL=main.6f3a208c.css.map*/