/* ie7 only*/

 .no-hashchange #note {left: 43%; margin-left: -25em;}

.no-hashchange #header .row{padding-bottom:15px;}

.no-hashchange ul,.no-hashchange  li {margin: 0;padding: 0;}
.no-hashchange{background-color:#CFCFCF;}

.no-hashchange nav {font-size:.82em; }
.no-hashchange .nav li{
	overflow:hidden;
    zoom: 1; /* IE6 and below work around */
	cursor:  pointer;
	}
.no-haschange .overlay {background-color:none;}
.no-hashchange .nav li .icon2wrap{
	max-width:35%; width:  65px; float:left;}
	
.no-hashchange .nav li .icon2wrap-ie{
	max-width:15%; width:20px;  float:right;  }
	
	
.no-hashchange .nav li .title2{
	max-width: 60%; float:left; padding-top:  5px; height:40px; width:97px; cursor: pointer;}
	
.no-hashchange .nav li.subNav{ display:inline; }	
	
.no-hashchange .nav .subNav ul{list-style:none; }	
	
	
.no-hashchange .nav	.subNav li {height:auto; }

.no-hashchange header .row .col-md-2, .no-hashchange header .row .col-md-8{padding:0px !important;}


.no-hashchange .cardOptions .cardOptionsIcon{
    display: none;
}

.no-hashchange .cardOptionsText{
    margin-left: 0px; 
}

.no-hashchange .rightCol{padding-left:0px !important;}
.no-hashchange #cardEmployee #employeeInfo{padding-left:  10px;}
.no-hashchange FORM.layout .buttonContainer{margin-top:  15px; }
.no-hashchange .legend{display: block;}
.no-hashchange .clearie{display: block; min-height:  auto; height: 5px; clear:  both;}

/* PTO CALENDAR */
.no-hashchange .doitfor7{width:15%;}


.no-hashchange .row .col-md-12, .no-hashchange .row .col-lg-12  {width: 97%;}
.no-hashchange .row .col-md-11, .no-hashchange .row .col-lg-11 {width: 88%;}
.no-hashchange .row .col-md-10, .no-hashchange .row .col-lg-10 {width: 80%;}
.no-hashchange .row .col-md-9, .no-hashchange .row .col-lg-9 {width: 72%;}
.no-hashchange .row .col-md-8, .no-hashchange .row .col-lg-8 {width: 63%;}
.no-hashchange .row .col-md-7, .no-hashchange .row .col-lg-7 {width: 55%;}
.no-hashchange .row .col-md-6, .no-hashchange .row .col-lg-6 {width: 47%;}
.no-hashchange .row .col-md-5, .no-hashchange .row .col-lg-5 {width: 38%;}
.no-hashchange .row .col-md-4, .no-hashchange .row .col-lg-4 {width: 30%;}
.no-hashchange .row .col-md-3, .no-hashchange .row .col-lg-3 {width: 22%;}
.no-hashchange .row .col-md-2, .no-hashchange .row .col-lg-2 {width: 14%;}
.no-hashchange .row .col-md-1, .no-hashchange .row .col-lg-1 {width: 5%;}

.no-hashchange #tblCalendarHead .calendarSelect {margin:5px 0px 0px 0px; padding-right:15%; }/*request time off calendar select boxes*/

.no-hashchange .tabs li{display:inline; padding: 7px 10px;}
.no-hashchange .coverageList li{padding: 10px;}
.no-hashchange .cardHorizontal .cardLabel, .no-hashchange .cardHorizontal .cardContent, .no-hashchange .cardHorizontal .cardContentFull,
.no-hashchange .cardHorizontal .cardTitle, .no-hashchange .cardHorizontal .cardHeading, .no-hashchange .cardHorizontal .cardText,
.no-hashchange .progressbar .side, .no-hashchange .progressbar .middle, .no-hashchange .planHeader,
.no-hashchange .benefitList, .no-hashchange .planSubheading, .no-hashchange .checkboxContainer, .no-hashchange .tipCoverage,
.no-hashchange .planEdit, .no-hashchange #cardEmployee #settings, .no-hashchange #cardEmployee #settings img, .no-hashchange #cardEmployee #settings #settingsText,
.no-hashchange #cardEmployee #employeeInfo {display:inline;}

.no-hashchange .buttonContainer .buttonPrimary, .no-hashchange .buttonContainer .buttonSecondary{min-width: 200px; }
.no-hashchange #cardEmployee #settings{}
.no-hashchange .buttonPrimary img, .no-hashchange .buttonSecondary img, .no-hashchange .buttonTertiary img, .no-hashchange .addAction img, .no-hashchange .buttonImageRight img {
    display: none;
}
.no-hashchange .buttonContainer .buttonPrimary, .no-hashchange .buttonContainer .buttonSecondary, .no-hashchange .buttonTertiary, .no-hashchange .addAction, .no-hashchange .buttonImageRight, .no-hashchange .buttonPrimary, .no-hashchange .buttonSecondary{
  
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 4px;
    height: 35px;
    width: auto;
    min-width: auto;

    outline: none;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    /*font-weight: bold;*/
    padding: 10px;
    white-space: nowrap;
}
.no-hashchange a.buttonPrimary, .no-hashchange .buttonContainer a.buttonPrimary{
    height: 15px;
}
.no-hashchange .hovercards{
    height: 10px;
}

.no-hashchange .hoverslide{
    min-height: 100px;
}
/*Benefits Section*/
.no-hashchange .cardLabel{
    height: 90px;
}

.no-hashchange .cardContentFull{
    width: 70%;
}

.no-hashchange .cardDetails{
    right: 15px;
}

.no-hashchange .planEdit{
    display: inline;
}

.no-hashchange .instructionList{
    margin-left: 20px;
}

.no-hashchange .inline, .no-hashchange .planEdit{
    display: inline;
}

.no-hashchange .navContainer li a:hover{
    color: #000000 !important;
}

.no-hashchange .navContainer .icon2{
    display: none;
}
.no-haschange .navContainer li .icon2wrap{
    display: none !important;
    float: left;
}
.no-hashchange .navContainer .icon2, .no-hashchange .navContainer li .icon2wrap {
    display: none !important;
}
.no-hashchange .navContainer .firstColor .title2, .no-hashchange .navContainer .secondColor .title2,  .no-hashchange .navContainer .thirdColor .title2{
    color: #000 !important;
}
.no-hashchange .navContainer li .title2, .no-hashchange .navContainer li .icon2wrap, .no-haschange .navContainer .arrow{
    display: inline;
    width: 500px !important;
}

/******TIMECLOCK/TIMESHEET***************/
.no-hashchange #buttonContainTimeclock input[type], .no-hashchange #buttonContainTimeclock button, .no-hashchange .timeClockButton, .no-hashchange .xferButton {
    width: 150px;
    min-width: 150px;

}
.no-hashchange .punchStatus {
    width: 50%;
    float: left;
}
.no-hashchange .punchButton{
    width: 49%;
}
.no-hashchange .timeClockTable{
    font-size: .8em;
    white-space: nowrap;
}
.no-hashchange .timeClockTable tr th{
    white-space:nowrap;
}
.no-hashchange .timeClockTable .float-left{
    width: 45%;
    text-align: left;
}
.no-hashchange .timeClockTable .float-right{
    width: 55%;
    text-align: right;
}
.no-hashchange #actionwrap {
    padding: 10px;
    border-top: 1px solid #8a8d8e;
    background-color: #ffffff;
  
}

