@charset "UTF-8";
/* CSS Document */

:root {
 	--idms-grey: #454545;
	--idms-grey-disabled: #B5B5B5;/*Only Waive S&D is using*/
	--idms-green: #36A493;
	--idms-blue: #3057a5;
	--idms-red: #E86B6B;
	--idms-appt-red: #DE4E5E;
	--idms-appt-blue: #1D88C3;
	--idms-appt-applegreen: #71A849;
}


a, a:link {
  color:var(--idms-blue);
}

a:hover{
	color:#3D71D9;
	text-decoration: none;
}

.idms-font-18{
	font-size: 1.125rem;
}

.idms-text {
	font-family: "Helvetica", sans-serif;
	font-weight: 600;
}

.idms-text-default {
	font-weight: 300;
}

.idms-pointer{
	cursor:pointer;
}

.idms-not-allowed{
	cursor: not-allowed;
}

.idms{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-color:transparent;
	border:1px solid transparent;
}

.idms-grey{
	background-color:#454545;
}

.idms-green{
	background-color:#36A493;
}

.idms-blue{
	background-color:#3057a5;
}

.idms-red{
	background-color:#d34c4c;
}

.idms-shadow{
	box-shadow: 0px 3px 6px #00000029;
	}

/* Modal */
.alert-dismissible .idms-btn-close{
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	padding:1.25rem 1rem
}

.idms-btn-close{
	vertical-align:baseline;
	width:1.25rem;
	height:1.25rem;
	margin-top:0.3rem;
	color:#454545;
	background:url("../icons/ico-close.svg");
	border:0;
	opacity:.5;
	background-repeat: no-repeat;
}

.idms-btn-close:hover{
	color:#000;
	text-decoration:none;
	opacity:.75
}
.idms-btn-close:focus{
	outline:0;
	box-shadow:0 0 0 .25rem rgba(13,110,253,.25);
	opacity:1
}
.idms-modal-header{
	border-bottom:1px solid #B5B5B5;
	margin: 0 1rem;
}
.idms-modal-title{
	font-size:1.375rem; 
}
.idms-modal-body{
	padding: 1rem 2rem;
}
.idms-modal-content{
	border-radius: 1.25rem;
}
.idms-modal-footer{
	border-top:hidden;
}
.idms-modal-xs{
	max-width:330px;
}
.idms-modal-sm{
	max-width:630px;
}
.idms-modal-md{
	max-width:1000px;
}
.idms-modal-lg{
	max-width:1400px;
}
.idms-modal-xl{
	max-width:1800px;
}
/* Modal End*/

/*Login Page Buttons Only*/
.idms-btn-h50{
	color:#fff;
	font-size: 1.125rem;
	text-align: center;
	height: 50px;
	border-radius: 10px;
	border: none;
	background:var(--idms-green);
	border-width: 2px;
}

.idms-w408{	
	width: 408px;	
}

.idms-w200-1{
	width: 200px;
	background-color:#FFFFFF;
	color:var(--idms-green);
	border: 2px solid var(--idms-green);
}

  .idms-w200-1:hover{
    background-color: #5CC3B3 !important; 
	 border: 2px solid #36A493;
	  color:#FFFFFF;
}

.idms-w200-2{
	width: 200px;
}

  .idms-green-hover:hover{
    background-color: #4AB4A3 !important; 
}
  .idms-red-hover:hover {
    background-color: #D96A6A !important; 
}
  .idms-grey-hover:hover{
    background-color: #676767 !important; 
}
 .idms-appt-red-hover:hover {
    background-color: #DE4E5E !important; 
}
 .idms-appt-grey-hover:hover {
    background-color: #454545 !important; 
}
 .idms-appt-blue-hover:hover {
    background-color: #1D88C3 !important; 
}

/*Icon & Text*/
.idms-btn-h48{ 
padding:6px 20px;
	font-size: 1.25rem;
    text-align: left;
	border-radius: 20px;
}

