img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@font-face {
  font-family: "Wes FY";
  src: url(/fonts/WesFY-Regular4.woff2?233b984d4f5c9d7b13f739fb20fe9b60) format("woff2"), url(/fonts/WesFY-Regular4.woff?da45a2c0888163b522187b6032d3f3eb) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Wes FY";
  src: url(/fonts/WesFY-Regular5.woff2?03dcfe34cec690715a2f71429221fe7b) format("woff2"), url(/fonts/WesFY-Regular5.woff?3768c941d67d18b8fd57ab2d2f4ed98c) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Wes FY";
  src: url(/fonts/WesFY-Regular2.woff2?da3ee6f475069bf1ed13ac0caaeb1120) format("woff2"), url(/fonts/WesFY-Regular2.woff?6175c54a8ae76fcea802038ff6acdc3c) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Wes FY";
  src: url(/fonts/WesFY-Regular3.woff2?37ac671199165c561586c2f803f0268f) format("woff2"), url(/fonts/WesFY-Regular3.woff?a20d35c00354a007572e5044ae82f512) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

body {
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    float: left;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
    height: auto;
    background: #f8f8f8;
    color: #5e666a;
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    font-weight: 500;
}

.font-sans {
font-family: "Quicksand", sans-serif !important;
}

::-moz-selection {
  background: #1f2b4a;
  color: #ffffff;
}

::selection {
  background: #1f2b4a;
  color: #ffffff;
}


.title {
font-family: "Wes FY";
color:#1e2d35;
} 



.bg-gray-100 {
background: #f8f8f8;
}

body .text-red-600 {
	color:#ff3737;
}

/*font sizing */

body .text-xs	{
	font-size:12px;
	line-height:24px;
}

body .text-sm,
body .text-base {
	font-size:14px;
	line-height:28px;
}

body .text-lg {
	font-size:16px;
	line-height:30px;
}

body .text-lg {
	font-size:18px;
	line-height:32px
}

body .text-xl {
	font-size:20px;
	line-height:1.6;
}

body .text-2xl {
	font-size:22px;
	line-height:1.6;
}

body .text-3xl {
	font-size:24px;
	line-height:1.6;
}

body .text-4xl {
	font-size:26px;
	line-height:1.6;
}

body .text-5xl {
	font-size:28px;
	line-height:1.3;
}

body .text-6xl {
	font-size:30px;
	line-height:1.6;
}

body .text-7xl {
	font-size:32px;
	line-height:1.6;
}

body .text-8xl {
	font-size:34px;
	line-height:1.6;
}

body .text-9xl {
	font-size:36px;
	line-height:1.6;
}



/* paddings */
body .pb-1 {
	padding-bottom:5px;
}

body .pb-2 {
	padding-bottom:10px;	
}

body .pb-3 {
	padding-bottom:15px;	
}

body .pb-4 {
	padding-bottom:20px;	
}

body .pb-5 {
	padding-bottom:25px;	
}

body .pb-6 {
	padding-bottom:30px;	
}

body .pb-7 {
	padding-bottom:35px;	
}

body .pb-8 {
	padding-bottom:40px;	
}

body .pb-9 {
	padding-bottom:45px;	
}

body .pb-10 {
	padding-bottom:50px;	
}



body .pt-1 {
	padding-top:5px;
}

body .pt-2 {
	padding-top:10px;	
}

body .pt-3 {
	padding-top:15px;	
}

body .pt-4 {
	padding-top:20px;	
}

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

body .pt-6 {
	padding-top:30px;	
}

body .pt-7 {
	padding-top:35px;	
}

body .pt-8 {
	padding-top:40px;	
}

body .pt-9 {
	padding-top:45px;	
}

body .pt-10 {
	padding-top:50px;	
}




body .pl-1 {
	padding-left:5px;
}

body .pl-2 {
	padding-left:10px;	
}

body .pl-3 {
	padding-left:15px;	
}

body .pl-4 {
	padding-left:20px;	
}

body .pl-5 {
	padding-left:25px;	
}

body .pl-6 {
	padding-left:30px;	
}

body .pl-7 {
	padding-left:35px;	
}

body .pl-8 {
	padding-left:40px;	
}

body .pl-9 {
	padding-left:45px;	
}

body .pl-10 {
	padding-left:50px;	
}



body .pr-1 {
	padding-right:5px;
}

body .pr-2 {
	padding-right:10px;	
}

body .pr-3 {
	padding-right:15px;	
}

body .pr-4 {
	padding-right:20px;	
}

body .pr-5 {
	padding-right:25px;	
}

body .pr-6 {
	padding-right:30px;	
}

body .pr-7 {
	padding-right:35px;	
}

body .pr-8 {
	padding-right:40px;	
}

body .pr-9 {
	padding-right:45px;	
}

body .pr-10 {
	padding-right:50px;	
}




body .px-1 {
	padding-left:5px;
	padding-right:5px;
}

body .px-2 {
	padding-left:10px;	
	padding-right:10px;	
}

body .px-3 {
	padding-left:15px;	
	padding-right:15px;	
}

body .px-4 {
	padding-left:20px;	
	padding-right:20px;	
}

body .px-5 {
	padding-left:25px;
	padding-right:25px;	
}

body .px-6 {
	padding-left:30px;
	padding-right:30px;	
}

body .px-7 {
	padding-left:35px;
	padding-right:35px;	
}

body .px-8 {
	padding-left:40px;
	padding-right:40px;	
}

body .px-9 {
	padding-left:45px;
	padding-right:45px;	
}

body .px-10 {
	padding-left:50px;
	padding-right:50px;	
}

body .py-1 {
	padding-top:5px;
	padding-bottom:5px;
}

body .py-2 {
	padding-top:10px;	
	padding-bottom:10px;	
}

body .py-3 {
	padding-top:15px;	
	padding-bottom:15px;	
}

body .py-4 {
	padding-top:20px;	
	padding-bottom:20px;	
}

body .py-5 {
	padding-top:25px;
	padding-bottom:25px;	
}

body .py-6 {
	padding-top:30px;
	padding-bottom:30px;	
}

body .py-7 {
	padding-top:35px;
	padding-bottom:35px;	
}

body .py-8 {
	padding-top:40px;
	padding-bottom:40px;	
}

body .py-9 {
	padding-top:45px;
	padding-bottom:45px;	
}

body .py-10 {
	padding-top:50px;
	padding-bottom:50px;	
}



/* margins */


body .mb-1 {
	margin-bottom:5px;
}

body .mb-2 {
	margin-bottom:10px;	
}

body .mb-3 {
	margin-bottom:15px;	
}

body .mb-4 {
	margin-bottom:20px;	
}

body .mb-5 {
	margin-bottom:25px;	
}

body .mb-6 {
	margin-bottom:30px;	
}

body .mb-7 {
	margin-bottom:35px;	
}

body .mb-8 {
	margin-bottom:40px;	
}

body .mb-9 {
	margin-bottom:45px;	
}

body .mb-10 {
	margin-bottom:50px;	
}



body .mt-1 {
	margin-top:5px;
}

body .mt-2 {
	margin-top:10px;	
}

body .mt-3 {
	margin-top:15px;	
}

body .mt-4 {
	margin-top:20px;	
}

body .mt-5 {
	margin-top:25px;	
}

body .mt-6 {
	margin-top:30px;	
}

body .mt-7 {
	margin-top:35px;	
}

body .mt-8 {
	margin-top:40px;	
}

body .mt-9 {
	margin-top:45px;	
}

body .mt-10 {
	margin-top:50px;	
}




body .ml-1 {
	margin-left:5px;
}

body .ml-2 {
	margin-left:10px;	
}

body .ml-3 {
	margin-left:15px;	
}

body .ml-4 {
	margin-left:20px;	
}

body .ml-5 {
	margin-left:25px;	
}

body .ml-6 {
	margin-left:30px;	
}

body .ml-7 {
	margin-left:35px;	
}

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

body .ml-9 {
	margin-left:45px;	
}

body .ml-10 {
	margin-left:50px;	
}



body .mr-1 {
	margin-right:5px;
}

body .mr-2 {
	margin-right:10px;	
}

body .mr-3 {
	margin-right:15px;	
}

body .mr-4 {
	margin-right:20px;	
}

body .mr-5 {
	margin-right:25px;	
}

body .mr-6 {
	margin-right:30px;	
}

body .mr-7 {
	margin-right:35px;	
}

body .mr-8 {
	margin-right:40px;	
}

body .mr-9 {
	margin-right:45px;	
}

body .mr-10 {
	margin-right:50px;	
}




body .mx-1 {
	margin-left:5px;
	margin-right:5px;
}

body .mx-2 {
	margin-left:10px;	
	margin-right:10px;	
}

body .mx-3 {
	margin-left:15px;	
	margin-right:15px;	
}

body .mx-4 {
	margin-left:20px;	
	margin-right:20px;	
}

body .mx-5 {
	margin-left:25px;
	margin-right:25px;	
}

body .mx-6 {
	margin-left:30px;
	margin-right:30px;	
}

body .mx-7 {
	margin-left:35px;
	margin-right:35px;	
}

body .mx-8 {
	margin-left:40px;
	margin-right:40px;	
}

body .mx-9 {
	margin-left:45px;
	margin-right:45px;	
}

body .mx-10 {
	margin-left:50px;
	margin-right:50px;	
}

body .my-1 {
	margin-top:5px;
	margin-bottom:5px;
}

body .my-2 {
	margin-top:10px;	
	margin-bottom:10px;	
}

body .my-3 {
	margin-top:15px;	
	margin-bottom:15px;	
}

body .my-4 {
	margin-top:20px;	
	margin-bottom:20px;	
}

body .my-5 {
	margin-top:25px;
	margin-bottom:25px;	
}

body .my-6 {
	margin-top:30px;
	margin-bottom:30px;	
}

body .my-7 {
	margin-top:35px;
	margin-bottom:35px;	
}

body .my-8 {
	margin-top:40px;
	margin-bottom:40px;	
}

body .my-9 {
	margin-top:45px;
	margin-bottom:45px;	
}

body .my-10 {
	margin-top:50px;
	margin-bottom:50px;	
}

/* heights */

body .h-0 {
	height:0px;
}

body .h-px {
	height:1px;
}

body .h-1 {
	height:10px;
}

body .h-2 {
	height:20px;
}

body .h-3 {
	height:30px;
}

body .h-4 {
	height:40px;
}

body .h-5 {
	height:50px;
}

/* gaps */
body .gap-1 {
	gap: 5px;
}

body .gap-2 {
	gap: 10px;
}

body .gap-3 {
	gap: 15px;
}

body .gap-4 {
	gap: 20px;
}

body .gap-5 {
	gap: 25px;
}

body .gap-6 {
	gap: 30px;
}

body .gap-7 {
	gap: 35px;
}

body .gap-8 {
	gap: 40px;
}

body .gap-9 {
	gap: 45px;
}

body .gap-10 {
	gap: 50px;
}


/* widths */

body .max-w-screen-xs {
    max-width: 330px;
}

/* inputs */

/* custom styling */

.btn-link {
	color:#0d92d5;
	font-weight:700;
	text-decoration:underline;
}

.btn-link:hover {
	color:#783ab7;
}

label.label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    margin: -4px 0 10px 0;
    float: left;
    width: 100%;
    font-family: 'Wes FY';
}

