body {color: #1C2347;font-family: 'Barlow';}
label {margin-bottom: 0;font-size: 14px;font-weight: 500;color: #3F4254;}
select, input[type="text"], input[type="date"], input[type="email"], input[type="tel"], input[type="password"], input[type="file"], input[type="number"] {display: block;border: 1px solid #CCC;border-radius: 3px;width: 100%;padding: 8px 10px;margin-bottom: 15px;background: transparent;}
select {padding: 9.5px 10px;background:transparent;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:1em;}
input:disabled {background: #EFEFEF;}
/* input[type="checkbox"], input[type="radio"] {accent-color: #FF546D;} */
.invincible-ocean-container {display: grid;grid-template-columns: 280px auto;height: 100vh;}
.sidemenu-items li > a.active {background: linear-gradient(91.39deg, #FF7D90 -0.58%, rgba(191, 191, 191, 0) 102.11%);}
.sidemenu-items li div p span a.active {color: #FF7D90;}
.btn img {width: 14px; margin-right: 5px;}
.btn {border: 1px solid #1C2347;padding: 10px 20px; font-weight: 500;min-width: 180px;}
.btn:focus {box-shadow: none;}
.primary-button {color: #FFF;}
.primary-button:hover {color: #FFF;}
.secondary-button {background-color: #FFF;}
.page-name-box {padding: 15px 20px;background-color: #FFF;border-top: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1;}
.page-name-box input {float: right;display: inline;margin-top:-5px;margin-bottom:0px;width: 460px;max-width: 100%;border: 1px solid #E4E4E4;font-size: 16px;padding: 8px;border-radius: 5px;}
.page-name-box h4 {margin: 0;font-size: 26px;font-weight: 600;}
.page-name-box h4 img {width: 20px;}
.dashboard-body {padding: 20px 10px 20px 20px;background-color: #FAFCFD;height: calc(100vh - 142px);overflow-y: scroll;}
::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-thumb{background-color:#CCC;}
::-webkit-scrollbar-track{background-color:transparent;border-left: 1px solid #EEE;}
.react-multi-carousel-dot button {width: 50px!important;height: 5px!important;border-radius: 5px!important;border: 0!important;}
.react-multi-carousel-dot--active button {background: #FF7D90!important;}
.no-lr-margins {margin-left: 0;margin-right: 0;}
.navigation-items .active {color: #FF7D90;}

/*==========---------- Admin Start ----------==========*/
.admin-container {display: grid;grid-template-columns: 280px 1fr;}
.admin-dashboard {background: #F5F5F5;height: 100vh;}
.admin-dashboard-heading {background: #FFF;font-weight: 600;font-size: 30px;padding: 20px;margin-bottom: 0;}
.admin-dashboard-body {padding: 15px 15px 15px 20px;height: calc(100vh - 76px);overflow-y: scroll;}
.admin-dashboard-body::-webkit-scrollbar{width: 10px;}
.admin-dashboard-body::-webkit-scrollbar-thumb{background-color:#CCC;}
.admin-dashboard-body::-webkit-scrollbar-track{background-color:transparent;border-left: 1px solid #EEE;}
/*==========---------- Admin End ----------==========*/

/*==========---------- Pagination Start ----------==========*/
.pagination {display: flow-root;text-align: center;padding: 20px;}
.pagination > .pagination-arrow-disabled {color:#AAA; border: 1px solid #AAA;cursor: not-allowed;display: inline-block;height: 50px;width: 50px;text-align: center;font-size: 18px;border-radius: 5rem;margin: 0 15px;padding-top: 15px;}
.pagination > .pagination-arrow {border: 1px solid;cursor: pointer;display: inline-block;height: 50px;width: 50px;text-align: center;font-size: 18px;border-radius: 5rem;margin: 0 15px;padding-top: 15px;}
.pagination > span:nth-child(2) {user-select: none;}
/*==========---------- Pagination End ----------==========*/

/*==========---------- Response Start ----------==========*/
.product-responses > div {display: grid;margin-bottom: 15px;padding: 20px;color:#1C2347;background-color: #FFF;border-radius: 0.3rem;border: 1px solid #F5F5F5;box-shadow: 0px 0px 11px 0px #0000001A;overflow: hidden;/* align-items: center; */}
.product-responses > div:first-child {padding: 0 20px;color: #777777;background-color: transparent;border: 0;box-shadow: none;}
.product-responses > div > p.requestid {text-transform: uppercase;}
.product-responses > div > p.view-details {cursor: pointer;text-decoration: underline;font-weight: 500;}
.product-responses > div > p.view-details-disabled {text-decoration: underline;color: #777;cursor: not-allowed;}
.product-responses > div > p > span.yellow, .product-responses > div > div > p > span.yellow {color: #CAB600;display: block;}
.product-responses > div > p > span.green, .product-responses > div > div > p > span.green {color: #06BF24;display: block;}
.product-responses > div > p > span.red, .product-responses > div > div > p > span.red {color: #F0393A;display: block;}
.product-responses > div > p > span.orange, .product-responses > div > div > p > span.orange {color: #BC5D2E;display: block;}
.no-responses {text-align: center;padding: 20px;font-weight: 500;margin-bottom: 15px;background-color: #FFF;border-radius: 5px;border: 1px solid #0000001A;}
.no-responses p {margin-bottom: 0;}
.no-responses p a {text-decoration: none;}
/*==========---------- Response End ----------==========*/

#root:not(:empty) + .loading-screen {display: none;}
.loading-screen {height: 100vh;width: 100vw;display: grid;place-items: center;font-size: 25px;font-weight: 500;}
.modal-container {position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 99;display: grid;place-items: center;}
.modal-background {position: absolute;left: 0;top: 0;width: 100%;height: 100vh;z-index: 999;background: #00000040;}
.modal-box {position: absolute;z-index: 9999;overflow: hidden;}
.modal-action {display: grid;grid-template-columns: auto auto;justify-content: space-between;}

/*==========---------- Suspense component loader start here ----------==========*/
.loader-container {display: grid;grid-template-columns: 300px 1fr;height:100vh;background-color: #FFF;padding: 0 0;}
.loader-left, .large, .small, .loader-body {animation: sliderAnimation .7s linear infinite alternate;}
.loader-right {background-color: #FFF;display: grid;grid-template-rows: 142px 1fr;}
.loader-header {display: flex;justify-content: right;align-items: flex-start;padding-top: 15px;}
.large {padding: 1.5rem 6rem;margin-right: 1rem;}
.small {padding: 1.5rem;margin-right: 1rem;}
.large, .small {border-radius: .3rem;}
.loader-body {border-radius: .3rem;margin: 0 1rem;}

@keyframes sliderAnimation {
    0%{
        background-color: #e0e0e0;
    }
    100%{
        background-color: #f8f8f8;
    }
}
/*==========---------- Suspense component loader end here ----------==========*/