@charset "utf-8";

/* CSS Document */
body {
    background: #f1f1f1;
    font-family: Lato !important;
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    color: #38414a;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 10px;
}

h4, .h4 {
    font-size: 16px;
}

a:hover, a:focus {
    text-decoration: none;
}

.icon {
    margin: 0px;
}

hr{

margin-top:10px;
margin-bottom:10px;	
border:1px solid #ccc
}
.border-field.disabled:hover  {
border:1px solid #d1d1d1;

}

/********************************************************************************/
/* layout CSS Start */
/********************************************************************************/

/* fixedheader Start */
.fixedheader {
    position: fixed;
    width: 100%;
    top: 0px;
   /*  z-index: 1000; */
   z-index: 999;
}

.wt-header {
    background: #fff;
    display: table;
    width: 100%;
}

.wt-header-box {
    padding: 0px 15px 0px 0px;
    position: relative;
    width: 100%;
    display: table-cell;
	border-bottom: 2px solid #1280a1;
}

.logo-box {
    display: inline-block;
    line-height: 44px;
}

.company-logo {
    position: relative;
    height: 29px;
    vertical-align: middle;
    border-right: 1px solid #e5e5e5;
    padding-right: 15px;
    margin-left: 10px;
}

.company-logo-home {
    position: relative;
    vertical-align: middle;
    border-right: 1px solid #e5e5e5;
    padding-right: 14px;
    /*margin-left: 5px;*/	
    margin-left: 15px;
    display: inline-block;
    font-size: 20px;
    line-height: 29px;
}

.clent-img-sml {
    position: relative;
    height: 29px;
    vertical-align: middle;
    margin: 0px 10px;
}

.wt-logo-title {
    color: #182642;
    font-size: 15px;
    vertical-align: middle;
    /*margin-left: 15px;*/
    display: inline-block;
}

.wt-logo-title-action {
    font-size: 11px;
    margin: 0px 15px;
}
/* fixedheader End */

/* header-loginpartner Start */
.header-loginpartner {
    float: right;
    display: inline-block;
    font-size: 12px;
    margin-top: 0px;
}

    .header-loginpartner .navbar-nav li {
        padding: 0px 15px 0px;
        line-height: 47px;
    }

        .header-loginpartner .navbar-nav li a {
            padding: 0px;
            line-height: normal;
        }

    .header-loginpartner .dropdown-menu li {
        padding: 0px;
        font-size: 12px;
    }

        .header-loginpartner .dropdown-menu li a {
            padding: 8px 10px;
        }

    .header-loginpartner .partner-settings-header.open, .header-loginpartner .partner-settings-header.close {
        background: none;
        height: auto;
    }

    .header-loginpartner .navbar-nav li a:hover, .header-loginpartner .navbar-nav li a:focus, .header-loginpartner .navbar-nav li .open a, .header-loginpartner .navbar-nav li .open a:hover, .header-loginpartner .navbar-nav li .open a:focus {
        background: none;
    }

    .header-loginpartner .dropdown-menu {
        border: 0px;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.176);
        width: 100%;
    }

.partner-settings-header {
    padding: 0px 0px 0px 5px;
    font-size: 13px;
}

.header-loginpartner .bg-danger {
    background: #FF0000;
    color: #fff;
    font-size: 14px;
}
/* header-loginpartner End */

/* mega-dropdown-menu Start */
.megadropdown-scroll {
    height: 100%;
    width: 250px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
}

.top-menu {
    width: 100%;
}

    .top-menu .navbar {
        border-radius: 0px;
    }

    .top-menu .navbar-inverse {
        border: 0px solid #182641;
    }

    .top-menu .mega-dropdown-menu {
        height: auto;
	border: 0px solid #182641;
	border-radius: 0px;
	padding-bottom: 20px;
	-webkit-box-shadow: 0px 9px 5px -3px rgba(168,168,168,1);
-moz-box-shadow: 0px 9px 5px -3px rgba(168,168,168,1);
box-shadow: 0px 9px 5px -3px rgba(168,168,168,1);
}
    

    .top-menu .navbar-collapse {
        padding-left: 0px;
    }

    .top-menu .mega-dropdown:hover {
        webkit-transition-duration: 0.8s;
        transition-duration: 0.8s;
    }

.caret1 {
    margin-left: 8px;
    font-size: 16px;
    position: relative;
    top: 1px;
}

.top-menu .navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 16px;
    font-weight: 300;
    line-height:12px;
}

.top-menu .navbar-nav > li {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    float: left;
}

.top-menu .navbar {
    min-height: 5px;
}

.top-menu .mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    padding: 20px 20px 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.top-menu .mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

    .top-menu .mega-dropdown-menu > li > ul > li {
        list-style: none;
    }


        .top-menu .mega-dropdown-menu > li > ul > li > a {
            display: block;
            color: #222;
            padding: 3px 5px;
        }

.top-menu .mega-dropdown-menu > li ul > li > a:hover, .top-menu .mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
}

.top-menu .mega-dropdown-menu .dropdown-header {
    font-size: 18px;
    color: #ff3546;
    padding: 5px 60px 5px 5px;
    line-height: 30px;
}

.top-menu .carousel-control {
    width: 30px;
    height: 30px;
    top: -35px;
}

.top-menu .left.carousel-control {
    right: 30px;
    left: inherit;
}

.top-menu .carousel-control .glyphicon-chevron-left, .top-menu .carousel-control .glyphicon-chevron-right {
    font-size: 12px;
    background-color: #fff;
    line-height: 30px;
    text-shadow: none;
    color: #333;
    border: 1px solid #ddd;
}

.searchhholder {
    width: 272px;
    float: right;
    margin-top: 6px;
    margin-bottom: 6px;
}

input.input-textbox-search {
    border-top-left-radius: 4px;
    height: 34px;
    color: #87949c;
   /* margin-top: -3px;*/
    border-bottom-left-radius: 4px;
    border: 1px solid #fff;
    width: calc(100% - 53px);
    padding: 0px 9px 0px 8px;
    background: #fff;
    position: relative;
    border-bottom: 0px solid #fff !important;
    /*margin-right: -3px;*/
	float:left;
}
 .input-textbox-search-top {position: relative;border: 1px solid #d0d0d0;height: 34px;margin-right: 145px;}
.search-button {
    padding: 0px 18px 0px 18px;
    height: 34px;
    border: 0px solid #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	float:left;
}

.input-textbox-search::placeholder {
    color: #777777;
}

.autocompletelist {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: -1px;
    list-style: outside none none;
    margin: 0 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 32px;
    z-index: 1000;
    color: #777777;
    width: 269px;
    height: 420px;
}

    .autocompletelist li {
        border-bottom: none;
        padding: 7px 20px;
    }

.selectcompany-searchbox-input input:not([type]),
.selectcompany-searchbox-input input[type="text"],
.selectcompany-searchbox-input input[type="search"] {
    padding-top: 0px!important;
    padding-right: 36px!important;
}

.frequentlyused-tile {
	float: left;
	width: 256px;
}

.frequentlyused-tile .tile {
	background: #fff;
	width: 100px;
	height: 100px;
	float: left;
	margin: 6px;
	font-size: 12px;
	border:1px solid #d6d6d6;
	cursor:pointer;
	-webkit-box-shadow: 0px 2px 2px -1px rgba(199,199,199,1);
	-moz-box-shadow: 0px 2px 2px -1px rgba(199,199,199,1);
	box-shadow: 0px 2px 2px -1px rgba(199,199,199,1);
	}
	
.frequentlyused-tile .tile:hover {
	cursor: pointer;
}
.frequentlyused-tile .tile-none {
	background: rgba(255, 255, 255, 0.1);
	border: 1px dashed rgba(255, 255, 255, 0.5);
	width: 100px;
	height: 100px;
	float: left;
	display: block;
	margin: 6px;
	box-sizing: border-box;
}
.frequentlyused-tile .tile-icon {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 44px;
	width: 100px;
	height: 50px;
	margin-top: 8px;
	float: left;
	overflow: hidden;
}
.frequentlyused-tile .tile-title {
	text-align: left;
    vertical-align: middle;
    display: inline-block;
    font-size: 12px;
    padding: 0px 7px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    bottom: 0px;
   	display: -webkit-box;
	max-width: 100%;
	height: 36px;
	margin: 0 auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mega-dropdown-menu h2 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    margin: 0px;
    color: #fff;
}


/* mega-dropdown-menu End */

/* footer Start */
.footer {
    position: fixed;
    bottom: 0px;
    height: auto;
    padding: 0px 8px;
    width: 100%;
    line-height: 44px;
    padding-left: 15px;
    font-size: 12px;
    z-index: 203;
}

.footer-logo {
    float: right;
}

    .footer-logo img {
        /*height: 40px;*/
        height: 30px;
		margin-top:8px;
    }
/* footer End */

/* signature Start added by Akshay */
.signaturebox {
	height:100px;
	width:100%;
	text-align:center; 
	vertical-align:middle;
	color:#E0E0E0;
	display:table;
	margin-right:1px;	
}
.signaturebox-mid {
	height:100px;
	width:100%;
	text-align:center; 
	vertical-align:middle;
	display:table-cell;	
}
canvas{
	background: #f1f1f1!important;
	height: 100px;
}
#signatureparent{
	  padding-top: 0px; 
}

.jSignature
{
	height:150px!important;
}
textarea {
	height: 98px;
	padding:0.4rem 0.75rem;
	line-height:22px;
}
/* signature End */


/* breadcrumb Start */
.breadcrumb {
    font-size: 12px;
    margin-bottom: -18px;
    padding: 8px 0px;
}

    .breadcrumb > li + li::before {
        content: "\f105";
        font-family: FontAwesome;
    }
/* breadcrumb Start */

/* navigation-link Start */
.navigation-link ul li {
    list-style: none;
}

.navigation-link ul ul {
    display: none;
}

.navigation-link > ul > li {
    position: relative;
}

.navigation-link ul li a {
    display: block;
    text-decoration: none;
    outline: none;
    padding: 6px;
    font-size: 13px;
}

.navigation-link > ul > li > a {
    padding-right: 35px;
    box-sizing: border-box;
}

.navigation-link > ul > li > ul > li > a {
    padding-right: 35px;
    padding-left: 20px;
    box-sizing: border-box;
}

.navigation-link > ul > li > ul > li > ul > li > a {
    padding-right: 35px;
    padding-left: 40px;
    box-sizing: border-box;
}

.navigation-link > ul > li > ul > li > ul > li > ul > li > a {
    padding-right: 35px;
    padding-left: 50px;
    box-sizing: border-box;
}

.navigation-link ul li a[data-option='on']:before {
    content: "\f068";
    font-family: FontAwesome;
    font-size: 14px;
    float: right;
    position: relative;
    right: -24px;
    top: 0px;
}

.navigation-link ul li a[data-option='off']:after {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 14px;
    float: right;
    position: relative;
    right: -24px;
    top: 0px;
}

.open, .close {
    height: auto;
    background: none;
}

.megadropdown_scroller {
    height: 340px;
    width: 100%;
}
/* navigation-link End */

.container-fluid {
    padding-bottom: 50px;
    position: relative;
    box-sizing: border-box;
}

.form-row-titlebox {
    margin-bottom: 20px;
}

