:root {
    --btn-color:linear-gradient(90deg, #6091E2 0%, #9462E7 100%);
    --btn-color-hover:#4E90FF;
    /* --primary-color: #3498db; */
    /* --secondary-color: #6091E20F; */
    --primary-color: #6091E2;
    --light-primary-color-10: #6091E21A;
    --light-primary-color-20: #6091E233;
    --light-primary-color-40: #6091E266;
    --sidemenu-gradient: linear-gradient(91.39deg, #6091E2 -0.58%, rgba(191, 191, 191, 0) 102.11%);
    --hover-grey-color: #F9FBFF;
}

body {color: #1C2347;font-family: 'Barlow';}
body.bulkhit-cursor-loading * { cursor: wait !important;}
label {margin-bottom: 0;font-size: 14px;font-weight: 500;color: #3F4254;}
label span {font-size: 12px;color: #777;}
select, input[type="text"], input[type="date"], input[type="time"], input[type="email"], input[type="tel"], input[type="password"], input[type="file"], input[type="number"], input[type="month"] {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: var(--primary-color);}
.invincible-ocean-container {display: grid;grid-template-columns: 280px auto;height: 100vh;}
.sidemenu-items li > a.active {background: var(--sidemenu-gradient);}
.sidemenu-items li:hover {background: linear-gradient(44deg, #ffffff36, transparent);}
.sidemenu-items li div p span a.active {color: var(--primary-color);}
.btn img {width: 14px; margin-right: 5px;}
.btn {border: 1px solid var(--primary-color); padding: 10px 20px; font-weight: 500;min-width: 180px;}
.btn:focus {box-shadow: none;}
.primary-button {color: #FFF;background: var(--btn-color);transition: 0.5s;}
/* .primary-button:hover {color: #FFF;box-shadow: inset 14.5rem 0 0 0 #FF556E, inset -14.5rem 0 0 0 #FF556E;} */
.primary-button:hover {box-shadow: inset 14.5rem 0 0 0 var(--btn-color-hover), inset -14.5rem 0 0 0 var(--btn-color-hover); color: #FFF;}
.secondary-button {color: var(--primary-color);background-color: #FFF;transition: 1s;}
.secondary-button:hover {color: var(--primary-color);border: 1px solid var(--primary-color);}
.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: 15px 10px 10px 15px;background-color: #FAFCFD;height: calc(100vh - 146.5px);overflow-y: auto;}
.dashboard-body::-webkit-scrollbar{width: 10px;}
.dashboard-body::-webkit-scrollbar-thumb{background-color:#CCC;}
.dashboard-body::-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: var(--primary-color)!important;}
.no-lr-margins {margin-left: 0;margin-right: 0;}

/*==========---------- 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 ----------==========*/
.response-page > div {display: grid;margin-bottom: 15px;padding: 20px;color:#1C2347;background: #FFF;border-radius: 0.3rem;border: 1px solid #F5F5F5;box-shadow: 0px 0px 11px 0px #0000001A;overflow: hidden;align-items: center;}
.response-page > div:first-child {padding: 0 20px;color: #777777;border: 0;box-shadow: none; background: none;}
.response-page > div:last-child {margin-bottom: 0;}
.response-page > div > p {margin-bottom: 0;font-weight: 500;}
.response-page > div > p.requestid {text-transform: uppercase;}
.response-page > div > p.view-details {color: var(--primary-color);cursor: pointer;text-decoration: underline;padding-right: 0;}
.response-page > div > p.view-details-disabled {text-decoration: underline;color: #777;cursor: not-allowed;}
.response-page > div > p > span{text-transform: capitalize;display: none;}
.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 ----------==========*/

/*==========---------- Loading Start ----------==========*/
#root:not(:empty) + .loaderCntInitial {display: none;}
.loaderCntInitial {height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; font-weight: 500; font-size: 22px;}
/*==========---------- Loading End ----------==========*/

/*==========---------- Pop-up Start ----------==========*/
.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;}
/*==========---------- Pop-up End ----------==========*/

/*Static Flag Image Added on Every Phone Number */
.input-phone-number{padding-left: 0px !important;display: grid;grid-template-columns: auto 1fr;border: 1px solid #CCC;margin-bottom: 15px;border-radius: 3px;overflow: hidden;}
.input-phone-number > div {background-color: #F5F5F5;cursor: pointer;color: #444;font-weight: 500;height: 42.5px;font-size: 14px;display: grid;grid-template-columns:auto auto auto;align-items: center;justify-content: start;padding: 0 10px;}
.input-phone-number > div > img {width: 30px;margin-right: 5px;}
.input-phone-number > input {border: 0;margin-bottom: 0;}
.input-phone-number > input:focus-visible {outline: none;}