input.form-input,
.react-select .__control,
.react-select.__control,
.datepicker label.mbsc-material > span,
textarea,
.input-mask input {
    float: left;
    width: 100%;
    min-height: 45px;
    border-radius: 50px;
    border: 1px solid rgb(30 45 53 / 20%);
    color: #5e666a;
    font-weight: 500;
    font-family: 'Quicksand';
    letter-spacing: -0.02em;
    font-size: 14px;
        padding: 10px 22px;
    line-height: 1;
    box-shadow: none !important;
    outline: none !important;
    background: #ffffff !important;
}

.react-select .__control .__value-container,
.react-select.__control .__value-container {
    padding: 0px;
}

.react-select .__indicators .__indicator-separator,
.react-select.__control .__indicators .__indicator-separator {
    display: none;
}

.react-select .__indicators,
.react-select.__control .__indicators {
    position: absolute;
    right: 10px;
    z-index: 3;
    top: 4px;
    transform: rotate(0deg);
    width: auto;
}

.react-select .__control {
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding-right: 40px;
    position: relative;
}

.react-select {
    float: left;
    width: 100%;
}

.react-select .__indicators .__dropdown-indicator {
		transform:rotate(0deg);
} 

.react-select.__control--menu-is-open .__indicators .__dropdown-indicator {
		transform:rotate(180deg);
}

.react-select .__indicators .__dropdown-indicator svg,
.react-select.__control .__indicators .__dropdown-indicator svg {
    fill: rgb(94 102 106 / 66%);
    stroke: white;
    stroke-width: 1px;
}

.react-select:hover .__indicators .__dropdown-indicator svg,
.react-select.__control:hover .__indicators .__dropdown-indicator svg {
	fill: rgb(94 102 106 / 100%);
}

.react-select .__control .__input-container,
.react-select.__control .__input-container {
    padding: 0px;
    margin: 0px;
}

.react-select .__control .__single-value,
.react-select.__control .__single-value {
    color: #5e666a;
    font-weight: 500;
    margin: 0px;
}

.datepicker label.mbsc-material > span input {
    border: none;
    padding: 0px;
    height: auto;
    color: #5e666a;
    border-radius: 0px;
    margin-top: 3px;
}