.dropdown-menu > li > a { color:#287ab9; font-size:14px;}
.dropdown-menu > li > a:hover { color:#09a0db; font-size:14px;}

.globalsetting-dropdown {
    float: right;
    border-right: 1px solid #ccc;
    padding-right: 42px;
    margin-top: 13px;
}

.menu-link-header {
    padding: 3px 20px;
    font-weight: bold;
}

.breadcrumbholder {
            background: #f1f1f1;
            position: fixed;
            z-index: 900;
            width: 100%;
            top: 93px;
            overflow: hidden;
            height: 31px;
        }

        .fixedheader .navbar {
            margin-bottom: 0px;
        }

        .mega-dropdown-menu h2 {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    margin: 0px;
    color: #393939;
    }
        .mega-dropdown-menu .linklist a {
    display: block;
    padding: 5px 8px;
    font-size: 13px;
    color: #287ab9;
}
	.linklist
	{
		margin-bottom:20px;
	}

        .globalsetting-dropdown{ 
  float: right;
    border-right: 1px solid #ccc;
    padding-right: 42px;
    margin-top: 13px;
}

.globalsetting-dropdown .dropdown-menu {
    border: 0px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.176);
    width: 100%;
}
.globalsetting-dropdown .navbar-nav > li > .dropdown-menu{ margin-top:14px;}

.top-drodown-arrow{ 
 font-size:16px;
 
}

.globalsetting-dropdown .dropdown-menu li a{ padding: 8px 20px; display:block}
.globalsetting-dropdown .dropdown-menu li a:hover { background:#f5f5f5;}

.dropdown-menu > li > a { color:#287ab9; font-size:14px;}
.dropdown-menu > li > a:hover { color:#09a0db; font-size:14px;}

.menu-link-header { padding:3px 20px; font-weight:bold;}



/********************************************************************************/
/* layout CSS End */
/********************************************************************************/


/********************************************************************************/
/* Page level CSS Start */
/********************************************************************************/

/* Welcome Page CSS */
.user-welcome {
    border-radius: 4px;
	overflow: hidden;
    overflow-y: hidden;
	overflow-x: hidden;	
    position: relative;
    border: 1px solid #fff;
}

.background-black-rgb {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.user-welcome-left {
    box-sizing: border-box;
    height: 100%;
    padding:15px;
    position: absolute;
    z-index: 10;
	word-wrap: break-word;
}

.user-welcome-title {
    font-size: 22px;
    color: #fff;
}

    .user-welcome-title span {
        color: #83b241;
        font-weight: bold;
    }

.brand-company-sml-logo {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
	height:76px;
	width:220px;
}

.VideoMainBoxCB {
	margin-top:110px;
}

.welcome-dec {
	color: #fff;
	height: 62%;
	overflow: hidden;
}

.list-banner li {
	padding-bottom: 5px;
	display:block;
}

.starbtn {
	width: 200px;
	margin-top: 30px;
}

.user-welcome-right {
	box-sizing: border-box;
	height: 100%;
	padding: 0 40px;
	position: absolute;
	z-index: 10;
	right:0;
}
.homevideobox {
	width:100%;
	height:100%;
	position:relative;	
}
.homevideobox-list { 	
	position: relative;
    padding: 10px;
    display: block;
    float: left;
    top: 0;
    text-align: center;
    width: 100%;
}
.welcome-dec-btn { 
	position:absolute; 
	bottom:5%; 
	width:80%;
	text-align:center;
}
/* Welcome Page END CSS */

/* Modal Popup Start */
.modal {
    background-color: transparent;
    border-radius: 2px;
    display: none;
    left: 0;
    margin: auto;
    max-height: 100%;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    right: 0;
    width: 100%;
    will-change: top, opacity;
}

.z-depth-4, .modal {
    box-shadow: none;
}

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

.popupcustome-footer {
    position: relative;
    z-index: 1000;
}
/* Modal Popup End */

/* Enroll Now Page CSS Start */
.enrollnow-list-box {
    display: block;
    width: 100%;
    border-radius: 8px;
    margin-top: 10px;
}

.enrollnow-plan-short-description {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

.enrollnow-plan-description {
    box-sizing: border-box;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: -2px;
    margin-bottom: 3px;
}

.enroll-list-left {
    display: table-cell;
    float: left;
    padding: 2px 10px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.enroll-list-right {
    display: table-cell;
    float: right;
    padding: 10px;
    box-sizing: border-box;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.table-row {
    display: table;
    width: 100%;
}

.display-flex {
    display: block;
}

.plan-text {
    margin-top: 21px;
    display: inline-block;
}

.plan-count-box {
    width: auto;
    position: relative;
}

.plan-count {
    width: 100%;
    display: inline;
    height: 30px;
}

.enrollnow-page-button {
    width: 160px;
    margin-top: 13px;
    margin-right: 0px;
}

.plan-details-box {
    padding: 0px 15px;
}

.plan-details-box-fullview {
    padding: 11px 25px 10px;
}

.plan-icon {
	color: #fff;
	margin: 0px 15px 0px 0px;
	top: 2px;
	display: inline-block;
	position: relative;
	background:#77818A;
	border-radius:50%;
	padding:8px 10px 3px 10px;
}

.plan-logo {
    color: #babdc0;
    margin: 10px 20px 10px 5px;
    display: inline-block;
}
.plan-logoResponsive {
    width: 100px;
    height: auto;
    overflow:hidden;
}
.plan-logoResponsive img {
    height: 100%;
    width: 100%;
}

.recommended-plan-logo {
	color: #babdc0;
	display: block;
	float: left;
	height: 120px;
	width: 93px;
	margin-right: 20px;
	text-align: center;
	background: #ffffff;
	border-radius: 0 0 0 8px;
	
}

.plan-logo-smlbox {
    width: 108px;
    height: 53px;
    overflow: hidden;
	object-fit: contain;
}

.planselected-holder .plan-icon {
    color: #fff;
}

.plan-name {
    margin: 4px 0px 10px 0px;
    padding: 0px;
    line-height: 30px;
    font-size: 22px;
}

.planselected {
    margin-top: 18px;
    overflow: hidden;
    display: block;
    text-align: right;
}

    .planselected i {
        display: inline-block;
    }

    .planselected span {
        display: inline-block;
        margin-top: 1px;
    }

.plan-option-list-title {
    margin-top: 10px;
}

.plan-option-list-subtitle {
    /*margin-top: 10px;*/
    color: #b1b1b1;
}

.plan-option-list-name {
    color: #7e8284;
    margin-bottom: 15px;
}

.contribution {
    margin-top: 15px;
}

.employer-contribution {
    color: #a3abb0;
}

.plan-resources {
    margin: 10px 0px;
}

.plan-resources-icon {
    font-size: 18px;
}

.plan-resources-type {
    /* border-bottom: 1px solid #3593af; */
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-left: 30px;
    padding: 10px 0px;
}

.benefit-banner-collapse {
    padding: 10px 14px;
    right: 0px;
}

.benefit-banner {
}

.img-responsive {
    height: 100%;
    width: 100%;
}

.benefit-banner-compare-plan {
    border-radius: 30px 0px 0px 0px;
    -moz-border-radius: 30px 0px 0px 0px;
    -webkit-border-radius: 30px 0px 0px 0px;
    padding: 10px 24px;
    right: 0px;
    bottom: 0px;
}

.covered-member-list ul {
    display: block;
    list-style-type: none;
    padding-left: 0px;
}

.covered-member-list li {
    display: inline-block;
    margin: 5px 5px 5px 0px;
    padding: 5px 10px;
    border-radius: 4px;
    text-align: center;
}

.covered-member-list li.coveredmember { 
	padding: 3px 6px;
}

.covered-member-list li.coveredmember .icon { 
 	font-size:16px;
	margin-right:4px;
}
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i { 
 	font-size:16px;
}
.bulletlist ul li{
	list-style-type: disc;
	list-style:unset;
	
}

.bulletlist ul{
	list-style-type: disc;
	list-style:initial;
}
/* Enroll Now Page CSS End */


/* Xpress CSS Start */
.step-title {
    padding: 8px 0px 40px 0px;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 25px;
}

.xpress-wizard {
    background: #fff;
    border-top-style: solid;
    border-top-width: 4px;
    padding: 40px 30px 30px 30px;
    margin-bottom: 20px;
    position: relative;
    border-right: 2px #eeeeee solid !important;
    border-left: 2px #eeeeee solid !important;
    border-bottom: 2px #eeeeee solid !important;
    -webkit-box-shadow: 0px 2px 2px -1.5px rgba(61,61,61,1);
    -moz-box-shadow: 0px 2px 2px -1.5px rgba(61,61,61,1);
    box-shadow: 0px 2px 2px -1.5px rgba(61,61,61,1);
}

.wizard-title {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0px;
}

.xpress-checkbox {
    position: relative;
}

.xpress-wizard .filled-in[type="checkbox"]:checked + label::before {
    width: 9px;
}

.xpress-wizard .checklist-box .filled-in[type="checkbox"] + label::before, .xpress-wizard .checklist-box .filled-in[type="checkbox"] + label::after {
    content: "";
    left: 29px;
    position: absolute;
    top: 29px;
    transition: border 0.25s ease 0s, background-color 0.25s ease 0s, width 0.2s ease 0.1s, height 0.2s ease 0.1s, top 0.2s ease 0.1s, left 0.2s ease 0.1s;
}

.xpress-wizard .checklist-box [type="checkbox"] + label {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    height: 50px;
    width: 80px;
    padding: 40px;
    position: relative;
    margin: 0px;
    margin-top: 4px;
}

.checklist {
    font-size: 14px;
    padding: 20px 0px 0px 20px;
}

    .checklist span {
        font-size: 12px;
        color: #838e94;
        display: block;
    }

.checklist-box {
    padding: 0px 0px 0px 0px;
}

.checklist-box-title {
    padding: 20px 0px 20px 0px;
    color: #838e94;
    font-size: 12px;
}

.step-module-icon {
    position: absolute;
    z-index: 20px;
    min-width: 400px;
    top: -35px;
    left: 50%;
    margin-left: -200px;
    text-align: center;
}

    .step-module-icon .icon {
        position: absolute;
        z-index: 20;
        top: 10px;
        left: 12px;
        font-size: 45px;
        color: #fff;
        text-align: center;
    }

    .step-module-icon .iconholder {
        display: inline-block;
        width: 70px;
        height: 70px;
        margin-left: 5px;
        position: relative;
    }

        .step-module-icon .iconholder.selected {
            border: 0px;
            box-shadow: none;
        }

        .step-module-icon .iconholder .name {
            position: absolute;
            color: #485861;
            text-align: center;
            width: 70px;
            padding: 0px;
            font-weight: normal;
            font-size: 12px;
            position: absolute;
            top: -20px;
            text-transform: uppercase;
        }

.xpress-wizard .wizard-navigation {
    position: absolute;
    left: 0px;
    top: -43px;
}

    .xpress-wizard .wizard-navigation .done-step {
        width: 30px;
        height: 30px;
        display: inline-block;
        padding: 7px;
        color: #85ce3f;
        font-size: 18px;
        margin-right: 3px;
    }

        .xpress-wizard .wizard-navigation .done-step .inner {
            width: 18px;
            height: 18px;
            color: #85ce3f;
            font-size: 18px;
        }

            .xpress-wizard .wizard-navigation .done-step .inner i {
                position: relative;
                top: -5px;
            }

    .xpress-wizard .wizard-navigation .selected-step {
        width: 25px;
        height: 25px;
        display: inline-block;
        padding: 5px;
        text-align: center;
        border-radius: 30px;
        background: #c4dae1;
        margin-right: 8px;
    }

        .xpress-wizard .wizard-navigation .selected-step .inner {
            width: 15px;
            height: 15px;
            border-radius: 20px;
            background-color: #1280a1;
        }

            .xpress-wizard .wizard-navigation .selected-step .inner i {
                display: none;
            }

    .xpress-wizard .wizard-navigation .next-step {
        width: 25px;
        height: 25px;
        display: inline-block;
        padding: 5px;
        text-align: center;
        border-radius: 30px;
        margin-right: 8px;
    }

        .xpress-wizard .wizard-navigation .next-step .inner {
            width: 15px;
            height: 15px;
            border-radius: 20px;
            border: 2px solid #868686;
        }

            .xpress-wizard .wizard-navigation .next-step .inner i {
                display: none;
            }

.step-module-icon .done {
    background: #85ce3f;
}

    .step-module-icon .done .arrow-down {
        display: none;
    }

.step-module-icon .selected {
    background: #1280a1;
}

    .step-module-icon .selected .arrow-down {
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #1280a1;
        position: absolute;
        bottom: -12px;
        left: 15px;
    }

.step-module-icon .next {
    background: #868686;
}

    .step-module-icon .next.arrow-down {
        display: none;
    }

.steps-counter {
    padding: 30px 0px 0px 0px;
    font-size: 11px;
}

.sub-step {
    background: #fafafa;
    padding: 20px 30px 20px 30px;
    margin-top: 20px;
}

.xpress-wizard .sub-step .checklist-box [type="checkbox"] + label {
    padding: 0px;
}

.xpress-wizard .sub-step .checklist-box .filled-in[type="checkbox"] + label::before, .xpress-wizard .sub-step .checklist-box .filled-in[type="checkbox"] + label::after {
    left: 25px;
    top: 17px;
}

.form-button-holder .btn {
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 5px;
}

.lableName {
    color: #00679c;
    font-size: 12px;
	margin-bottom: 5px;
}

.lableName-textarea {
    color: #00679c;
    font-size: 13px;
	padding:5px 5px 5px 8px;
}

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

span.radio-lable {
    top: -14px;
    position: relative;
    font-size: 12px;
    color: #a6a6a6;
}

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

/* Fields Css Start */
.fields-container {
    background: #fff;
    border-left: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
}

.fields-row {
    border-bottom: 1px solid #d1d1d1;
}

.top-space-withoutnav {
    margin-top: 80px;
}

.container-fluid-maxwidth {
}
/* Fields Css End */

.container-fluid .icon {
    margin: 0px;
    background-position: 0px;
}
/* Fields Css End */

/* Hamburger Menu Start */
.hamburger-menu {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0px 10px;
}

.hamburger-icon {
    font-size: 20px;
    padding: 0px;
    margin: 0px;
}
/* Icon 4 */

.hamburger-sidenav {
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    z-index: 10001;
    transition: 0.5s;
}

    .hamburger-sidenav .closebtn {
        position: absolute;
        top: 8px;
        right: 8px;
        font-size: 20px;
    }

.hamburger-list {
    padding-left: 5px;
    display: block;
}
/* Hamburger Menu End */



/* Accordion CSS */
.wt-accordion span {
    padding: 0 !important;
    display: block;
}

.Accordion-Arrow {
    cursor: pointer;
    float: right;
    line-height: 4px;
    height: 15px !important;
    padding: 5px;
    text-align: center;
    width: 38px !important;
    font-size: 20px;
    font-family: FontAwesome;
    border-left: 1px solid #cdcdcd;
    margin-top: 15px;
}

    .Accordion-Arrow.Off:after, .Accordion-Arrow .Off:after, .Accordion-Arrow.close:after, .Accordion-Arrow .close:after  {
        content: "\f105";
    }

    .Accordion-Arrow.open:after, .Accordion-Arrow .open:after {
        content: "\f107";
    }


.accordion-content {
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
/* Accordion CSS End */

/* Selecr Company Search Box Start */
#SelectCompanytest .bootstrap-select.btn-group .dropdown-menu {
    background: #fff;
}

#SelectCompanytest .bs-searchbox input {
    position: relative;
    display: block;
    width: 100%;
    max-height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#SelectCompanytest .bootstrap-select > .dropdown-toggle, #SelectCompanytest .btn-group.open .dropdown-toggle {
    font-size: 11px;
    background: none;
    box-shadow: none;
}

#SelectCompanytest.bootstrap-select .dropdown-toggle:focus {
    outline: transparent;
    outline-offset: 0;
}

#SelectCompanytest .dropdown-menu .inner {
    height: 300px;
}
/* Selecr Company Search Box End */

/* selectcompany-searchbox Start */
.selectcompany-searchbox {
}

    .selectcompany-searchbox li {
        border-bottom: 1px solid #CCCCCC;
        cursor: pointer;
        padding: 5px 10px;
        width: 100%;
        display: table;
        font-size: 13px;
    }

        .selectcompany-searchbox li:hover {
            background-color: #eee;
        }

.selectcompany-smlimg {
    display: table-cell;
    width: 42px;
    vertical-align: middle;
}

.selectcompany-searchbox-cont {
    display: table-cell;
    position: relative;
    min-height: 30px;
    /* top: 5px; */
    width: 100%;
    /* padding-left: 10px; */
    box-sizing: border-box;
    vertical-align: middle;
}

.selectcompany-smlicon {
    position: relative;
    height: 39px;
    width: 40px;
    font-size: 26px;
    border: 1px solid #ccc;
    padding: 1px;
    box-sizing: border-box;
    vertical-align: middle;
}
/* selectcompany-searchbox End */

/* Add Beneficiary CSS Start */
.blue-note {
    background-color: #e2e9ed;
    color: #2f89c3;
    border-color: #2f89c3;
}

.round-corner-rt-icons {
    padding: 5px;
    text-align: center;
}

    .round-corner-rt-icons .fa-question-circle, .round-corner-rt-icons .fa-print {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

.beneficiary-plan-logo {
    width: 106px;
}

.border-radius2 {
    border-radius: 2px;
}

.border-radius4 {
    border-radius: 4px;
}

.border-radius6 {
    border-radius: 6px;
}

.border-radius8 {
    border-radius: 8px;
}

.border-radius10 {
    border-radius: 10px;
}

.border-bottom-dashed1-grey2 {
    border-bottom: 1px dashed #a3abb0;
}

.border-dashed1-grey2 {
    border: 1px dashed #a3abb0;
}

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

/* popup 1.1 */
.popup-contenr {
    width: 690px;
}

.full-width-positive-msg {
    left: 0px;
    right: 0px;
    position: absolute;
}

    .full-width-positive-msg .btn {
        border: 2px solid #ffffff;
        background: transparent;
        color: #ffffff;
    }

.popup-accordion .ui-accordion-header {
    margin-bottom: 0px;
}

.popup-accordion .ui-widget-content {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.width-auto {
    width: auto;
}

.popup_scroller {
    height: 400px;
    overflow: auto;
}

.popup-tabs .form-content .contentHolder {
    padding-bottom: 0px;
}
/* Popup 2 tabs control CSS Start */

.popup-wizard-container {
    float: left;
    position: relative;
    background-color: transparent;
    border-bottom: 2px solid #d5d5d5 !important;
}

    .popup-wizard-container ul .wizard-list {
        float: left;
        width: 50%;
        height: 50px;
        padding: 0px 0px 0 0px;
        cursor: pointer;
        margin: 0px;
    }

        .popup-wizard-container ul .wizard-list a .wizard_name {
            width: 100%;
        }

.popup-contenr-tab .popup-wizard-container ul li a {
    width: 100%;
}

.popup-contenr-tab .ActiveWizard .wizard_name {
    color: #1280a1 !important;
}

.popup-contenr-tab .wizard-list a:hover {
    background-color: transparent;
}

.redio-with-title [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
   /*  font-size: 20px !important;
    color: #3a3a3a; */
}
/* Popup 2 tabs control CSS End */

/* Dashboard Configuration Module type CSS Start */
 .configure-dashboard  .check-box label {
        width: auto;
    }
  .configure-dashboard  .module-name, .configure-dashboard .select-module {
    width: 96px !important;
    height: 76px !important;
    margin: 10px 10px 10px 12px!important;
    box-shadow: 0.1px 0.4px 0.4px 1px #c6c6c6 !important;
}
.configure-dashboard .module-name.corehr:after {
    content: "\4c";
    font-family: "custom-icon";
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    position: absolute;
    left: 22%;
    top: -2px;
    font-size: 88px
}
.configure-dashboard .module-name.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: 22%;
	top: -2px;
	font-size: 88px
}
.configure-dashboard .module-name.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: 25%;
	top: 2px;
	font-size: 80px
}
.configure-dashboard .module-name span {
    bottom: 2px!important;    font-size: 12px;
}
.configure-dashboard .module-name.corehr:after, .configure-dashboard .module-name.recruit:after, .configure-dashboard .module-name.onboard:after, .configure-dashboard .module-name.performance:after, .configure-dashboard .module-name.benadmin:after, .configure-dashboard .module-name.exchange:after, .configure-dashboard .module-name.aca:after, .configure-dashboard .module-name.wellness:after {
    font-size: 36px !important;
    top: 0!important;
    left: 27%!important;
}
.configure-dashboard .multipleselect select {
    height: 190px !important;
}
.configure-dashboard .border-right {
    border-right: 1px solid #d1d1d1!important;
}
.configure-dashboard .select-module:before {
    top: -6px;
}

.configure-dashboard .module-name.aca::after, .configure-dashboard .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;
}

.configure-dashboard .disabled-module-tile:hover {
    color: #CCCCCC !important;
    background: #F8F8F8 !important;
    cursor: not-allowed;
    border: 0px;
}
.configure-dashboard .disabled-module-tile {
    color: #CCCCCC !important;
    background: #F8F8F8 !important;
    cursor: not-allowed;
    border: 0px;
}

.configure-dashboard .supred {
    top: 5px;
    position: relative;
    left: 3px;
    line-height: 0;
    vertical-align: baseline;
}

.configure-dashboard .multipleselect select {
    height: 192px !important;
    padding-left:2px;
}

/* Dashboard Configuration Module type CSS End */

/* Dependents CSS Start */
.dependent-container {
	display: block;
}
.dependent-added {
	height: 100%;
	float: left;
	margin: 15px 0px;
	text-align: center;
	position: relative;
	display: inline-block;
}
.dependent-addnewbox {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
	border-width: 2px;
	background: #eeeeee;
	border-color: #ced5d9;
}
.dependent-addnewbox:hover {
	background-color: #FFF2B2;
	border-color: #E8CA2C;
}
.border-dashed {
	border-style: dashed;
	border-collapse: collapse;
}
.dependent-name {
	width: 100%;
	background: #768289;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	overflow: hidden;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding-bottom: 15px;
}
.dependent-icon {
	color: #768289;
	font-size: 25px;
	background: #fff;
	width: 41px;
	height: 41px;
	border-radius: 41px;
	margin: 15px auto;
}
.dependent-iconposition {
	position:relative;
	top:4px;
}
.dependent-details {
	background: #fff;
	text-align: center;
	padding-bottom: 20px;
	/*border: 1px solid #ededed;*/
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.details-title {
	font-size: 12px;
	color: #a3abb0;
	margin-bottom: 0px;
	margin-top: 20px;
}
.details-holder {
	font-size: 14px;
	color: #393939;
}
.relationship-approved {
	font-size: 18px;
	/*margin-top: 25px;
	margin-bottom: 20px;*/
}
.addnewchild-middlebox {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.addnewchild-imgmiddlebox {
	top: 50%;
	margin-top: -9%;
}
/* Dependents CSS End */

/* Sliding Expandable Menu CSS Start */
.slidingexpandable-wrapper {
    background-color: transparent;
    position: fixed;
    width: 1px;
    height: 80px;
    border-radius: 83px;
    top: 0px;
    right: 0px;
    overflow: hidden;
    z-index: 1;
}

.slidingexpandable-wrapperwidth {
    width: 540px;
    height: 100%;
    -webkit-box-shadow: -5px 0px 5px -4px rgba(148,148,148,1);
    -moz-box-shadow: -5px 0px 5px -4px rgba(148,148,148,1);
    box-shadow: -5px 0px 5px -4px rgba(148,148,148,1);
    border-radius: 0px;
    z-index: 1000;
}

.slidingexpandable-containerbg {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: table;
    margin-bottom: 0px;
    background: #f4f4f4;
    position: relative;
}

.slidingexpandable-topheader {
    padding: 20px 20px 20px 20px;
    width: 100%;
    top: -5px;
    position: fixed;
    box-sizing: border-box;
    z-index: 200;
    background: #fff;
}

.slidingexpandable-toptitle {
    color: #485861;
    font-size: 22px;
}

.slidingexpandable-closeform {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    right: 25px;
    top: 12px;
    z-index: 201;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    text-align: center;
    line-height: 40px;
}

.slidingexpandable-container {
    padding: 70px 10px 20px 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.slidingexpandable-maincontainer {
    visibility: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    transition: all 0.300s;
    transition-delay: 0s;
    width: 100%;
    height: 100%;
}

.slidingexpandable-containerover {
    cursor: pointer;
}

.slidingexpandable-containerover {
    float: right;
    margin: 15px 15px 0 0;
    height: 1px;
    width: 1px;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    transition: all 0.40s ease-out;
}

.slidingexpandable-over {
    background-color: #3088c1;
    transform: scale(5000);
    transition: all 0.350s ease-in;
    cursor: default;
}

.slidingexpandable-overmain {
    visibility: visible;
    opacity: 1;
    transition: all 0.9s;
    transition-delay: 0.370s;
}

.bodyoverflow {
    overflow: hidden;
}

@keyframes closetop {
    0% {
        transform: translateY(5px) rotate(0deg);
    }

    25% {
        transform: translateY(5px) rotate(0deg);
    }

    75% {
        transform: translateY(5px) rotate(-45deg);
    }

    100% {
        transform: translateY(5px) rotate(-45deg);
    }
}

@keyframes closebottom {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    25% {
        transform: translateY(-5px) rotate(0deg);
    }

    75% {
        transform: translateY(-5px) rotate(45deg);
    }

    100% {
        transform: translateY(-5px) rotate(45deg);
    }
}
/* Sliding Expandable Menu CSS End */


/* Accordion CSS Start */
.work-accordion .ui-widget-content {
    border: 1px solid #dadada;
    border-radius: 0px;
    padding: 10px;
    margin-bottom: 10px;
}

.work-accordion .ui-accordion-header {
    border-radius: 0px;
    background-color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border: 0px solid #003eff;
    margin-bottom: 10px;
    height: auto;
    padding: 0.9em 0.5em 0.9em 0.7em;
}

.work-accordion .ui-state-active,
.work-accordion .ui-widget-content .ui-state-active,
.work-accordion .ui-widget-header .ui-state-active,
.work-accordion a.ui-button:active,
.work-accordion .ui-button:active,
.work-accordion .ui-button.ui-state-active:hover {
    margin-bottom: 0px;
}

.work-accordion .ui-state-default, .work-accordion .ui-widget-content .ui-state-default {
    border-bottom: 3px solid #dadada!important;
}

.work-accordion .ui-accordion-header-icon {
    position: relative;
    right: 8px;
    top: 10px;
    display: none;
    width: 300px;
}

.work-accordion .ui-accordion-header:before {
    font-family: FontAwesome;
    content: "";
    font-size: 18px;
    position: absolute;
    z-index: 1000;
    right: 10px;
}

.work-accordion .ui-accordion-header-active:before {
    font-family: FontAwesome;
    content: "";
    font-size: 18px;
    position: absolute;
    z-index: 1000;
    right: 10px;
}

.work-accordion .accordion-pipe-box {
    position: absolute;
    right: 30px;
    text-align: right;
    color: #cdcdcd;
}

.work-accordion .customized-tab-container {
    margin-bottom: 10px;
    padding-right: 10px;
    overflow-x: hidden;
}
/* Accordion CSS End*/



/* Import Employee CSS Start */
.dependent-d-selected {
    position: absolute;
    float: right;
    right: 15px;
    padding: 2px 7px;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.greed-list-btn-holder .btn {
    min-width: auto;
    margin: 0px;
    padding: 4px 10%;
    height: auto;
}

.list-view-btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.grid-view-btn {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -4px !important;
}

.active-view {
    background-color: #1280a1;
    color: #ffffff;
}

.filter-search input {
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 4px;
}

.filter-search .btn {
    font-size: 14px;
    min-width: auto;
    border-left: none;
}

.filter-select {
    height: 32px;
    position: relative;
    margin-bottom: 10px;
}

    .filter-select .select-wrapper {
        padding: 0px;
    }

        .filter-select .select-wrapper .select-dropdown {
            padding-top: 10px;
            padding-bottom: 10px;
        }

.dependent-details-list {
    min-height: 204px;
    /*overflow:hidden;*/
}

#imaginary_container {
    margin-top: 20%; /* Don't copy this */
}

.stylish-input-group .input-group-addon {
    background: white !important;
}

.stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
}
/* Import Employee CSS End*/


/* Employee Profile View CSS Start */
.employeeprofileIMGbox {
	padding: 40px 25px 25px 20px;
	height:164px;
	width:100%;
	box-sizing:border-box;
	position:relative;
}
.employeeprofileIMGbox-BG {
	position: absolute;
	/*display: table-cell;
	display: table;*/
	width: auto;
	height: 145px;
	width: 135px;
	overflow: hidden;
}

.employeehomeIMGbox-BG {	
	height: 73px;
	width: 73px;
	overflow: hidden;
}

.employeeprofileIMGbox-BG .commanEMPLogoLG{
	font-size:80px;
	display:table-cell;
}
.employeeprofileIMGbox-Name {
	position:absolute;
	bottom:0;
	float:left;
	vertical-align:bottom;
	box-sizing:border-box;
	width:100%;
	margin-left:-20px;
	padding-left:166px;
}
.org-profile-img {
	position: absolute;
	display: table-cell;
	width: auto;
	height: 126px;
	overflow: hidden;
}
.org-profile {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	width: 400px;
}
.org-profile-details {
}
.org-profile-details-leftspace {
	padding-left: 170px;
}
.orgprofile_show_hide {
	display: none;
}
.darkgreycolorBG {
	background:#75828a;
}
.darkgreycolorText {
	color:#75828a;
}
/* Employee Profile View CSS END*/

/* verticalTab-dropdownList Tab CSS Start */
.verticalTabDropdownView-holder{ background:#fff; width:100%;}
.verticalTabDropdownView-actionBox{border-right:1px solid #E1E1E1; width:23.5%; float:left; display:flex;}
.verticalTabDropdownView-name{ padding:11px; font-size:16px; width:100%; text-align:center; cursor:pointer; }
/*.verticalTabDropdownView-name{ padding:11px; font-size:16px; width:100%; text-align:center; cursor:pointer; solid #E1E1E1; width:23.5%; float:left;border-right:1px solid #E1E1E1;}*/
.verticalTabDropdownView-list{ border-bottom:3px solid #D8D8D8; padding-top:20px;}
.verticalTabDropdownView-ellipsisDropdown{ width:6%; text-align:center; font-size:18px; padding:9px; float:left; cursor:pointer; color:#0C3F7B;}
.verticalTabDropdownView-nameselect{ border-bottom:3px solid; margin-bottom:-3px;}
.verticalTabDropdownView-Container{     }
/* verticaltab-dropdownlist Tab CSS End */




/********************************************************************************/
/* Popup CSS Starts */
/********************************************************************************/

.LightBoxWidth100 { padding: 15px 12px 0px 12px; overflow: hidden; width: 100%; }
.LightBoxWidth820 { padding: 15px 12px 0px 12px; overflow: hidden; width: 820px; height: 420px; }
.LightBoxWidth860 { padding: 15px 12px 0px 12px; overflow: hidden; width: 860px; }
.LightBoxWidth750 { padding: 15px 12px 0px 12px; overflow: hidden; width: 750px; }
.LightBoxWidth650 { padding: 15px 12px 0px 12px; overflow: hidden; width: 650px }
.LightBoxWidth500 { padding: 15px 12px 0px 12px; overflow: hidden; width: 500px }
.LightBoxWidth650 { padding: 15px 12px 0px 12px; overflow: hidden; width: 650px }
.LightBoxWidth350 { padding: 15px 12px 0px 12px; overflow: hidden; width: 350px }

.LightBoxScroll { padding: 15px 5px 0px 5px!important; margin-top: 15px!important; height: 420px; overflow: hidden; }
/* .popup-footer { background: #fff; padding: 10px 0px 10px 25px; border-top: 1px solid #f0f0f0; } */
.popup-footer {
    background: #fff;
    padding: 10px 0px 10px 25px;
    border-top: 1px solid #f0f0f0;
    /*position: fixed;*/
	position:relative;
    width: 100%;
    bottom: 0px;
	left:0px;
}
#cboxTitle { border-bottom: 1px solid #f0f0f0;margin-bottom:10px;}
.LightBoxWidthSection { padding: 5px 15px; box-sizing:border-box;}
#cboxClose { background-image:none; font-size:16px;}
#cboxClose:hover { background: none; border: 0px; color: #000; }
#cboxTitle { width:100%!important; padding-right:40px; box-sizing:border-box; margin-bottom:0px }

#cboxLoadedContent { padding:0px 0px 0px 0px;}

.contentguide.popup-padding{
    padding: 0px 0px 0px 0px;
}

.popup-padding {
    padding: 0px 20px 0px 20px;
}

.form-content {
    position: relative;
    margin: 0px 20px 0 20px;
}

/********************************************************************************/
/* Popup CSS Ends */
/********************************************************************************/


/********************************************************************************/
/* Alert CSS Starts */
/********************************************************************************/
#popup_container h1
{
    background: #E5E5E5;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    margin: 0;
    padding: 10px 0 10px 10px;
}

#popup_container #popup_panel {
    background: #FFF;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    margin: 0;
    padding: 20px 10px;
}

.Workterra-Alert-LightBox
{
    background: #FFF;
    overflow: hidden;

}

.alert-box
{
    color: #555;
    font-family: Tahoma,Geneva,Arial,sans-serif;
    font-size: 11px;
    padding: 10px 36px;
    margin-right: 5%;
}

.alert-error
{
    display: block;
    text-align: center;
    background: #F16865;
    padding: 10px 0px 1px 0px;
    font-size: 34px;
    color: #fff;
}

.alert-information
{
	display: block;
    text-align: center;
    background: #5bc0de;
    padding: 10px 0px 1px 0px;
    font-size: 34px;
    color: #fff;	
}

.alert-confirm {
    display: block;
    text-align: center;
    background: #85CE3F;
    padding: 10px 0px 1px 0px;
    font-size: 34px;
    color: #fff;
}

.errortext
{
    font-size: 14px;
    padding: 40px 10px 20px 10px;
	text-align: center;
}

.alertinfo
{
    float: left;
    width: 50px;
    height: 45px;
}
.alert-question
{
    display: block;
    text-align: center;
    background: #FDB816;
    padding: 10px 0px 1px 0px;
    font-size: 34px;
    color: #fff;
}


.alertCB{
    padding: 0px !important;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	width: 510px;
}

.confirm{
	width: 510px;
}

.popupControlMargin{
	margin:0px auto; 
	width:95%;
}

.minwidth{ min-width:auto!important;}

#colorbox, #popup_container, .custompopup
{
    }

.waves-button-input{ padding: 5px 20px; cursor: pointer;}
/********************************************************************************/
/* Alert CSS END */
/********************************************************************************/

/* loader classes */

.loader
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #fff;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}

/* loader classes ends */

.lnr-menu:before {
    content: "\e871";
}

#menusublist .jspTrack {
    border-radius: 4px;
    width: 5px;
}

#menusublist .jspDrag {
    border-radius: 4px;
    width: 5px;
}


/* Changes for Hamburger and Curtain menu End */

/* Left Side Scrooler Starts */
/*Leftmenu box shadow added */
.leftmenu {
	 box-shadow: -3px -5px 20px -3px #000;
    -webkit-box-shadow: -3px -5px 20px -3px #000;
}
/*Leftmenu box shadow added */
.leftmenuIcon {
    margin: 10px 13px 0 11px!important;
	background: #ededed none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    border-radius: 100px;
    cursor: default;
	color:#969696;
	text-align:center;
	line-height:30px;	
	width: 31px;
    height: 31px;
    display: block;
    float: left;
    /*margin: 17px 14px 0 10px;*/
}
.leftmenuText {	
	margin-top:0px;
	width:85%;
	line-height:22px;
	padding:16px 0px;
	color:#969696;
	font-style: normal!important;
}
.leftmenulinks{	
	color:#969696;
}
.leftmenulinks a {	
	color:#969696;
	width:85%;
	line-height:22px;
	padding:16px 0px;
}
.leftmenusubmenuLink {
	height:auto;
}
.leftmenulinks .mainmenuArrow{
	color:#969696;	
}
.leftmenuscroll .submenu {
	width:100%;
	padding-left:55px;
	box-sizing:border-box;	
}
.leftmenuscroll .submenu {
	border-bottom:1px solid #D8D8D8;
}
.leftmenuscroll .submenu a:last-child {
	border-bottom:0px solid #D8D8D8;
}
.submenu .leftmenusubmenuLink {
	width:100%;
	padding: 5px 10px 5px 15px;
	box-sizing:border-box;		
}
.submenu .leftmenusubmenuLink:before {
  content: "\e039";
  font-family: "custom-icon";
  position:relative;
  left:-10px;
  top:1px;
  font-size:8px;
}
.mainmenuArrow {
  background-image:none;
}
.mainmenuArrow:before {
  content: "\e039";
  font-family: "custom-icon";
  font-size:11px;
  top:1px;
}

.SequenceBarCurrent {
	padding:0px;
	background-image:none;
	background:#32a0e8;
	border-color:#32a0e8;
	color:#ffffff;
}
.leftmenulinks .SequenceBarCurrent-text {
	color:#32a0e8;
}

.SequenceBarPending {
	padding:0px;
	background-image:none;	
}
.leftmenulinks .SequenceBarPending-text {
	
}

.SequenceBarCompleted {
	padding:0px;
	background-image:none;
	background:#83b241;
	border-color:#83b241;
	color:#ffffff;
}
.leftmenulinks .SequenceBarCompleted-text {
	color:#83b241;
}

.SequenceBarAlreadyVisited  {
	padding:0px;
	background-image:none;
	background:#ffa200;
	border-color:#ffa200;
	color:#ffffff;
}
.leftmenulinks .SequenceBarAlreadyVisited-text {
	color:#ffa200;
}

.systactive {
	padding:0px;
	background-image:none;
	background:none;
	border:0px;
}

/*CSS for  onboard SequenceBar*/
a.servestep b, a.servestep:hover b{
	color:#ccc !important;
}

 a.stpactive, a.stpactive:hover{
	color:#32a0e8;
}
a.stpdone, a.stpdone:hover {
	color:#83b241;
}
/*CSS for onboard SequenceBar End */

/* Confirmation Statement CSS Start */
#divConfirmationStatement .employee-pics-holder {
margin: 15px 20px 15px 5px;
display: inline-block;
height:173px;
width:160px;
}

.title-icon {
	margin-top: 20px;
}
.text-transform-upper {
	text-transform: uppercase;
}
.title-icon-holder {
	text-align: right;
	font-size: 18px;
}
.icon-round-bg {
	background-color: transparent;
	height: 42px;
	width: 42px;
	text-align: center;
	border-radius: 50%;
}
.totalImputedIncome-table {
	padding: 20px;
}
.confirmation-statement-left-nav li a {
	color: #768289;
}
.confirmation-statement-left-nav li a:hover {
	color: #007db2;
}
.selectlist a {
	color: #007db2!important;
}
.confirmation-sectiontitle {
	color:#ccc;
	font-size:14px;
	font-weight:normal;
	padding:15px 10px;
	text-transform:uppercase;	
}
.stick-lhs {
	position: fixed;
	top: 322px;
}
.employee-pics-holder {
	margin: 15px 20px 15px 5px;
	display: inline-block;
}
.verticaltablibrarybox {
	font-size: 16px;
}
/* Confirmation Statement CSS End */



/* Employee Dashboard CSS Start */
.employee-pics-holder {
margin: 15px 20px 15px 5px;
display: inline-block;
}


.action-band-btm {
background: #f9f9f9;
display: inline-block;
}
.action-band-btm-stick {
position: absolute;
bottom: 0;
left: 0;
}
.widget-header { padding: 5px 15px 10px 15px; }
.widget-header-border-bottom { border-bottom: 1px solid #f0f0f0; }

.widget-list ul { display: block; }
.widget-list ul li {
padding: 7px 15px;
display: block;
border-bottom: 1px solid #f0f0f0;
display: inline-block;
float: none;
}
.team-pics-holder {
float: left;
width: 35px;
height: 36px;
margin: 5px;
background: #f0f0f0;
position: relative;
border-radius: 5px;
}
.team-pics-holder img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 35px;
left: 0;
padding: 0px;
top: 0;
width: 35px;
vertical-align: middle;
border-radius: 5px;
}
.employee-name { text-transform: capitalize; }
.height238 { height: 238px; }
.max-height175px { max-height: 175px; }
.height564px { height: 564px; }
.max-height405px { max-height: 405px; }
.height172px { height: 172px; }
.icon-with-txt-center {
position: relative;
top: 5px;
}
.border-right-lgt { border-right: 1px solid #e7e7e7; }
.tile {
background: #fff;
height: 150px;
width: 100%;
font-size: 12px;
/*padding-top: 2em;*/
}
.tile-section .tile:hover { cursor: pointer; }
.tile-section .tile-icon {
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 40px;
width: 100px;
margin-top: 36px;
}
.tile-section .tile-title {
vertical-align: middle;
display: inline-block;
font-size: 12px;
padding: 0px 8px;
width: 100%;
box-sizing: border-box;
bottom: 0px;
}
.title-holder-offset { padding: 0 5px 0 15px; }
.alert-mrg-md { margin-bottom: 3px }
.alert .close { opacity: 1; }
.notification-holder { max-height: 165px;/*min-height: 70px;*/ }
.profile-label-truncate {
width: 60%;
display: inline-block
}
.notification-icon {
top: 2px;
position: relative;
}
.notification-text-with-icon {
list-style-position: inside;
text-indent: -20px;
display: inline-block;
width: 86%;
left: 24px;
position: relative;
}
.label-lft {
float: left;
min-width: 10%;
max-width: 40%;
word-wrap: break-word;
}
.label-rgt {
float: left;
min-width: 30%;
max-width: 60%;
word-wrap: break-word;
}
.pic-sm {
width: 70px;
height: 70px;
}
.employee-role { color: #64696f; }
.small-title {
margin-top: -4px;
position: relative;
}
.employee-iconposition{
position: relative;
margin: 4px auto;
text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.widget-full { width: 100%; }    
}
/* Employee Dashboard CSS End */


/* Employee-info-box-search Start */
.employee-info-box-search {
        width: 250px;
        height: auto;
        position: absolute;
        z-index: 99;
        left: 200px;
        border-radius: 5px;
        top: 70px;
        padding: 10px 15px;
		margin:0px;
        z-index: 100000;
        background: #4A4A4A;
        line-height: 20px;
        display: none;
    }
    .arrow-left {
        width: 10px;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #4A4A4A;
        letter-spacing: 80px;
        left: 20px;
        display:none;
    }
.employee-name-info
{
    float: right;
    padding: 0px 20px 15px 0;
    position: relative;
    margin-top: 40px;
}
.employee-info-box
{
    position: absolute;
    display: none;
    right: 20px;
    top: -3px;
}
.employee-info-body
{
    width: 210px;
    border-radius: 5px;
    content: attr(title);
    left: -230px;
    margin-top: 33px;
    padding: 10px 15px;
    position: absolute;
    z-index: 100000;
}
.employee-info-box .arrow
{
    border: solid;
    border-color: #333 transparent;
    border-width: 0px 8px 8px 8px;
    top: 26px;
    content: "";
    left: -19px;
    position: absolute;
    z-index: 99;
}
.employee-info-row
{
    float: left;
    width: 100%;
    line-height: 20px;
}
.employee-info-label
{
    float: left;
    width: 30%;
    font-weight: bold;
    padding-right: 10px;
}
.employee-info-value
{
    float: left;
    width: 65%;
}
/* Employee-info-box-search End */

/*  google overright live CSS Start *********************************************************************************************/
#google_orgChart .google-visualization-orgchart-table {
	border: 0;
	text-align: center;
	margin: 0px auto;
	vertical-align:middle;
	width:80px;
}
#google_orgChart .google-visualization-orgchart-table * {
	margin: 0;
	padding: 2px;
}
#google_orgChart .google-visualization-orgchart-space-small {
	width: 4px;
	height: 1px;
	border: 0;
}
#google_orgChart .google-visualization-orgchart-space-medium {
	width: 10px;
	height: 1px;
	border: 0;
}
#google_orgChart .google-visualization-orgchart-space-large {
	width: 16px;
	height: 1px;
	border: 0;
}
#google_orgChart .google-visualization-orgchart-noderow-small {
	height: 12px;
	border: 0;
}
#google_orgChart .google-visualization-orgchart-noderow-medium {
	height: 30px;
	border: 0;
}
#google_orgChart #google_orgChart .google-visualization-orgchart-noderow-large {
	height: 46px;
	border: 0;
}
#google_orgChart .google-visualization-orgchart-connrow-small {
	height: 2px;
	font-size: 1px;
}
#google_orgChart .google-visualization-orgchart-connrow-medium {
	height: 6px;
	font-size: 4px;
}
#google_orgChart .google-visualization-orgchart-connrow-large {
	height: 10px;
	font-size: 8px;
}
#google_orgChart .google-visualization-orgchart-node {
	text-align: center;
	vertical-align: middle;
	font-family: arial, helvetica;
	cursor: default;
	border: 1px solid #f0f0f0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 8px!important; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 8px!important; 
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 8px!important;
	background-color: #fff;
	background: #fff;
}
#google_orgChart .google-visualization-orgchart-nodesel {
	/*border: 1px solid #e3ca4b;*/
	background-color: #fff7ae;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff7ae), to(#eee79e));
}
#google_orgChart .google-visualization-orgchart-node-small {
	font-size: 0.6em;
}
#google_orgChart .google-visualization-orgchart-node-medium {
	font-size: 0.8em;
}
#google_orgChart .google-visualization-orgchart-node-large {
	font-size: 1.2em;
	font-weight: bold;
}
#google_orgChart .google-visualization-orgchart-linenode {
	border: 0;
}
#google_orgChart .google-visualization-orgchart-lineleft {
	border-left: 1px solid #3388dd;

}
#google_orgChart .google-visualization-orgchart-lineright {
	border-right: 1px solid #3388dd;
}
#google_orgChart .google-visualization-orgchart-linebottom {
	border-bottom: 1px solid #3388dd;

}