.idms-btn-h48-bg{ 
	background-color:#ffffff;
	width: 173px;
border-color: #dddddd;
border-width: 1px;
}

.idms-btn-h48-no-bg{ 
	background-color: transparent;
	width: auto;
}

.idms-btn-h48-icon{
width: 30px;
	height:30px;
	padding: 6px;
	background-image: url("../icons/ico-green-bg.svg");
}

/*Text Only*/
.idms-btn-h40{ 
	height: 40px;
	padding: 0px 20px;
}

.idms-btn-h40-bg{ 
	color:#ffffff;
	font-size: 1.125rem;
	text-align: center;
	min-width: 120px;
	border-radius: 6px;
	border: none;
}

/*Icon & Text*/
.idms-btn-h40-icon{
	height: 40px;
	width:40px;
  border-radius: 50%;
  padding: 6px 0px 0px 5px;
  display:flex;
}

/*Icon, Text & Arrow*/
.idms-btn-drop-arrow{
	margin-left: 0.7em;
	margin-top: 0.3em;
}

.idms-btn-h36{ 
	color:#ffffff;
	height: 36px;
}

.idms-btn-h36-bg{ 
	font-size: 1.125rem;
	text-align: center;
	min-width: 120px;
	border-radius: 6px;
	border: none;
	padding: 0px 20px;
}

.idms-btn-h36-ico{ 
	font-size: 1rem;
	border-radius: 4px;
	padding: 0px 1.125rem 0px 12px;
	cursor: pointer;
    text-align: left;
}

.idms-btn-h36-icon{
	width: 1.125rem;
	height:1.125rem;
	padding-bottom:2px;
}

.idms-btn-h32-red-icon{
	width: 22px;
	height:22px;
	margin-bottom:1px;
	padding: 5px;
	background-image: url("../icons/ico-red-bg.svg");
}
.idms-btn-h32-grey-icon{
	width: 22px;
	height:22px;
	margin-bottom:1px;
	padding: 5px;
	background-image: url("../icons/ico-grey-bg.svg");
}

/* Appointment Button Start */
.idms-text-white-hover:hover{
	color:#ffffff;
}

.idms-btn-h33-ico-outline{ 
	color:var(--idms-grey);
	height: 33px;
	font-size: 0.875rem;
	border-radius: 4px;
	border-width:1px;
	background-color:#ffffff;
    text-align: left;
	padding-left: 12px;
	vertical-align: middle;
}

.idms-appt-button-130{
	width: 130px;
}

.idms-appt-button-150{
	width: 150px;
}

.idms-appt-button-298{
	width: 298px;
}

.idms-appt-red-button{
	border-color:var(--idms-appt-red);
}

.idms-appt-grey-button{
	border-color:var(--idms-grey);
}

.idms-appt-blue-button{
	border-color:var(--idms-appt-blue);
}

.idms-valign-top-0-2{
	margin-top:-0.15em;
}

.idms-valign-top-0-3{
	margin-top:-0.3em;
}

.idms-icon-bg20 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
display:flex;
}

.idms-bg20-4 {
  padding: 4px;
}

.idms-bg20-2 {
  padding: 2px;
}

.idms-icon-bg-appt-red{
	background:var(--idms-appt-red);
}

.idms-icon-bg-appt-blue{
	background:var(--idms-appt-blue);
}

.idms-icon-bg-appt-applegreen{
	background:var(--idms-appt-applegreen);
}

.idms-mr-1{
	margin-right:1.5rem!important
}
.idms-mr-2{
	margin-right:.8rem!important
}
.idms-mr-3{
	margin-right:.5rem!important
}
.idms-mr-4{
	margin-right:1rem!important
}
.idms-mr-5{
	margin-right:5.5rem!important
}
/* Appointment Button End */

.idms-btn-h32{ 
	height: 32px;
}

.idms-btn-h32-ico-outline{ 
	color: var(--idms-grey);
	font-size: 0.875rem;
	border-radius: 4px;
	border-width:1px;
	border-color: var(--idms-green);
	padding: 0px 12px;
	cursor: pointer;
	background-color:#ffffff;
    text-align: left;
	padding-top:0.1em;
}