input.form-input:hover,
.datepicker label.mbsc-material > span:hover,
textarea:hover,
.input-mask input:hover {
    border-color:rgb(30 45 53 / 100%);
}

input.form-input:focus,
textarea:focus,
.input-mask input:focus {
	border-color:#793cb8;
}

input.form-input[disabled],
.react-select.--is-disabled .__control,
textarea[disabled],
.datepicker label.mbsc-material.mbsc-disabled > span {
    background: #e5e5e5;
    border: 1px solid #e5e5e5;
    color: #1e2d35;
	cursor:default;
	pointer-events:none;
} 

.datepicker label.mbsc-material.mbsc-disabled > span {
    opacity: 1;
}

textarea {
    height: 250px;
    border-radius: 20px;
    resize: none !important;
}

.checkbox-alone label.label {
    flex: 1;
    margin: 0px;
    padding-left: 14px;
    font-weight: 400;
    font-family: "Quicksand", sans-serif !important;
    margin-top: 1px;
    order: 2;
}

.checkbox {
    width: 30px;
    height: 30px;
}

.checkbox input {
    width: 100%;
    height: 100%;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid rgb(30 45 53 / 20%);
    background: #ffffff;
    border-radius: 7px;
    box-shadow: none !important;
    outline: none !important;
	cursor:pointer;
}

.checkbox input:hover {
    border: 1px solid rgb(30 45 53 / 100%);
}

.checkbox input:checked {
    border: 1px solid rgb(30 45 53 / 100%);
    background: url(../images/new-icons/checkmark-dark.png) center center no-repeat #ffffff;
    background-size: 13px;
}

h3.title-row {
    float: left;
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 0 0;
    font-family: "Wes FY";
    color: #1e2d35;
    line-height: 1.3;
    margin: -3px 0 -6px 0px;
}

.block-icon .equipmentIcon {
    width: 30px;
    height: 30px;
}

.block-icon .equipmentIcon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.block-icon .equipmentLabel {
    padding-left: 10px;
    line-height: 1.2;
    font-weight: 600;
}

.block-icon .toggle-checkbox {
    margin-left: auto;
}

.header a.logo-main {
    height: 34px;
    float: left;
    display: block;
    width: 44px;
    overflow: hidden;
    opacity: 1;
    position: relative;
    z-index: 3;
}

.header a.logo-main img {
    height: 100%;
    width: auto;
    max-width: none;
}

.header a.logo-main:hover {
	opacity:0.6;
}

.header .mobile-menu {
    width: 34px;
    height: 34px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 6px;
    z-index: 3;
}

.header .mobile-menu span.bar {
    position: absolute;
    width: 26px;
    height: 2px;
    background: #1e2d35;
    transform: rotate(0deg);
    right: 0px;
    opacity: 1;
}

.header .mobile-menu:hover span.bar {
	background:#41aff3;
}

.header .mobile-menu span.bar.top {
    margin-top: -18px;
}

.header .mobile-menu span.bar.bottom {
	margin-bottom:-18px;
}

main.panel-main {
	padding-top:100px;
}

.header .mobile-menu-open {
    top: 0px;
    left: 0px;
    background: #ffffff;
    padding: 25px;
    padding-top: 140px;
}

.main-heading {
    margin-top: -8px;
}

.mobile-menu-open .logout {
    color: #ff3737;
    font-weight: 600;
	opacity:1;
}

.mobile-menu-open .logout:hover {
	opacity:0.6;
}

.mobile-menu-open .logout i {
    font-size: 18px;
    font-weight: 300;
    padding-right: 7px;
}

.mobile-menu-open a {
    float: left;
    width: 100%;
    display: flex;
    padding: 0px;
    justify-content: start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    font-family: 'Wes FY';
    font-size: 24px;
    color: #1e2d35;
    font-weight: 400;
    height: 36px;
    margin-bottom: 25px;
    line-height: 0.8;
}
.mobile-menu-open a:hover,
.mobile-menu-open a:hover .title {
	color:#41aff3;
}

.mobile-menu-open a span.icon {
    width: 36px;
    height: 36px;
    background-size: contain !important;
    margin-right: 20px;
}

.mobile-menu-open a:nth-of-type(1) span.icon {
	background:url(../images/new-icons/dashboard.png) center center no-repeat;
}

.mobile-menu-open a:nth-of-type(2) span.icon {
		background:url(../images/new-icons/shifts.png) center center no-repeat;
}

.mobile-menu-open a:nth-of-type(3) span.icon {
		background:url(../images/new-icons/negotiations.png) center center no-repeat;
}

.mobile-menu-open a:nth-of-type(4) span.icon {
		background:url(../images/new-icons/profile.png) center center no-repeat;
}

.mobile-menu-open a:nth-of-type(5) span.icon {
background:url(../images/new-icons/locums.png) center center no-repeat;
}

.mobile-menu-open a:nth-of-type(6) span.icon {
background:url(../images/new-icons/settings.png) center center no-repeat;
}


.mobile-menu-open a .title {
    margin-top: 3px;
}

.panel-list .panel-inner {
    padding: 4px;
    border: 1px solid rgb(30 45 53 / 10%);
    border-radius: 20px;
	overflow:hidden;
}

body .shadow {
    -webkit-box-shadow: 0px 0px 24px 0px hsl(201deg 28% 16% / 7%);
    -moz-box-shadow: 0px 0px 24px 0px hsl(201deg 28% 16% / 7%);
    box-shadow: 0px 0px 24px 0px hsl(201deg 28% 16% / 7%);
}