.orgarrow-downup-style{
	margin:0px auto;
	text-align:center;
	vertical-align:middle;
}
.up-cercule-orgchart {
	border-radius: 50%;
	width: 21px;
	height: 21px;
	padding: 5px 6px;
	text-align: center;
	vertical-align: middle;
	margin: 0px auto;
	display: inline-block;
	cursor: pointer;
	font-size: 9px;
}
.down-cercule-orgchart {
	border-radius: 50%;
	width: 21px;
	height: 21px;
	padding: 5px 6px;
	text-align: center;
	vertical-align: middle;
	margin: 0px auto;
	display: inline-block;
	cursor: pointer;
	font-size: 9px;
}
.myzoom {
	position: absolute;
	right: 0;
	top: 12px;
	z-index: 100;
}
#zoom-in, #zoom-out {
	border: none;
	cursor: pointer;
	float: left;
}
#zoom-in {
	width: 44px;
	height: 35px;
	background: url(zoom-in.png) no-repeat center center;
}
#zoom-out {
	width: 42px;
	height: 35px;
	background: url(zoom-out.png) no-repeat center center;
}
/* google overright live CSS End ********************************************************************************/

/*-------- Autocomplete CSS Start  ----------*/
.ui-autocomplete {
    font-size: 11px;
    max-height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    background-color: none!important;
}
.ui-autocomplete.ui-corner-all {
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
}
.ui-autocomplete .ui-state-hover,
.ui-autocomplete .ui-widget-content .ui-state-hover,
.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-widget-content .ui-state-focus {
    border: 0px solid #999999!important;
    font-weight: normal;
    color: #212121;
    outline: none;
    background-color: #3399ff;
    color: #fff;
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
}
/*-------- Autocomplete CSS End  ----------*/