.no-hashchange #frmwebclock .essHeadSecondary h2{
    color: #000000;
}


/******#TIMECLOCK/TIMESHEET***************/


/*Expense Dashboard*/

.no-hashchange .inline, .formCharacter{display: inline-block;}/*wrap checkboxes in a div with this as the class*/
.no-hashchange .moveitright {padding-left:23%;}
.no-hashchange .topAlign {padding-left:21%;padding-top:2%; vertical-align: top; }

/**************Performance**************/
.no-hashchange .noPadIE{
    padding-right: 0px;
    padding-left: 0px;
}
/*popup */
.no-hashchange .modalPopup{
    position:absolute;
    width: 50%;
    left: 25%;
}

/*  buttons */
.no-hashchange .buttonPrimary{margin-left:5px; margin-right:5px;}
.no-hashchange .buttonSecondary{margin-left:5px;margin-right:5px;}
.no-hashchange .addAction{margin-left:5px;margin-right:5px;}

/******#CL MENU SECTION***************/

.no-hashchange .cardRow .col-md-6 .card{height:135px;}

.no-hashchange .cardRow .col-md-4{width:32%;display:block;}

.no-hashchange .cardRow .col-md-8{ width:58%;}

.no-hashchange .cardRow .cardOptions { margin-left:5px; }