.panel-list .panel-inner:before {
	content:"";
-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    background: linear-gradient(to right, #9e5ce2 0%,#773ab6 100%);
height: 100%;
    width: 0%;
    position: absolute;
    top: 0px;
    left: 0px;
}


.panel-list .panel-inner:hover:before {
    width: 100%;
}
.panel-list .panel-inner .dashboard-icon {
    width: 54px;
    height: 54px;
    background: linear-gradient(to right, #9e5ce2 0%,#773ab6 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    padding: 5px;
	margin-right:15px;
	position:relative;
	z-index:2;
}

.panel-list .panel-inner:hover {
	cursor:pointer;
}

.panel-list .panel-inner .dashboard-icon img {
    max-height: 24px;
    max-width: 24px;
    filter: grayscale(1) brightness(10);
}

.panel-list .panel-inner:hover .dashboard-icon  {
	background:#ffffff;
}

.panel-list .panel-inner:hover .dashboard-icon img {
    filter: grayscale(0) brightness(1);
}

.panel-list .panel-inner .dashboard-text {
    font-size: 18px;
    font-weight: 600;
    line-height: 0.8;
	position:relative;
	z-index:2;
}

.panel-list .panel-inner:hover .dashboard-text  {
	color:#ffffff;
}

.panel-list .panel-inner .number {
    width: 20px;
    height: 20px;
    background: #41aaf2;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    line-height: 0.8;
    padding: 7px 0;
    margin-left: 5px;
	position:relative;
	z-index:2;
}

.panel-list .panel-inner:hover .number {
	color:#773ab6;
	background:#ffffff;
}

.panel-list .panel-inner i {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    margin-right: 20px;
    padding-left: 10px;
    z-index: 2;
}

.panel-list .panel-inner:hover i {
	color:#ffffff;
}

nav.tabs {
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px);
}

nav.tabs li {
    list-style-type: none;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 15px;
}

nav.tabs a {
    display: flex;
    justify-content: start;
    align-items: center;
    background: #ffffff;
    color: #7639b5;
    border: 1px solid #7639b5;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 12px;
    line-height: 0.8;
    min-height: 63px;
}

nav.tabs a .icon-block {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    filter: grayscale(0) brightness(1);
}

.shift-tabs nav.tabs li a {
    height: 100px;
    padding: 0px;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}

.shift-tabs nav.tabs li a > div {
    float: left;
    width: 100%;
    text-align: center;
}

.shift-tabs nav.tabs li a .icon-block {
    margin-right: 0px;
    margin-bottom: 12px;
    width: 36px;
    height: 36px;
}

nav.tabs a[href="/profile"] .icon-block {
	background:url(../images/new-icons/stroe-info.png) center center no-repeat;
	background-size:contain;
}

nav.tabs a[href="/profile/clinic"] .icon-block {
	background:url(../images/new-icons/clinic-info.png) center center no-repeat;
	background-size:contain;
}

nav.tabs a[href="/locums"] .icon-block {
    background: url(../images/new-icons/all-locums.png) center center no-repeat;
    background-size: 22px;
}

nav.tabs a[href="/locums/trustpool"] .icon-block  {
	background:url(../images/new-icons/trustpool.png) center center no-repeat;
	background-size:contain;
    margin-top: -7px;
}

.shift-tabs nav.tabs li a[href="/locum-requests"] .icon-block {
	background:url(../images/new-icons/pending.png) center center no-repeat;
	background-size:contain;
}

.shift-tabs nav.tabs li a[href="/locum-requests/booked"] .icon-block {
	background:url(../images/new-icons/booked.png) center center no-repeat;
	background-size:contain;
}

.shift-tabs nav.tabs li a[href="/locum-requests/completed"] .icon-block {
	background:url(../images/new-icons/completed.png) center center no-repeat;
	background-size:contain;
}

nav.tabs a.transition:hover {
    color: #1e2d35;
    border: 1px solid #1e2d35;
}

nav.tabs a.transition:hover  .icon-block { 
    filter: grayscale(1) brightness(0);
}

nav.tabs a.active {
	background: linear-gradient(to right, #9e5ce2 0%,#773ab6 100%);
    border: 1px solid #7639b5;
	color:#ffffff;
	cursor:default;
	pointer-events:none;
}

nav.tabs a.active:hover {
	cursor:default;
	pointer-events:none;
}

nav.tabs a.active  .icon-block {
    filter: grayscale(0) brightness(10);
}

nav.tabs a.active[href="/locums/trustpool"] .icon-block {
    filter: grayscale(0) brightness(1);
    background: url(../images/new-icons/trustpool-active.png) center center no-repeat;
    background-size: contain;
    margin-top: -7px;
}

.toggle-checkbox .checkbox {
    width: 34px;
    height: 20px;
    position: relative;
}

.checkbox span {
    display: none;
}

.toggle-checkbox .checkbox span {
    display: block;
    border: 1px solid rgb(30 45 53 / 20%);
    background: #ffffff;
    top: 0px;
    left: 0px;
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.toggle-checkbox:hover .checkbox span {
    border: 1px solid rgb(30 45 53 / 100%);
}

.toggle-checkbox .checkbox input {
    background: #ced1d3;
    width: 14px;
    height: 14px;
    border: none;
    z-index: 4;
    position: absolute;
    border-radius: 50%;
    top: 3px;
    left: 3px;
}

.toggle-checkbox .checkbox input:checked {
    background: #8a4bcb;
    left: 16px;
}

.toggle-checkbox .checkbox input:checked ~ span {
	background:#e2d5ef;
	border-color:#e2d5ef;
}

.testing-time .fields label {
    flex: 0;
    white-space: nowrap;
    padding-right: 18px;
    margin: 0px;
}

.testing-time .fields input {
    flex: 1;
}

.table-splitters {
    gap: 0px !important;
    margin-top: -20px;
}

.table-splitters .table-splitter-inner {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
    align-content: start;
}

.table-splitters .table-splitter-inner:before {
    content: "";
    border-bottom: 1px solid rgb(94 102 106 / 15%);
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0px;
}


.table-splitters .table-splitter-inner .table-splitter-block {
    z-index: 3;
    flex: 1;
}

.table-splitters .table-splitter-inner:nth-of-type(even):before {
    background: #ffffff;
}

.datepicker label.mbsc-material {
    margin: 0px;
}

body .mbsc-popup-wrapper .mbsc-popup-body {
    background: #fff;
    color: #5e666a;
    box-shadow: 0 0px 26px 0px rgb(0 0 0 / 8%);
    border: 1px solid rgb(94 102 106 / 16%);
    border-radius: 15px;
}

body .mbsc-popup-wrapper .mbsc-popup-body .mbsc-scroller-wheel-item {
    font-family: "Quicksand", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    padding: 0px;
}

body .mbsc-popup-wrapper .mbsc-popup-body .mbsc-scroller-wheel-wrapper {
    flex: 1;
}

.mbsc-material.mbsc-scroller-wheel-cont:after, .mbsc-material.mbsc-scroller-wheel-cont:before,
body .mbsc-material.mbsc-scroller-wheel-cont:after, body .mbsc-material.mbsc-scroller-wheel-cont:before {
    border-color: #8a4bcb;
    border-width: 1px;
}

body .mbsc-popup-wrapper .mbsc-popup-body .mbsc-scroller-wheel-item.mbsc-selected {
    color: #8a4bcb;
    font-weight: 600;
    background: rgb(138 75 203 / 5%);
}

body .datepicker label.mbsc-material .mbsc-textfield-ripple {
    display: none;
}

body .mbsc-popup {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    transition: none !important;
}

body .mbsc-popup-wrapper {
    background: rgb(52 57 60 / 65%);
    backdrop-filter: blur(2px);
}

nav.tabs a .trustpool {
    float: left;
    display: block;
    position: relative;
}

nav.tabs a .trustpool .number,
.shift-tabs nav.tabs li a span.number {
    position: absolute;
    right: -30px;
    top: -34px;
    width: 20px;
    height: 20px;
    color: #ffffff;
    background: #7639b5;
    text-align: center;
    line-height: 0.8;
    padding: 6px 0;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 800;
    border: 1px solid #7639b5;
}

nav.tabs a.active .trustpool .number,
.shift-tabs nav.tabs li a.active span.number {
    background: #ffffff;
    color: #7639b5;
}

.shift-tabs nav.tabs li a {
}

.shift-tabs nav.tabs li a span.number {
    top: -9px;
    right: -9px;
}

p.error {
    margin-top: 5px !important;
    margin-bottom: -5px;
    font-size: 12px;
    font-weight: 700;
}

.fields .error-icon {
    right: 2px;
    top: 1px;
    width: 45px;
    height: 45px;
    padding: 11px;
}

.fields .error-icon svg {
    height: 100%;
    width: 100%;
    float: left;
    fill: none;
    stroke: #ff3737;
    stroke-width: 1px;
}

.rating-selector {
    margin: -4px 0 -4px -4px;
}

.rating-selector svg {
    flex: 1;
    height: auto;
    fill: rgb(0 0 0 / 10%);
}

.rating-selector svg:hover {
    fill: rgb(0 0 0 / 30%);
}

.rating-selector svg[fill="gold"] {
    fill: #f4cd33;
}

.search.form-group input {
    padding-right: 50px;
}

.search.form-group .search-icon {
    height: 45px;
    width: 45px;
    right: 5px;
    top: 0px;
    padding: 14px;
    color: #1e2d35;
}

.search.form-group .search-icon svg {
	with:100%;
	height:100%;
}

.full-width-split {
    margin-top: -20px;
}

.full-width-split .full-width-split-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}

.full-width-split .full-width-split-inner:before {
    content: "";
    width: 100vw;
    height: 100%;
    top: 0px;
    position: absolute;
    background: none;
    border-bottom: 1px solid rgb(94 102 106 / 20%);
}

.full-width-split .full-width-split-inner:nth-of-type(even):before {
	background:#ffffff;
}

.full-width-split .full-width-split-inner > .relative {
    z-index: 2;
    margin-bottom: -5px;
}

.locum-pill svg {
    flex: 0;
    min-width: 28px;
    height: 28px;
    fill: rgb(94 102 106 / 17%);
    margin-top: 0px;
}

.locum-pill svg:hover {
    fill: rgb(94 102 106 / 25%);
}

.locum-pill svg[fill="gold"] {
	fill:#f4cd33;
}

.locum-pill .locum-meta {
} 

.locum-pill .locum-meta .w-full,
.modal-splitters .modal-splitters-inner .meta .w-full {
    font-size: 13px;
    font-weight: 500;
    clear: both;
    float: left;
    margin-top: 3px;
}

.locum-pill .locum-meta .font-bold, .modal-splitters .modal-splitters-inner .meta .font-bold {
    font-size: 12px;
    color: #1e2d35;
    font-weight: 700;
    float: left;
    margin: -4px 0 0 0;
    font-family: "Quicksand", sans-serif;
}

.locum-pill .locum-meta .title, .modal-splitters .modal-splitters-inner .meta .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin: -2px 0 -2px 0;
    line-height: 1.3;
    font-family: "Wes FY";
}

.mbsc-popup-wrapper {
    padding: 0px !important;
}

body .mbsc-popup-center-full {
    height: 100vh !important;
    max-height: 100vh !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #ffffff;
    border: none !important;
    left: 0px !important;
    top: 0px !important;
    transform: none !important;
    overflow-x: hidden;
    overflow-y: auto;
}

body .mbsc-popup-center-full .mbsc-popup-body {
    box-shadow: none;
    border-radius: 0px;
}

body .mbsc-popup .mbsc-popup-header,
.modal-outer .modal-content h3.modal-title {
    border: none;
    padding: 25px 30px;
    text-align: left;
    color: #1e2d35;
    font-size: 24px;
    font-weight: 400;
    font-family: "Wes FY";
    line-height: 1.3;
}

.react-select .__menu {
    background: #ffffff;
    border-radius: 15px;
    box-shadow:0px 0px 24px 0px rgb(30 45 53 / 7%);
    border: 1px solid rgb(30 45 53 / 20%);
    padding: 0px;
    overflow: hidden;
    z-index: 10;
}

.react-select .__menu .__menu-list {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0px;
}

.react-select .__menu .__menu-list::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.react-select .__menu .__menu-list::-webkit-scrollbar-track {
  background: #ffffff;
}

/* Handle */
.react-select .__menu .__menu-list::-webkit-scrollbar-thumb {
    background: #1f2b4a;
    border: 3px solid #ffffff;
    border-radius: 30px;
}

/* Handle on hover */
.react-select .__menu .__menu-list::-webkit-scrollbar-thumb:hover {
background: #3fb0f3;
}

.react-select .__menu .__menu-list .react-select {
    color: #5e666a;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px;
    background: #ffffff;
    font-family: "Quicksand", sans-serif !important;
}

.react-select .__menu .__menu-list .react-select:hover {
    background: rgb(94 102 106 / 10%);
}

.react-select .__menu .__menu-list .react-select.__option--is-selected {
    background: #5e666a;
    color: #ffffff;
}

body .mbsc-ios .mbsc-popup .mbsc-popup-buttons {
    border: none;
    padding: 25px 30px;
    justify-content: space-between;
}

body .mbsc-ios .mbsc-popup .mbsc-popup-buttons button {
    font-family: "Wes FY";
    border: none !important;
    font-size: 14px;
    color: #ffffff;
    line-height: 1 !important;
    max-width: 40%;
    border-radius: 40px !important;
}

.align-cols .fields label {
    flex: 0;
    min-width: 40%;
    margin: 0px;
}

.align-cols .fields > .react-select {
    flex: 1;
}

.modal-outer {
    padding: 0px !important;
}

.modal-outer .modal-background {
    background: rgb(94 102 106 / 60%);
    backdrop-filter: blur(2px);
}

.modal-outer .modal-content {
    height: 100vh;
    width: 100%;
    padding: 25px 30px;
}

.modal-outer .modal-content h3.modal-title {
    padding: 0px;
    margin: 0 0 10px 0;
}

.modal-outer .modal-content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
}