.idms-btn-h32-ico-grey-outline{ 
	color: var(--idms-grey);
	font-size: 0.875rem;
	border-radius: 4px;
	border-width:1px;
	border-color: var(--idms-green);
	padding: 0px 12px;
	cursor: pointer;
	background-color:#ffffff;
    text-align: left;
	padding-top:0.1em;
}

.idms-btn-h32-ico-red-outline{
	color: var(--idms-grey);
	font-size: 14px;
	border-radius: 4px;
	border-width:1px;
	border-color: var(--idms-red);
	padding: 0px 12px;
	cursor: pointer;
	background-color:#ffffff;
	text-align: left;
}

.idms-btn-h32-ico-grey-outline{
	color: var(--idms-grey);
	font-size: 14px;
	border-radius: 4px;
	border-width:1px;
	border-color: var(--idms-grey);
	padding: 0px 12px;
	cursor: pointer;
	background-color:#ffffff;
	text-align: left;
}

.idms-btn-h32-icon{
	width: 22px;
	height:22px;
	margin-bottom:1px;
	padding: 5px;
	background-image: url("../icons/ico-green-bg.svg");
}

/* --------- Icons with Rounded Background ---------*/
.idms-icon-bg40{
	height: 40px;
	width:40px;
  border-radius: 50%;
  padding: 10px;
  display:flex;
}

/*Only Waive S&D is using*/
.idms-icon-bg40-2{
	height: 40px;
	width:40px;
  border-radius: 50%;
  padding: 6px;
  display:flex;
}

.idms-icon-bg-green{
	background:var(--idms-green);
}

.idms-icon-bg-red{
	background:var(--idms-red);
}

.idms-icon-bg-grey{
	background:var(--idms-grey);
}

/*Only Waive S&D is using*/
.idms-icon-bg-grey-disabled{
	background:var(--idms-grey-disabled);
}

.idms-icon-bg30{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 6px;
	display:flex;
}

.idms-icon-bg-green2 {
  background-image: url("../icons/ico-green-bg.svg");
}

.idms-icon-bg-red2{
  background-image: url("../icons/ico-red-bg.svg");
}

.idms-icon-bg-grey2 {
  background-image: url("../icons/ico-grey-bg.svg");
}

/* AI only*/
.idms-icon-bg26{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  padding: 7px;
	display:flex;
}

.idms-icon-bg-blue2 {
  background-image: url("../icons/ai/ico-blue-bg.svg");
}

/* End of AI only*/

.idms-icon-bg24 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  padding: 5px;
  display:flex;
}
/* --------- End of Icons with Rounded Background ---------*/

/* --------- Main Tab  --------- */
.idms-tabs{
	padding-top:1.125rem;
}

