@charset "utf-8";
/* CSS Document */
/* Form CSS Start *********************/

.border-top-dashed {
    border-top: 1px dashed #c4c9cc;
}

[type="checkbox"] + label::before, [type="checkbox"]:not(.filled-in) + label::after {
    border: 1px solid #899096;

}

[type="radio"]:not(:checked) + label::before, [type="radio"]:not(:checked) + label::after {
    border: 1px solid #899096;
}

[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::before, .with-gap[type="radio"]:checked + label::after {
    border: 1px solid #899096;
}

[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::after {
    background-color: #899096;
    z-index: 0;
}



.upload-logo{ border:1px solid #cecece; background:#fff; height:200px; width:200px; position:relative; text-align:center;}

.selected
{
    /* color: #F8F8F8;
    background: #EA8511;
    border: 1px solid #EA8511;
    cursor: text;
    -moz-box-shadow: 5px 5px 8px #888;
    -webkit-box-shadow: 5px 5px 8px #888;
    box-shadow: 5px 5px 8px #888; */
}

    .selected:hover
    {
        color: #F8F8F8;
        background: #EA8511;
    }

.disabled
{
    color: #CCCCCC;
    background: #F8F8F8;
    border: 1px solid #CCC;
    cursor: text;
}

.disabled:hover
    {
        color: #CCCCCC !important;
        background: #F8F8F8 !important;
    }


.select-wrapper span.caret {
    border-top: 0 none;
    bottom: 33px;
    color: #393939;
    font-size: 20px;
    position: absolute;
    right: 23px;
}


.ie8checkbox{ padding-top:5px;}
.switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #3088c1;
    left: 24px;
}

.switch label input[type="checkbox"]:checked + .lever {
    background-color:rgba(48, 136, 193, 0.4);
}

/*input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="time"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea.materialize-textarea
{
	height:100%;
	position:absolute;

	}*/

.radio-box, .check-box {
	position:relative;
	display:inline-block;
	margin-right:5px;
}

.radio-box label, .check-box label {
	font-size:13px !important;
	font-weight:normal;
	width: 100%;
	color:#38414a;
}

/*.radio-box span{
	position:relative;
	top:12px;
}*/
/* Checkbox CSS End *********************/

.upload-photo {
	background: #fff;
	border: 1px solid #cecece;
	float: left;
	overflow: hidden;
	width: 137px;
	height: 129px;
}
.fields-holder {
	margin-left: 160px;
	background: #fff;
	border: 1px solid #cecece;
}
.margin-left-no {
	margin-left: 0px;
}
.fieldset-height {
	height: 64px;
}
.form-row {
	margin-bottom: 20px;
}

.padding-right-left-none {
	padding-right: 0px !important;
	padding-left: 0px !important;

}


.lable-name {
	color: #00679c;
	display: block;
	font-size: 13px;
	padding: 5px 0 5px 20px;
}
.input-field {
	margin-top: 0px;
	position: relative;
}

.input-field label.active {
	font-size: 13px;
	-webkit-transform: translateY(-40%);
	transform: translateY(-40%);
	color: #00679c;
}
.supred {
	color: #FF0000;
	font-size:15px;
	top:5px;
	left:3px;
}
.form-button-holder {
	margin-bottom: 20px;
}
.effectivedate {
	padding: 10px 0px;
	color: #444444;
	font-size: 13px;
	margin-bottom: 20px;
	border-bottom: dashed 1px #a9b0b5;
}
.effectivedate span {
	color: #a9b0b5;
	font-size: 11px;
}

.select-wrapper li.selected{ background: #f0f0f0; /* EA8511 */
	border: 1px solid #f0f0f0;
	-moz-box-shadow:none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}





.theme-block{ float:left; margin-right:20px; width:62px; height:62px; border:4px solid #fff; position:relative;	cursor:pointer;	 }
.blue-color{ background:#09a0db; border:4px solid #09a0db;}
.green-color{ background:#468966; border:4px solid #468966;}
.red-color{ background:#f2385a; border:4px solid #f2385a;}
.theme-block:hover{  border:4px solid #fff; box-shadow: 1px 1px 1px 1px #c6c6c6;}

.select-theme{
	border:4px solid #fff;
	box-shadow: 1px 1px 1px 1px #c6c6c6;

}

.select-theme:after{
	content: '';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	position: absolute;
	left: 0px;
	bottom: -8px;
	color:#fff;
	font-size:21px;

}

.module-name{ width:100px; height:93px; position:relative; background:#fff; box-shadow: 0.4px 0.4px 0.4px 0.4px #c6c6c6; float:left; margin-right:15px; cursor:pointer;}
.module-name span{ position:absolute; bottom:10px; width:100%; text-align:center;}

.module-name.recruit:after {
	content: "\43";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 20px;
	top: -6px;
	font-size: 62px
}

.module-name.ats:after {
	content: "\43";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 20px;
	top: -6px;
	font-size: 62px
}

.module-name.onboard:after {
	content: "\72";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 20px;
	top: -6px;
	font-size: 57px
}
.module-name.benadmin:after {
	content: "\6f";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 17px;
	top: -6px;
	font-size: 57px
}
.module-name.exchange:after {
	content: "\41";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 17px;
	top: -6px;
	font-size: 53px
}
.module-name.wellness:after {
	content: "\61";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 19px;
	top: -6px;
	font-size: 53px
}

.module-holder{ width:100px; height:93px; position:relative; background:#fff; box-shadow: 0.4px 0.4px 0.4px 0.4px #c6c6c6; float:left; margin-right:15px; cursor:pointer;}
.module-holder span{ position:absolute; bottom:10px; width:100%; text-align:center;}

.module-holder.platform:after {
	content: "\e0d9";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 42px;
	top: 8px;
	font-size: 75px
}
.module-holder.aca:after, .disabled-module-tile.aca:after {
	content: "\e030";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 42px;
	top: 8px;
	font-size: 75px
}
.module-holder.exchange:after {
	content: "\41";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 40px;
	top: 2px;
	font-size: 80px;
}
.module-holder.benadmin:after {
	content: "\6f";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 40px;
	top: 7px;
	font-size: 77px;
}

.module-holder.recruit:after {
	content: "\43";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 34px;
	top: 5px;
	font-size: 87px;
}
.module-holder.ats:after {
	content: "\43";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 34px;
	top: 5px;
	font-size: 87px;
}
.module-holder.wellness:after {
	content: "\61";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 44px;
	top: 7px;
	font-size: 77px;
}
.module-holder.onboard:after {
	content: "\72";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 41px;
	top: 7px;
	font-size: 81px
}
.module-holder.performance:after {
	content: "\7a";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 41px;
	top: 7px;
	font-size: 81px
}

.module-holder.core:after {
	content: "\4c";
	font-family: "custom-icon";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: 42px;
	top: 8px;
	font-size: 75px
}
.select-module {
	background: #85cf3c;
	color: #fff !important;
	border: 4px solid #fff;
	color: #fff;
	width: 100px;
	height: 93px;
	position: relative;
}
.select-module:before {
	content: '';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	position: absolute;
	left: -2px;
	bottom: -8px;
	color: #fff;
	font-size: 21px;
}

.disabled-module-tile {
	position: relative;
}
 .disabled-module-tile span {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

a.disabled-module-tile  {
    color: #F8F8F8 !important;
    background: #ccc !important;
    cursor: not-allowed;
    border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    1px 1px 1px 0px rgba(50, 50, 50, 0.40);
	box-shadow:         1px 1px 1px 0px rgba(50, 50, 50, 0.40);
}

a.disabled-module-tile:hover {
	color: #F8F8F8 !important;
    background: #ccc !important;
    cursor: not-allowed;
    border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    1px 1px 1px 0px rgba(50, 50, 50, 0.40);
	box-shadow:         1px 1px 1px 0px rgba(50, 50, 50, 0.40);
}

.disabled-default-selectedmodule {
   cursor: not-allowed;
    color: #F8F8F8 !important;
    background: #ccc;
}

.multipleselect{ height:auto;}
.multipleselect input.select-dropdown { display:none;}
.multipleselect .caret{display:none;}
.multipleselect .initialized {display:block;}
.multipleselect .select-wrapper { padding-top:0px;}
.multipleselect  option { padding:10px 10px; border-bottom:1px solid #DBDBDB;}

.multipleselect select{ height:100px !important; display:block;}

.uploadimg{ position:absolute; bottom:20px; left:13px;}