/* Custome Google Org Chart Css *****************************************************************************************************/
#google_orgChart {
	margin: 0px auto;
}
#google_orgChart .google-visualization-orgchart-node {
	margin: 0px auto;
	position: relative;
	width: 120px;
	box-sizing: border-box;
	padding:0px;
	/*background: transparent;*//*  Updated on  24-11-2017 not in use */
}
#google_orgChart .google-visualization-orgchart-node .orgchart_gridbox {
	display: inline-block;
	/*width: 200px;*/	
	width: 120px;	
	text-align: left;
	box-sizing: border-box;
	padding:0px;
	height: 100%;
	/*background: #ffffff;*//*  Updated on  24-11-2017 not in use */
}
#google_orgChart .google-visualization-orgchart-node .orgchart_gridbox .avtar {
	display: inline-block;
	vertical-align: top;
	width:100%;	
	text-align:center;	
}
#google_orgChart .google-visualization-orgchart-node .orgchart_gridbox .right_detailchart {
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	/*padding-left: 8px;*/
	width:100%;
	text-align:center;	
	box-sizing: border-box;
}
#google_orgChart .google-visualization-orgchart-table .node-caption {
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding: 4px 0px 0px 0px;
	word-wrap: break-word;
}
#google_orgChart .google-visualization-orgchart-table .node-description {
	color: #99c141;
	position: relative;
	display: block;
	top: -2px;
	line-height: none;
	padding: 0px;
	margin: 0px;
}
#google_orgChart .google-visualization-orgchart-table .team-size {
	font-size: 11px;
	line-height: 20px;
	display: block;
	padding: 0px;
}
#google_orgChart .google-visualization-orgchart-table .teamsize_count {
	padding: 2px 5px;
}
#google_orgChart .google-visualization-orgchart-table .youname_active {
	position: absolute;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-weight: 600;
	/*bottom: 4px;
	padding: 1px 6px;*//*Shrikant Css*/
	padding: 2px 4px;
	bottom: -1px;
	left:-1px;
}
#google_orgChart .google-visualization-orgchart-table .orgchart-viewarrow-icon {
	background-position: -228px -34px;
	width: 12px;
	height: 12px;
	position: absolute;
	padding: 0px;
	bottom: 0;
	right: 0;
}
#google_orgChart .google-visualization-orgchart-table .orgarrow_style {
	overflow: hidden;
}
#google_orgChart .google-visualization-orgchart-table .iconposition_arrow {
	position: absolute;
	bottom: -30px;
	left: 45.5%;
	z-index: 100;
	width: 20px;
	height: 20px;
	background:#ffa811;
}
.jspHorizontalBar {
	height:10px!important;	
}
.ORGsearchicon {
	z-index: 10;
	right: 3px;
	top: 6px;
	width: 20px;
	float: right;
	position:absolute;	
}
.ORGsearchinput {
	position:relative;
	width:100%;
	padding:4px 30px 4px 8px;
	border:1px solid #bcbfc4;
}

/* Custome Google Org Chart Css *****************************************************************************************************/

.CoverageMembertag {
    border-radius: 3px;
    font-size: 12px;
    padding: 5px 10px;
    border: 1px solid #C2C6C9;
    background: #EAE8EB;
    color: #3B3F48;
	display:inline-block;
	margin-bottom: 5px;
}

.planClose {
    border-radius: 50%;
    padding: 7px 9px 4px;
    font-size: 20px;
    margin-top: 6px;
    cursor: pointer;
    color: #767676;
    border: 1px solid #767676;
	position: absolute;
    top: 15px;
    right: 10px;
}

.list-type-square li {
	padding-left:5px;
	margin-left:15px;
	line-height:22px;
	list-style-type:square;
	list-style-position:outside;
}
/*Updated on 08-02-2017 New Css Added*/
.widget-list ul.list-inline  {
margin-left: 0px;
}
.widget-list ul.list-inline li {
padding-left: 0px;
margin-left: 0px;
padding-bottom: 0px;
line-height: 20px;
margin-bottom:5px;
list-style-type:none;
list-style-position: outside;
display: list-item;
border-bottom: 0px;
}
.widget-list ul.list-type-square li {
padding-left: 0px;
margin-left: 0px;
line-height: 20px;
margin-bottom:5px;
list-style-type: none;
list-style-position: outside;
display: list-item;
border-bottom: 0px;
}
.LightBoxWidthSection p {
padding-bottom: 10px;
}
.LightBoxWidthSection ul li {
padding-left: 0px;
margin-left: 0px;
line-height: 20px;
margin-bottom:5px;
display: list-item;
border-bottom: 0px;
padding-top:0px;
}
/*Updated on 08-02-2017 New Css Added End*/
.fonticon-smlbox {
	font-size: 12px;
    height: 35px !important;
    line-height: 25px;
    min-width: auto !important;
    padding: 4px 6px;
    vertical-align: middle;
    width: 35px;
}
.fonticon-SMsmlbox {
    font-size: 12px;
    height: 30px !important;
    line-height: 23px;
    min-width: auto !important;
    padding: 4px 6px;
	margin:0px 2px;
    vertical-align: middle;
    width: 30px;
}
.fonticon-datatablesmlbox {
    font-size: 12px;
    height: 32px !important;
    line-height: 18px;
    min-width: auto !important;
    padding: 6px 4px;
	margin:0px 2px;
    vertical-align: middle;
    width: 32px;
}

.fonticon-datatablesmlbox span{
    display:inline-block;
}


.leftInstructions-icon {
    top: 4px;
    position: relative;
    padding-right: 5px
}
.btn-sm  span {
	font-size:12px;
}
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
	font-size:16px;
}
.select-wrapper input.select-dropdown {
	padding:5px 26px 3px 13px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	box-sizing:border-box;
}
.select-wrapper span.caret {
	right:16px;
}

.dropdown-content{ 
	max-height:250px!important;
	z-index:800!important;
}
.tddropdownfield {
	border: solid 1px #d3d3d3;
	padding : 2px;
}

.tddropdownfield .select-wrapper span.caret {
	 right :22px;
	bottom : 29px;
}