.modal-outer .modal-content .close-modal {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}

.responsive-table {
    overflow-y: hidden;
    overflow-x: auto;
	height:auto;
}

.responsive-table::-webkit-scrollbar {
    height: auto;
}

/* Track */
.responsive-table::-webkit-scrollbar-track {
    background: #f8f8f8;
}

/* Handle */
.responsive-table::-webkit-scrollbar-thumb {
    background: #1f2b4a;
    border: 7px solid #f8f8f8;
    border-radius: 15px;
}

/* Handle on hover */
.responsive-table::-webkit-scrollbar-thumb:hover {
    background: #41aaf2;
}

.responsive-table table {
    min-width: 600px;
    margin-bottom: 10px;
}

table th {
    text-align: left;
    color: #1e2d35;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 2px solid;
    padding: 0 10px 8px;
}

table td {
    padding: 14px 10px;
    line-height: 24px;
    border-bottom: 1px solid rgb(94 102 106 / 20%);
}

table tr:nth-of-type(even) td {
    background: rgb(255 255 255);
}

table tr:hover td {
	border-bottom: 1px solid rgb(94 102 106 / 100%);
}

body .negotiation-modal.mbsc-popup-wrapper .mbsc-popup,
body .negotiation-audit-modal.mbsc-popup-wrapper .mbsc-popup,
body .locum-request-modal.mbsc-popup-wrapper .mbsc-popup,
body .locum-request-add-dates-modal.mbsc-popup-wrapper .mbsc-popup,
body .locum-request-negotiations-modal.mbsc-popup-wrapper .mbsc-popup {
    max-width: 100% !important;
    min-width: 100% !important;
    max-height: 100vh !important;
    min-height: 100vh !important;
}