.idms-tabs-radius{
		 border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.idms-tabs .idms-item.show .idms-link, .idms-tabs .idms-link.active {
	color: var(--idms-green);
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
	opacity:1.0;
	border-top-width:8px;
	border-top-color:var(--idms-green);
	box-shadow: 0px -2px 5px #00000020;
}

.idms-tabs .idms-link {
	background-color:#F5F5F5;
    margin-bottom: -1px;
    border: 1px solid transparent;
	color: var(--idms-grey);
	opacity:0.8;
	border-top-width:8px;
	border-top-color:#f5f5f5;
	padding:10px;
	margin-right:8px;
	text-decoration: none;
	border-bottom:1px solid #dddddd;
}

.idms-tabs > label {
    position: relative;
    display: inline-block;
    padding: 11px 10px 10px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    margin-bottom: -.5em;
    background-color: #F5F5F5;
    color: var(--idms-grey);
	opacity: 0.8;
}

.idms-tabs > label::after {
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    padding-bottom: -8px;
	margin-top: -12px;
	border-top-width:8px;
	border-top-color:var(--idms-green);
}

.idms-hover > li > a:hover {
    border-top-width:8px;
	border-top-color:var(--idms-green);
	color:var(--idms-green);
	opacity:1.0;
}

.idms-tab-content>.active {
    display: block;
    padding: 20px 20px;
	margin-top: 7px;
    background-color: #ffffff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
	box-shadow: 0px 3px 6px #0000003d;
	border-top: 1px solid #ccc;
}

/* --------- End of Main Tab --------- */


/* --------- Sub Tab  --------- */
.idms-nav-pills .idms-nav-link.active, .idms-nav-pills .show>.idms-nav-link {
    color: #fff;
    background-color: var(--idms-blue);
	opacity:1;
	text-decoration: none;
}

.idms-nav-pills .idms-nav-link {
    padding: 5px 20px;
	text-decoration: none;
}

.idms-nav-link {
	color: var(--idms-blue);
		opacity:0.8;
}

.idms-pills-hover > li > a:hover {
	color:#ffffff;
	background-color:var(--idms-blue);
	opacity:1.0;
}
	
.idms-sub-vertical-line{
	 display: inline-block;
     border-right: 1px solid var(--idms-blue);
     height: auto;
}

.idms-sub-left{
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	border: 1px solid  var(--idms-blue);
	border-right: 0px;	
}

.idms-sub-center{
	border: 1px solid  var(--idms-blue);
}

.idms-sub-right{
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
	border: 1px solid  var(--idms-blue);
	border-left: 0px;
}

/* --------- End of Sub Tab  --------- */

/* --------- Card --------- */
.idms-card {
  height: auto;
  width: auto;
  background: #ffffff;
  border-radius: 20px;
  border:1px solid #F4F4F4;
  padding:30px;
}
/* --------- End of Card --------- */

/* --------- Form --------- */
.idms-form-control {
    display: block;
    width: 100%;
    height:38px;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: var(--idms-grey);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.idms-form-control:disabled, .idms-form-control[readonly] {
    background-color: #F4F4F4;
    opacity: 1;
}
::placeholder {
  color: #909090;
  opacity: 1; 
}


/* Invalid */

.form-control.is-invalid,.was-validated .form-control:invalid{
	border-color:#dc3545;
	padding-right:calc(1.5em + .75rem);
	background-image:url("../icons/ico-comm-error.svg");
	background-repeat:no-repeat;
	background-position:right calc(.375em + .1875rem) center;
	background-size:calc(.75em + .375rem) calc(.75em + .375rem)
}

/* End of Invalid */



/* Check Box */
.idms-checkbox {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.idms-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* --------- Create a custom checkbox  --------- */
.idms-tick {
  position:absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #454545;
  border-radius: 4px;
}

.idms-checkbox input:checked ~ .idms-tick {
  background-color: #454545;
}

.idms-tick:after {
  content: "";
  position: absolute;
  display: none;
}

.idms-checkbox input:checked ~ .idms-tick:after {
  display: block;
}

.idms-checkbox .idms-tick:after {
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* --------- End of Form  --------- */

/* --------- Radio Button  ---------  */
.idms-control-label::before {
    background-color:#FFFFFF;
	border: var(--idms-green) solid 1px;
}

.custom-control-input:checked ~ .custom-control-label::before {
	background-image: url("../icons/ico-bg-radio.svg");
	background-size: 0.5rem;
	background-position: center;
    background-repeat: no-repeat;
	z-index:2;
  	border-color: var(--idms-green);
  	background-color: #FFFFFF;
}
/* --------- End of Radio Button  --------- */

/* --------- Daterangepicker ---------  */
.idms-daterangepicker{
	padding: 0px 40px 0px 14px;
	background: url("../icons/ico-calendar-grey.svg") no-repeat right;
	background-size: 1.125rem;
	background-position: 212px 8px !important;
	border:1px solid var(--idms-grey);
	border-radius:5px;
	width:246px;
	height:38px;
}

.idms-disable-highlight{
	outline: none !important;
}
/* --------- End of Daterangepicker --------- */