.tabDisabled  .wizard_name{ color:#ccc!important;cursor:not-allowed!important;}

.wizard-container-tab .wizard-list.tabDisabled a:hover {
    background-color: #fff!important;
    color: #ccc!important;
    border-bottom:0px solid #007db2!important;
	cursor:not-allowed!important;
}


.wizard-container-tab .wizard_name.tabDisabled  :hover {
    color: #ccc!important;
	
}
	
 .tabDisabled {
    cursor:not-allowed !important;
}
 
 .tabDisabled a  {
    pointer-events: none;
 }

 .wizard-container-sequence .notActiveWizard {
    cursor:not-allowed !important;
}
 
.wizard-container-sequence .notActiveWizard a  {
	pointer-events: none;
}

.download-icon:before{
	content: "\29";
	font-family: custom-icon;
	background-image:none;
	display:block;
  font-size:18px;
}


/* ui-slider-horizontal Start*/
.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}
.sliderValue { position: absolute; font-weight: bold; padding: 1px 10px; left: 14px; top: 4px; z-index: 2; }
.ui-slider-horizontal { height: 0.5em; top: -10px; margin: 0 32px 0 38px !important; }
.ui-slider-horizontal .ui-slider-handle { top: -.7em; margin-left: -.2em; background:#333333!important; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-button-icon-only { position: relative; height: 22px; border:0; background-color: transparent!important; text-indent:-9999px;}
.ui-button-icon-only .ui-icon-minus { background-image:none; margin-top:-10px!important; width: 22px; height: 22px; display: block; }
.ui-button-icon-only .ui-icon-plus { background-image:none; margin-top:-10px!important; width: 22px; height: 22px; display: block; }
.ui-slider-access .ui-button-text { display: none!important; }
.ui-button-icon-only.ui-corner-right { float: right; position:absolute; right:0; width:30px; }
.ui-widget.ui-widget-content { background: #eaeaea; border: 0 solid #c5c5c5; }
.ui-slider-access .ui-button:hover, .ui-slider-access .ui-button:focus { border:0px;}
.sliderValueGray { background:#333333; color:#fff; border-radius:3px; font-size:11px; }
.rangeSliderbox { width:100%;}
.ui-slider .ui-slider-handle {
	width:3px;
	background:#333333;
	border-radius:0px;
	height:17px;
}
.ui-button-icon-only .ui-icon-plus::before {
	content: "\54";
	font-family: "custom-icon" !important;
	font-size: 18px;
	color:#585858;
	width:22px;
	height:22px;	
	float:right;
	text-indent:0;
	margin-top:0px;
}
.ui-button-icon-only .ui-icon-minus::before {
	content: "\65";
	font-family: "custom-icon" !important;
	font-size: 18px;
	color:#585858;
	width:22px;
	height:22px;	
	float:right;
	text-indent:0;
	margin-top:0px;
}

/* ui-slider-horizontal End*/

/*Table option1 CSS with datatable Satart*/

.table-option1{border: 1px solid #d1d1d1}

.table-option1 .tableHeader th, .table-option1 .dataTables_scrollHeadInner{
  background-color:#eee;
}

.table-option1 .dataTables_scrollHeadInner{
  border-bottom: 1px solid #d1d1d1
}
/*Table option1 CSS with datatable End*/

/* Ribbon CSS Start */
.ribbon-lefttop {
  position: absolute;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
  font-weight:800;
}
.ribbon-lefttop span {
  font-size: 12px;
  color: #FFF;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  
  position: absolute;
  top: 19px; 
  left: -21px;
}

.ribbon-lefttop span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
}
.ribbon-lefttop span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
}

.ribbon-lefttop.ribbon-waivedplan span {  
  background: #f14849;
  background: linear-gradient(#f14849 0%, #f14849 100%);
}
.ribbon-lefttop.ribbon-waivedplan span::before {
  border-bottom: 3px solid transparent;
  border-top: 3px solid #f14849;
}
.ribbon-lefttop.ribbon-waivedplan span::after {
  border-left: 3px solid transparent;
  border-right: 3px solid #880a0a;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #880a0a;
}

.ribbon-lefttop.ribbon-taxableplan span {  
  background: #faa11c;
  background: linear-gradient(#faa11c 0%, #faa11c 100%);
}
.ribbon-lefttop.ribbon-taxableplan span::before {
  border-bottom: 3px solid transparent;
  border-top: 3px solid #faa11c;
}
.ribbon-lefttop.ribbon-taxableplan span::after {
  border-left: 3px solid transparent;
  border-right: 3px solid #623c03;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #623c03;
}

.ribbon-lefttop.ribbon-enrolledplan-green span {  
  background: #33AD4A;
  background: linear-gradient(to bottom, #33ad4a, #2a8a2e);
}
.ribbon-lefttop.ribbon-enrolledplan-green span::before {
  border-bottom: 3px solid transparent;
  border-top: 3px solid #33AD4A;
}
.ribbon-lefttop.ribbon-enrolledplan-green span::after {
  border-left: 3px solid transparent;
  border-right: 3px solid #1b6f1e;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1b6f1e;
}

.taxableplan { 
	left:0;
	top:-5px;
}
/* Ribbon CSS End */


/*compareplan Feature Mapping ----------------*/
.compareplanFeature-whitePatch { width: 300px; height: 70px; position: absolute; left: 0px; top: 0px; z-index: 11; }
.compareplanFeature-firstBlock { width: 240px; height: 72px; z-index: 10; }
.compareplanFeature-PlanDetailsRow { width: 99.7%; height: 70px; margin-top: 0px; position: relative; overflow: hidden; z-index: 9; float: left; background:#f9fafa; border-color:#ececec}
.compareplanFeature-item { width: 300px; height: 72px; line-height:51px}
.compareplanFeature-planName { float: left; width: 95%; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px; }
.compareplanFeature-prevArrow { width: 20px; height: 72px; position: absolute; left: 0px; top: 0px; z-index: 20; cursor: pointer; background:#e0e0e0; }
.compareplanFeature-prevArrowicon { width: 20px; height: 30px; display: block; /*opacity:0.3;*/ }
.compareplanFeature-nextArrow { width: 20px; height: 72px; position: absolute; right: 0px; top: 0px; cursor: pointer; z-index: 20; background:#e0e0e0;}
.compareplanFeature-nextArrowicon { width: 20px; height: 30px; display: block; margin-left:0px !important}
.compareplanType-wrapper { width: 99.7%; height: 100%; overflow: auto; overflow-x: hidden; position: relative; float: left; }
.compareplanType-Row { width:100%; }
.compareplanType-Summary { width: 238px; float: left; border: 1px solid #e1e1e1; border-bottom: 0px solid #e1e1e1; border-right: 0px solid #e1e1e1; }
.compareplanType-SummaryRight { /*margin-left: 210px; */border-top: 1px solid #e1e1e1; border-bottom: 0px solid #e1e1e1; overflow: hidden; }
.compareplanType-SummaryTitle { padding: 10px 8px; border-bottom: 1px solid #e1e1e1; }
.compareplanType-SummaryRow { border-bottom: 1px solid #e1e1e1; overflow: hidden; position: relative; }
.compareplanType-SummaryColumn { padding: 2px 0px; border-left: 1px solid #eeeeee; float: left; width: 300px; height: 100%;}
.border-lt-1px{border-color:#ececec}
/*compareplan Feature Mapping End ----------------*/


/*ExQuestionnaire Matrix question START */
.headerQ {
	background-color: #E8E8E8;
	width: 100%;
	height: 40px;
	position: relative;
}

.Ex-plan-details-box {
    padding: 0px -1px;
}

.QutRowqueDiv {
	background-color: #F6F6F7;
	display: inline;
	border-left: #BDBDBD 1px solid;
	border-bottom: #BDBDBD 1px solid;
	border-top: #BDBDBD 1px solid;
	width: 65%;
	height: 50px;
	position: relative;
	color: #424242;
	font-size: 11px;
}
.Qlbl {
	padding: 10px;
	color: #424242;
	width: 95%;
	font-size:13px;
}
.headerlbl
{
    color: #424242;
    text-align: center;
    padding: 4px;
    font-size: 12px;
	box-sizing:border-box;
}

/* ExQuestionnaire Matrix question */
.headerQqueDiv {
	display: inline;
	border-bottom: #BDBDBD 1px solid;
	border-top: #BDBDBD 1px solid;
	border-left: #BDBDBD 1px solid;
	width: 65%;
	height: 40px;
	position: relative;
	float: left;
}
.headerQAnswer {
	display: inline;
	border-left: #BDBDBD 1px solid;
	border-bottom: #BDBDBD 1px solid;
	border-top: #BDBDBD 1px solid;
	width: 7%;
	height: 40px;
	position: relative;
	float: left;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}
.QutRow {
	width: 100%;
	height: 50px;
	float: left;
	position: relative;
}
.QutRowAnswer {
	display: inline;
	border-left: #BDBDBD 1px solid;
	border-top: #BDBDBD 1px solid;
	width: 7%;
	height: 50px;
	position: relative;
	float: left;
}

#popupclose
{
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background-position: -23px -198px;
    right: 0;
    height: 36px;
    width: 25px;
    background-color: #ffffff;
    top: -50px;
    z-index: 12;
}
/* ExQuestionnaire Matrix question END */


/************ ++++++++++Exchange Recommended Plans START ++++++++++++++************/



/* Performance Management Module Start */
.card-view {
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
	border: 1px solid #D1D1D1;
	border-radius: 3px;
	padding: 20px;
	background-color: #fff;
	margin-bottom: 20px;
}
.cardview-table {
	border-radius:3px;
	border: 1px solid #ececec;
}
.cardview-cell {
    padding:20px 10px;
}
.greycard-view {
	-webkit-box-shadow: 0px 0px 4px 0px rgb(185, 185, 185);
    -moz-box-shadow: 0px 0px 4px 0px rgb(185, 185, 185);
    box-shadow: 0px 0px 4px 0px rgb(185, 185, 185);
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	padding: 0px;
	background-color: #fff;
	margin-bottom: 20px;
}

.award-thumb-container {
	margin-left: -10px;
	margin-right: -10px;
}
.award-thumbnail {
	margin-bottom: 20px;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}
.award-borderbox {
	border-radius: 3px;
	border: 2px solid #d8d8d8;
}
.award-borderbox.award-selected,
.award-borderbox:hover {
    border-color:#2a93c8;
}
.award-thumbnailbg {
	background: #f9f9f9;
	text-align: center;
	padding: 25px;
	height: 150px;
	position: relative;
}
.award-borderbox.award-selected .award-thumbnailbg {
    background:rgba(179,229,252, 0.25); 
}
.award-selected-triangle {
    width: 0px;
    height: 0px;
    border-top: 50px solid #2a93c8;
    border-right: 50px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
}
.award-selected-icon {
    font-size:18px;
    color:#fff;
    position:absolute;
    top:0;
    left:5px;
}
.award-details {
	font-size: 13px;
	font-weight: bold;
}
.award-details span {
	font-size: 12px;
	color: #c5c5c5;
	font-weight: normal;
}
.award-menu {
	background: #d8d8d8;
	line-height: 30px;
	width: 50px;
	text-align: center;
}
.award-thumbnail .verticalTabDropdownView-ellipsisDropdown {
	color: #fff;
}
.award-image {
	position: absolute;
	left: 50%;
	margin-left:-40px;
	top: 25%;
	width: 80px;
	height: 80px;
	font-size: 30px;
	border-radius: 3px;
}
.section-title-cardview {
	color: #393939;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: bold;
	padding-bottom: 8px;
}
.border-field{ 
	border: 1px solid #d1d1d1;
}
.picker {
    width: 140px;
    padding:0;
    text-align:center;
    z-index:200;
    margin-top:5px;
}
.picker-header {
    padding:20px;
    text-align: center;
    color: #fff;
    font-size:20px;
    line-height:20px;
}
.picker-option {
    border-radius:3px;
    width:30px;
    height:30px;
    padding:3px;
    margin:5px;
    display:inline-block;
}
    .picker-option:hover {
        padding:0;
    }
.picker-option-active {
    border-bottom: 2px solid #2a93c8;  
    border-radius:0;  
}
.picker-option-inside {
    width: 100%;
    height: 100%;
    border-radius:3px;
}

.step-list,
.step-list a  {
    float: left;
    cursor:pointer;
}
    .step-list:before {
        content: ". . . . . . . . .";
        float: left;
        font-weight: bold;
        font-size: 18px;
        color: #aaa;
    }
    .step-list:first-child:before {
        content: none;
    }
.step-active.step-list:before {
    color:#767676;
}
.step-number {
    background:#d8d8d8;    
    border-radius: 100px;
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.15);    
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    width: 28px;
    margin: 0 auto;
}
.step-active .step-number {
    background: #1280a1;
}
.step-complete .step-number {
    background: #85CE3F;
}
.step-name {    
    margin: 5px 0 0 0;    
    color: #aaa;
    font-size: 16px;
}
.step-active .step-name {
    color: #1280a1;
    font-weight: bold;
}
.step-complete .step-name {
    font-weight: bold;
}
/* Performance Management Module End */

.bordered td, .bordered th
    {
        border-left: 0px solid #D1D1D1;
        /*border-top: 0px solid #D1D1D1;*/
        padding: 10px;
        text-align: left;
}
	
.bordered {
	*border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}

.bordered {
	border: solid #D1D1D1 1px;
}
        
.bordered th {
	background-color: #eee;
    border-top: none;
 }

 .bordered td:first-child, .bordered th:first-child {
	border-left: none;
 }

.selectcoverage{height:35px; background:#fff;}
.selectcoverage input{ padding:5px;}
.selectcoverage .select-wrapper {
    padding: 0px; 
}
.small
{
    font: normal 11px;
}

/*table action class*/

/************ Without Border color and Without Background color  TABLE Start ************/
.withoutBorderBG-table {  *border-collapse: collapse; /* IE7 and lower */ border-spacing: 0; width: 100%; }
.withoutBorderBG-table td, .withoutBorderBG-table th { padding: 8px; }
.withoutBorderBG-table tbody tr:nth-child(even) { /*background: #fff;*/ }								   
.withoutBorderBG-table th { text-align: left; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); border-bottom: 1px solid #ccc; background-color: #eee; }
/************ Without Border color and Without Background color TABLE End ************/

/************ Withoutcolor Border and Withoutcolor Background TABLE Start ************/
.withoutcolor-table
{
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}

    .withoutcolor-table td, .withoutcolor-table th
    {
        padding: 10px;
        border-bottom: 1px solid #fff;
    }

    .withoutcolor-table tbody tr:nth-child(even)
    {
        background: #fff;
    }

    .withoutcolor-table th
    {
        text-align: left;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
        border-bottom: 1px solid #ccc;
        background-color: #eee;
    }
/************ Withoutcolor Border and Withoutcolor Background TABLE TABLE End ************/

/************ zebra TABLE Start ************/
.zebra
{
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}

.zebra td, .zebra th
{
	padding: 10px;
	border-bottom: 1px solid #f2f2f2;
}

.zebra tbody tr:nth-child(even)
{
	background: #fff;
}

.zebra th
{
	text-align: left;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	border-bottom: 1px solid #ccc;
	background-color: #eee;
}
/************ zebra TABLE End ************/

/* For Run Date Import Export */
.MultipleDeletebox
{
    width: 95%;
    height: 100px;
    overflow: auto;
    font-size: 11px;
}

.Multipleitem
{
    height: 38px;
    padding: 0px;
	border-bottom:1px solid #DBDBDB;
}

    .Multipleitem .itemName
    {
        padding: 0px 0px 0px 5px;
        width: 82%;
        line-height: 18px;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal !important;
    }

    .Multipleitem .delete
    {
        background-position: -282px -237px;
        background-repeat: no-repeat;
        width: 11px;
        height: 14px;
        padding: 0px 5px 2px;
        position: relative;
        cursor: pointer;
        float: right;
        top: 0px;
    }

.MultipleDeletebox
{
    border: #acbac2 solid 1px;
    color: #444444;
    border-left: 4px #acbac2 solid;
}
/* Upto Here */



.action{ font-size:16px;}


.a-button	{padding:5px 12px; height:30px !important;}
.a-button span	{position:relative; top:-5px;}
.a-button i	{ position:relative; top:-2px;}

.clone
{
    height: 18px;
    width: 23px;
    display: block;
}
.contentHolder
{
    position: relative;
    float: left;
    width: 100%;
    /* overflow: hidden; */
    padding-bottom: 60px;
}

.checkboxinmiddle {
	display: block;
    height: 26px;
    margin: 5px auto;
    width: 34px;
}
.dataTable .input-field-no-input input {
    height: 100%;
    padding: 5px; 
    border: 0px solid #d1d1d1; 
    position: relative;
}

.exchangeLandingPlan-icons, .searchBenefitplans-icon, .personalizedBenefits-icon {
	background-image:none;
}
.exchangeContributes-icon, .searchBenefitplans-icon, .personalizedBenefits-icon {	
	font-family: "custom-icon" !important;
	font-size: 116px;
	text-indent:0;
	margin-top:0px;
	
}
.aca-analytics-icon {
	font-size:50px;
	margin-top:25px;
}


.recommendedplans {margin-bottom: 30px;}
.recommended-label {width:92px; background: #f9a11b; border-radius: 0px 0px 0px 4px; color: #ffffff; font-size: 11px; position: absolute; bottom: 0; left: 0; padding: 5px;}


.paycheck-popup .buttton-holder-stick{ position:fixed; width:100%; background:#fff; padding:10px; border:0px; bottom:0px; left:0px;}


.wt-accordion .dropdown-content li span {
    padding: 6px 16px !important;
}


/* Accordion CSS */
/*this is added for datatable in accordian  */
.dataTables_paginate span {
    display: inline-block !important;
}
.nofilter span.DataTables_sort_icon{
	display:none !important;
}
/*this is added for datatable in accordian  */

/*Color picker*/
#modcoder_colorpicker_wrapper { width:280px !important; height:162px!important; background-color: #fff !important; border: 1px solid #ccc!important;}
#modcoder_colorpicker_wrapper input{ position:inherit!important; border:1px solid #ccc!important;}

#modcoder_data{ padding-left:18px!important; width:90px!important; float: right;}

#modcoder_grad{ width:138px!important; height:138px!important; border:4px solid #ccc!important;}

/*Added for export header trailer multiple sub template record count*/
#Trailer [type="checkbox"]:not(:checked), #Trailer [type="checkbox"]:checked {
    position: absolute;
    left:0px; 
	opacity:0;
	z-index:1000;
	width:30px;
	height:30px;
}
#Header [type="checkbox"]:not(:checked), #Header [type="checkbox"]:checked {
    position: absolute;
    left:0px; 
	opacity:0;
	z-index:1000;
	width:30px;
	height:30px;
}
/*end Added for export header trailer multiple sub template record count*/

/*By Kumar Chhajed for finalization popup{*/
.aca-finalization-icons{
	font-size:15px;
}

.change_newSup {float: right;margin-right: 3px;margin-top: 13px;position: relative;}


/* theme page css */
.theme-outer-shadow{
-webkit-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.10) !important;
    -moz-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.10) !important;
    box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.10) !important;
}

.theme-inner-shadow{
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(93,93,93,0.1);
    -moz-box-shadow: inset 0px 0px 1px 1px rgba(93,93,93,0.1);
    box-shadow: inset 0px 0px 1px 1px rgba(93,93,93,0.1);
}
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal-img {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 30px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    /* overflow: auto; Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
	/*z-index: 100;*/
	z-index: 1111;
}

/* Modal Content (image) */
.modal-img-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 80%;
}
.theme-imgbox.Secondary-Action-Text.GreenBG {
	color:#fff;
}

.theme-imgbox.Secondary-Action-Text.GreenBG .icon {
	color:#fff!important;
}
.wtheader-loginIcon {
	background: #f0f0f0;
	text-align: center;
	border-radius: 50px;
	padding: 8px 10px;
}

/* Caption of Modal Image */
#caption-img {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-img-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close-img {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close-img:hover,
.close-img:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.edit, .theme-preview, .delete, .deleteSpan {
    width: 25px;
    height: 25px;
}

/* theme page css End */

.VerticalMiddleIcon50px {
	right:-25px; 
	top: 50%; 
	margin-top:-25px;
}
.circularGreen-success-icon::before {	
	content: "\34";
	font-family: "custom-icon" !important;
	font-size: 50px;
	width:50px;
	height:50px;	
	line-height:50px;
	float:right;
	text-indent:0;
	margin-top:0px;
	
}
.circularRed-error-icon::before {	
	content: "\5d";
	font-family: "custom-icon" !important;
	font-size: 50px;
	width:50px;
	height:50px;	
	line-height:50px;
	float:right;
	text-indent:0;
	margin-top:0px;
	color: #DD4D39;
	
}

/** Class is used to Form Builder canvas **/
.dragdropcustomizer-container-IMGBG
{
    background-image: url(../images/component-container-bg.png);
}

#AdditionalEligibilityRulePVWrapper .section-title, #dvZipTableEligibility .section-title{
	padding-top:0px;
}

.simpleSelectbox input.select-dropdown{ 
	line-height:18px;
	height:20px;
}
.simpleSelectbox.select-wrapper span.caret{
	bottom:0;
	top:20px;
}
@-moz-document url-prefix() { 
.simpleSelectbox.select-wrapper span.caret{
	bottom:22px;
}
}


.message-small.formtd{ float:left}
.message-small{ font-size:10px;}

input.select-dropdown:focus {
    text-indent: -999999999px;
	
	
}

input::ms-clear{
    display:none;
}
/* TOOLTIP */

 .popover {
z-index: 999 !important;
    }
	
.input--numberfield {
    border: none;
    color: transparent;
    text-shadow: 0 0 0 gray;
    text-align: center;
}
 
/* Start CSS for Search Field */	
.moreClass_new.eligibility-control input {
padding: 5px;
padding-left: 30px;
padding-right:30px;
box-sizing:border-box;
}
.change_searchSup {
float: right;
padding:9px 12px 5px 8px;
height:13px;
top:8px;
text-align:center;
margin-top:2px;
border-left: 1px solid #bcbfc4;
font-weight:800;
}
/* Start CSS for Search Field */
	
/* Css or Editor popup Start */
input.mce-textbox{position:inherit!important; border:1px solid #ccc!important; width:200px!important;height:25px!important; padding:0px 10px 0px 10px!important;}
.mce-container-body.mce-abs-layout{ overflow:inherit!important; }
.mce-combobox.mce-last.mce-abs-layout-item{top:-5px!important;}

.mce-widget.mce-label.mce-autoscroll.mce-first.mce-last.mce-abs-layout-item{left:0px!important; width:100%!important;overflow:initial!important; }

/* Css or Editor popup End*/

.SeeMorePlans-btn {
background: #fff;
padding: 0 10px;
line-height: 18px;
position: absolute;
bottom: -24px;
margin: 0px auto;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}


/* 13-06-2017 Bottom CSS Right Sequence Start */
.menuBlackArrow
{
    display: block;
    height: 11px;
    width: 10px;
    position: absolute;
    right: 23px;
    top: 3px;
    
}

.listradios
{
float:left;	
padding: -1px 5px 10px 20px;
}

.imgobjectfit-contain {
    object-fit: contain;
} 
input:disabled:not([type]), input[readonly='readonly']:not([type]), input[type='text']:disabled, input[type='text'][readonly='readonly']{border-bottom:1px solid #d1d1d1;}


.planName
{
    float: left;
    width: 49%;
    font-weight: 700;
    font-size: 13px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal!important;
    padding: 3px 15px 0;
}

.planName_print {
	float: left;
	font-weight: 700;
	font-size: 13px;
	display: block; 
	padding: 3px 15px 0;
	max-width: 400px;
	width: 285px;
}
	
.summary-employeename
{
    display: block;
    /* text-align: right; */
    padding: 10px 0px 3px 0px;
    font-weight: bold;
    font-size: 11px;
    clear: both;
}

.summary-employeenameprint {
    display: block;
    text-align: left; 
    padding: 10px 0px 3px 0px;
    font-weight: bold;
    font-size: 11px;
    clear: both;
	width: 200px;
}
 
 
 .summary-employeedesignation
{
    font-weight: normal;
    font-size: 11px;
}

.summary-employeecost
{
    float: left;
    display: block;
    width: 100%;
    line-height: 16px;
    clear: both;
}

.summary-costltDiv
{
   /* float: left;
     text-align: right;
    width: 66%;
    padding-bottom: 0px; */
}

.summary-costrtDiv
{
    padding-left: 8px;
}

.emp-costltDiv
{
    padding: 8px 0px 8px 8px;
    float: left;
    width: 58%;
}

.emp-costrtDiv
{
    padding: 8px 8px;
    float: right;
    font-weight: bold;
}

.summary-pancostlist
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.summary-plancostRow
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.summary-totalCost
{
    float: left;
    width: 200px;
    text-align: left;
    padding: 6px 8px;
}

.summary-cost
{
    float: right;
    width: 130px;
    text-align: right;
    padding: 6px 8px;
}

.summary-costTitle
{
    text-align: right;
    padding-right: 8px;
    padding: 9px 8px;
}

.summary-logodiv
{
    position: absolute;
    bottom: 10px;
}

/** Calender CSS **/
.calenderView-WT .DP {
    float: left;
    padding: 12px 10px 0 0;
    height: 52px;
    border-right: 1px solid #D1D1D1;
}
.fc-header-title h2 {
    color: #182642;
    font-size: 16px;
    font-weight: bold;
	    margin-top: 3px;
}
.calenderView-WT .fc-header-center .legendWrapper {
    float: left;
    margin-right: 10px;
}
.calenderView-WT .fc-header-center .fc-header-title {
    float: left;
    background: none;
}
.calenderView-WT .fc-header-center {
    float: left;
}
.calenderView-WT .fc-header {
    background-color: #fafafa;
    border: 1px solid #dedede;
    width: 100%;
}
.calenderView-WT .fc-header-left .fc-button {
    line-height: 48px;
    border-right: 1px solid #dedede;
    border-bottom: none;
    border-top: 0 none;
    border-left: 0 none;
}
.calenderView-WT .fc-button-today {
    display: none!important;
}
.calenderView-WT .fc-header-right .fc-button {
    padding: 0 1em;
    background-color: transparent;
    border: 0 none;
    color: #767676;
    font-size: 16px;
	vertical-align: middle!important;
}
.fc-header-right{vertical-align: middle!important;}
.calenderView-WT .fc-header-right .fc-button.PrimaryClass{color: #287ab9;}
.calenderView-WT .fc-header-center .legendColor {
    float: left;
    height: 12px;
    width: 12px;
    margin-top: 2px;
    margin-right: 5px;
}
.calenderView-WT .fc-header-center .filterBy, .calenderView-WT .fc-header-center .legends {
    float: left;
    padding: 17px 5px 3px 20px;
    display: block;
}
.filterBy {
    display: none;
}
.calender-ico {
    color: #287ab9;
    background-color: transparent;
}
.calenderView-WT .fc-header-left {
    float: left;
    width: 75px;
}
.fc-border-separate tr.fc-last th{font-size:13px; text-transform: uppercase; background:#ffffff; padding: 10px 0px;}

.fc-border-separate tr.fc-last td{font-size:16px;}
td.fc-state-highlight{   background: #fff2df !important; }
.fc-grid td.fc-state-highlight .fc-day-number{color:#ff7708;}
.fc-grid .fc-day-number{color:#4c4c4c;}
.ui-datepicker-header{
	height:30px;
}
.calenderView-WT .selectFilter {
    line-height: 26px;
      height: 100%;
    padding:0;
    margin: 0px;
}
.ui-datepicker .select-wrapper {
    width: 48%;
    line-height: 10px;
    left: 0;
    background-color: #fff;
    color: #000;
    top: 0;
    padding: 3px;
    float: left;
    margin: 0 3px 0 0;
}
.ui-datepicker .select-wrapper i{color:#000;}
.ui-datepicker a.ui-datepicker-prev.ui-corner-all:hover{background-color:transparent; border:0 none; top:4px;    left: 2px;
}
.ui-datepicker a.ui-datepicker-next.ui-corner-all:hover{right: 2px;background-color:transparent; border:0 none; top:4px; }

.ui-datepicker .select-wrapper span.caret {
   	display:none;
}
.ui-datepicker .ui-icon.ui-icon-circle-triangle-w{
    background-position: -980px -205px;
}
.ui-datepicker .ui-widget-header {
  background:transparent;
  border:0 none;
color:#000;}
.ui-datepicker .ui-datepicker-title{
  margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
 .ui-datepicker .ui-icon.ui-icon-circle-triangle-e{ background-position: -1010px -206px;}
	.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
	width:14px; height:14px;
}
.ui-datepicker .ui-icon.ui-icon-circle-triangle-w, .ui-datepicker .ui-icon.ui-icon-circle-triangle-e{
	background-image: url(/Assets/Stylesheet/Theme/Career-Builder/images/icons.png)!important;
	display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;}
	.Summary-Calender .ui-datepicker .ui-widget-header {
    background: #ffffff;
    border: 0 none;
    border-radius: 0;
}

.ui-widget.ui-widget-content {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 0;
}
.ui-datepicker .select-wrapper i {
    color: #a3a3a3;
}

 .ui-datepicker .ui-icon.ui-icon-circle-triangle-w {
    background-position: -894px -205px;
}
  .ui-datepicker .ui-icon.ui-icon-circle-triangle-e {
    background-position: -916px -205px;
}
 .ui-datepicker .ui-icon.ui-icon-circle-triangle-w,  .ui-datepicker .ui-icon.ui-icon-circle-triangle-e {
    background-image: url(/Assets/Stylesheet/Theme/Career-Builder/images/icons.png)!important;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
 .ui-datepicker .ui-state-highlight{text-align:center; background-color:#09a0db!important;}
.ui-datepicker .ui-datepicker-title select.initialized {width:100%!important;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    padding: 1px 1px 1px 6px;
    height: 25px;
    margin-right: 1px;
    font-size: 13px;
    border: 0 none;
    color: #333333;
    /*background-image: url('../Images/ui-icons_222222_256x240.png');*/
}
.ui-datepicker .ui-icon.ui-icon-circle-triangle-w::after, .ui-datepicker .ui-icon.ui-icon-circle-triangle-e:after {
    content: "\e03a";
    font-family: "custom-icon" !important;
    font-size: 11px;
    color: #585858;
    width: 14px;
    height: 22px;
    line-height: 22px;
    float: right;
    text-indent: 0;
    margin-top: 0px;
    opacity: 0.5;
}
.ui-datepicker .ui-icon.ui-icon-circle-triangle-e:after {
    content: "\e039";
}
 .ui-datepicker .select-wrapper input.select-dropdown {
  	display:none;
}
 .ui-datepicker th {
    padding: 5px;
    text-align: center;
    font-weight: 700;
	font-size:12px;
    color: #999999;
	background: #F1F1F1;
    border: 0;
}
 .ui-datepicker td{background: #F5F5F5;
border: 1px solid #DDDDDD;
}
 .ui-datepicker table{
    border: 1px solid #dddddd;}
	.ui-datepicker .ui-datepicker-next {
    position: absolute;
     top: 4px;
	 border-radius:0;
    width: 1.8em;
    height: 1.8em;}
select.ui-datepicker-month, select.ui-datepicker-year{display:block;}


.supervision-approval .multipleselect select
{ 
	height:118px!important;
}
/* 13-06-2017 Bottom CSS Right Sequence End */



/* Date-piker CSS Start */
.xdsoft_datetimepicker {
	background-image:none;	
}
.xdsoft_datetimepicker .xdsoft_prev::before{
	content: "\e03a";
	font-family: "custom-icon" !important;
	font-size: 11px;
	color:#585858;
	width:14px;
	height:22px;
	line-height:22px;	
	float:right;
	text-indent:0;
	margin-top:0px;
}

.xdsoft_datetimepicker .xdsoft_next::before {
	content: "\e039";
	font-family: "custom-icon" !important;
	font-size: 11px;
	color:#585858;
	width:14px;
	height:22px;
	line-height:22px;
	float:right;
	text-indent:0;
	margin-top:0px;
}
.xdsoft_datetimepicker .xdsoft_today_button {
	width:auto;
}
.xdsoft_datetimepicker  .xdsoft_today_button::before {
	content: "\2b";
	font-family: "custom-icon" !important;
	font-size: 14px;
	color:#585858;
	width:19px;
	height:22px;
	line-height:22px;
	float:right;
	text-indent:0;
	margin-top:0px;
}
.xdsoft_datetimepicker .xdsoft_clear_button::before {
	content: "\e0ab";
	font-family: "custom-icon" !important;
	font-size: 14px;
	color:#585858;
	width:19px;
	height:22px;
	line-height:22px;
	float:right;
	text-indent:0;
	margin-top:0px;
	padding-left:5px;
}
.xdsoft_timepicker .xdsoft_prev { margin-left:16px!important;}
.xdsoft_timepicker .xdsoft_prev::before{
	content: "\e022";
	font-family: "custom-icon" !important;
	font-size: 11px;
	color:#585858;
	width:14px;
	height:22px;
	line-height:22px;	
	float:right;
	text-indent:0;
	margin-top:0px;
	position:relative;
	top:-3px;
}
.xdsoft_timepicker .xdsoft_next { margin-left:16px!important;}
.xdsoft_timepicker .xdsoft_next::before{
	content: "\59";
	font-family: "custom-icon" !important;
	font-size: 11px;
	color:#585858;
	width:14px;
	height:22px;
	line-height:22px;	
	float:right;
	text-indent:0;
	margin-top:0px;
	position:relative;
	top:-3px;
}
/* Date-piker CSS End*/

/* 20-06-2017 Updated on Alternate Sortable Background Color */
.ui-sortable-helper {
background: #fff;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
}
/* 20-06-2017 Updated on Alternate Sortable Background Color End */
.man {
    color: red;
    float: right;
    font-size: 13px;
    padding: 3px 7px 0 0;
    position: absolute;
    top: 0px;
    right: 0;
}

/* 22-06-2017*/


/* Onbording IE9 Form Tolltip icon */
.Form-infoicon {
	position:absolute;
	top:4px;
	right:11px;
	font-size:18px;	
	padding-left:5px;
	background:#fff;
}

/* Onbording IE9 Form Tolltip icon End */

/* _Layout page CSS start */

.popover-content {
            width:100%;
            float:left;
            margin-right: 15px;
}
.managingemp {
    position: fixed;
    top: 98px;
    right: 0px;
}
.z-index-900 {
            z-index:900;
}
.empinfo {
       
        font-weight: normal;
        float: left;
        color: #38414a;
}

/* _Layout page CSS End */

.commanEMPLogoLG {
	padding-top: 12px;
    background: #f0f0f0;
    top: 0!important;
    text-align: center;
    vertical-align: middle;
}
.commanEMPLogoSM {
    text-align: center;
    vertical-align: middle;
}
.commanEMPLogoSMIcon{
	padding-top:3px;
}
.add-on.filter-search input.search-field  {
	padding-left: 34px;
}
.add-on.filter-search div  {
	left:8px!important;
	width:18px;
}

.input-textbox-search-top .search-input-box {
	padding:0px 10px 0px 30px!important;
	box-sizing:border-box;	
}
.input-textbox-search-top .glyphicon-search {
	float: left!important;	
}
.dropdown-menu .input-field .selectcompany-searchbox-input {
	padding:0px 10px 0px 30px!important;
}
.dropdown-menu .input-field  div {
	left:10px;
}
.add-on.filter-search div {
    left: 8px!important;
    width: 18px;
	top: 6px;
}
.add-on.filter-search input.search-field {
    padding-left: 34px;
}
.height60px{height:60px;}
.fixedheight75 #divEmployeeDetails {margin-top: 5px !important;}
.fixedheight50 #divEmployeeDetails {margin-top: 5px !important;}
/****** Tour Progress in Employee Dashboard ******/
.tour-progress-widget{float:left; width:100%; overflow:scroll; text-align:left;}
.tour-progress-widget .bar{ background:#dfdfdf; border-radius:3px; height:8px; margin:8px 150px 2px 0px;}
.tour-progress-widget  h3{ display: block; font-size: 1.17em; padding:0px; margin:0px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; }
.tour-progress-widget  span{ color:#B9B9B9; font-size:11px;}
.tour-progress-widget .not-started{padding:8px 0px; border-bottom:1px solid #dcdcdc; position:relative; float:left;  width:97%; margin:0px 10px }
.tour-progress-widget .intermediate{padding:8px 0px; border-bottom:1px solid #dcdcdc; position:relative; float:left; width:97%; margin:0px 10px}
.tour-progress-widget .completed{padding:8px 0px; border-bottom:1px solid #dcdcdc; position:relative; float:left;  width:97%; margin:0px 10px}
.tour-progress-widget .not-started .status, .tour-progress-widget .intermediate .status, .tour-progress-widget .completed .status { position: absolute; right: 10px; top: 30px; font-size: 12px;}
.tour-progress-widget .not-started .status strong , .tour-progress-widget .intermediate .status strong , .tour-progress-widget .completed .status strong  { font-size: 13px;}
.tour-progress-widget .completed .progress-bar, .tour-progress-widget .intermediate .progress-bar{ height:8px; background-position:0px -44px; background-repeat:repeat-x; border-radius:3px;}
.tour-progress-widget .not-started .status,.tour-progress-widget .intermediate .status,.tour-progress-widget .completed .status{ position:absolute; right:10px; top:30px; font-size:12px; color:#5a5a5a;}
.not-started span, .completed span, .intermediate span{ float: left; padding-top:5px;}
.current-benefit-widget{float:left; width:100%;}
.current-benefit-div{float:left; width:100%;}
.current-nenefit-row{padding:10px 10px 0 10px;}
.current-nenefit-row .benefit-name{float:left; width:100%; font-weight:bold; line-height:20px;}
.current-nenefit-row .benefit-subName-wrapper{float:left; width:100%; line-height:20px; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px;}
.current-nenefit-row .benefit-subName-wrapper .benefit-subName{float:left;  width:83%; padding-right:10px;}
.current-nenefit-row .benefit-subName-wrapper .benefit-amount{float: left; width: 14%; text-align: right;}
.View-Enrollment-summary{float: left; padding:10px; height:35px; width: 96%; font-size:12px;}
.livetile .blue-btn {float:left; padding:5px 20px 5px 20px; margin:15px 0 0 5px; cursor:pointer; font-size: 13px;} 
.tour-progress-widget .completed .progress-bar{background-color:#99c141;}
.tour-progress-widget .intermediate .progress-bar{ background-color:#ec8b35;}
.livetile .blue-btn {background-color:#32a0e8; border:1px solid #3087a6; color:#FFF; }
.livetile .blue-btn:hover{color: #000000;}
/****** END of Tour Progress in Employee Dashboard ******/
/********************************************************************************/
/* Page level CSS End */
/********************************************************************************/
.commanEMPLogoLG {
	padding-top: 12px;
    background: #f0f0f0;
    top: 0!important;
    text-align: center;
    vertical-align: middle;
}
.commanEMPLogoSM {
    text-align: center;
    vertical-align: middle;
}
.commanEMPLogoSMIcon{
	padding-top:3px;
}

/********************************************************************************/
/* Common CSS Start */
/********************************************************************************/

/* form-holder CSS Start */
.form-holder {
    width: 100%;
    margin: 0px auto;
    border: 0px solid #ccc;
}

.row {
    margin-bottom: 0px;
    font-size: 13px;
}

.page-title {
    display: block;
    padding: 126px 0px 20px 0px;
    font-size: 22px;
    font-weight: normal;
    margin: 0px;
}

.info-message {
    padding: 8px;
    background: #f8f3c3;
    border: #f6cda8 solid 1px;
    margin: 5px 0px;
    font-size: 12px;
}

.section-title {
    padding: 20px 0px 10px;
    color: #356b7c;
    font-size: 14px;
    text-transform: capitalize;
}

.fieldset-hover {
    background: #fff;
    border: 1px solid #fff;
    border-color: none!important;
}

.fieldset-hover:hover {
	background: #fff;
	border: 1px solid #2a93c8;
}

.fieldset-hover-focus {
    background: #eef7ff;
    border: 1px solid #2a93c8;
}

.input-field label {
    left: 0;
    padding: 0rem 0.75rem;
}

.input-field label:hover {
z-index:1000!important;
}

.input-field-no-input input {
    padding: 5px;
}
textarea {
	height: 9rem;
	border:0px;
	padding:0.4rem 0.75rem;
	line-height:22px;
}


.noBorder-noBG{	border: 0px solid #d1d1d1; background:none;}

.border-field{
	border: 1px solid #d1d1d1;
	background-color:#fff;
}

/* form-holder CSS End */

/* Disabled CSS Start */
.disabled {
	color: #CCCCCC;
	background: #F8F8F8;
	border: 0px solid #CCC;
	cursor: not-allowed;
}
.icondisabled {
	color: #CCCCCC !important;
	border: 0px solid #CCC;
	cursor: not-allowed;
}
.disabled select, .disabled input, .disabled label   {
	color: #CCCCCC!important;
	cursor: not-allowed!important;
	background:transparent!important;
}
.select-wrapper span.caret.disabled {
	right:20px;
}
.disabled:hover {
	color: #CCCCCC !important;
	background: #F8F8F8 !important;
	cursor: not-allowed;
}
input:disabled:not([type]), 
input[readonly="readonly"]:not([type]), 
input[type="text"]:disabled, 
input[type="text"][readonly="readonly"], 
input[type="password"]:disabled, 
input[type="password"][readonly="readonly"], 
input[type="email"]:disabled, 
input[type="email"][readonly="readonly"], 
input[type="url"]:disabled, 
input[type="url"][readonly="readonly"], 
input[type="time"]:disabled, 
input[type="time"][readonly="readonly"], 
input[type="date"]:disabled, 
input[type="date"][readonly="readonly"], 
input[type="datetime"]:disabled, 
input[type="datetime"][readonly="readonly"], 
input[type="datetime-local"]:disabled, 
input[type="datetime-local"][readonly="readonly"], 
input[type="tel"]:disabled, 
input[type="tel"][readonly="readonly"], 
input[type="number"]:disabled, 
input[type="number"][readonly="readonly"], 
input[type="search"]:disabled, 
input[type="search"][readonly="readonly"], 
textarea.materialize-textarea:disabled, 
textarea.materialize-textarea[readonly="readonly"] {
	/*border-bottom:1px solid #ccc;*//*Updated on 20May for Disabled CSS border bottom*/	
	border-bottom:0px solid #ccc;
}
input.disabled_simple:disabled:not([type]), 
input.disabled_simple[readonly="readonly"]:not([type]), 
input.disabled_simple[type="text"]:disabled, 
input.disabled_simple[type="text"][readonly="readonly"], 
input.disabled_simple[type="password"]:disabled, 
input.disabled_simple[type="password"][readonly="readonly"], 
input.disabled_simple[type="email"]:disabled, 
input.disabled_simple[type="email"][readonly="readonly"], 
input.disabled_simple[type="url"]:disabled, 
input.disabled_simple[type="url"][readonly="readonly"], 
input.disabled_simple[type="time"]:disabled, 
input.disabled_simple[type="time"][readonly="readonly"], 
input.disabled_simple[type="date"]:disabled, 
input.disabled_simple[type="date"][readonly="readonly"], 
input.disabled_simple[type="datetime"]:disabled, 
input.disabled_simple[type="datetime"][readonly="readonly"], 
input.disabled_simple[type="datetime-local"]:disabled, 
input.disabled_simple[type="datetime-local"][readonly="readonly"], 
input.disabled_simple[type="tel"]:disabled, 
input.disabled_simple[type="tel"][readonly="readonly"], 
input.disabled_simple[type="number"]:disabled, 
input.disabled_simple[type="number"][readonly="readonly"], 
input.disabled_simple[type="search"]:disabled, 
input.disabled_simple[type="search"][readonly="readonly"], 
textarea.disabled_simple.materialize-textarea:disabled, 
textarea.disabled_simple.materialize-textarea[readonly="readonly"] {
	border-bottom:1px solid #ccc;	
}
/* Disabled CSS End */

/* js pan scroller CSS Start */
.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 1px;
    width: 6px;
    height: 100%;
    background: none;
    border-radius: 20px;
}

.jspDrag {
    background: #09a0db;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius: 20px;
}

.jspTrack {
    border-radius: 20px;
    width: 6px;
}
/* js pan scroller CSS End */

/* button CSS Start */
.btn {
	box-shadow: none;
	text-transform: none;
	min-width: 100px;
	height: auto;
	line-height: auto;
}

.button.close {
    font-size: 27px;
}
/* button CSS End */


/* Selected BTN and Waived BTN Start */
.selectmember {
	color:#33AD4A;
}
.SelectedPlanBtn {
    border-color: #33AD4A;
}
.SelectedPlanBtnText {
    color: #33AD4A;
}
.SelectedPlanBtnHover:hover,.SelectedPlanBtnHover:focus, .SelectedPlanBtnHover:active:focus{
	opacity:0.8;
	box-shadow: none;
	background:#fff;
	border-color:#33AD4A;
	color:#33AD4A;
}

.Waived-Action-BG { 
	background: #fcd8cc;
}
.Waived-Action-BG-Text { 
	color: #f14849;
}
.Waived-Action-Border { 
	  border-color:#f14849;
}
.Waived-Action-Text{ 
	color: #f14849;
}
.WaivedActionText-Hover:hover, .WaivedActionText-Hover:focus, .WaivedActionText-Hover:active:focus {
	opacity:0.6;
	box-shadow: none;	
	background:#fcd8cc;
	border-color:#f14849;
	color:#f14849;
}

.Inprogress-Action-BG { 
	background: #fdb816;
}
.Inprogress-Action-BG-Text { 
	color: #fdb816;
}
.Inprogress-Action-Border { 
	  border-color:#fdb816;
}
.Inprogress-Action-Text{ 
	color: #fdb816;
}
.InprogressActionText-Hover:hover, .InprogressActionText-Hover:focus, .InprogressActionText-Hover:active:focus {
	opacity:0.6;
	box-shadow: none;	
	background:#fff;
	border-color:#fdb816;
	color:#fdb816;
}

/* Selected BTN and Waived BTN End */

/* Font Color Start */
.redTxt-color {
	color: #DD434B
}
.orangeTxt-color {
	color: #faa11c
}
.greenTxt-color {
	color: #339105
}
.greydarkText-color {
	color: #7E7E7E;
}
.grey-icon { color:#c9c9c9;}
/* Font Color End */

/* Background color */
.white-bg {
    background: #ffffff;
}
/* Background color End */


.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/* position css */
.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}
/* position css End */

/* border dashed Start */
.button-top-strip {
    border-top: 1px dashed #c4c9cc;
   /* margin: 30px 0 0;*/
    padding: 25px 0 0;
}
/* border dashed End*/


/* border css */
.border-top {
    border-top: 1px solid #d1d1d1;
}

.border-right {
    border-right: 1px solid #d1d1d1;
}

.border-bottom {
    border-bottom: 1px solid #d1d1d1;
}

.border-left {
    border-left: 1px solid #d1d1d1;
}

.border-1px {
    border-width: 1px;
    border-style: solid;
}

.border-top-1px {
    border-top: 1px solid;
}

.border-bottom-1px {
    border-bottom: 1px solid;
}

.border-left-1px {
    border-left: 1px solid;
}

.border-right-1px {
    border-right: 1px solid;
}

.border-2px {
    border-width: 2px;
    border-style: solid;
}

.border-top-2px {
    border-top: 2px solid;
}

.border-bottom-2px {
    border-bottom: 2px solid;
}

.border-left-2px {
    border-left: 2px solid;
}

.border-right-2px {
    border-right: 2px solid;
}
.border-top-8px {
	border-top: 8px solid;
}
.no-border {
    border: 0px;
}
/* border css End*/


/* Grey Border Color Start */
.grey1-border {
    border-color: #E1E1E1;
}

.grey2-border {
    border-color: #D1D1D1;
}

.grey3-border {
    border-color: #E0E0E0;
}

.grey4-border {
    border-color: #B9B9B9;
}

.grey5-border {
    border-color: #cfd9e6;
}

.editIcon3Border {
    border-color: #6b6b6b;
}

.editIcon4Border {
    border-color: #dd515b;
}

.white-border {
    border-color: #ffffff;
}

.grey1-default-border-1 {
    border-color: #dd515b;
}

.grey1-default-border-2 {
    border-color: #ced5d9;
}

.grey1-default-border-3 {
    border-color: #dd515b;
}
/* Grey Border Color End */

/* Grey Background Color Start */
.grey-bg {
    background: #e5e5e5;
}

.grey-add-bg {
    background: #e9e9e9;
}

.grey-dark-bg {
    background: #999999;
}

.grey1-BG {
    background-color: #e5e5e5;
}

.grey1-default-background-1 {
    background-color: #e0e0df;
}

.grey1-default-background-2 {
    background-color: #eeeeee;
}

.grey1-default-background-3 {
    background-color: #7c7c7c;
}
/* Grey Background Color Start*/

/* Grey Background Color Start */
.grey-text-dark {
    background: #fafafa;
}

.grey-text-fant {
    background: #e9e9e9;
}

.grey-text-3 {
    background: #999999;
}

.grey-text-4 {
    background-color: #e5e5e5;
}
/* Grey Background Color Start */

/* border-circle css */
.border-circle {
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
}
/* border-circle css End */

.border-radius4 {
    border-radius: 3px;
}
/* border-shadow css */
.border-shadow {
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
}
/* border-shadow css End */

/* border-radius css */
.border-bl-radius {
    border-bottom-left-radius: 0px;
}

.border-br-radius {
    border-bottom-right-radius: 0px;
}

.border-tl-radius {
    border-top-left-radius: 0px;
}

.border-tr-radius {
    border-top-right-radius: 0px;
}

.no-border-radius {
    border-radius: 0px;
}
/* border-shadow css End */


/* Background-Color Class CSS Start */
.background-white {
	background-color: #ffffff;
}
.background-black {
	background-color: #000000;
}
.no-background-color {
	background-color: none;
	background: none;
}
/* Background-Color Class CSS End */

/* Alert + error Message + Info Massage + helper text CSS Start */
.alert-success {
    background-color: #e0ecdd;
    border-color: #34ad49;
    color: #34ad49;
}
.alert-info {
    background-color: #e6edf8;
    border-color: #287AB9;
    color: #287AB9;
}
.alert-warning {
    background-color: #fcf6e9;
    border-color: #FDB816;
    color: #FDB816;
}
.alert-danger {	
    background-color: #faeae1;
    border-color: #DD4D39;
    color: #DD4D39;	
}
.alert a {
	text-decoration: underline;
}
/* Alert + error Message + Info Massage + helper text CSS End */


/********************************************************************************/
/* Common CSS End */
/********************************************************************************/


/***************************************************************************************************************************/
/* CheckBox Background CSS Start */
/***************************************************************************************************************************/

.multipleselect select {
	height: 170px !important;
}

.marginLTAuto {
    /*margin-left: auto;
    margin-right: auto;*/
}

[type="checkbox"]:checked + label::after {
	border-radius: 1px;
	content: "";
	height: 18px;
	left: 0;
	/*margin-top: 2px;*/
	position: absolute;
	top: 1px;
	transition: all 0.2s ease 0s;
	width: 18px;
	z-index: 0;
	transform: rotate(0deg);
}	

[type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after, .filled-in[type="checkbox"]:not(:checked) + label::after {
    background-color: transparent;
    height: 20px;
    top: 3px;
    width: 20px;
    z-index: 0;
    left: 6px;
	border: 1px solid #899096;
}

[type="checkbox"]:checked + label::after, .filled-in[type="checkbox"]:checked + label::after {
    height: 20px;
    top: 3px;
    width: 20px;
    z-index: 0;
	left: 6px;
}

[type="checkbox"]:checked + label::before, .filled-in[type="checkbox"]:checked + label::before {
    border-color: transparent #fff #fff transparent;
    border-style: solid;
    height: 13px;
    left: 7px;
    top: 3px;
    transform: rotateZ(37deg);
    transform-origin: 100% 100% 0;
    width: 8px;
}

[type="checkbox"]:checked + label::before {
	border-color: transparent #fff #fff transparent;
	border-style: solid;
	border-width: 2px;
	height: 13px;
	left: 7px;
	top: 5px;
	transform: rotateZ(37deg);
	transform-origin: 100% 100% 0;
	width: 8px;
	z-index: 1;
}

[type="checkbox"].filled-in:checked + label:after, [type="checkbox"]:checked + label::after {
 background-color: #287ab9;  border: 1px solid #287ab9;
}

[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
	background-color:#aaaaaa;
}

.dataTable thead th div.DataTables_sort_wrapper [type="checkbox"] + label {
	margin-top:8px;
}
.checkboxLabletop6 {
		line-height:24px;
		margin-bottom:0px;
}
.checkboxLabletop6  label {
		margin-bottom:0px;
}
	
/***************************************************************************************************************************/
/* CheckBox Background End */
/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* Master Common CSS Start */
/***************************************************************************************************************************/


/* Height CSS Start */
.height458px {
    height: 458px;
}

.height300px {
    height: 300px;
}

.height120px {
    height: 120px;
}

.height140px {
    height: 140px;
}

.height100px {
    height: 100px;
}

.height95px {
    height: 95px;
}

.height90px {
    height: 90px;
}

.height73px {
    height: 73px;
}

.height40px {
    height: 40px;
}

.height47px {
    height: 47px;
}

.height43px {
    height: 43px;
}

.height34px {
    height: 34px;
}

.height28px {
    height: 28px;
}

.height20px {
    height: 20px;
}
/*Height CSS End */

/* % Form DIV Width Start */
.width100 {
    width: 100%;
}

.width98 {
    width: 98%;
}

.width96 {
    width: 96%;
}

.width95 {
    width: 95%;
}

.width94 {
    width: 94%;
}

.width93 {
    width: 93%;
}

.width90 {
    width: 90%;
}

.width85 {
    width: 85%;
}

.width88 {
    width: 88%;
}

.width80 {
    width: 80%;
}

.width75 {
    width: 75%;
}

.width73 {
    width: 73.5%;
}

.width70 {
    width: 70%;
}

.width60 {
    width: 60%;
}

.width50 {
    width: 50%;
}

.width53 {
    width: 53%;
}

.width40px {
    width: 40px;
}

.width35 {
    width: 35%;
}

.width55 {
    width: 54.5%;
}

.width44 {
    width: 44.2%;
}

.width45 {
    width: 45%;
}

.width49-9 {
    width: 49.9%;
}

.width49 {
    width: 49%;
}

.width48 {
    width: 48%;
}

.width40 {
    width: 40%;
}

.width29 {
    width: 29%;
}

.width30 {
    width: 30%;
}

.width26 {
    width: 26%;
}

.width25 {
    width: 25%;
}

.width24 {
    width: 24%;
}

.width22 {
    width: 22%;
}

.width20 {
    width: 20%;
}

.width17 {
    width: 17%;
}

.width19 {
    width: 19%;
}

.width14 {
    width: 14.5%;
}

.width13 {
    width: 13%;
}

.width9 {
    width: 9.5%;
}
.width10 {
    width: 10%;
}

.width6 {
    width: 6%;
}
/* % Form DIV Width End */

/* PX Form DIV Width Start */
.width10px {
    width: 10px;
}

.width20px {
    width: 20px;
}

.width18px {
    width: 18px;
}

.width30px {
    width: 30px;
}

.width40px {
    width: 40px;
}

.width50px {
    width: 50px;
}

.width60px {
    width: 60px;
}

.width61px {
    width: 61px;
}

.width74px {
    width: 74px;
}

.width80px {
    width: 80px;
}

.width100px {
    width: 100px;
}

.width117 {
    width: 117px;
}

.width130 {
    width: 130px;
}

.width140 {
    width: 140px;
}

.width150 {
    width: 150px;
}

.width160 {
    width: 160px;
}

.width180 {
    width: 180px!important;
}

.width195 {
    width: 195px;
}

.width210 {
    width: 210px;
}

.width230 {
    width: 230px;
}

.width235px {
    width: 235px;
}

.width250 {
    width: 250px;
}

.width260 {
    width: 260px;
}

.width270 {
    width: 270px;
}

.width280px {
    width: 280px;
}

.width284px {
    width: 284px;
}

.width300px {
    width: 300px;
}

.width350 {
    width: 350px;
}

.width320 {
    width: 320px;
}

.width330 {
    width: 330px;
}

.width370 {
    width: 370px;
}

.width400 {
    width: 400px;
}

.width450 {
    width: 450px;
}

.width500 {
    width: 500px;
}

.multipleSelectbox-H100px {
    height: 100px;
}

.width650px {
    width: 650px;
}

.autowidth {
    width: auto;
    float: none;
}
/* PX Form DIV Width End */

/* Font Color Start */
.redTxt-color {
    color: #DD434B;
}

.greenTxt-color {
    color: #339105;
}

.greydarkText-color {
    color: #7E7E7E;
}
/* Font Color End */

/* FontSize Start */
.fontsize10 {
    font-size: 10px;
}

.fontsize11 {
    font-size: 11px;
}

.fontsize12 {
    font-size: 12px;
}

.fontsize13 {
    font-size: 13px;
}

.fontsize14 {
    font-size: 14px;
}

.fontsize15 {
    font-size: 15px;
}

.fontsize16 {
    font-size: 16px;
}

.fontsize18 {
    font-size: 18px;
}

.fontsize22 {
    font-size: 22px;
}

.fontsize20 {
    font-size: 20px;
}

.fontsize25 {
    font-size: 25px;
}
.fontsize30 {
	font-size: 30px;
}
.fontsize35 {
	font-size: 35px;
}
.fontsize40 {
    font-size: 40px;
}

.fontsize48 {
    font-size: 48px;
}
.fontsize80 {
    font-size: 80px;
}

.fontweight300 {
    font-weight: 300;
}

.fontweight800 {
    font-weight: 800;
}

.fontweight {
    font-weight: bold;
}

.fontNormal {
    font-weight: normal!important;
}
/* FontSize End */

/* Line Height Start */
.lineheight16px {
    line-height: 16px;
}

.lineheight18px {
    line-height: 18px;
}

.lineheight20px {
    line-height: 20px;
}

.lineheight22px {
    line-height: 22px;
}
.lineheight24px {
	line-height: 24px;
}
.lineheight25px {
    line-height: 25px;
}

.lineheight26px {
    line-height: 26px;
}

.lineheight35px {
    line-height: 35px;
}

.lineheight40px {
    line-height: 40px;
}
/* Line Height End */


/* padding css Start */
.padding2 {
    padding: 2px !important;
}

.paddingTop2 {
    padding-top: 2px;
}

.paddingBottom2 {
    padding-bottom: 2px;
}

.paddingLT2 {
    padding-left: 2px;
}

.paddingRT2 {
    padding-right: 2px;
}

.padding5 {
    padding: 5px;
}

.paddingTop5 {
    padding-top: 5px;
}

.paddingBottom5 {
    padding-bottom: 5px;
}

.paddingLT5 {
    padding-left: 5px;
}

.paddingRT5 {
    padding-right: 5px;
}

.padding8 {
    padding: 8px;
}

.paddingTop8 {
    padding-top: 8px;
}

.paddingBottom10 {
    padding-bottom: 8px;
}

.paddingLT8 {
    padding-left: 8px;
}

.paddingRT8 {
    padding-right: 8px;
}

.padding10 {
    padding: 10px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingLT10 {
    padding-left: 10px;
}

.paddingRT10 {
    padding-right: 10px;
}

.padding15 {
    padding: 15px;
}

.paddingTop15 {
    padding-top: 15px;
}

.paddingBottom15 {
    padding-bottom: 15px;
}

.paddingLT15 {
    padding-left: 15px;
}

.paddingRT15 {
    padding-right: 15px;
}

.paddingLT17 {
    padding-left: 17px;
}

.padding20 {
    padding: 20px;
}

.paddingTop20 {
    padding-top: 20px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.paddingLT20 {
    padding-left: 20px;
}

.paddingRT20 {
    padding-right: 20px;
}
.padding25 {
	padding: 25px;
}
.paddingTop25 {
	padding-top: 25px;
}
.paddingBottom25 {
	padding-bottom: 25px;
}
.paddingLT25 {
	padding-left: 25px;
}
.paddingRT25 {
	padding-right: 25px;
}
.padding30 {
	padding: 30px;
}
.paddingTop30 {
	padding-top: 30px;
}
.paddingBottom30 {
	padding-bottom: 30px;
}
.paddingLT30 {
	padding-left: 30px;
}
.paddingRT30 {
	padding-right: 30px;
}
.paddingBottom60 {
    padding-bottom: 50px;
}

.paddingLT45 {
	padding-left: 45px;
}
.nopadding {
    padding: 0px!important;
}

.nopaddingTop {
    padding-top: 0px!important;
}

.nopaddingBottom {
    padding-bottom: 0px!important;
}

.nopaddingLT {
    padding-left: 0px!important;
}

.nopaddingRT {
    padding-right: 0px!important;
}

.border-box {
    box-sizing: border-box;
}
/* padding CSS End */

/* margin CSS Start */
.margin5 {
    margin: 5px;
}

.marginTop5 {
    margin-top: 5px;
}

.marginBottom5 {
    margin-bottom: 5px;
}

.marginLT5 {
    margin-left: 5px;
}

.marginRT5 {
    margin-right: 5px;
}

.margin8 {
    margin: 8px;
}

.marginTop8 {
    margin-top: 8px;
}

.marginBottom8 {
    margin-bottom: 8px;
}

.marginLT8 {
    margin-left: 8px;
}

.marginRT8 {
    margin-right: 8px;
}

.margin10 {
    margin: 10px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginLT10 {
    margin-left: 10px;
}

.marginRT10 {
    margin-right: 10px;
}

.marginTop15 {
    margin-top: 15px;
}

.marginBottom15 {
    margin-bottom: 15px;
}

.marginLT15 {
    margin-left: 15px;
}

.marginRT15 {
    margin-right: 15px;
}

.margin13 {
    margin: 13px;
}

.marginTop13 {
    margin-top: 13px;
}

.marginBottom13 {
    margin-bottom: 13px;
}

.marginLT13 {
    margin-left: 13px;
}

.marginRT13 {
    margin-right: 13px;
}

.margin14 {
    margin: 14px;
}

.marginTop14 {
    margin-top: 14px;
}

.marginBottom14 {
    margin-bottom: 14px;
}

.marginLT14 {
    margin-left: 14px;
}

.marginRT14 {
    margin-right: 14px;
}

.marginTop18 {
    margin-top: 18px;
}

.margin20 {
    margin: 20px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginLT20 {
    margin-left: 20px;
}

.marginRT20 {
    margin-right: 20px;
}

.margin25 {
    margin: 25px;
}

.marginTop25 {
    margin-top: 25px;
}

.marginBottom25 {
    margin-bottom: 25px;
}

.marginLT30 {
    margin-left: 25px;
}
.marginLT78 {
    margin-left: 78px;
}
.marginLT160 {
    margin-left: 160px;
}
.marginLT187 {
    margin-left: 187px;
}
.marginLT206 {
    margin-left: 206px;
}
.marginLT237 {
    margin-left: 237px;
}
.marginLT239 {
    margin-left: 239px;
}
.marginLT248 {
    margin-left: 248px;
}
.marginLT250 {
    margin-left: 250px;
}
.marginRT30 {
    margin-right: 25px;
}

.margin30 {
    margin: 30px;
}

.marginTop30 {
    margin-top: 30px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.marginLT30 {
    margin-left: 30px;
}

.marginRT30 {
    margin-right: 30px;
}

.marginTop50 {
    margin-top: 50px;
}

.margin-left77 {
    margin-left: 77px;
}

.nomargin {
    margin-top: 0px!important;
}

.nomarginTop {
    margin-top: 0px!important;
}

.nomarginBottom {
    margin-bottom: 0px!important;
}

.nomarginLT {
    margin-left: 0px!important;
}

.nomarginRT {
    margin-right: 0px!important;
}

.nomarginn1 {
    margin: 0px!important;
}
/*  margin CSS End  */

/*  Border CSS Start */
.border-1px {
    border-width: 1px !important;
    border-style: solid;
}

.border-top-1px {
    border-top-width: 1px;
    border-top-style: solid;
}

.border-bottom-1px {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.border-lt-1px {
    border-left-width: 1px;
    border-left-style: solid;
}

.border-rt-1px {
    border-right-width: 1px;
    border-right-style: solid;
}

.border-2px {
    border-width: 2px;
    border-style: solid;
}

.border-top-2px {
    border-top-width: 2px;
    border-top-style: solid;
}

.border-rt-2px {
    border-right-width: 2px;
    border-right-style: solid;
}

.border-lt-2px {
    border-left-width: 2px;
    border-left-style: solid;
}

.border-bottom-2px {
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.border-3px {
    border-width: 3px;
    border-style: solid;
}

.border-top-3px {
    border-top-width: 3px;
    border-top-style: solid;
}

.border-bottom-3px {
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.border-rt-3px {
    border-right-width: 3px;
    border-right-style: solid;
}

.border-lt-3px {
    border-left-width: 3px;
    border-left-style: solid;
}

.border-4px {
    border-width: 4px;
    border-style: solid;
}

.border-top-4px {
    border-top-width: 4px;
    border-top-style: solid;
}

.border-7px {
    border-width: 7px;
    border-style: solid;
}

.border-1px-dashed {
    border-width: 1px;
    border-style: dashed;
}

.border-2px-dashed {
    border-width: 2px;
    border-style: dashed;
}

.noBorder {
    border: none;
}

.border-noTop {
    border-top: 0px solid #cecece;
}

.border-noBottom {
    border-bottom: 0px solid #cecece;
}

.border-noLT {
    border-left: 0px solid #cecece;
}

.border-noRT {
    border-right: 0px solid #cecece;
}
/* Border End */

/* Grey Border Color Start */
.grey1-border {
    border-color: #e5e5e5;
}

.grey2-border {
    border-color: #D1D1D1;
}

.grey3-border {
    border-color: #E0E0E0;
}

.grey4-border {
    border-color: #B9B9B9;
}

.grey5-border {
    border-color: #cfd9e6;
}

.editIcon3Border {
    border-color: #6b6b6b;
}

.editIcon4Border {
    border-color: #dd515b;
}
/* Grey Border Color End */

.white-BG {
    background-color: #fff;
}

.noBackgroundColor {
    background-color: none!important;
}
/* Grey Background Color Start */
.grey1-BG {
    background-color: #e5e5e5;
}

.grey2-BG {
    background-color: #ECECEC;
}

.grey3-BG {
    background-color: #e4e4e4;
}

.grey4-BG {
    background-color: #f0f0f0;
}

.grey5-BG {
    background-color: #dfdfdf;
}

.grey6-BG {
    background-color: #F1F1F1;
}

.grey7-BG {
    background-color: #F9F9F9;
}

.grey8-BG {
    background-color: #f4f4f4;
}

.grey9-BG {
    background-color: #eee;
}

.grey10-BG {
    background-color: #cfd9e6;
}

.grey11-BG {
    background-color: #acbac2;
}
/* Grey Background Color Start */

/* Font Align / Display / Cursor Start */
.alignCenter {
    margin: 0px auto;
}

.textalignCenter {
    text-align: center;
}

.vertical-middle {
    vertical-align: middle;
}

.vertical-top {
    vertical-align: top;
}

.vertical-bottom {
    vertical-align: bottom;
}

.displayInline {
    display: inline;
}

.displayNone {
    display: none;
}

.displayBlock {
    display: block;
}

.displayInlineBlock {
    display: inline-block;
}

.displayTable {
    display: table;
}

.displayTableCell {
    display: table-cell;
}

.overflowhidden {
    overflow: hidden;
}
.OverflowInherit {
    overflow: inherit !important;
}
.overflow-y-scroll {
    overflow-y: scroll;
}

.overflowhidden-y {
    overflow-y: hidden;
}

.overflowhidden-x {
    overflow-x: hidden;
}

.positionFixed {
    position: fixed;
}

.positionAbsolute {
    position: absolute;
}

.positionRelative {
    position: relative;
}

.cursorPointer {
    cursor: pointer;
}

.cursormove {
    cursor: move;
}
/* Font-Weight / Font Align / Display Cursor End */

/* Position Align CSS Start */
.positionTop2px { top:2px; }
.positionTop4px { top:4px; }
.positionTop5px { top:5px; }
.positionTop8px { top:8px; }
.positionTop10px { top:10px; }
/* Position Align CSS Start */

/* Status Background Color Start */
.status-green {
    background-color: #88ad37;
}

.status-gray {
    background-color: #676767;
}

.status-red {
    background-color: #ff0101;
}

.status-skyblue {
    background-color: #23c8f1;
}

.status-darkblue {
    background-color: #00768a;
}

.status-orange {
    background-color: #ff8400;
}

.status-active {
    background-color: #0e7e58;
}

.status-newhired {
    background-color: #bd7217;
}

.status-terminated {
    background-color: #d24848;
}

.status-retired {
    background-color: #616161;
}

.status-cobra {
    background-color: #2057aa;
}

.status-fmla {
    background-color: #680809;
}

.status-deceased {
    background-color: #ba4a49;
}

.status-inactive {
    background-color: #000000;
}

.status-rehired {
    background-color: #796703;
}

.status-loa {
    background-color: #480d99;
}

.status-militaryleave {
    background-color: #6d9510;
}
/* Status Background Color End */

/* Background Check Status Font Color Start */
.yellowcolor-font {
    color: #eebf01;
}

.greencolor-font {
    color: #25a425;
}

.orangecolor-font {
    color: #f17d00;
}

.lightgraycolor-font {
    color: #9d9d9d;
}
/* Background Check Status Font Color End*/

/* Default Messages and Status Color Start */
.error-message-status {
    background: #fcdada;
    border-color: #f04848;
    color: #f04848;
}

.success-message-status {
    background: #d6efdb;
    border-color: #34ad49;
    color: #34ad49;
}

.warning-message-status {
    background: #feecd1;
    border-color: #ffa200;
    color: #ffa200;
}

.info-message-status {
    background: #d9edf7;
    border-color: #31708f;
    color: #31708f;
}


.info-actionbg {
    background: #31708f;
    color: #fff;
}

.warning-actionbg {
    background: #ffa200;
    color: #fff;
}

.success-actionbg {
    background: #34ad49;
    color: #fff;
}


.info-text {
    color: #31708f;
}

.warning-text {
    color: #ffa200;
}

.success-text {
    color: #83b241;
}
/* Default Messages and Status Color End */

/* Error message Classes Start */

.error, .showdiv, .field-validation-error {
    position: absolute;
    padding: 4px 10px 4px 10px;
    top: -10px;
    margin: 0px 2%;
    font-size: 11px;
    left: 0px;
    z-index: 101;
    width: 96%;
    background: #e73f3f;
    border: 1px solid #e73f3f;
    color: #fff;
    border-radius: 4px;
}
/* Error message classes End */


/* Opacity Start */
.opacity06 {
	opacity: 0.6;
}
.opacity03 {
    opacity: 0.3;
}

.opacity02 {
    opacity: 0.2;
}

.opacity01 {
    opacity: 0.1;
}
/* Opacity End*/


/* Float Property */
.floatRT {
    float: right!important;
}

.floatLT {
    float: left!important;
}

.floatNo {
    float: none!important;
}
/* Float Property */


/* div-hover and div-selected CSS Start */
.border-shadow-box-cb {
    -webkit-box-shadow: 0px 0px 2px 0px rgb(185, 185, 185);
    -moz-box-shadow: 0px 0px 2px 0px rgb(185, 185, 185);
    box-shadow: 0px 0px 2px 0px rgb(185, 185, 185);
    border: 2px solid #eeeeee;
}

.div-hover:hover {
    background-color: #f9f9f9;
    cursor: pointer;
}

.div-selected-plan {
    border: 2px solid #F9BD5A !important;
    background: #FFFBE8;
}

.div-selected {
    border: 2px solid #85ce3f !important;
    background-color: #f5ffea;
}

.z-index-100 {
    z-index: 100000;
}
.z-index-1{
	z-index:1 !important;
}

.no-border-color {
    border-color: whitesmoke!important;
}


.disabled input.select-dropdown:disabled{
	border-bottom: none;
}
.searchicon  {
    top: 1px;
    z-index: 1000;
    position: relative;
	float: right;
	padding: 5px 8px;
}
.OR-Label {
	background: #fafafa none repeat scroll 0 0;
    border: 2px solid #dddddd;
    border-radius: 50%;
    font-size: 11px;
    left: 44%;
    padding: 5px;
    position: absolute;
    top: 82%;
    z-index: 10;
}
.grey12-BG {
    background-color: #f9fafa;
}

.multipleSelect { height: 114px; background-color: #ffffff; }

.border-field{ 
	border: 1px solid #d1d1d1;/*for form builder*/
}

#colorbox, #cboxOverlay, #cboxWrapper{
    z-index: 999;
}
.componen-setting{
	overflow: visible!important;
}
 .xdsoft_datetimepicker {
	z-index: 999;
 }
.xdsoft_datetimepicker .xdsoft_label {
	z-index: 999;
}

@media (max-width: 1024px) {
    .form-holder {
        width: 100%;
    }
	
	.user-welcome-right {
		padding:0px 20px;
	}
	 .VideoMainBoxCB {
        width: 90%;
		margin:105px auto 10px;;
	 }
	 .background-black-rgb {
		 margin-top:12px;
		 padding:6px;
	 }
	  .templateDetails {
		 width:60%;
	}
    .AdminToolWizard .wizard-content-wrapper {
        padding: 0 !important;
    }
    .verbiage .form-button-holder .btn {
        min-width: 200px !important;
    }
    .AdminToolWizard .summary .marginTop45 {
        margin-top: 20px;
        padding-left: 0;
    }
}


     [type=text]::-ms-clear {
    display: none;
}

.paddingBottom40 {
    padding-bottom: 40px;
}


/**--- Sedera Health Start --- */

ul.list-alpha li:first-child {
	border-bottom: 0 none;
}

ul.list-alpha li {
    border-top: 1px solid #d1d1d1;    
    display: list-item;
    padding: 15px 1px;
    float: left;
    width: 100%;
}

.p-0 {
	padding: 0 !important;
}

.select-wrapper-grid {
	padding: 6px 0 !important;
	border: 1px solid #d1d1d1;
	line-height: 37px;
}
.select-wrapper input.select-dropdown {
	margin: 0;
}
/**--- Sedera Health Ends --- */

/* Admin Tool CSS Starts*/
.width264 {
    width: 264px;
}

.paddingTop50 {
    padding-top: 50px;
}

.admintool .card {
    width: 264px;
    height: 340px;
    margin: 0 10px 20px 10px;
    border: 1px solid #CDCDCD;
    background-color: #FFFFFF;
    box-shadow: 0 0 0 0 transparent;
}

    .admintool .card h2, .admintool .card p {
        color: #4A4A4A
    }

.bt0 {
    bottom: 0;
}

.admintool .border-top {
    border-color: #cdcdcd;
}
.verbiage  .form-button-holder .btn {
	min-width: 250px;
}
.preliminary .gr-bordered, .hirepopup .gr-bordered {
	border: 1px solid #cdcdcd;
	background: #fff;
}
.preliminary .fields-container, .hirepopup .fields-container {
	background: transparent;
	border-left: 0 none;
	border-top: 0 none;
}


.AdminToolWizard {
    float: left;
    width: 100%;
}

    .AdminToolWizard .wizard-content-wrapper {
        padding: 0 80px;
    }
	
    .AdminToolWizard .wizard-container-wrapper {
        height: 94px;
        position: relative;
        width: 100%;
        float: left;
        left: 0;
        padding: 0 80px;
    }

    .AdminToolWizard .wizard-container {
        background-color: transparent;
        border-bottom: 0 none !important;
    }

    .AdminToolWizard .wizard-list {
        padding: 10px 0 0 0;
        margin: 0;
        min-width: 238px;
    }

    .AdminToolWizard .wizard-container li a .wizard_number::before {
        position: absolute;
        content: "";
        background: #e5e5e5;
        width: 234px;
        height: 3px;
        top: 62%;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        left: 28px;
    }
    .AdminToolWizard .wizard-container li:last-child a .wizard_number::before {
        background: transparent;
    }

    .AdminToolWizard .wizard_number {
        float: left;
        position: relative;
        width: 35px;
        top: 0;
    }

    .AdminToolWizard .ActiveWizard .wizard_number_span {
        background: #485861;
        border-radius: 100px;
        cursor: pointer;
    }

    .AdminToolWizard .notActiveWizard .wizard_number_span {
        background: #CDCDCD;
        border: 1px solid #CDCDCD;
        color: #ffffff;
    }

    .AdminToolWizard .ActiveWizard .wizard_name {
        font-weight: bold;
        color: #485861;
    }

    .AdminToolWizard .wizard_name {
        color: #485861;
        font-size: 20px;
        margin: 0;
        width: 100%;
        line-height: 24px;
        font-weight: normal;
    }

    .AdminToolWizard textarea {
        outline: 0 none;
        padding: 0.4rem 1.5rem;
    }
        .AdminToolWizard .wizard_number .icon {
        position: relative;
        top: 17px;
        color: #ffffff;
        left: 7px;
    }

    .AdminToolWizard .gr-bordered, .landingpage .gr-bordered {
        border: 1px solid #cdcdcd;
        background: #fff;
    }

    .AdminToolWizard .fields-container, .landingpage .fields-container {
        background: transparent;
        border-left: 0 none;
        border-top: 0 none;
    }


    .AdminToolWizard .icon-73-view-calendar {
        position: relative;
		right: 10px;
		float: right;
		top: 2px;
    }
	.AdminToolWizard .payroll input[type=text]{
		height: auto;
		padding:0;
	}
	.AdminToolWizard .payroll [type="checkbox"] + label{
		margin-top: 3px;
        margin-bottom: 0;
	}

    .AdminToolWizard .grey-text {
        z-index: 1;
        background-color: #f1f1f1;
        color: #999999;
        width: 10%;
        margin: 0 auto;
        float: none;
        text-align: center;
    }
   .AdminToolWizard hr {
    width: 100%;
    margin: 0;
    position: relative;
    top: -12px;
    border-top: 1px solid #D8D8D8;
    z-index: -1;
}
   /*
label.textarea-label.active {
    color: #00679c;
    top: 14px;
    left: 0.75rem;
}
textarea.focus_fields {
    padding: 10px 0 0 12px;
}

 .AdminToolWizard textarea:focus:not([readonly]) {
            border-bottom: 3px solid #00679c;
            box-shadow: 0 0px 0 0 #00679c;
            position: relative;
            bottom: -5px;
        }
    .AdminToolWizard .input-field label {
        color: #00679C;
        font-size: 11px;
        line-height: 13px;
        top: 14px;
        left: 0;
    }
*/
.AdminToolWizard .ActiveWizard-line {
    background-color: #089edb;
    display: none;
}

    .AdminToolWizard .editActiveWizard-line {
        display: none;
    }

    .AdminToolWizard .row {
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 13px;
    }

.landingpage {
    background-color: #ffffff !important;
    padding: 10px;
}
    .landingpage, .landingpage table, .landingpage table td {
        padding: 15px !important;
        font-size: 16px;
        color: #393939;
        
    }
        .landingpage table tr:first-child td{
            border-top:0 none;
        }


.AdminToolWizard .wizard-container li:last-child a .wizard_number::before {
    background: transparent;
}
.marginTop45{
    margin-top: 45px;
}
.summary .Accordion-Arrow {
    border-left: 0 none;
    margin-top:0;
}
.summary .section-title {
    color: #356b7c;
    font-size: 20px;
    text-transform: capitalize;
    border-bottom: 1px solid #8c8c8c;
}
.summary .tableHeader {
    background: #d9edf7;
}
.summary .tableContainer{
    padding:0;
}
.summary .wt-accordion .grey2-border {
    border-bottom: 1px solid #8c8c8c;
}
.summary .dataTable thead tr th, .summary .dataTable tbody td {
    text-align: left;
    border-right: 0.5px solid #d3d3d3;
    padding: 20px !important;
}
    .summary .dataTable thead tr th:last-child, .summary .dataTable tbody td:last-child, .AdminToolWizard .payroll table td:last-child, .AdminToolWizard .payroll table td:first-child, .AdminToolWizard payroll table td:nth-child(2) {
        border-right:0 none;
    }

.AdminToolWizard .payroll table tr th, .AdminToolWizard .payroll table tr:last-child {
	border-bottom: 1px solid #09a0db;
}
 .AdminToolWizard .payroll table td {
	border-right: 1px solid #ddd;
}


.ToastError {
    background-color: #ead9d9;
    border-color: #d45656;
    color: #f14040;
    border-radius: 4px;
    margin-right: 2px;
}

    /* Admin Tool CSS Ends */
    /***********************************************************************************/

/*Payroll Schedule start */
#dvPayrollSchedule .fields-container, #dvEligibilityRule .boxEligibilityRule {
    background: #fff;
    border-left: 0;
    border-top: 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 30px 25px !important;
    box-shadow: 0 0 20px rgba(162, 159, 159, 0.3);
    border-top: 4px solid #089edb;
}
.selectingClassesBox label .supred {
    display: none;
}
.selectingClassesBox h3 {
    margin-bottom: 20px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.selectingClassesBox label {
    color: #8d8a8a;
}
#dvEligibilityRule .boxEligibilityRule.selectingClassesBox {
    padding: 30px 38px !important;
}
#dvPayrollSchedule #dvEligibilityRule .boxEligibilityRule .grey2-border {
    border-color: #D1D1D1;
    border-width: 0 !important;
}

#dvPayrollSchedule #dvEligibilityRule .select-dropdown {
    border-bottom: 1px solid #676868;
    font-size: 16px;
    color: #000;
}

#dvPayrollSchedule .fields-container .fields-row {
    margin-bottom: 20px;
    border-bottom: 0;
}

#dvPayrollSchedule .fields-container .input-field input {
    border-bottom: 1px solid #676868;
    font-size: 16px;
    color: #000;
}

#dvPayrollSchedule .input-field label, #dvEligibilityRule .select-wrapper label {
    color: #8d8a8a;
    margin-left: 11px;
    font-weight: bold;
}

#dvPayrollSchedule .supred {
    color: red;
    font-size: 15px;
    top: 10px;
    left: 1px;
    position: absolute;
}

#dvPayrollSchedule button {
    font-size: 15px;
    padding: 10px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: bold;
}

#dvPayrollSchedule .EditRule {
    background: transparent;
    border: 0;
    color: #089edb;
    text-decoration: underline;
}

#dvPayrollSchedule .calendarBox {
    position: relative;
}

    #dvPayrollSchedule .calendarBox:after {
        content: '';
        position: absolute;
        right: 10px;
        bottom: 10px;
        background: url('../Images/caleicon.PNG') no-repeat;
        width: 22px;
        height: 22px;
        background-size: cover;
        
    }

#dvPayrollSchedule .AddRule {
    background: transparent;
    color: #089edb;
}

#dvPayrollSchedule button:last-child {
    background: rgb(86,148,27);
    background: linear-gradient(90deg, rgba(86,148,27,1) 8%, rgba(101,179,27,1) 50%, rgba(112,202,27,1) 75%, rgba(133,206,63,1) 100%);
    border-color: none;
    padding: 12px 25px;
    border-width: 0;
}

#dvPayrollSchedule .form-button-holder button#btncancel {
    font-size: 15px;
    padding: 10px 25px;
    border-radius: 3px;
    font-weight: bold;
    background: transparent;
    color: #777;
    border-width: 0;
}

#dvPayrollSchedule .form-button-holder .EditRule {
    background: transparent;
    border: 0;
    color: #089edb;
    text-decoration: underline;
}

#dvPayrollSchedule .form-button-holder #btnReset {
    background: transparent;
    color: #089edb;
    border-color: #089edb;
}

#dvPayrollSchedule .form-button-holder button.SavePayroll {
    background: rgb(22,117,156);
    background: linear-gradient(90deg, rgba(22,117,156,1) 20%, rgba(25,142,190,1) 55%, rgba(8,158,219,1) 100%);
    border-color: #089edb;
    border-color: none;
    padding: 12px 25px;
    border-width: 0;
}
body #dvPayrollSchedule .wizard-container-tab .ActiveWizard .wizard_name {
    border-bottom: #089edb 3px solid;
    color: #333 !important;
}
body #dvPayrollSchedule .wizard-container-tab .notActiveWizard .wizard_name {
    border-bottom: 0;
    font-weight:normal;
    color: #888 !important;
}
body #dvPayrollSchedule .wizard-container, body #dvPayrollperiod .wizard-container {
    border-bottom: 1px solid #d5d5d5 !important;
}
/*Payroll Schedule close */

/* Payrollperiod start */
#dvPayrollperiod .border-shadow-box-cb {
    background: #fff;
    border-left: 0;
    border-top: 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 20px 25px !important;
    box-shadow: 0 0 20px rgba(162, 159, 159, 0.3);
    border-top: 4px solid #089edb;
}
#dvPayrollperiod h1 {
    font-weight: bold;
    color: #333;
}
#dvPayrollperiod a.Secondary-Action-BG-Text {
    color: #333;
    font-size: 13px;
    border-right: 1px solid #ccc;
    border-radius: 0;
    padding: 0 20px 0 0;
    margin: 0 5px;
    font-weight: 600;
}
#dvPayrollperiod a#DeletePayPeriod {
    padding: 0;
    margin: 0px;
    border-right:0;
}
#dvPayrollperiod a.Secondary-Action-BG-Text .icon {
    color: #85ce3f;
    padding: 0px 8px;
}
#dvPayrollperiod .form-button-holder #btnCancel {
    font-size: 15px;
    padding: 10px 25px;
    border-radius: 3px;
    font-weight: bold;
    background: transparent;
    color: #777;
    border-width: 0;
}

#dvPayrollperiod .form-button-holder #btnReset {
    background: transparent;
    color: #089edb;
    border-color: #089edb;
    font-size: 15px;
    padding: 10px 25px;
    border-radius: 3px;
    font-weight: bold;
    margin:0 10px;
}

#dvPayrollperiod .form-button-holder #btnSave {
    background: rgb(22,117,156);
    background: linear-gradient(90deg, rgba(22,117,156,1) 20%, rgba(25,142,190,1) 55%, rgba(8,158,219,1) 100%);
    border-color: #089edb;
    border-color: none;
    padding: 12px 25px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    border-width: 0;
}

#dvPayrollperiod #PayPeriodTable_wrapper thead {
    border-bottom: 0;
    background: #efefee;
    border-radius: 15px 0 0 20px;
}
#dvPayrollperiod #PayPeriodTable_wrapper thead tr th{
    padding:0;
}
#dvPayrollperiod #PayPeriodTable .grey2-border {
    border-color: #D1D1D1;
    border: 0;
    border-bottom: 1px solid #828181;
}
#dvPayrollperiod #PayPeriodTable tbody {
    border: 1px solid #d3d3d3;
}
#dvPayrollSchedule #PayPeriodTable_wrapper table#PayPeriodTable {
    border: 1px solid #d0d0d0 !important; 
}
#dvPayrollperiod .payPeriodsHead {
    font-size: 15px;
}
#dvPayrollperiod #PayPeriodTable tbody tr td{
    padding:20px 0;
}
#dvPayrollperiod .payPeriodsHead span.fontsize13.fontweight {
    font-size:15px;
    color: #089edb !important;
}
.payrollScheduleName {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.payrollScheduleName span{
    font-size: 16px;
    color: #089edb;
    font-weight: normal;
}
#dvPayrollperiod .input-field-no-input input {
    font-size: 16px;
    color: #777;
}
#dvPayrollperiod .payPeriodsHead .downloadBtnTop .icon {
    margin: 0 7px;
}
#dvPayrollperiod .payPeriodsHead hr{
    border: 1px solid #ebe8e8;
}
#dvPayrollperiod .payPeriodsHead .downloadBtnTop {
    width: 100%;
    background: transparent;
    color: #089edb;
    border: 2px solid;
    border-color: #089edb;
    font-size: 15px;
    padding: 12px 5px;
    text-align:center;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
}
#dvPayrollperiod .payPeriodsHead .downloadBtnTop img {
    margin: -3px 5px 0 0;
}
#dvPayrollperiod .input-field-no-input:after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: url(../Images/caleicon.PNG) no-repeat;
    width: 22px;
    height: 22px;
    background-size: cover;
}
#dvPayrollperiod [type="checkbox"] + label:before, #dvPayrollperiod [type="checkbox"]:not(.filled-in) + label:after, #dvPayrollperiod .filled-in[type="checkbox"]:not(:checked) + label::after {
    background-color: transparent;
}
#dvPayrollperiod [type="checkbox"]:not(.filled-in) + label:after, #dvPayrollperiod .filled-in[type="checkbox"]:not(:checked) + label::after {
    background-color: #fff;
}
#dvPayrollperiod #allCurrentFutureCheckBOx span {
    display: inline-block;
    vertical-align: top;
    
}
.check-box-name {
    margin-left: 25px;
    margin-top: 3px;
    font-size: 13px;
    margin-right: 10px;
}
.check-box-name:last-child {
    margin-right: 0px;
}
#dvPayrollperiod #allCurrentFutureCheckBOx [type="checkbox"]:not(.filled-in) + label:after, #dvPayrollperiod #allCurrentFutureCheckBOx .filled-in[type="checkbox"]:not(:checked) + label::after {
    background-color: transparent;
    height: 15px;
    top: 5px;
    width: 15px;
    z-index: 0;
    left: 6px;
    border: 1px solid #0b5595;
}
#dvPayrollperiod #allCurrentFutureCheckBOx [type="checkbox"]:checked + label::after, #dvPayrollperiod #allCurrentFutureCheckBOx .filled-in[type="checkbox"]:checked + label::after {
    height: 15px;
    top: 3px;
    width: 15px;
    z-index: 0;
    left: 6px;
}
#dvPayrollperiod #allCurrentFutureCheckBOx [type="checkbox"]:checked + label::before, #dvPayrollperiod #allCurrentFutureCheckBOx .filled-in[type="checkbox"]:checked + label::before {
    border-color: transparent #fff #fff transparent;
    border-style: solid;
    height: 10px;
    left: 7px;
    top: 2px;
    transform: rotateZ(37deg);
    transform-origin: 100% 100% 0;
    width: 6px;
}
#dvPayrollperiod #allCurrentFutureCheckBOx [type="checkbox"].filled-in:checked + label:after, #dvPayrollperiod #allCurrentFutureCheckBOx [type="checkbox"]:checked + label::after {
    background-color: #0b6e97;
    border: #0b6e97;
}
#dvPayrollperiod .table-bordered {
    border: 2px solid #efefee;
}
#dvPayrollperiod .table-bordered .DataTables_sort_wrapper {
    color: #777;
}
#dvPayrollperiod #PayPeriodTable tbody tr td .wordWrapClass.col-lg-6 .input-field-no-input {
    position: relative;
}
body #dvPayrollperiod #PayPeriodTable_wrapper thead tr th{
    border-bottom:0 !important;
}
#objFileUploadModel_btnUploadFile {
display:block;
}
#FileUploadPopUP #objFileUploadModel_btnBrowse {
    
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    font-size: 0;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 0;
}
    #FileUploadPopUP #objFileUploadModel_btnBrowse::after {
        content: "\e167";
        font-size: 16px;
    }
#FileUploadPopUP #ieFix:before {
    content: 'Upload Your File';
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 16px;
    color: #777;
}
#FileUploadPopUP input#objFileUploadModel_txtbrowseTxtBx {
    margin-top:20px;
}
#FileUploadPopUP .browseBtn-wrapper {
    border: 0;
    color: #000;
    min-width: auto;
    padding: 7px 8px;
}
#FileUploadPopUP .fileuploadwrapper {
    border: 0;
    border-bottom: 1px solid #d1d1d1;
    padding:20px 0;
}
@media only screen and (max-width: 1280px) and (min-width: 992px) {
    #dvPayrollperiod .payPeriodsHead .downloadBtnTop {
        width: 100%;
        
        font-size: 13px;
        padding: 12px 5px;
    }
}

/* Payrollperiod close */