body .negotiation-modal.mbsc-popup-wrapper .mbsc-popup .mbsc-popup-body,
body .negotiation-audit-modal.mbsc-popup-wrapper .mbsc-popup .mbsc-popup-body,
body .locum-request-modal.mbsc-popup-wrapper .mbsc-popup .mbsc-popup-body,
body .locum-request-add-dates-modal.mbsc-popup-wrapper .mbsc-popup .mbsc-popup-body,
body .locum-request-negotiations-modal.mbsc-popup-wrapper .mbsc-popup .mbsc-popup-body {
    border-radius: 0px;
    border: none;
    box-shadow: none;
}

body .negotiation-modal.mbsc-popup-wrapper .mbsc-popup-padding, 
body .negotiation-audit-modal.mbsc-popup-wrapper .mbsc-popup-padding, 
body .locum-request-modal.mbsc-popup-wrapper .mbsc-popup-padding, 
body .locum-request-add-dates-modal.mbsc-popup-wrapper .mbsc-popup-padding,
body .locum-request-negotiations-modal.mbsc-popup-wrapper .mbsc-popup .mbsc-popup-padding {
    padding: 0 30px;
    overflow-x: hidden;
    overflow-y: auto;
}

body .negotiation-modal.mbsc-popup-wrapper .mbsc-popup-buttons {
    padding-bottom: 15px;
    flex-wrap: wrap;
}

body .negotiation-modal.mbsc-popup-wrapper .mbsc-popup-buttons button {
    min-width: 48%;
    margin-bottom: 15px !important;
}

body .negotiation-modal,
body .negotiation-audit-modal {
    background: #ffffff;
}

.negotiation-meta h4 {
    font-family: 'Wes FY';
    color: #1e2d35;
    font-weight: 600;
    line-height: 1;
}

.negotiation-meta .col-span-1 span {
    font-size: 13px;
    float: left;
    line-height: 1;
    display: block;
    font-weight: 700;
    color: #1e2d35;
}

.negotiation-meta .col-span-1 {
    line-height: 18px;
    padding-bottom: 7px;
}

.align-cols .fields .datepicker {
    flex: 1;
}

.auditor-outer .auditor h3 {
    color: #1e2d35;
    font-weight: 600;
    font-family: "Wes FY";
    font-size: 14px;
    line-height: 1.4;
}

.auditor-outer .auditor h3 small {
    font-size: 13px;
    font-family: 'Quicksand';
    font-weight: 600;
    margin-top: 3px;
    clear: both;
    float: left;
}

.auditor-outer .auditor .auditor-top {
    margin-top: -3px;
    margin-bottom: 13px;
}

.auditor-outer .auditor small.ml-auto {
    margin-top: -3px;
    opacity: 0.5;
    font-weight: 500;
}

.auditor-outer .auditor-bottom ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -17px;
}

.auditor-outer .auditor-bottom ul li {
    flex: 0 0 33.3%;
    max-width: 33.3333333%;
    padding-right: 15px;
    margin-bottom: 15px;
    line-height: 20px;
}

.auditor-outer .auditor-bottom ul li span {
    font-size: 13px;
    font-weight: 700;
    color: #1e2d35;
}

.auditor-outer {
    margin-top: -20px;
}

.auditor-outer .auditor {
    border-bottom: 1px solid rgb(94 102 106 / 20%);
    padding-top: 20px;
    padding-bottom: 20px;
}