.no-hashchange .cardRow .hovercards .cardOptions { margin-left:17px;}

.no-hashchange .securityLink {
    position: absolute;
    right: 10px;
    top: 15px;
    margin-top: -10px;
	cursor:pointer;
}

.no-hashchange .breadCrumbContainer{position: relative; z-index: 1; zoom: 1;}
.no-hashchange .container{position: relative; z-index: 10; zoom: 1; }
.no-hashchange .menuContainer{position: relative; z-index: 12; zoom: 1;}
.no-hashchange .dropMenuContainer{position: absolute; z-index: 500; zoom: 1;}
.no-hashchange .menuContainer{display: inline; }
.no-hashchange input, .no-hashchange select, .no-hashchange input[type=checkbox].check{
    position: relative;
    z-index: 1;
    zoom: 1;
}
.no-hashchange .cardContainer{ zoom: 1;}
/*changed in cl-menu.js, done so select boxes won't display above navigation when a user is hovering*/
.no-hashchange .coverSpan{width: 100px; height:22px; display: inline;}
.no-hashchange .hoverArrow{
    cursor: pointer;
}
.no-hashchange .clHeadPrimary{background-color: #00833f !important;}

.no-hashchange .helpImage, .no-hashchange .helpContent, .no-hashchange .securityText, .no-hashchange .securityImage,
.no-hashchange .welcomeText, .no-hashchange .primaryMenuList, .no-hashchange .primaryMenuItem,
.no-hashchange .secondaryMenuList, .no-hashchange .secondaryMenuItem, .no-hashchange .breadCrumblist, .no-hashchange .breadCrumbItem, .no-hashchange .headerItemIcon {
    display: inline;
}


.no-hashchange div.tableNav{width:7%; display:inline;}

.no-hashchange div.oversizedTable{width:100%;position:relative;}

/*jquery datepicker */

.no-hashchange #ui-datepicker-div {position: absolute; z-index: 501!important;zoom: 1; }


/* tables generated with clsTable class */
.no-hashchange .staticTable { display: block !important; }
.no-hashchange .tableContainer { position: static; }

.no-hashchange .primaryMenuLogoContainer { vertical-align: middle; display: inline-block; height: 35px; width: 102px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../cl/images/paycom_white_logo.png', sizingMethod='scale'); }
.no-hashchange .primaryMenuLogo { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.no-hashchange .primaryMenuList { vertical-align: middle; }

* html .no-hashchange.hideIE6Selects select { visibility: hidden; }

/*ie8 input and text hack*/
.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation INPUT, .no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation SELECT{
    max-width: none;
}

.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation select[multiple].userAccessMulti{
    max-width: 100%;
}

.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation .execdashContainer .col-md-6{
    width: 100%;
}

.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation .timeClockRight{
    width: 15% !important;
}
.no-csstransitions .vCenter{
    top: 10% ;
}


.no-hashchange .ui-autocomplete{position: absolute; z-index: 501!important;zoom: 1;}


.no-hashchange table.tableRequests{width:100%;}

.no-hashchange table.tableRequests .buttonSection{width:80%;}

.no-hashchange .ieFix .buttonSecondary, .no-hashchange .ieFix{width:90%;}
.no-hashchange table.printTable tbody tr td.nested{background-color:white!important;}

.no-hashchange table.printTable tbody tr td.nested table tbody tr td{background-color:white!important; }

.no-hashchange #clTheme ul.ui-sortable li.ui-state-default img.delete{position: absolute; right:1px;}


.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation .hideIe8{
    display: none;
}


.no-hashchange .filterLargeList, .no-hashchange .filterPaginatedList{position:relative; width:95%;}

.no-hashchange a.clearInput {
    width: 16px;
    height: 16px;
    display: none;
    -moz-display: none;
    -webkit-display:none;
    -o-display:none;
    -ms-display:none;
    position: absolute;
    right: 4px;
    top: 2px;
    outline: none;
    z-index: 2147483637;
}

.no-hashchange a.searchIcon {
    width: 16px;
    height: 16px;
    display: none;
    position: absolute;
    right: 4px;
    top: 2px;
    outline: none;
    z-index: 2147483636;
}

.no-hashchange a.clearInput img, a.searchIcon img {
    height: 100%;
}


/*REDESIGN CSS*/
.loginBG .vCenter{
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}