body .mbsc-timegrid-cell {
    font-family: "Quicksand", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

body .mbsc-timegrid-cell .mbsc-timegrid-item.mbsc-material {
    font-size: 14px;
    padding: 10px 5px;
    line-height: 1;
    background: rgb(94 102 106 / 0%);
    border-radius: 9px;
}

body .mbsc-timegrid-cell .mbsc-timegrid-item.mbsc-material:hover {
    background: rgb(94 102 106 / 20%);
}

body .mbsc-timegrid-cell .mbsc-material.mbsc-timegrid-item.mbsc-selected {
    background: #8a46d1;
    font-weight: 600;
}

.negotiation-meta .align-cols > small,
.negotiation-meta small.text-red-500 {
 font-size: 12px;
    font-weight: 600;
    margin-top: -12px;
    float: left;
}

.negotiation-meta small.text-red-500 {
   
    color: #ff3737;

}

.main-heading .fixed-button {
    position: fixed;
    bottom: 0px;
    right: 0px;
    padding: 15px;
    z-index: 8;
}
.main-heading .fixed-button .btn {
    font-size: 14px;
    height: 40px;
}

.shift-tabs {
    margin-top: 0px;
}

.shift-tabs nav.tabs li {
    max-width: 113px;
    margin-bottom: 0px;
    min-width: 33.3333333333%;
    flex: 1;
}

.assigned-user {
    background: #108dcb;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 50px;
}

.assigned-user svg {
    fill: #f4cd33;
    min-width: 16px;
    height: 16px;
    margin-top: -1px;
    margin-bottom: 1px;
    margin-right: 3px;
}

body .locum-request-modal .dates {
    margin-top: 0px;
}

.modal-outer .modal-content .modal-icon {
    display: none;
}

.modal-outer .modal-content .content {
    padding-left: 0px;
}

.send-to {
margin-top: 40px;
    clear: both;
    float: left;
    width: 100%;
}

.send-to h4 {
    font-size: 16px;
    font-weight: 600;
    margin: -4px 0 3px 0;
}

.send-to .locum-request-type-container {
    float: left;
    width: 100%;
    height: 94px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    border: 1px solid #7639b5;
    border-radius: 10px;
    background: #ffffff;
    padding: 9px 0;
}

.send-to .locum-request-type-container:hover {
	background:#7639b5;
}

.send-to .locum-request-type-container .locum-request-type-label {
    color: #7639b5;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    width: 100%;
    height: 18px;
    overflow: hidden;
}

.send-to .locum-request-type-container:hover .locum-request-type-label {
	color:#ffffff;
}

.send-to .locum-request-type-container .locum-request-type-icon {
    width: 30px;
    height: 30px;
    display: block;
    margin-bottom: 8px;
    filter: grayscale(0) brightness(1);
}

.send-to .locum-request-type-container:hover .locum-request-type-icon {
	filter:grayscale(1) brightness(100);
}

.send-to .locum-request-type-container .locum-request-type-icon.all {
    background: url(/images/new-icons/all-locums.png) center bottom no-repeat;
    background-size: 22px;
}

.send-to .locum-request-type-container .locum-request-type-icon.trustpool {
	background:url(/images/new-icons/trustpool.png) center center no-repeat;
	background-size:contain;
}

.send-to .locum-request-type-container .locum-request-type-icon.custom_trustpool {
	background:url(/images/new-icons/custom-trustpool.png) center center no-repeat;
	background-size:contain;
}

.send-to .locum-request-type-container:hover .locum-request-type-icon.trustpool {
    background: url(/images/new-icons/trustpool-active.png) center center no-repeat;
    background-size: contain;
    filter: grayscale(0) brightness(1);
}

.modal-splitters {
    margin-top: -20px;
    margin-bottom: 0px;
}

.modal-splitters .modal-splitters-inner {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

.modal-splitters .modal-splitters-inner > div {
    position: relative;
}

.modal-splitters .modal-splitters-inner:before {
    content: "";
    height: 100%;
    top: 0px;
    position: absolute;
    width: 100vw;
    background: #ffffff;
    z-index: -1;
}

.modal-splitters .modal-splitters-inner:nth-of-type(even):before {
	background:#f8f8f8;
}

.datepicker label.mbsc-material > span.mbsc-material {
    padding: 10px 22px;
    border-radius: 22px;
}

.datepicker label.mbsc-material > span.mbsc-material > span {
    color: #5e666a;
    font-weight: 500;
    font-family: 'Quicksand';
    height: auto;
    min-height: 0px;
    border: none;
    padding: 0px;
    margin-left: -15px;
    margin-top: -3px;
    margin-bottom: -6px;
    max-height: none;
}

.datepicker label.mbsc-material > span.mbsc-material span span.mbsc-textfield-tag {
    margin: 0 5px 5px 0;
    background: #7639b5;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    padding: 3px 10px;
    padding-right: 0px;
}

.datepicker label.mbsc-material > span.mbsc-material span span.mbsc-textfield-tag .mbsc-icon {
    height: 20px;
    width: 20px;
    margin: 1px 5px 0 2px;
}

.datepicker label.mbsc-material > span.mbsc-material span span.mbsc-textfield-tag svg {
    fill: #ffffff;
}

.modal-splitters .btn-icon {
    max-width: 45px;
    padding: 14px !important;
}

body .mbsc-datepicker .mbsc-calendar-week-day {
    font-family: 'Wes FY';
    font-size: 12px;
    height: auto;
    line-height: 1;
    color: #1e2d35;
    font-weight: 700;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}

body .mbsc-datepicker .mbsc-calendar-wrapper {
    padding: 0 10px;
}

body .mbsc-datepicker .mbsc-calendar-row .mbsc-calendar-cell-text {
    color: #5e666a;
    font-size: 14px;
    font-family: 'Quicksand';
    font-weight: 500;
    height: 38px;
    width: 40px;
    padding: 0px;
    line-height: 38px;
    background: rgb(94 102 106 / 0%);
    border-radius: 7px;
    border: 1px solid transparent;
    margin: 0px;
}

body .mbsc-calendar-slide .mbsc-calendar-cell {
    height: 40px;
}

body .mbsc-datepicker .mbsc-calendar-row .mbsc-calendar-cell-text:hover {
    background: rgb(94 102 106 / 10%);
}

body .mbsc-datepicker .mbsc-calendar-row .mbsc-selected .mbsc-calendar-cell-text {
    background: #7639b5;
    color: #ffffff;
    font-weight: 700;
}

body .mbsc-datepicker .mbsc-calendar {
    width: 320px !important;
    padding-bottom: 20px;
}

body .mbsc-datepicker .mbsc-calendar-header .mbsc-calendar-controls {
    min-height: 0px;
    padding: 10px 7px 20px;
}

body .mbsc-datepicker .mbsc-calendar-header .mbsc-calendar-controls .mbsc-calendar-title-wrapper button {
    font-family: 'Wes FY';
    color: #1e2d35;
    padding: 0px 2px;
    background: none !important;
}

body .mbsc-datepicker .mbsc-calendar-header .mbsc-calendar-controls .mbsc-calendar-title-wrapper:hover button {
	color:#41aff3;
}

body .mbsc-datepicker .mbsc-calendar-header .mbsc-calendar-controls .mbsc-calendar-title-wrapper span.mbsc-icon {
    display: none;
}

body .mbsc-datepicker .mbsc-calendar-header .mbsc-calendar-controls .mbsc-calendar-title-wrapper button span {
    line-height: 1;
    padding: 0px 7px 0 0px;
    font-weight: 600;
    font-size: 16px;
}



body .mbsc-datepicker .mbsc-calendar-header button.mbsc-calendar-button-prev, body .mbsc-datepicker .mbsc-calendar-header button.mbsc-calendar-button-next {
    width: 40px;
    height: 40px;
    background: #eeeff0;
    border-radius: 7px;
    margin-left: 5px;
    color: #5e666a;
}

body .mbsc-datepicker .mbsc-calendar-header button.mbsc-calendar-button-prev:hover, 
body .mbsc-datepicker .mbsc-calendar-header button.mbsc-calendar-button-next:hover {
	background:#41aff3;
	color:#ffffff;
}

.css-b62m3t-container {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.align-fields .fields label {
    flex: 1;
    order: 2;
    margin: 0px;
    padding-left: 13px;
    font-weight: 400;
    color: #5e666a;
    font-size: 14px;
    font-family: 'Quicksand';
}


.locum-request-negotiations-modal textarea {
    padding: 10px 22px !important;
}

.locum-pill .minus-margin {
    margin-top: -5px;
}

.locum-request-negotiations-modal .border-t-2 {
    margin: 0px;
    padding: 0px;
    border: none;
    margin-top: 20px;
    margin-bottom: 30px;
}

.locum-request-negotiations-modal .border-t-2 button {
    clear: both;
    float: right;
    margin: 0px;
    font-size: 14px;
    margin-top: 20px;
}

.locum-request-negotiations-modal #messages {
    padding: 0px;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.locum-request-negotiations-modal #messages .chat-message {
    margin-top: 0px;
    margin-bottom: 10px;
}

body .locum-request-negotiations-modal .mbsc-popup-header {
    padding-bottom: 15px;
}

.locum-request-negotiations-modal #messages .chat-message svg {
    width: 24px;
    height: 24px;
    color: rgb(94 102 106 / 66%);
}

.locum-request-negotiations-modal #messages .chat-message span {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    padding: 4px 15px;
}

body .locum-request-negotiations-modal.mbsc-ios .mbsc-popup .mbsc-popup-buttons {
    position: absolute;
    top: 19px;
    right: 17px;
    padding: 0px;
}

body .locum-request-modal .mbsc-popup-header {
    padding-bottom: 0px;
}

.locum-request-modal label.button-label {
    width: auto;
    margin: 0 0 0 0;
    margin-right: 10px;
}

body .locum-request-modal .modal-splitters > .modal-splitters-inner:first-of-type {
    margin-top: 25px;
}

body .locum-request-modal .modal-splitters > .modal-splitters-inner:last-of-type {
	margin-bottom:25px;
}

body .mbsc-material.mbsc-range-day:after, .mbsc-material.mbsc-range-hover:before {
    height: 100%;
    top: 0px;
}

body .mbsc-material.mbsc-range-day:after {
    background-color: rgb(118 57 181 / 5%);
}

body .mbsc-material.mbsc-range-control-label.active, .mbsc-material.mbsc-range-control-value.active {
    color: #0d92d5;
}

body .mbsc-material.mbsc-range-control-wrapper .mbsc-material.mbsc-segmented-button.mbsc-selected {
    border-bottom-color: #0d92d5;
}

body .mbsc-material.mbsc-range-control-wrapper {
    border-bottom: 1px solid rgb(94 102 106 / 20%);
    margin-bottom: 10px;
}

body .mbsc-material.mbsc-range-control-wrapper .mbsc-segmented {
    width: 100%;
}

body .mbsc-material.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-button.mbsc-font {
    border-bottom-width: 1px;
    padding: 14px 17px 15px;
    padding-right: 35px;
}

body .mbsc-material.mbsc-range-control-label {
    color: #5e666a;
    font-family: 'Quicksand';
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

body .mbsc-material.mbsc-range-control-value {
    color: #5e666a;
    font-family: 'Quicksand';
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    margin-top: 7px;
    text-transform: capitalize;
}

body .mbsc-material.mbsc-range-label-clear.mbsc-ltr svg {
    color: #ff3939;
    opacity: 1;
}

body .mbsc-material.mbsc-range-label-clear.mbsc-ltr svg:hover {
	opacity:0.6;
}

body .mbsc-material.mbsc-range-hover:before {
    height: 70%;
    top: 6px;
    border-bottom: 1px dashed;
    border-top: 1px dashed;
    border-color: rgb(0 0 0 / 13%);
}

.react-select.__clear-indicator {
    padding: 0px;
}

.react-select.__clear-indicator svg {
    color: #ff2323;
    opacity: 1;
}

.react-select.__clear-indicator svg:hover {
	opacity:0.6;
}

.modal-background {
    backdrop-filter: blur(2px);
    background: rgb(94 102 106 / 61%) !important;
}

.delete-modal .modal-title {
    font-family: "Wes FY";
    color: #1e2d35;
    font-size: 20px;
    font-weight: 500;
    margin: -6px 0 8px 0;
}

.delete-modal .close-modal {
    display: none;
}

.delete-modal p {
    font-size: 14px;
}

/* buttons */

.btn,
body .mbsc-ios .mbsc-popup .mbsc-popup-buttons button {
    position: relative;
    text-align: center;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    overflow: hidden;
    font-weight: 600;
}

.btn:hover {
	cursor:pointer;
}

.btn.btn-primary,
body .mbsc-ios .mbsc-popup .mbsc-popup-buttons button.mbsc-popup-button-primary:nth-of-type(3),
body .mbsc-ios .mbsc-popup .mbsc-popup-buttons button.mbsc-popup-button-primary:nth-of-type(4) {
background: #9e5ce2;
background: -moz-linear-gradient(left,  #9e5ce2 0%, #773ab6 100%);
background: -webkit-linear-gradient(left,  #9e5ce2 0%,#773ab6 100%);
background: linear-gradient(to right,  #9e5ce2 0%,#773ab6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5ce2', endColorstr='#773ab6',GradientType=1 );

}


.btn.btn-success,
body .mbsc-ios .mbsc-popup .mbsc-popup-buttons button.mbsc-popup-button-primary,
.main-heading .fixed-button .btn.btn-primary,
.modal-outer .modal-content .close-modal .btn-primary {
background: #0cc27f;
background: -moz-linear-gradient(left,  #0cc27f 0%, #52d9a8 100%);
background: -webkit-linear-gradient(left,  #0cc27f 0%,#52d9a8 100%);
background: linear-gradient(to right,  #0cc27f 0%,#52d9a8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cc27f', endColorstr='#52d9a8',GradientType=1 );

}

body .mbsc-ios .mbsc-popup .mbsc-popup-buttons button.mbsc-popup-button-close,
.btn.btn-danger {
	background:#ff3737;
	border:none;
	color:#ffffff;
}

.btn.btn-primary span, .btn.btn-success span, .btn.btn-danger span {
    color: #ffffff;
    line-height: 1;
    margin-top: 2px;
}

.btn:after {
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    background: #1e2d35;
    opacity: 0;
}

.btn:hover:after {
    opacity: 1;
}

.btn span {
    position: relative;
    z-index: 3;
    font-weight: 600;
    text-transform: capitalize;
}  

body .mbsc-ios .mbsc-popup .mbsc-popup-buttons button.mbsc-popup-button-close:hover,
body .mbsc-ios .mbsc-popup .mbsc-popup-buttons button.mbsc-popup-button-primary:hover {
	background: #1e2d35;
	color:#ffffff;
}

.btn.btn-sm {
    width: 40px;
    height: 40px;
}

.btn.btn-icon {
    padding: 12px;
}

.btn.btn-icon svg {
    fill: #ffffff;
    position: relative;
    z-index: 3;
    float: left;
    width: 100%;
    height: 100%;
}

.btn.btn-icon span {
    margin: 0px;
}

body .locum-request-negotiations-modal.mbsc-ios .mbsc-popup .mbsc-popup-buttons button.mbsc-popup-button-primary {
    position: relative;
    width: 40px;
    height: 40px;
    background: none;
    color: transparent;
    min-width: 40px;
	opacity:1;
}

body .locum-request-negotiations-modal.mbsc-ios .mbsc-popup .mbsc-popup-buttons button.mbsc-popup-button-primary:hover {
	opacity:0.6;
}

body .locum-request-negotiations-modal.mbsc-ios .mbsc-popup .mbsc-popup-buttons button.mbsc-popup-button-primary:before {
    content: "\f00d";
    color: red;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border: none;
    font-weight: 100;
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    line-height: 0.8;
    padding: 12px 0;
}