.cardBody{
	padding: 0px 20px 20px;
}
.cardTitle{
	margin-top: -6px !important;
	margin-bottom: -20px !important;
}
/*dashboard page*/
.monthlyHours{
  font-size: 11px;
}
.loggingTbl{
	 font-size: 11px;
}
.payAmount{
	padding-right: 25% !important;
}
.mfaPara{
	font-family: 'Verdana, Geneva, Arial, Helvetica, sans-serif';
	font-size: 16px;
}
.mfaList{
	font-size: 13pt;
}
.mfaTop{
	margin-top: 109px;
}
.prefsInfo{
	color: #336B6B;
	background-color:#DDEFEF !important;
}
#filterByYearBlockHours{
	width: 100px;
}
.projectTable{
	width:100%;
	border: 1px solid #0000;
}
.projecttd{
	width: 50%;
}
.projectHeader{
	color: #000099 !important; 
	font-size:15pt !important;  
	margin-top: 10px !important;
}
.projectSpan{
	color:#aa0000;
}
.gentdvalue{
	background-color: #ffff99 !important;
}
.gentdlabel1 {
	
	background-color: white !important;
	padding: 3px !important;
	font-family: tahoma,sans-serif !important;
	font-size: 13px !important;
	font-weight: bold !important;
} 
.radiobtn{
	margin-left:34px; 
	margin-right:30px;
	margin-top: -15px;
}
.be-top-header .be-navbar-header .navbar-brand{
	width: 231px !important;
}
.contactList{
	background-color: #DDEFEF;
	font-size:13px;
	padding-right: 13px;
}
.contactList1{
	background-color: #DDEFEF;
	font-size:13px;
	padding-right: 23px;
	padding-left: 5px;
}
.contactList2{
	background-color: #DDEFEF;
	font-size:13px;
	padding-right: 28px;
}
.binderTd{
	width: 79px !important;
}
.binderBillable{
	background-color: #ffff88;
	padding-bottom: 10px !important;
}
.complete{
	color: red;
}
.TrackEditButton{
	/*padding: 4px;*/
    /*font-size: large;*/
    color: rgb( 255,255,255 );
    background-color: #4285f4 !important;
    /*border-radius: 12px;*/
    text-transform: capitalize;
    border-color: #4285f4 !important;
    /*width: 125px;*/
}
.TrackEditButton:hover{
  	color: rgb( 255,255,255 ) !important;
    background-color: #4285f4 !important;
    border-color: #4285f4 !important;
}
.TrackCancelButton{
	/*padding: 4px;*/
    /*font-size: large;*/
    /*color: rgb( 255,255,255 );*/
    /*background-color: #ff4d4d;*/
    text-transform: capitalize;
    /*border-color: #ff4d4d;*/
    /*width: 125px;*/
}
.TrackCancelButton:hover{
	/*background-color: #ff4d4d !important;*/
	/*border-color: #ff4d4d !important;*/
	/*color: rgb( 255,255,255 );*/
	color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 #1266f1;
    box-shadow: inset 0 -1px 0 #1266f1;
    background-color: #4c8bf5;
    border-color: #4c8bf5;
    border-bottom-color: #1266f1;
} 
.TrackAddButton{
	/*padding: 4px;*/
    /*font-size: large;*/
    color: rgb( 255,255,255 ) !important;
    background-color: #66bb6a !important;
    /*text-transform: capitalize;*/
    border-color: #66bb6a !important;
    /*width: 146px;*/
}
.blockHeader{
	margin-top: -24px;
    margin-left: -172px;
}
.blackDateRange{
	margin-top: -16px;
}
.dataRange{
	margin-left: -8px;
}
.blockTotal{
	color: red;
}
.prefBtn{
	width: 400px !important;
}
.featuresBtn{
	padding-left: 20px;
    padding-right: 20px;
}
/*.featureEdit{
	width: 240px !important;
}*/
/*.binderBtn{
	width: 206px !important;
}*/
/*.bothBtn{
	width: 200px !important;
}*/
/*.ResumesBtn{
	width: 166px !important;
}*/
.hourReportBtn{
	color: rgb( 255,255,255 );
    background-color: #4285f4;
    border-radius: 12px;
    text-transform: capitalize;
    border-color: #4285f4;
}
 #modal-content{
    max-width: 304px !important;
}  
.PrefsButton{
    /*width: 240px !important;*/
    margin-left: -3px;
    margin-top: 9px;
    font-size: small;
}
.hotlistRed {
	line-height: 17px;
	color: #000000;
	background-color: #DC7171;
	border: 0 solid #CED7F2;
}
.hotlistYellow {
	line-height: 17px;
	color: #000000;
	background-color: #FFFFA1;
	border: 0 solid #CED7F2;
}
.hotlistGreen {
	line-height: 17px;
	color: #000000;
	background-color: #D3F2D4;
	border: 0 solid #CED7F2;
}
.hotlistGreensm {
	font-size: 10px;
	color: #000000;
	background-color: #D3F2D4 !important;
	border: 0 solid #CED7F2;
}
.hotlistRedsm {
	font-size: 10px;
	color: #000000;
	background-color: #DC7171 !important;
	border: 0 solid #CED7F2;
}
.hotlistYellowsm {
	font-size: 13px;
	color: #000000;
	background-color: #FFFFA1 !important;
	border: 0 solid #CED7F2;
}
.dashboardProject{
	/*margin-left: 60%;
    margin-top: -32px;*/
    font-size: 16px;
}
.tableFontSize{
   font-size: 13px;

}
/*mobile view */
.mobileIcon.icon {
	display:none;
}
div.menu {
    width: 27px;
    height: 3px;
    background-color: black;
    margin: 5px 0;
}

.anchorButton {
		width: 115px !important;
		height: 40px !important;
		background: #4285f4 !important;
		padding: 7px !important;
		text-align: center !important;
		border-radius: 5px !important;
		color: #ffffff !important;
}
@media (min-width: 200px) and (max-width: 400px) {
	.nav.navbar-nav.float-right.be-user-nav {
		position: relative;
		left: 85%;
	}
}
@media (min-width: 360px) and (max-width: 375px) {
	.be-user-nav > li.dropdown .dropdown-menu {
		margin-left: 35% !important; 
	}
	.icalAlertDiv{
	    padding: 10px;
	}
}
@media (min-width: 390px) and (max-width: 393px) {
	.be-user-nav > li.dropdown .dropdown-menu {
		margin-left: 37%; 
	}
	#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 39% !important;
	}
	.icalAlertDiv{
	    padding: 10px;
	}

}
@media (min-width: 400px) and (max-width: 450px) {
	.nav.navbar-nav.float-right.be-user-nav {
		position: relative;
		left: 85%;
	}
	.be-user-nav > li.dropdown .dropdown-menu {
		margin-left: 42% !important; 
	}
	.icalAlertDiv{
	    padding: 10px;
	}
}
@media (min-width: 450px) and (max-width: 500px) {
	.nav.navbar-nav.float-right.be-user-nav {
		position: relative;
		left: 85%;
	}
	.be-user-nav > li.dropdown .dropdown-menu {
		margin-left: 47% !important; 
	}
	.eventType.eventSelect {
	   margin-left: 112px !important;
	}
	.icalAlertDiv{
	    padding: 10px;
	}
}
@media (min-width: 500px) and (max-width: 600px) {
	.nav.navbar-nav.float-right.be-user-nav {
		position: relative;
		left: 85%;
	}
	.be-user-nav > li.dropdown .dropdown-menu {
		margin-left: 55% !important; 
	}
	.eventType.eventSelect {
	   margin-left: 152px !important;
	}
	.icalAlertDiv{
	    padding: 10px;
	}
}
@media (min-width: 600px) and (max-width: 767px) {
	.nav.navbar-nav.float-right.be-user-nav {
		position: relative;
		left: 85%;
	}
	.be-user-nav > li.dropdown .dropdown-menu {
		margin-left: 63% !important; 
	}
	.icalAlertDiv{
	    padding: 10px;
	}
}
@media (max-width: 767.98px) {
	.be-top-header .be-icons-nav {
		margin: 16px 54px 0 0;
	}
	.be-user-nav > li.dropdown > a .user-name {
		display:none;
	}
	.be-user-nav > li.dropdown > a::after {
		display: none;
	}
	.icon.mobileIcon {
		display:block;
		height: 45px;
		/* padding-top: 1.2%; */
		/*margin-left: 90%;*/
		margin-left: 43%;
		color: black !important;
		cursor:pointer;
		position: relative;
		/*top: 13px;*/
		top: 20px;
	} 
	.be-top-header .be-user-nav > li.dropdown .dropdown-menu::after {
		left: 197px !important;
	}
	.be-left-sidebar .left-sidebar-scroll {
		height: 79%;
	}
	.be-left-sidebar .left-sidebar-spacer {
		height: 55%;
	}
	.be-left-sidebar .left-sidebar-wrapper {
	  height: auto !important;
	}
	.be-right-navbar {
		/*background-image: url("../images/new_logosmall1.jpg");*/
		background-repeat: no-repeat;
		background-position: 10px;
	}
}
@media only screen and (min-width : 992px) {
	.nav.navbar-nav.float-right.be-user-nav {
		position: relative;
	}
	.profit-color-indications .profit-alert{
		display: flex;
		align-items: center;
	}
	.be-left-sidebar .sidebar-elements {
		margin-top: 8px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.nav.navbar-nav.float-right.be-user-nav {
		position: relative;
	}
	#clientProfitLists_wrapper{
	    margin-top: -29px;
	}
	#employeeRateTable_wrapper{
		margin-top: -3%;
	}
	.profit-color-indications .lineheight{
		line-height: 40px;
		display: flex;
		align-items: center;
	}
	.profit-color-indications .profit-alert{
		display: flex;
		align-items: center;
	}
	.table-top-header{
		margin-top: -35px;
	}
	.table-top-header1{
		margin-top: -45px;
	}
	.be-left-sidebar .sidebar-elements {
		margin-top: 8px;
	}
	/*@-moz-document url-prefix() {*/
	.dataTables_scrollBody{
		overflow: hidden !important;
	}
	/*}*/
	.userSEDate{
		width: 170px !important;
	}
	.custom-modal-open{
		overflow: auto;
	}
}
.projectPara{
	white-space: nowrap;
}
#customPadding {
   padding-left: 3.539rem !important
}
.comments {
	/*margin-left: 20%;*/
	font-size: 14px;
	background-color: #eff7ff;
	/*margin-top: -2%;*/
}
.authCode {
	/*margin-left: 20%;*/
	font-size: 14px;
	background-color: #efefef;
	/*margin-top: -2%*/
}
.admin {
	/*margin-left: 20%;*/
	font-size: 14px;
	background-color: #eff7ff;
	/*margin-top: -2%;*/
}
.paraTop{
	margin-top: -4% !important;
}
.notes {
	margin-top:13%;
}
.addVariable {
	width: 22% !important;
	background-color:#eff7ff !important;
}
.addRepoVariable {
	width: 46% !important;
	background-color:#eff7ff !important;
}
.variablesDisplay {
	margin: 8px !important;
	background-color:#eff7ff !important;
}
.variableDisplay {
	width: 29% !important;
	background-color:#eff7ff !important;
}
.userReportTd{
	background-color:#FFFFC1;
}
#featureStatus {
	margin-left:0% !important;
}
#featuresDay {
	padding-left:10px !important;
}
#hoursReportForm .select2.select2-container.select2-container--default {
	margin-left:-4%;
}
.inputSaveSearch {
	width:50% !important;
}
#saveSearchButton {
	margin-left: -84px;
}

@media (min-width: 320px) and (max-width: 374px) {
	.clientName {
		/*margin-left: 39%;*/
		margin-top: 6%;
	}
	.dateRange {
		margin-top: 10%;
	}
	/*groups page*/
	.comments {
		margin-left: 10.6%;
	    font-size: 14px;
	    background-color: #eff7ff;
	    margin-top: 3% !important;
	}
	.authCode {
	    margin-left: 12%;
	    font-size: 14px;
	    background-color: #efefef;
	    margin-top: 1% !important;
	}
	.admin {
	    margin-left: 14%;
	    font-size: 14px;
	    background-color: #eff7ff;
	    margin-top: 1% !important;
	}
	.apprecate {
		margin-left:11% !important;
	}
	.dataTables_length{
		margin-top: -56px !important;
	}
	div.dataTables_wrapper div.dataTables_filter input{
		width: 36% !important;
	}
	.addTrack{
		width: 95px!important;
		font-size: small;
	}
	.refreshAppScope{
		margin-top: -14px;
	}
	.FeatureHours{
		margin-top: -20px;
	}
	.binderLabel{
		margin-left: 40px;
    	margin-top: -29px;
	}
	.binderLabel1{
		margin-left: 65px;
    	margin-top: -29px;
	}
	.binderLabel2{
		margin-left: 82px;
    	margin-top: -30px;
	}
	.costCenters{
		margin-left: 0px !important;
	}
	.dashboardProject{
		/*margin-left: 60%;
	    margin-top: -32px;*/
	    font-size: 12px;
	}
	.hoursDate{
        margin-left: 87px;
        margin-top: -30px;
    }
    .binderStatus{
    	width: 29% !important;
    }
    .ShowLabel{
    	margin-left: -25px;
    	font-size: 12px;
    }
    .phoneIcon{
    	width: 65px !important;
    	margin-top: 1px !important;
	    background-color: unset !important;
    }
    .phoneIcon .icon{
    	height: 50px !important;
    	width: 50px !important;
    	margin-top: -4px !important;
    }
    #Devextensions{
		top: 6% !important;
		left: 73px !important;
    	margin-top: 5px !important;
    	width: 80% !important;
	}
	.shNav{
		/*margin-top: 75px !important;*/
		margin-left: 22px !important;
	}
	.navbtn{
		padding: 1px !important;
	}
	.empReport {
    	margin-top: -39px !important;
	}
	#customUser{
		margin-left: 28%;
    	margin-top: -14%;
	}
	.featurespara{
		margin-left: 34% !important;
	}
	.dropdown-content{
		margin-right: -168% !important;
    	margin-top: 1% !important;
	}
	.customChbox{
		margin-left: 10px;
	}
}
@media (min-width: 375px) and (max-width: 425px) {
	div.dataTables_wrapper div.dataTables_filter input{
		width: 36% !important;
	}
	.clientName {
		/*margin-left: 25%;*/
    	margin-top: 6%;
	}
	.dateRange {
		margin-top: 10%;
	}
	/*groups page*/
	.comments {
		margin-left: 8.6%;
	    font-size: 14px;
	    background-color: #eff7ff;
	    margin-top: 3% !important;
	}
	.authCode {
	    margin-left: 9%;
	    font-size: 14px;
	    background-color: #efefef;
	    margin-top: 3% !important;
	}
	.admin {
	    margin-left: 11%;
	    font-size: 14px;
	    background-color: #eff7ff;
	    margin-top: 3% !important;
	}
	.apprecate {
		margin-left:9% !important;
	}
	.dataTables_length{
		margin-top: -57px !important;
	}
	#goFund1_length,#goFund2_length,#goFund3_length,#goFunds_length{
		margin-top: -25px !important;
	}
	.FeatureHours{
		margin-top: -20px;
	}
	.binderLabel{
		margin-left: 55px;
    	margin-top: -29px;
	}
	.binderLabel1{
		margin-left: 65px;
    	margin-top: -29px;
	}
	.binderLabel2{
		margin-left: 82px;
    	margin-top: -30px;
	}
	.costCenters{
		margin-left: 0px !important;
	}
	.dashboardProject{
		/*margin-left: 60%;
	    margin-top: -32px;*/
	    font-size: 12px;
	}
	.hoursDate{
        margin-left: 87px;
        margin-top: -30px;
    }
    .binderStatus{
    	width: 80% !important;
    }
    .ShowLabel{
    	margin-left: -25px;
    	font-size: 10px;
    }
    .phoneIcon{
    	width: 65px !important;
    	margin-top: 1px !important;
    	background-color: unset !important;
    }
    .phoneIcon .icon{
    	height: 50px !important;
    	width: 50px !important;
    	margin-top: -4px !important; 
    }
    .be-user-nav > li.dropdown > a img{
		min-height: 46px !important;
		max-width: 46px !important;
		margin-left: -7px;
	}	
    #Devextensions{
		top: 6% !important;
		left: 73px !important;
    	margin-top: 5px !important;
    	width: 80% !important;
	}
	.shNav{
		/*margin-top: 75px !important;*/
		margin-left: 22px !important;
	}
	.navbtn{
		padding: 4px !important;
	}
	.empReport {
	    margin-top: -39px !important;
	}
	#customUser{
		margin-left: 28%;
    	margin-top: -14%;
	}
	.featurespara{
		margin-left: 34% !important;
	}
	.dropdown-content{
		margin-right: -168% !important;
    	margin-top: 1% !important;
	}
	.hostingLabel,.hostingLabel1{
		margin-left: 42%;
    	margin-top: -10%;
	}
	.customChbox{
		margin-left: 10px;
	}
	.newblockCustomDiv{
		margin-left: 26%;
	}
}
@media (min-width: 425px) and (max-width: 768px) {
	.clientName {
		/*margin-left: 12%;*/
		margin-top: 6%;
	}
	.dateRange {
		margin-top: 10%;
	}
	.apprecate {
	 	margin-left: 35% !important;

	 }
	 .dataTables_length{
		margin-top: -69px !important;
	}
	.addTrack{
		width: 95px!important;
		font-size: small;
	}
	.refreshAppScope{
		margin-top: -14px;
	}
	.dataTables_length{
		margin-top: -69px !important;
	}
	.addTrack{
		width: 95px!important;
		font-size: small;
	}
	.FeatureHours{
		margin-top: -20px;
	}
	.projectAccount {
		margin-left: 34%;
   	 	margin-top: -8%;
	}
	.binderLabel{
		margin-left: 40px;
    	margin-top: -29px;
	}
	.binderLabel1{
		margin-left: 65px;
    	margin-top: -29px;
	}
	.binderLabel2{
		margin-left: 82px;
    	margin-top: -30px;
	}
	.costCenters{
		margin-left: 0px !important;
	}
	.dashboardProject{
		/*margin-left: 60%;
	    margin-top: -32px;*/
	    font-size: 12px;
	}
	.searchByText{
		min-width: -webkit-fill-available;
	}
	.searchByApplied{
		min-width: -webkit-fill-available;
	}
	.searchByOnlyApplied{
		min-width: -webkit-fill-available;
	}
	.binderStatus{
    	width: 40% !important;
    }
    .ShowLabel{
    	margin-left: -25px;
    	font-size: 12px;
    }
    .phoneIcon{
    	width: 65px !important;
    	margin-top: 1px !important;
    	background-color: unset !important;
    }
    .phoneIcon .icon{
    	height: 50px !important;
    	width: 50px !important;
    	margin-top: -4px !important;
    }
	.be-user-nav > li.dropdown > a img{
		min-height: 35px !important;
		max-width: 35px !important;
	}	
    #Devextensions{
		top: 6% !important;
		left: 73px !important;
    	margin-top: 5px !important;
    	width: 80% !important;
	}
	.empReport {
	    margin-top: -39px !important;
	}	

}

@media (min-width: 768px) and (max-width: 1023px) {
	.clientName {
	   	margin-left: 0%;
        margin-top: 6%;
	}
	.dateRange {
		margin-top: 10%;
	}
	/*groups page*/
	.comments {
		margin-left: 23.6%;
	    font-size: 14px;
	    background-color: #eff7ff;
	    margin-top: 3% !important;
	}
	.authCode {
	    margin-left: 24%;
	    font-size: 14px;
	    background-color: #efefef;
	    margin-top: 1% !important;
	}
	.admin {
	    margin-left: 22%;
	    font-size: 14px;
	    background-color: #eff7ff;
	    margin-top: 1% !important;
	}
	.dataTables_length label{
		margin-top: 99px !important;
	}
	.groupMember {
    /* margin-left: 20%; */
	    margin-left: 29%;
	    margin-top: -15px;
	}
	.ShowLabel{
    	margin-left: -25px;
    	font-size: 12px;
    }
    .pmInfo{
    	width :180% !important;
    }
    .pmChart{
    	margin-top: 1%;
    	margin-left: 2%;
    }
    .navbtn{
    	height: 30px !important;
    	font-size: 8px;
    }
    #quickSearch{
    	width: 165px!important;
		margin-left: 64px;
    }
    .SavedSearch{
    	margin-left: 64px;
    }
    .shNav{
    	margin-left: -106px !important;
    }
    .be-right-navbar{
    	margin-top: 10px !important;
    }
    .select2-container,#SHClient select{
    	width: 310px !important;
    }
    .assignedDevSelect+ .select2-container{
		width: 100% !important;
	}
    .empReport {
	    margin-top: -39px !important;
	}
	/*ThirdpartyUI start*/
	.ThirdPartyLabel{
		margin-left: 7%;
	}
	/*#ThirdPartyNumber{
		margin-left: 3%;
	}*/
	.ThirdPartyHours{
		margin-left: 12%;
	}
	.thirdpartyNotes{
		margin-left: 32%;
    	width: 91%;
	}
	.ThirdinternalTicket{
		margin-left: 8%;
	}
	.internalLabel{
		margin-left: 2%;
	}
	#cke_additionalDescription{
	    width: 93% !important;
    	margin-left: 32% !important;
	}
	/*#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 45% !important;
	}*/
	.labelBinder{
		margin-left: 64%;
    	margin-top: -25px;
	}
	.iCalSubscribeDiv{
		margin-left: 2% !important;
	}
	.icalAlertDiv{
	    padding: 10px;
	}
}
@media (min-width: 1024px) and (max-width: 1240px) {
	.clientName {
		margin-left: 39% !important;
	}
	.page-link {
		padding: 9px !important;
		margin-left: 3px !important;
	}
	#featureStatus {
		margin-left: -52px !important;
	}
	#featureType {
		margin-left: -5%;
	}
	.featureType {
		margin-left: 13px;
	}
	#saveSearch {
		margin-left: -31px;
	}
	.dateRange {
		margin-top: 10%;
	}
	.addApprecate {
		margin-left: 32% !important;
	}
	.hourReportDate{
        width: 110px !important;
    }
    .ccVariable{
    	margin-left: 40px;
    }
    .be-booking-promo-price{
    	margin-left: 37px !important;
    }
    .empReport {
	    margin-top: -39px !important;
	}
	/*ThirdpartyUI start*/
	.ThirdPartyLabels{
		margin-left: 19%;
	}
	/*#ThirdPartyNumber{
		margin-left: 4%;
	}
	.ThirdPartyNumber{
		margin-left: 37%;
	}*/
	.ThirdPartyExtension{
		margin-left: 13%;
	}
	/*.ThirdPartyHours{
		margin-left: 45%;
	}*/
	.ThirdPartyEmail{
		margin-left: 10%;
	}
	.ThirdpartyPhone{
		margin-left: 8%;
	}
	#clientContactPhone{
		margin-left: 25%;
	}
	#clientContactName{
		margin-left: 22%;
	}
	.ThirdPartyName{
		margin-left: 9%;
	}
	#internalTicket{
		margin-left: 45%;
	}
	.thirdpartyNotes{
		margin-left: 93%;
		width: 200%;
	}
	.internalLabel{
		margin-left: 1%;
	}
	.SavedSearchDiv{
		margin-left: -147%;
	}
	#cke_additionalDescription{
		width: 322% !important;
    	margin-left: 150% !important;
	}
	#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 62% !important;
	}
}
/*"Feature add edit page design for web"*/
.featuresNotes #cke_notes , .featuresNotes #cke_adminNotes ,.featuresNotes #cke_secinfo {
	margin-left: 6%;
} 
.featureEditDate {
	padding-left:0px !important;
}
.FeatureTableHeight{
	line-height: 38px !important;
}
/*"Feature add edit page design for mobile"*/
@media (min-width: 300px) and (max-width:375px){
	.binderTop{
	    margin-top: -10px;
	}
	/*.featuresDisplay {
	    width: 93%;
    	margin-left: -5%;
    }*/
    .featuresNotes{
		margin-left: -9% !important;
	}
	.eventAlert{
		margin-left: -85px !important;
		margin-top: 12px !important;
	}
	.billableLabel{
		margin-left: 47% !important;
   	 	margin-top: -39px !important;
	}
	.billable{
		margin-left: 0px !important;
	}
	.billaleChkbox{
		margin-left: 70% !important;
    	margin-top: -59px !important;
	}
	.billalelabels{
		margin-left: 47% !important;
    	margin-top: -40px !important;
	}
	.billaleChkboxs{
		margin-left: 78% !important;
    	margin-top: -40px !important;
	}
	.billaleChkboxes{
		margin-top: -70px !important;
    	margin-left: 75% !important;
	}
	.featuresInput{
		width: 50px !important;
	    margin-left: 47% !important;
	    margin-top: -35px !important;
	}
	.featuresInputs{
		width: 70px !important;
	    margin-left: 56%;
	    margin-top: -33px;
	}
	.featuresChkboxes{
		margin-left: 56%;
    	margin-top: -40px;
	}
	.featuresChkbox{
		margin-left: 49%;
    	margin-top: -40px;
	}
	.urlInput{
		margin-left: 56% !important;
	}
    
	.featuresDate {
		width: 50% !important;
	    margin-top: -42px;
	    margin-left: 50%;
	}

	/*.featuresInputs {
	    width: 50px !important;
	    margin-left: 55%;
	    margin-top: -31px;
	}*/
	.featuresurl.featuresInputs, .featuresInputs.urlInput {
	    width: 130px !important;
	}
	.featuresSelect {
	    width: 50%;
	    margin-top: -27px;
	    margin-left: 19% !important;
	}
	.InputFeatures{
		width: 64%;
	    margin-left: 32%;
	    margin-top: -35px;
	}
	.featuresLabel{
		margin-left: 34%;
   	 	margin-top: -34px;
	}
	
	.hourInput{
	   width: 50%;
	   margin-left: 19%;
	   margin-top: -30px;
	}
	.dates{
		width: 156px;
	    margin-left: 20%;
	    margin-top: -33px;
	}
	.time{
		width: 31%;
	    margin-left: 20%;
	    margin-top: -30px;
	}
	.otherAdmin{
		width: 50%;
	    margin-left: 31%  !important;
	    margin-top: -30px;
	}
	.task{
		margin-left: 60% !important;
    	margin-top: -24px;
	}
	.estimate{
		width: 55%;
	    margin-left: 41% !important;
	    margin-top: -35px;
	}
	.activeChkbox{
		margin-top: -30px;
		margin-left: 160px !important;
	}
	/*features list page*/
	.statusList{
		width: 67%;
	    margin-left: 31%;
	    margin-top: -35px;
	}
	.statusLable{
		margin-left: 20px;
	}
	.featuresType{
	    width: 61%;
	    margin-left: 34%;
	    margin-top: -35px;
	}
	.dayBack{
		padding-left: 1px;
	}
	.dayBackInput{
		width:20%;
	    margin-left: 32%;
	    margin-top: -35px;
	}
	.filterBtn{
	    margin-top: 13% !important;
    	margin-left: 6px !important;
	}
	.filterInput{
		margin-left: 6%;
   		 width: 62%;
	}
	.filterChkbox{
		margin-left: 90px;
   	 	margin-top: -27px
	}
	#assignedUser select, #customDate .date.datetimepicker, #customDateTo .date.datetimepicker{
	    width: 62% !important;
	    margin-top: -29px !important;
	    margin-left: 32%;
	}
	.select2-dropdown--below{
		margin-left: -3% !important;
    	margin-top: -20px !important;
	}
	.eventHour{
		width: 29%;
	    margin-left: 31%;
	    margin-top: -31px;
	}
	.eventAt{
		margin-top: -21px !important;
	}
	.eventTime{
		width: 29%;
	    margin-left: 68% !important;
	    margin-top: -30px;
	}
	.selectFeatures{
		margin-left: -104px !important;
		margin-top: 20px;
	}
	.dropdown-menu{
		left: 24px !important;
	}
	.datetimepicker-dropdown-bottom-right:before {
	    top: -7px;
	    left: 254px;
	}
	.datetimepicker-dropdown-bottom-right:after{
		top: -8px !important;
    	left: 256px !important;
	}
	.refreshAppScope{
		margin-top: -14px;
	}
	.FeatureHours{
		margin-top: -4px;
	}
	.eventType.eventSelect{
		margin-left: 98px !important;
	}
	#hourReport .hourreportDateFrom,#hourReport .hourreportDateTo{
		flex: 1 0 80% !important;
    	max-width: 100% !important;
	}
	.reportDateFrom {
	    margin-left: 5.5% !important;
	}
	.eventHourInput {
	   width: 50%;
	   margin-left: 32%;
	   margin-top: -30px;
	}
	/*.reposInput{
		margin-left: 25px;
	}*/
	.ropesDisplay{
		margin-left: 38% !important;
     	margin-top: -25px;
	}
	.costVariable{
		margin-left: 24% !important;
    	margin-top: -24px;
	}
	.hostingLabel,.hostingLabel1{
		margin-left: 42%;
    	margin-top: -11%;
	}
}

/* revenueLists*/
#revenueFilter{
	height: 40px;
}

@media (max-width: 326px) {
	.nav-tabs > li.nav-item a.nav-link {
		padding: 11px 15px !important; 
	}
	/*.featuresDisplay {
		width: 67%;
		margin-left: -6%;
	}*/
}
@media (max-width: 767.98px) {
	.featureTitle {
		margin-left:0px !important;
	}
	.be-top-header .be-right-navbar{
		/*background-color:#FFFFFF !important;*/
		background-color:#b9d532 !important;
		border-bottom: 1px solid #e6e6e6 !important;
	}
}

@media ( min-width: 375px ) and ( max-width: 600px ){
	/*.eventType{
		margin-left:0px !important;
		margin-top: 10px;
	}*/
	.binderTop{
	    margin-top: -10px;
	}
	.eventHour{
		width: 29%;
	    margin-left: 31%;
	    margin-top: -31px;
	}
	.eventAt{
		margin-top: -21px !important;
	}
	.eventTime{
		width: 29%;
	    margin-left: 68% !important;
	    margin-top: -31px;
	}
	/*.featuresDisplay {
		width: 80%;
	    margin-left: -5%;
	}*/
	.featuresSelect {
	    width: 50% !important;
	    margin-top: -27px !important;
	    margin-left: 19% !important;
	}
	.featuresNotes{
		margin-left: -9% !important;
	}
	.eventAlert{
		margin-left: -90px !important;
		margin-top: 12px !important;
	}
	.billableLabel{
		margin-left: 45% !important;
   	 	margin-top: -40px !important;
	}
	.billable{
		margin-left: 0px !important;
	}
	.billaleChkbox{
		margin-left: 70% !important;
    	margin-top: -59px !important;
	}
	.billalelabels{
		margin-left: 45% !important;
    	margin-top: -42px !important;
	}
	.billaleChkboxs{
		margin-left: 77% !important;
    	margin-top: -48px !important;
	}
	.billaleChkboxes{
		margin-top: -70px !important;
    	margin-left: 75% !important;
	}
	.featuresInput{
		width: 80px !important;
	    margin-left: 47%;
	    margin-top: -39px;
	}
	.featuresInputs{
		width: 80px !important;
	    margin-left: 52%;
	    margin-top: -37px;
	}
	.featuresurl.featuresInputs{
		width: 150px !important;
	}
	.featuresChkboxes{
		margin-left: 50%;
    	margin-top: -28px !important;
	}
	.eventAlert.featuresChkboxes{
		margin-left: 50%;
    	margin-top: 12px !important;
	}
	.featuresChkbox{
		margin-left: 49%;
    	margin-top: -40px;
	}
	.urlInput{
		margin-left: 50% !important;
		width: 100px !important;
	}
	.featuresDate{
	    width: 43% !important;
	    margin-top: -35px;
	    margin-left: 46%;
	}
	.InputFeatures{
		width: 64%;
	    margin-left: 31%;
	    margin-top: -35px;
	}
	.featuresLabel{
		margin-left: 34%;
   	 	margin-top: -34px;
	}
	
	.hourInput {
	    width: 50%;
	    margin-left: 19%;
	    margin-top: -35px;
	}
	.dates{
		width: 156px;
	    margin-left: 20%;
	    margin-top: -33px;
	}
	.time{
		width: 31%;
	    margin-left: 20%;
	    margin-top: -30px;
	}
	.otherAdmin{
		width: 50%;
	    margin-left: 31%  !important;
	    margin-top: -30px;
	}
	.task{
		margin-left: 60% !important;
    	margin-top: -24px;
	}
	/* .estimate{
		width: 55%;
	    margin-left: 41% !important;
	    margin-top: -35px;
	} */
	.activeChkbox{
		margin-top: -10px;
	}
	/*features list page*/
	.statusList{
		width: 67%;
	    margin-left: 31%;
	    margin-top: -35px;
	}
	.statusLable{
		margin-left: 20px;
	}
	.featuresType{
	    width: 63%;
	    margin-left: 32%;
	    margin-top: -35px;
	}
	.dayBack{
		padding-left: 1px;
	}
	.dayBackInput{
		width:20%;
	    margin-left: 32%;
	    margin-top: -35px;
	}
	.filterBtn{
	    margin-top: 13% !important;
    	margin-left: 6px !important;
	}
	.filterInput{
		margin-left: 6%;
   		 width: 62%;
	}
	.filterChkbox{
		margin-left: 100px;
   	 	margin-top: -27px
	}
	 #assignedUser select, #customDate .date.datetimepicker, #customDateTo .date.datetimepicker{
	    width: 64% !important;
	    margin-top: -29px !important;
	    margin-left: 32% !important;
	}
	.select2-container,#SHClient select{
		margin-top: 20px !important;
		margin-left: 2% !important;
	}
	#featureNew .select2-container {
		margin-left: 36% !important;
	}
	.select2-dropdown--below{
		margin-left: -52% !important;
    	margin-top: 28px !important;
	}
	#featureNew, .select2-dropdown--below{
		margin-left: -3% !important; 
	    margin-top: -20px !important;

	}
	.footerStyle {
		margin-left:49px !important;
		margin-top: -2.230769rem !important;
	}
	.PrefsButton {
	   width: 240px !important;
	   margin-left: -3px;
	   margin-top: 9px;
	   font-size:small;
	}
	.verifyBtn {
		margin-top:6px !important;
	}
	.selectFeatures{
		margin-left: -104px !important;
		margin-top: 20px;
	}
	.dropdown-menu{
		left: 24px !important;
	}
	.datetimepicker-dropdown-bottom-right:before {
	    top: -7px !important;
	    left: 283px !important;
	}
	.datetimepicker-dropdown-bottom-right:after{
		top: -8px !important;
    	left: 284px !important;
	}
	.eventType.eventSelect{
		margin-left: 101px !important;
	}
	.eventHourInput {
	   width: 50%;
	   margin-left: 31%;
	   margin-top: -35px;
	}
	/*.reposInput{
		margin-left: 25px;
	}*/
	.ropesDisplay{
		margin-left: 35% !important;
     	margin-top: -25px;
	}
	.costVariable{
		margin-left: 24% !important;
    	margin-top: -24px;
	}
	/*featues for revenue list*/
	.revenuefilterWidth{
		width:150px;
	}
	.marginselectUser{
		margin-top: -20px;
	}
}
@media ( min-width: 600px ) and ( max-width: 1000px ){
	.eventHour{
		/*width: 29%;
	    margin-left: 28%;*/
	    margin-top: 1px;
	}
	.eventAt{
		margin-top: 15px !important;
	}
	.eventTime{
		width: 29%;
	    margin-left: 57% !important;
	    margin-top: -33px;
	}
	/*.featuresDisplay {
		width: 80%;
	    margin-left: -5%;
	}*/
	.featuresSelect {
	    width: 166px !important;
	   /* margin-top: -49px !important;
	    margin-left:297px !important;*/
	}
	.featuresNotes{
		margin-left: -9% !important;
	}
	.eventAlert{
		margin-top: 12px !important;
	}
	.billableLabel{
		margin-left: 47% !important;
	}
	.billable{
		margin-left: 0px !important;
	}
	.billalelabels{
		margin-left: 47% !important;
	}
	.featuresInput{
		width: 50px !important;
	    margin-left: 43%;
	}
	.featuresInputs{
		width: 50px !important;
	    margin-left: 47%;
	}
	.featuresChkboxes{
		margin-left: 15%;
	}
	.featuresChkbox{
		margin-left: 49%;
	}
	.urlInput{
		margin-left: 15% !important;
	}
	.featuresDate{
	    width: 144px !important;
	}
	.InputFeatures{
		width: 64%;
	    margin-left: 0%;
	}
	.featuresLabel{
		margin-left: 34%;
	}
	
	.hourInput{
	    width: 18%;
	}
	.dates{
		width: 156px;
	    /*margin-left: 20%;*/
	}
	.time{
		width: 31%;
	    /*margin-left: 5%;*/
	}
	.otherAdmin{
		width: 50%;
	}
	.task{
		margin-left: 60% !important;
    	margin-top: -24px;
	}
	/* .estimate{
		width: 55%;
	    margin-left: 25% !important;
	} */
	.activeChkbox{
		margin-top: -10px;
	}
	/*features list page*/
	.statusList{
		width: 67%;
	    margin-left: 50%;
	    margin-top: -35px;
	}
	.featuresType{
	    width: 66%;
	    margin-left: 2%;
	}
	.dayBackInput{
		width:50%;
	    margin-left: 5%;
	}
	.filterBtn{
	    margin-top: 13% !important;
    	margin-left: 6px !important;
	}
	.filterInput{
		margin-left: 6%;
    	width: 173px;
	}
	.filterChkbox{
		margin-left: 21px;
	}
	/*.select2-container{
	    width: 62% !important;
	    margin-top: -29px !important;
	    margin-left: 32% !important;
	}*/
	.selectFeatures{
		margin-left: -7px !important;
		margin-top: 20px;
	}
	.dropdown-menu{
		/*left: 384px !important;*/
	}
	.datetimepicker-dropdown-bottom-right:before {
	    top: -7px !important;
	    left: 244px !important;
	}
	.datetimepicker-dropdown-bottom-right:after{
		top: -8px !important;
    	left: 244px !important;
	}
	.binderTop{
	    margin-top: -10px;
	}
	.profit-color-indications .lineheight{
		line-height: 40px;
	}
}
@media ( min-width: 1000px ) and ( max-width: 1200px ){

	/*.featuresDisplay {
		width: 80%;
	    margin-left: -5%;
	}*/
	/*.featuresSelect {
        width: 100% !important;
	    margin-top: -49px !important;
	    margin-left: 245px !important;
	}*/
	.eventSelect{
		margin-left: 396px !important;
		margin-top: -25px;
	}
	.eventType.eventSelect{
		margin-left: -40px !important;
	}
	.eventAlert{
		margin-top: 12px !important;
	}
	.billableLabel{
		margin-left: 1% !important;
	}
	.billable{
		margin-left: 0px !important;
	}
	.billalelabels{
		margin-left: 1% !important;
	}
	.featuresInput{
		width: 50px !important;
	    margin-left: 1%;
	}
	.featuresInputs{
		width: 50px !important;
	    margin-left: 1%;
	}
	.featuresurl.featuresInputs{
		width: 160px !important;
	    margin-left: 10%;
	}
	.featuresChkboxes{
		margin-left: 5%;
	}
	.featuresChkbox{
		margin-left: 49%;
	}
	.urlInput{
		margin-left: 5% !important;
		width: 160px !important;
	}
	.featuresDate{
	    width: 144px !important;
	    margin-left: 4% !important;
	}
	/*.InputFeatures{
		width: 137%;
	    margin-left: 0%;
	}*/
	.featuresLabel{
		margin-left: 13%;
	}
	.dueDate{
		width: 102% !important;
	}
	.updates{
		margin-left: 4%;
	}
	.fileLabel{
		margin-left: 13%;
	}
	.hourInput{
	    width: 18%;
	}
	.dates{
		width: 156px;
	    margin-left: 1%;
	}
	.time{
		width: 31%;
	    margin-left: 0%;
	}
	.otherAdmin{
		width: 50%;
	}
	.task{
		margin-left: 60% !important;
    	margin-top: -24px;
	}
	/* .estimate{
		width: 55%;
	    margin-left: 41% !important;
	} */
	.activeChkbox{
		margin-top: -10px;
	}
	/*features list page*/
	.statusList{
		margin-left: 78%;
   		margin-top: -18px;
   		width: 167%;
	}
	.featuresType{
	    width: 137%;
    	margin-left: 20%;
	}
	.dayBackInput{
		width: 251%;
    	margin-left: 124%;
	}
	.filterBtn{
	    margin-top: 13% !important;
    	margin-left: 6px !important;
	}
	.filterInput{
		margin-left: 6%;
    	width: 133px;
	}
	.filterChkbox{
		margin-left: 41px;
	}
	#FeatureType{
		margin-left: 87px;
	}
	.select2-container{
		width: 160px !important;
		margin-left: 10px !important;
		
	}
	.assignedDevSelect+ .select2-container{
		margin-left: 0px !important;
	}
	#selectClient,.select2-container--open .select2-dropdown{
		left: -10px !important;
	}
	.selectFeatures{
		margin-left: -1px !important;
		margin-top: 20px;
	}
/*	.dropdown-menu{
		left: -155px !important;
	}*/
	.datetimepicker-dropdown-bottom-right:before {
	    top: -7px !important;
	    left: 237px !important;
	}
	.datetimepicker-dropdown-bottom-right:after{
		top: -8px !important;
    	left: 237px !important;
	}
	.binderTop{
	    margin-top: -10px;
	}
	#assignedUser select{
		width: 140px !important;
		margin-left: 7px !important;
	}
	#customDate{
		margin-left: 6px !important;
	}
	#customDate .date.datetimepicker{
		margin-left: 23px !important;
	}
	#customDateTo{
		margin-left: 455px !important;
	}
	.customUser,#assignedUser,#customDate{
		margin-right: 1px !important;
	}
	#customDate .date.datetimepicker,#customDateTo .date.datetimepicker{
		width: 165px !important;
	}
	#customDateTo .date.datetimepicker{
		margin-left: 5px !important;
	}
	.profit-color-indications .lineheight{
		line-height: 40px;
		display: flex;
		align-items: center;
	}
}
/*features list*/
@media (min-width: 1200px) {
	.featureStatus{
		margin-left:-68px;
	}
	.featureClient{
		padding-right:0px;
	}
	.filterBtn{
		margin-left: 105%;
   	 	margin-top: -37px;
	}
	.filterInput{
		margin-left: 31%;
	}
	.binderFile{
		margin-left: 3.077rem !important;
	}
	/*both section*/
	.bothProject{
		width: 73%;
	}
	.bothStatuses{
	    width: 120%;
	}
	.blackDateRange {
   		margin-left: 85px;
	}
	.dataRange{
	  margin-left: 343px;
	}
	.userAccountEmailRep{
		margin-top: -6px;
	}
	/* .empReport{
		margin-top: -67px !important;
	} */
	.SavedSearchDiv{
		margin-left: 75%;
		margin-top: -28%;
	}
	#filterBtn{
		margin-top: 12%;
	}
	#systemAccess{
		width: 157%;
	}
	#serviceRequestDescription{
		width: 157%;
	}
	.AddSchedule{
		margin-left: -5%;
	}
	.loggingLoterryImage{
		margin-left: 3.923rem;
		margin-top: 0.384615rem;
	}
	.userReumeFile{
		margin-left: 55%;
    	margin-top: -16%;
	}
	.userReumeFileDiv{
		width: 50% !important;
	}
	/*.loggingLoterryImageLabel{
		margin-left: -27%;
	}*/
}
.bothFilter{
	width: 97px;
}

.listinputWidth{
		width: 150px;
}
/*footer and myAccount page style*/
@media (min-width: 768px) and (max-width:790px){
	.footerStyle {
		margin-left:-66px !important;
	}
	.PrefsButton {
	   font-size:small;
	   width: 266px !important;
	}
	.AgtokenText {
		width:180px !important;
	}
	.verifyBtn {
		margin-top: 6px !important;
	}
	.area .addVariable {
		margin-left: 58%;
	    width: unset !important;
	    margin-top: -7% !important;
	}
	.shortDescription{
		margin-left: 26%;
	}
	/*.fileNameField{
		flex: 1 0 52% !important;
	    max-width: 80% !important;
	}*/
	/*.fileDescription{
		flex: 1 0 52% !important;
	    max-width: 80% !important;
	}*/
	/*.fileDescriptionLabel{
		margin-left: 120px !important;
	}*/
	/*.resumeRound{
		margin-left: 120px;
    	min-width: fit-content;
	}*/
	.monthlyExpensesMonthData{
		flex: 1 0 50% !important;
    	max-width: 80% !important;
	}
	.monthlyExpensesHostingData{
		flex: 1 0 52%;
    	max-width: 80%;
	}
	.ptoManageDateFrom,.ptoManageDateTo{
		flex: 1 0 52%;
    	max-width: 80%;
	}
	.ptoManageCreatechart{
		padding: 1px !important;
	}
	.projectsNewfactor div.col-12.col-sm-8.col-lg-6{
		padding-left: 70px !important;
	}
	/*.userEvaluate .form-group{
		margin-bottom: 1px;
	}*/
	#lastUpdated{
		flex: 1 0 52%;
    	max-width: 50%;
	}
/*	.bothListLoggedBy{
		margin-left: -35px;
	}*/
	.ConsultingFilter{
		min-width: fit-content;
	}
	.consultingDatePick{
		width: 57% !important;
	    margin-left: -10% !important;
	    margin-top: 3px !important;
	}
	.consultBlock {
	    width: 100% !important;
	    margin-left: 1% !important;
	    margin-top: 5px !important;
	}
	#consultingDate {
	    margin-top: -6px !important;
	}
	#reportsConsulting .col-sm-2{
		flex: 1 0 78% !important;
    	max-width: 36% !important;
	}
	#assignedUser{
	    margin-left: 40px;
	}
	#pmReportRow{
		max-width: 81% !important;
		margin-left: -25px !important;
	}
	#pmReportRow .statusLable {
	    text-align: right !important;
	}
	/*#pmReportRow .select2-container{
	    width: 100% !important;
	    margin-top: 1px !important;
	    margin-left: -10% !important;
	}*/
	.billaleChkboxs{
		padding-left: 10px !important;
		margin-top: -10px ! important;
	}
	.featuresInput {
	    width: 50px !important;
	    margin-left: 1%;
	}
	.billableLabel{
		margin-left: 1% !important;
	}
	.billalelabels{
		margin-left: 1% !important;
	}
	/*.featuresInput{
		width: 50px !important;
	    margin-left: 1%;
	}*/
	.featuresInputs{
		width: 50px !important;
	    margin-left: 1%;
	}
	.featuresurl.featuresInputs, .urlInput.featuresInputs{
		width: 170px !important;
	    margin-left: 35%;
	}
	
	/*.featuresChkboxes{
		margin-left: 60%;
	}
	.featuresChkbox{
		margin-left: 49%;
	}*/
	#pmReportRow .select2-container{
	    width: 100% !important;
	    /*margin-top: -29px !important;
	    margin-left: 32% !important;*/
	}
	.featuresList .statusLable {
	    text-align: left !important;
	    margin-left: 2px !important;
	}
	.featuresTypeField{
		flex: 0 0 83% !important;
    	max-width: 74% !important;
	}
	.projectsDisplayAttachFile{
		flex: 1 0 74%;
    	max-width: 100%;
	}
	.featuresInputs.nonBilledHours{
		margin-left: 25px !important;
	}
	.activeChkbox{
		margin-top: 1px;
		margin-left: 40px;
	}
	.featuresAttachedFiles{
		min-width: fit-content;
	}
	.blockhoursAttachedFiles .projectPara {
		margin-left: 1px !important;
	}
	/*.hrFileDescription{
		min-width: max-content !important;
	}*/
	/*.fileDesc{
		width: 300px !important;
	}*/
	.FilesHr{
		margin-left: 30px !important;
	}
	/*.hrFileLabel{
		margin-left: 15px !important;
	}*/
	.hourreportDateFrom,.hourreportDateTo{
		flex: 1 0 70%;
    	max-width: 65%;
	}
	#hourReport .hourDate{
		padding-left: 27px !important;
	}
	.hourReportCreateChart{
		margin-left: 100px !important;
	}
	#customPadding {
	    padding-left: 20px !important;
	}
	.isAdminCheckbox{
		margin-left: 84px !important;
	}
	.isAdminMsg{
		margin-left: 200px !important;
	}
	.groupInputField{
		min-width: fit-content !important;
	}
	.authCode{
		margin-left: 1px !important;
	}
	#HoursDetailsDateFilter{
		margin-left: 60px;
    	width: 64%;
	}
	#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 45% !important;
	}
	.be-user-navSH li{
		margin-left: -27px !important;
	}
}
.verifyBtn {
 margin-top: 12%;
}
@media (min-width: 360px) and (max-width:670px){
	.marginSelect2{
		margin: -18px 0px 0px -5px;
	}
}
/*resumes list page*/
@media (min-width: 320px) and (max-width:768px){
	#cke_generalnotes,#cke_culturalnotes,#cke_technicalnotes,#cke_binderdesc {
		width:100% !important;
		margin-left: 10px !important;
	}
	.jobLabel {
		margin-left:0px !important;
	}
	#checkAccept {
		margin-left:0% !important;
	}
	/*.resumeRound {
		white-space: normal !important;
	}*/
	.makeActive {
		/*margin-left: 93px;*/
		margin-left: -19px;
   		margin-top: -21%;
	}
	.circuit {
		white-space: normal !important;
	}
	.printBtn {
		margin-left: 19%;
    	margin-top: 13%;
	}
	.userSvn {
		margin-top: 18%;
	}
	.keywordBtn {
		margin-top:2%;
	}
	#hoursReportForm .select2-container, #ccproject .select2-container , #projectBinder .select2-container {
		margin-left: 0px !important;
	    margin-top: 0px !important;
	    width: 90% !important;
	}
	.availableClients {
		width:41% !important;
	}
	.blockhourTable {
		width:92% !important;
	}
	.blockHoursProject {
		margin-left: 0% !important;
	}
	.projectPara {
		white-space: normal !important;
	}
	.onBoardingProjectNew {
		margin-top: -5%;
		padding-right: 10px !important;
	    padding-left: 10px !important;
	}
	.projectInvoice {
		margin-left:0px !important;
	}
	.quickSearch{
		margin-left: -60px !important;
	}
	#quickSearch{
		width: 165px !important;
	}
	.dropbtn{
		width: 100px !important;
	}
	/*.fileDesc{
		width: 210px !important;
	}*/
	#usersAvl{
		width: 120% !important;
	}
}
@media (min-width: 320px) and (max-width: 375px){
 	.searchCandy {
 		margin-top: -9%;
    	margin-left: 3%;
 	}
 	.jobOffer {
		margin-left: 35% !important;
	    margin-top: -9% !important;
	}
	.testScore {
		margin-left: 1% !important;
	}
	.addVariable {
		margin-left:4%;
		width: unset !important;
		margin-top:1%;
	}
	.addRepoVariable {
		margin-left:4%;
		width: unset !important;
		margin-top:1%;
	}
	.globalRefresh {
		margin-top:-5%;
		margin-left: 7%;
	}
	.userAlign {
		margin-top:-6%;
	}
	.estimateReportFilter{
		min-width: max-content !important;
	}
	.featuresChkboxes {
	    margin-top: -30px !important;
	}
	.eventAlert.featuresChkboxes {
	    margin-top: 12px !important;
	}
}
@media (min-width: 376px) and (max-width: 425px) {
	.searchCandy {
		 margin-top: -7%;
		margin-left: 3%;
	}
	.jobOffer {
		margin-left: 25% !important;
	    margin-top: -7% !important;
	}
	.testScore {
		margin-left: 1% !important;
	}
	.addVariable {
		margin-left:3%;
		width: unset !important;
		margin-top:1%;
	}
	.addRepoVariable {
		margin-left:3%;
		width: unset !important;
		margin-top:1%;
	}
	.globalRefresh {
		margin-top:-4%;
	} 
	.apprecate {
		margin-left:4% !important;
	}
	.resumeDisplay {
		margin-left: 83px;
    	margin-top: -8%;
	}
	.printCandidate {
		margin-top: -6%;
    	margin-left: 2%;
	}
	.userAlign {
		margin-top:-6%;
	}
	.modalPopUplAlignment{
		margin-left: 9%;
	}

}
@media (min-width: 426px) and (max-width: 768px) {
	.jobOffer {
		margin-left: 20% !important;
	    margin-top: -4% !important;
	}
	.candidateOpen {
		margin-left:6% !important;
	}
	.addVariable {
		margin-left: 28%;
		width: unset !important;
		margin-top:3%;
	}
	.addRepoVariable {
		margin-left: 2%;
		width: unset !important;
		margin-top:3%;
	}
	.menuDisplay {
		margin-left: 11%;
	}

}
@media (min-width: 769px) and (max-width:1023px){
	/*#cke_generalnotes,#cke_culturalnotes,#cke_technicalnotes,#cke_binderdesc {
    	width: 609px !important;
    	margin-top: 23% !important;
	}*/
	.jobLabel {
		margin-left:0px !important;
	}
	.jobOffer {
		margin-left: 20% !important;
	    margin-top: -10% !important;
	}
	.candidateOpen {
		margin-left:6% !important;
	}
	/*.resumeRound {
		white-space: normal !important;
	}*/
	
}
@media (min-width: 1024px) and (max-width:1100px){
	#cke_binderdesc {
		width: 588px !important;
	}
	.checkAlign {
		margin-left:5% !important;
	}
	.jobOffer {
	    margin-left: 290% !important;
	    margin-top: -22% !important;
	}
	.candidateOpen {
		margin-left:23% !important;
	}
	.defaultDate {
		margin-left: 11%;
	}
	/*.resumeRound {
		white-space: normal !important;
		margin-left: 168px;
		min-width: fit-content;
	}*/
	.resumeSearch {
		margin-top: -23px;
	}
	.accept {
		margin-top:8%;
	}
	.offer {
		margin-top:4%;
	}
	/*.jobNew {
		margin-left: -35% !important;
	}
	#jobNew {
		margin-left: 149% !important;
	}*/
	.printBtn {
		margin-left: 142%;
	}
	.projectfileAttached {
	    margin-left: -15% !important;
	}
	.searchByText{
		flex: 2 0 25% !important;
    	max-width: 82% !important;
	}
	.searchByApplied{
		flex: 0 4 90% !important;
    	max-width: 36% !important;
	}
	.searchByOnlyApplied{
		flex: 16 4 48% !important;
    	max-width: 40% !important;
	}
	/*.fileNameField{
		flex: 1 0 52% !important;
	    max-width: 80% !important;
	}*/
	/*.fileDescription{
		flex: 1 0 52% !important;
	    max-width: 80% !important;
	}*/
	/*.fileDescriptionLabel{
		margin-left: 168px !important;
	}*/
	.monthlyExpensesMonthData{
		flex: 1 0 52%;
	    max-width: 50%;
	}
	.monthlyExpensesHostingData{
		flex: 1 0 52%;
	    max-width: 50%;
	}
	.ptoManageDateFrom,.ptoManageDateTo{
		flex: 1 0 52%;
    	max-width: 50%;
	}
	.projectsNewfactor{
		flex: 1 0 52%;
	    max-width: 100%;
	}
	#lastUpdated{
		flex: 1 0 52%;
    	max-width: 45%;
	}
	.featureFliterDate{
		flex: 1 0 50% !important;
    	max-width: 54% !important;
	}
	.bothListLoggedBy, .bothListAssigned, .bothListPriority{
		flex: 2 0 35%;
    	max-width: 43%;
	}
	.bothListSortBy{
		flex: 2 0 35%;
    	max-width: 43%;
    	margin-left: 8px;
	}
	.bothListSortBy select{
		width: 160px;
	}
	.bothListPriority select{
		width: 160px;
		margin-left: 8px;
	}

	#reportsConsulting .col-sm-2{
		flex: 1 0 78% !important;
    	max-width: 36% !important;
	}
	#reportsConsulting{
		width: 70%;
		margin-top: -27px;
	}
	#consultingDate{
		margin-top: -2px !important;
		margin-left: 25% !important;
	}
	/*.customUser{
		min-width: 50% !important;
	}*/
	/*.select2-container {
	    width: 100% !important;
	}*/
	/*#assignedUser{
		min-width: 50% !important;
	}*/
	
	#pmReportRow{
		max-width: 81% !important;
		margin-left: -108px !important;
	}
	#pmReportRow .select2-container {
	    width: 80% !important;
	}
	#pmReportRow .statusLable {
	    margin-left: 35px;
	    text-align: right !important;
	}
	#featureNew .select2-container{
		width: 100% !important;
	}
	.featuresList .statusLable {
	    text-align: left !important;
	    margin-left: 2px !important;
	}
	.projectsDisplayAttachFile{
		flex: 1 0 74%;
    	max-width: 90%;
	}
	.filterChkbox #inputSmall{
		width: 100px;
	}
	#cke_generalnotes, #cke_culturalnotes, #cke_technicalnotes{
		width: 530px !important;
		margin-left: 45px !important;
	}
	.featuresAttachedFiles{
		min-width: fit-content;
	}
	.activeChkbox, .isAdminShow {
	    margin-top: 0px !important;
	    margin-left: 55px !important;
	}
	.blockhoursAttachedFiles .projectPara {
		margin-left: 1px !important;
	}
	/*.fileDesc {
	    width: 260px !important;
	}*/
	.authoGroups {
	    margin-left: -65px !important;
	}
	.FilesHr{
		margin-left: 34px !important;
	}
	/*.hrFileDescription{
		margin-left: 24px !important;
	}*/
	/*.hrFile.hrFileLabel{
		margin-left: 15px !important;
	}*/
	.hourReportCreateChart{
		margin-left: 200px !important;
	}
	.daysBack{
		margin-left: 10px !important;
	}
	#customPadding {
	    padding-left: 1px !important;
	}
	.isAdminCheckbox{
		margin-left: 10px !important;
	}
	.hostingLabel{
		margin-left: 30%;
	}
	
}
.jobOffer {
	margin-left: 132%;
    margin-top: -19%;
}
.testScore {
	white-space:normal  !important;
	margin-left: 25%;
}
.resumeBtn {
	width:140px;
}
@media (min-width:1024px) {
	.hrEmptyDiv{
		display: none;
	}
	.customMarginTop{
		margin-top: 1.154rem;
	}
	#resumeJobOffer {
		margin-left: -24px !important;
	}
	#jobResume {
		margin-left: 53px !important;
	}
	.groupMember {
        margin-left: -4%;
        margin-top: 20px;
    }
    .be-icons-nav,.be-user-nav{
		margin-top: 18px !important;
	}
	.shBlock{
		margin-top: -50px !important;
	}
	#Devextensions{
		top: 82% !important;
	}
	.be-user-nav > li.dropdown > a img{
		min-height: 46px !important;
		max-width: 47px !important;
	}	
	.blockCount{
		text-align: center !important;
	}
	#myblock{
		width: auto !important; 
	}
	.customMarginTop1{
		margin-top: 1.539rem !important;
	}

}
@media (min-width: 768px) {
	.makeActive {
		margin-top: 73%;
    	margin-left: -154%;
	}
}
@media (min-width:300px) and (max-width:340px) {
	.resumeDisplay {
		margin-left: 83px;
    	margin-top: -12%;
	}
	.printCandidate {
		margin-top: -9%;
    	margin-left: 4%;
	}
}
@media (min-width:341px) and (max-width:375px) {
	.resumeDisplay {
		margin-left: 83px;
    	margin-top: -10%;
	}
	.printCandidate {
		margin-top: -7%;
    	margin-left: 4%;
	}
}
@media (min-width:414px) and (max-width:424px) {
	.projectNotes {
	    border: 1px solid rgb(160,160,160);
	}
	.blockHeader {
		margin-top: -24px;
    	margin-left: -230px;
	}
	#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 38% !important;
	}
	/*#be-icons-nav{
		margin-right: 25% !important;
	}
	#be-user-nav{
		margin-left: 69% !important;
	}
	#mobileIcon{
		margin-left: 250%;
	}*/
}
/*user list page style*/
@media (min-width:300px) and (max-width:374px) {
	.pmreport {
		margin-left:7% !important;
	}
	.authenticate {
		margin-left: 73%;
    	margin-top: -14%;
	}
	.svnUser {
		margin-top:-38%;
	}
	.userCheckAlign {
		margin-left: 60%;
    	margin-top: -10% !important;
	}
	.imageBtn {
		margin-left: 42%;
    	margin-top: -11%;
	}
	.userDetail {
		margin-left: 63%;
    	margin-top: -13%;
	}
	.userPwd {
		margin-left: 64%;
    	margin-top: -12%;
	}
	.userConfirmPwd {
		margin-left: 65%;
    	margin-top: -13%;
	}
	.userAuth {
		margin-left: 66% !important;
    	margin-top: -13%;
	}
	.userSvnAlign {
		margin-left: 66%;
    	margin-top: -13% !important;
	}
	.userAccount {
		margin-left: 34%;
    	margin-top: -13%;
	}
	.userAccountEmailRep {
		margin-left: 65%;
    	margin-top: -16%;
	}
	.userAccountEmail {
		margin-left: 34%;
    	margin-top: -15%;
	}
	.userYes {
		margin-top: -3%;
	}
	.svnDisplay {
		margin-top:-23%;
	}
	.projectAccount {
		margin-left: 40%;
    	margin-top: -11%;
	}
	.projectCheck {
		margin-left: 63% !important;
    	margin-top: -10% !important;
	}
	#featureNew .select2-container {
		margin-left: 36% !important;
	}
	.binderDetails {
		margin-left: 46%;
    	margin-top: -11%;
	}
	.binderBillDetail {
		margin-left:48% !important;
	}
	.bothStatus {
		margin-top: 18%;
    	margin-left: -49%;
	}
	.binderCreate {
		margin-left: 45% !important;
	}
	.binerScope {
		margin-left: 33% !important;
	}
	.actualTotal {
	   margin-left: 32%;
	}
	.factorInvoice{
		width: 50%;
	    margin-left: 111px;
	    margin-top: -37px;
	}
	.bugsComments1{
		margin-top: 20px;
	}
	.hourDate {
		margin-left: 5.5% !important;
	}
	.monthlyYear {
		margin-left: 16% !important;
    	margin-top: -12%;
	}
	.monthlyMon {
		margin-left: 18% !important;
    	margin-top: -11%;
	}
	.FeatureTop {
		margin-top: -22% !important;
	}
	.billhours {
		margin-top: -19% !important;
	}
	.featureAdd {
	    margin-top: -17%;
	}
	.editGlobal .addVariable {
		margin-left: 3% !important;
    	/*margin-top: -15%;*/
	}
	.editGlobal .globalValue {
		margin-left: 33% !important;
    	margin-top: -8.5%;
	}
	.projectLog {
		margin-left: 43% !important;
		margin-top: -10% !important;
	}
	.reportEvaluate {
		margin-top: -8%;
    	margin-left: 39% !important;
	}
	.reportDate {
		margin-top:-11% !important;
	}
	.reportClosed {
		margin-left:0px !important;
		margin-right:0px !important;
	}
	.reportClosedItem {
		margin-left: 24%;
    	margin-top: -9% !important;
	}
	.AttchTable{
		margin-left: -4px !important;
	}
	#DayInvoice{
		margin-top: 8%;
	}
	.FilesHr{
		margin-left: 1.077rem !important;
	}
	/*#hrInputs{
		margin-left: 15% !important;
    	margin-top: -27px;
    }*/
    .authoLabel {
    	margin-left: 10px !important;
    }
    /*#groupLabel{
	    margin-left: 22% !important;
    	margin-top: -27px !important;
    }*/
   /* #hrText{
	    margin-left: 28%;
    	margin-top: -27px
    }*/
    #hrRadio{
	    margin-left: 28%;
   	 	margin-top: -20px !important;
    }
    /*#serverFileLabel{
    	margin-left: -15px !important;
	}*/
	#consultingDate{
		margin-top: -57px !important;
	}
	.consultingDatePick{
		width: 50%;
	    margin-left: 25%;
	    margin-top: -34px;
	}
	.consultBlock{
		width: 50%;
	    margin-left: 24%;
	    margin-top: -28px !important;
	}
	/*.splash-footer{
		margin-top: -27%;
	}*/

	.showIndHrs{
		margin-left: 36% !important;
    	margin-top: -10% !important;
	}
	/*#serverFileLabel{
		margin-left: 15% !important;
    	margin-top: -31px;
	}*/
	#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 45% !important;
	}	
}
@media (min-width:375px) and (max-width:424px) {
	.pmreport {
		margin-left:13% !important;
	}
	.authenticate {
		margin-left: 56%;
    	margin-top: -13%;
	}
	.svnUser {
		margin-top:-35%;
	}
	.userCheckAlign {
		margin-left: 40%;
    	margin-top: -10% !important;
	}
	.userCheckAlign.newsletter {
		margin-left: 62%;
	}
	.imageBtn {
		margin-left: 42%;
    	margin-top: -10%;
	}
	.userDetail {
		margin-left: 61%;
    	margin-top: -12%;
	}
	.userConfirmPwd {
		margin-left: 61%;
    	margin-top: -10%;
	}
	.userPwd {
		margin-left: 61%;
   	    margin-top: -10%;
	}
	.userAuth {
		margin-left: 62% !important;
    	margin-top: -12%;
	}
	.userSvnAlign {
		margin-left: 62%;
    	margin-top: -12% !important
	}
	.userAccount {
		margin-left: 34%;
    	margin-top: -11%;
	}
	.userAccountEmailRep {
		margin-left: 43%;
    	margin-top: -13%;
	}
	.userAccountEmail {
		margin-left: 34%;
    	margin-top: -13%;
	}
	.userYes {
		margin-top: -1%;
	}
	.svnDisplay {
		margin-top:-23%;
	}
	.projectAccount {
		margin-left: 34%;
    	margin-top: -9%;
	}
	.projectCheck {
		margin-left: 52% !important;
    	margin-top: -8% !important;
	}
	.projectCheck1 {
		margin-left: 32% !important;
    	margin-top: -8% !important;
	}
	.binderDetails {
		margin-left: 43%;
   		margin-top: -10%;
	}
	.binderBillDetail {
		margin-left:44% !important;
	}
	.binderCreate {
		margin-left: 44% !important;
	}
	.bothStatus {
		margin-top: 18%;
    	margin-left: -46%;
	}
	.actualTotal {
	   margin-left: 30%;
	}
	.factorInvoice{
		width: 50%;
	    margin-left: 111px;
	    margin-top: -37px;
	}
	.bugsComments1{
		margin-top: 20px;
	}
	.monthlyYear {
		margin-left: 16% !important;
    	margin-top: -9%;
	}
	.monthlyMon {
		margin-left: 18% !important;
    	margin-top: -9%;
	}
	.hourDate {
		margin-left: 4.5% !important;
	}
	.binerScope {
		margin-left: 30% !important;
	}
	.FeatureTop {
		margin-top: -17% !important;
	}
	.featureAdd {
	    margin-top: -6% !important;
	}
	.editGlobal .addVariable {
		margin-left: 3% !important;
    	/*margin-top: -14%;*/
	}
	.editGlobal .globalValue {
		margin-left: 34% !important;
    	margin-top: -8.1%;
	}
	.globalRefresh {
		margin-top: -4% !important;
		margin-left: 8%;
	}
	.projectLog {
		margin-left: 2% !important;
	}
	.showIndHrs{
		margin-left: 26% !important;
		margin-top: -8% !important;
	}
	.reportEvaluate {
		margin-top: -8%;
    	margin-left: 30% !important;
	}
	.reportDate {
		margin-top:-10% !important;
	}
	.AttchTable{
		margin-left: -4px !important;
	}
	#DayInvoice{
		margin-top: 8%;
	}
	.FilesHr{
		margin-left: 1.077rem !important;
	}
	/*#hrInputs{
		margin-left: 15% !important;
    	margin-top: -27px;
    }*/
    .authoLabel {
    	margin-left: 10px !important;
    }
  /*  #groupLabel{
	    margin-left: 22% !important;
    	margin-top: -27px !important;
    }*/
    /*#hrText{
	    margin-left: 28%;
    	margin-top: -27px
    }*/
    #hrRadio{
	    margin-left: 22%;
   	 	margin-top: -20px !important;
    }
    /*#serverFileLabel{
    	margin-left: -15px !important;
	}*/
	#consultingDate{
		margin-top: -57px !important;
	}
	.consultingDatePick{
		width: 50%;
	    margin-left: 20%;
	    margin-top: -37px;
	}
	.consultBlock{
		width: 50%;
	    margin-left: 24%;
	    margin-top: -26px !important;
	}
	/*.splash-footer{
		margin-top: -24%;
	}*/
	.dataTables_length {
	    margin-top: 2px !important;
	}
	/*.userEvaluate .form-group{
		margin-bottom: 1px;
	}*/
	/*#serverFileLabel{
		margin-left: 12% !important;
    	margin-top: -32px;
	}*/
	#hourReport .hourreportDateFrom,#hourReport .hourreportDateTo{
		flex: 1 0 85% !important;
    	max-width: 100% !important;
	}
	.reportDateFrom {
	    margin-left: 4.5% !important;
	}
}
@media (min-width:425px) and (max-width:767px) {
	.pmreport {
		margin-left: 18% !important;
	}
	.authenticate {
		margin-left: 36%;
    	margin-top: -8%;
	}
	.svnUser {
		margin-top:-29%;
	}
	.userCheckAlign {
		margin-left: 33%;
    	margin-top: -7% !important;
	}
	.userCheckAlign.newsletter {
		margin-left: 40%;
	}
	.imageBtn {
		margin-left: 36%;
    	margin-top: -8%;
	}
	.userConfirmPwd {
		margin-left: 52%;
    	margin-top: -9%;
	}
	.userPwd {
		margin-left: 52%;
    	margin-top: -8%;
	}
	.userDetail {
		margin-left: 52%;
    	margin-top: -10%;
	}
	.userAuth {
		margin-left: 53% !important;
    	margin-top: -10%;
	}
	.userSvnAlign {
		margin-left: 54%;
    	margin-top: -11% !important;
	}
	.userAccount {
		margin-left: 34%;
    	margin-top: -10%;
	}
	.userAccountEmailRep {
		margin-left: 35%;
    	margin-top: -11%;
	}
	.userAccountEmail {
		margin-left: 34%;
    	margin-top: -12%;
	}
	.userYes {
		margin-top: -1%;
	}
	.svnDisplay {
		margin-top:-23%;
	}
	.projectAccount {
		margin-left: 34%;
    	margin-top: -8%;
	}
	.projectCheck {
		margin-left: 43% !important;
    	margin-top: -6% !important;
	}
	.binderDetails {
		margin-left: 35%;
   		margin-top: -7%
	}
	.binderBillDetail {
		margin-left:36% !important;
	}
	.bothStatus {
		margin-top: 15%;
    	margin-left: -43%;
	}
	.factorInvoice{
		width: 50%;
	    margin-left: 111px;
	    margin-top: -37px;
	}
	.actualTotal {
	   margin-left: 21%;
	}
	.binerScope {
	   margin-left: 21%;
	}
	.bugsComments1{
		margin-top: 20px;
	}
	.monthlyYear {
		margin-left: 16% !important;
    	margin-top: -8%;
	}
	.monthlyMon {
		margin-left: 18% !important;
    	margin-top: -8%;
	}
	.hourDate {
		margin-left: 4.45% !important;
	}
	.FeatureTop {
		margin-top: -16% !important;
	}
	.editGlobal .addVariable {
		margin-top: -10%;
    	margin-left: 74%;
	}
	.editGlobal .globalValue {
		margin-left: 24% !important;
    	margin-top: -6.5%;
	}
	.projectLog {
		margin-left: 23% !important;
		margin-top: -5% !important;
	}
	.reportEvaluate {
		margin-top: -10%;
    	margin-left: 45% !important;
	}
	.reportDate {
		margin-top:-10% !important;
	}
	.AttchTable{
		margin-left: -4px !important;
	}
	#DayInvoice{
		margin-top: 8%;
	}
	.FilesHr{
		margin-left: 1.077rem !important;
	}
	/*#hrInputs{
		margin-left: 15% !important;
    	margin-top: -27px;
    }*/
    .authoLabel {
    	margin-left: 10px !important;
    }
    /*#groupLabel{
	    margin-left: 22%;
    	margin-top: -27px !important;
    }*/
    /*#hrText{
	    margin-left: 28%;
    	margin-top: -27px
    }*/
    #hrRadio{
	    margin-left: 22%;
   	 	margin-top: -20px !important;
    }
   /* #serverFileLabel{
    	margin-left: -15px !important;
	}*/
	#consultingDate{
		margin-top: -57px !important;
	}
	.consultingDatePick{
		width: 50%;
	    margin-left: 20%;
	    margin-top: -37px;
	}
	.consultBlock{
		width: 50%;
	    margin-left: 24%;
	    margin-top: -37px;
	}
	.shNav{
		/*margin-top: 75px !important;*/
		margin-left: 22px !important;
	}
	#customUser{
		margin-left: 28%;
    	margin-top: -14%;
	}	
	.featurespara{
		margin-left: 30% !important;
	}
	.newblockCustomDiv{
		margin-left: 26%;
	}
}
@media (min-width:768px) and (max-width:1023px) {
	.pmreport {
		margin-left: -45% !important;
	}
	.userCheckAlign {
		margin-top: -4% !important;
    	margin-left: 33% !important
	}
	.userCheckAlign.newsletter{
		margin-top: -4% !important;
    	margin-left: 43% !important
	}
	.authenticate {
		margin-left: 10%;
    	margin-top: -1%;
	}
	/*.confirmPwd {
		margin-left: 3%;
	}*/
	.userYes {
		margin-top: -2%;
    	margin-left: 2%;
	}
	.userAccountEmailRep {
		margin-left: 15%;
    	margin-top: -2% !important;
	}
	.userAuth {
		margin-left: 18% !important;
	}
	.userSvn {
		margin-top:0% !important;
	}
	.bothStatus {
		margin-top: 8%;
    	margin-left: -39%;
	}
	.bugsComments1{
		margin-left: 104px;
		margin-top: 20px;
	}
	.scopeEstimate {
		margin-left:-5%;
	}
	.trackEstimate {
		margin-left:1%;
	}
	.editGlobal .addVariable {
		margin-left: 30%;
	    width: unset !important;
	    margin-top: -2%;
	}
	.editGlobal .globalValue {
		margin-left: 10% !important;
	}
	.editGlobal #globalDate{
		margin-left: 55px !important;
	}
	.projectNewFile {
		margin-left:3% !important;
	}
	.projectCheck {
		margin-left: 42% !important;
    	margin-top: -4% !important;
	}
	.projectAllowBlock {
		margin-left: 0% !important;
	}
	.projectfileAttached {
		margin-left:-12% !important;
	}
	.userReportOption  {
		margin-left:-9% !important;
	}
	/*.keywordStatus {
		margin-top: 45px;
    	margin-left: -188px;
	}*/
	.AttchTable{
		margin-left: -4px !important;
	}
	#DayInvoice{
		margin-top: 8%;
	}
	/*#consultingDate{
		margin-top: -57px !important;
	}*/
	.consultingDatePick{
		width: 50%;
	    margin-left: 20%;
	    margin-top: -37px;
	}
	.consultBlock{
		width: 50%;
	    margin-left: 24%;
	    margin-top: -37px;
	}
	/*.splash-footer{
		margin-top: 35%;
	}*/
	.ccDisplay{
		margin-top: 2% !important;
	}
	.hostingInput,.hostingInput1{
		margin-left: 4%;
	}
	.emailHosting{
		margin-left: 9%;
	}
	.hostingLabel{
		margin-left: 59%;
	}
	.searchFieldConatiner{
		display: flex;
		justify-content: space-around;
	}
	.searchFieldConatiner .SavedSearch{
		padding-top: 0 !important;
	}
	/*.customSurveyButton{
		margin-top: 10px;
    	margin-left: 27%;
	}*/
	}
@media (min-width:768px) and (max-width:985px) {
	.myLogging{
		white-space: nowrap;
	}
	.myLoggingSelect{
		margin-left: 105%;
   	 	margin-top: -22% !important;
	}
	#hrText{
		margin-left: 13%;
	}
	.fileDesc{
		width: 250%;
	}
	.hrRadioDiv{
		margin-left: 12%;
    	display: flex;
	}
	#groupLabel{
		margin-left: 50%;
	}
	.shNav1{
		margin-left: 2% !important ;
	}
	.sidebar-elementsSH{
		margin-top: 21px !important;
	}
	.be-user-nav > li.dropdown > a img {
	    max-width: 49px !important;
	    max-height: 45px !important;
	    border-radius: 50%;
	}
	.be-user-navSH{
		margin-left: 1px;
	}
	.navbtn {
	   margin-left: 11px;
	}
	.shRow{
		margin-top: 15px;
	}
	/*.searchFieldConatinerSH {
	    display: inline-block !important;
	    margin-left: -25px;
	}*/
}
@media (min-width:1024px) and (max-width:1200px) {
	.editGlobal .globalValue {
		margin-left: 5% !important;
	}
	.pmreport {
		margin-left: -17% !important;
	}
	.userEmail {
		margin-left:10% !important;
	}
	.authenticate {
		margin-left: 35%;
    	margin-top: -2%;
	}
	.groupMember {
		margin-left: 9%;
        margin-top: 10px;
	}
	.userAuth {
	    margin-left: 39% !important;
	    margin-top: 0%;
	}
	.userDetail {
	    margin-left: 38%;
	    margin-top: 0%;
	}
	.userPwd {
	    margin-left: 38%;
	    margin-top: 0%;
	}
	.userSvnAlign {
	    margin-left: 41%;
	    margin-top: 0% !important;
	}
	.userCheckAlign {
		margin-left: 12%;
	}
	.imageBtn {
		margin-left: 2%;
	}
	.confirmPwd {
		margin-left:16%;
	}
	.projectPara {
		white-space: normal !important;
	}
	.projectNewFile {
		margin-left:14% !important;
	}
	.projectAllowBlock {
		/*margin-left: 53% !important;*/
		margin-left: 15% !important;
	}
	.userReportOption  {
		margin-left:-5% !important;
	}
	.binerScope {
		margin-left: 15% !important;
	}
	.hostingInput{
		margin-left: 26% !important;
	}
	.myLogging1{
		margin-left: 80px;
	}
	.loggingBtn{
	    margin-left: 86%;
    	margin-top: -56px !important;
	}
	/*.splash-footer{
		margin-top: 27%;
	}*/
	.searchFieldConatiner{
		display: flex;
		justify-content: space-around;
	}
	.searchFieldConatiner .SavedSearch{
		padding-top: 0 !important;
	}
	#quickSearch{
		width:45%
	}
}
.userBtn {
	margin-top: -7%;
}
@media (max-width:767px) {
	#globalVariableName,#globalVariableName1 {
		max-width: 46%;
    	white-space: normal;
	}
	.bindLabel {
		margin-top:0% !important;
		margin-left: 14%;
	}
	/*.billDetail {
		margin-left:44%;
	}*/
	/*.reportDateFrom {
		margin-left:0px !important;
	}*/
	.featureAdd {
		margin-top:-7%;
	}
	.featureItem {
		margin-top:-6%;
	}
	.featureHour {
		margin-top:-6%;
	}
	.featureChk {
		margin-top: 4% !important;
		margin-left: 12%;
	}
	.projectfileAttached {
		margin-left:0% !important;
	}
	/* .monthlyReportAvg .table-responsive tbody > tr > td {
		white-space: normal !important;
	} */
	.reportOptions {
		padding-left: 0px !important;
	}
	.userReportOption {
		margin-left:14% !important;
	}
	/*.userEvaluate .form-group{
		margin-bottom: 1px;
	}*/
	#developerList > tbody > tr > td {
    	font-size: 13px !important;
	}
}
#table4_wrapper .row.be-datatable-footer {
	background-color:#ffffff !important;
}
/*bugs section*/
.bugsComments{
	font-family: tahoma,sans-serif;
    font-size: 12px;
    background-color: #eff7ff;
    padding: 5px;
    width: 250px;
    border: 3px solid white;
}
.bugsTable{
	width: 100%; 
	border: 1px solid #00000 !important;
}
.bugsTable tr> td {
	padding-top: 20px !important;
}
.bugsComments1{
	font-family: tahoma,sans-serif;
    font-size: 12px;
    background-color: #eff7ff;
    padding-left: 2px;
    padding-top: 7px;
    white-space: normal !important;
}
.bugsComments2{
	 background-color:#f7e73b !important;
}
/*binder section */
.binderTable{
	font-size: 13px;
}
.pmreportWeek {
	margin-top:0% !important;
}
.projectUser {
	width:149px !important;
}
.prefDisplayBtn {
    color: rgb( 255,255,255 );
    background-color: #4285f4;
    border-radius: 12px;
    text-transform: capitalize;
    border-color: #4285f4;
	padding: 0px !important;
    font-size: small !important;
    width: 79px !important;
}
.dashboardTable{
	font-size: 13px;
}
.projectMargin {
	margin-top: -1%;
}
.onBoardingProject {
	margin-top: -2%;
}
.projectCard {
	margin-bottom: -25px;
}
.projectTable {
	margin-top:-1%;
}
.projectRelate {
	margin-bottom: -9px !important;
}
.ProjectNewCHeck {
	margin-left: -8%;
}
.onBoardingProjectNew {
	margin-top: -2%;
	padding-right: 0px ;
    padding-left: 0px;
}
.blockHoursProject {
	margin-left: -13%;
}
.TableHeight {
	height:100%;
}
.projectfileAttached {
	margin-left:-25%;
}
/*hrfiles*/
#hrId{
	width: 35px !important;
}
#hrDate{
	width: 98px !important;
}
#hrRequired{
	width: 88px !important;
}
#hrDelete{
    width: 58px !important;
}
.authoGroups{
	margin-top: 10px;
}

/*.comment1{
    font-family: tahoma,sans-serif;
    font-size: 12px;
    background-color: #eff7ff;
    padding: 5px;
    width: 300px;
}*/
.comment2 {
    font-family: tahoma,sans-serif;
    font-size: 12px;
    background-color: #eff7ff;
    padding: 5px;
    width: 300px;
}
@media (min-width: 1200px) {
	.hrFilePara {
	    margin-left: 60px;
	}
	.hrFiles{
		margin-left: 89%;
	}
	.hrPara{
		margin-left: 119px;
	}
	.paraHr{
		margin-left: 119px;
	}
    .ShowLabel{
	    margin-left: 33px;
	    margin-top: -30px;
	}
	.TempempPPReport{
		margin-top: -50px;
	}
	/*#FilterContSwitch{
		margin-left: 63%;
	}*/
	/*#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 25%;
	}*/
	/*#newSkillSetTable_wrapper{
		margin-top: -2%;
	}*/
	.new-skillBtn{
		margin-left: 34%;
	}
	.userDisplayMargin{
		margin-top: 0.769231rem !important;
	}
	.newsletter{
		margin-left: 34px;
    	margin-top: 2%;
	}
	.newsLetterLabel{
		margin-left: -32px;
	}
	.customMarginTop{
		margin-top: 1.154rem;
	}

}
.hrFiles a{
	color: red !important;
	font-size: 15px;
}
.hrChkBox{
	width:20px !important; 
	height:20px !important;
}

/*.fileDesc{
	width:275px; 
	height:100px;
}*/
.reportDate {
	margin-top:-25px;
}
.activeIcon{
	color: lightgreen !important;
	font-size: x-large;
}
.projectsInput{
	height: 31px !important;
}
/*.projectsReffarel{
	width: 207px !important;
}*/
@media (min-width: 1200px) {

	.projectsDiv{
		margin-left: -10px !important;
	}
	.projectSelect{
		height: 36px;
	    padding-top: 6px !important;
	}
	.projectSelectBox{
		margin-left: -12px !important;
	}
	.projectsTop{
		margin-top: -20px;
	}
	.projectsTop1{
		margin-top: -13px;
	}
	.ProjectsReferal{
		margin-left: -34px;
	}
	.projectRow{
		margin-left: -69px;
	}
	#projectsSetting{
		margin-top: -33px;
	}
	.filterinv{
		margin-left: 4%;
	}
	.AttachFileTable{
		margin-top: 12% !important;
	}
	#projectDeployment{
		margin-top: 41px;
	}
	#Repositories{
		margin-top: 34px;
	}
	#apiUsages{
		margin-top: -11%;
	}
	.AreaTable{
		width: 136% !important;
	}
	#relatedData{
		margin-top: -17px;
	}
	#hrPara{
		margin-left: 70px;
	}
	.authoLabel{
		margin-top: 66px;
	}
	/*.hrFile{
		margin-left: 3.851rem !important;
	}*/
	.FilesHr{
		margin-left: 7%;
	}
	.goFundsTables{
		margin-top: -55px !important;
	}
	.projectsRow{
		padding: 5px 0 !important;
	}
	#consultingDate{
		margin-left: 9%;
	    margin-top: -45px !important;
	}
	.consultingDatePick{
		width: 82%;
	}
	.consultDate{
		margin-left: -60px !important;
	}
	#consultDate{
		margin-right: -104px;
	}
	.be-left-sidebar .left-sidebar-wrapper{
		height: 100% !important;
	}
}
#pmReportRow{
	margin-top: -10px;
	margin-left: -36px;
}
.pmReportTable{
	margin-top: -31px !important;
}
.hrBtn{
	background-color: red !important;
}
/*.invoiceTable{
	line-height: 31% !important;
}*/
.AttachFileLable{
	/*height: 46px;*/
    padding-top: 10px !important;
}
#filePara{
	font-size: 12px;
	white-space: nowrap;
	margin-left: 6px;
}
/*pmReport*/
.pmInput{
	font-size:10px;
}
.hotlistRed {
	line-height: 17px;
	color: #000000;
	background-color: #DC7171;
	border: 0 solid #CED7F2;
}
.hotlistYellow {
	line-height: 17px;
	color: #000000;
	background-color: #FFFFA1;
	border: 0 solid #CED7F2;
}
.hotlistGreen {
	line-height: 17px;
	color: #000000;
	background-color: #D3F2D4;
	border: 0 solid #CED7F2;
}
.hotlist {
	line-height:17px; 
	color: #000000;
	background-color: #ffffff;
	border: 0 solid #ffffff;
}
.proposeFactorFund {
	margin-left:-1px;
}
.proposeTable {
	margin-top:-12px;
}
.consultingTable{
	font-size: 14px;
}
.consultingTables td{
	padding-top: 5px !important;
}
.customUser{
	margin-right:-25px;
}
#assignedUser{
	margin-right:-89px;
}
#customDate{
	margin-right:-48px;
}
#customBtn{
	margin-right:20% !important;
}
.customTd{
	border-bottom: 1px solid Black !important;
}
#goFunds_length label,#goFund1_length label,#goFund2_length label,#goFund3_length label{
	margin-bottom: 10px !important;
}
.consultingStatus{
	width: 106% !important;
}
#consultingClient{
	margin-right: -61px;
}
.goFundHeading{
	margin-bottom: 1px !important;
	margin-top: 45px !important;
}
.table-responsive tbody > tr > td {
    padding-top: 5px !important;
   	padding-bottom: 5px !important;
   	white-space: nowrap !important;
   	font-size: 13px;
}
table tbody > tr >td {
	padding-top: 5px !important;
   	padding-bottom: 5px !important;
   	white-space: nowrap !important;
   	font-size: 13px;
}
.ReferralList tbody > tr >td {
	white-space: normal !important;
}
.AddendumTd{
	white-space: normal !important;
   	font-size: 13px !important;
}

.editnote {
	background-color: #aef2f8;
	margin: 5px 5px 5px 5px;
}

.editdesc {
	background-color: #93c8cd;
	margin: 5px 5px 5px 5px;
}

.addnote {
	background-color: #f8f2d2;
	margin: 5px 5px 5px 5px;
}
.deletenote {
	background-color: #f6b696;
	margin: 5px 5px 5px 5px;
}

.markstest {
	background-color: #f6b696;
	margin: 5px 5px 5px 5px;
}

.addadminnote {
	background-color: #b5c0cb;
	margin: 5px 5px 5px 5px;
}
.hoursadded {
	background-color: #f8f2d2;
	margin: 5px 5px 5px 5px;
	
}

.hoursred {
	color: #aa0000;
	font-size: 12px;
	font-weight: bold;
}

.badhours {
	color: #aa0000;
	font-size: 12px;
	font-weight: bold;
	background-color: #f4f142;
}


.devperf {
  	font-size: 80%;
   	width: 97%;
   	margin-left: 5px;
   	margin-top: 5px;
   	margin-bottom: 5px;

	
}

.devperf  th {
	border: 1px solid #000000;
	-moz-border-radius: 0px;
  	-webkit-border-radius: 0px;
  	border-radius: 0px;
  	line-height: 15px;
	font-size: 10px;
	font-style: bold;
	background-color: #00;
}
.devperf  td {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	line-height:14px;
	text-align: right;
	padding-right: 8px;	
	padding-left: 5px;
	-moz-border-radius: 0px;
  	-webkit-border-radius: 0px;
  	border-radius: 0px;
}
.them { 
	font-size: 12px;
	margin: 5px 5px 5px 5px;
	background-color: #EEEEEE; 
}
.projectTableWidth {
	width:120px !important;
}
.projectNoteWidth {
	width:200px;
}
.factorCheckValue{
	width:100px !important;
}
.factorDateValue{
	width:110px;
}
.tableBackColor {
	background-color:#FFFFCE !important;
}
#featureStatusColor,#featurePriorityColor {
	background-color: #66FFFF;
}
.dashboard1 {
	border-radius: 5px;
	background-color:#A50303;
	color:#ffffff;
}
.dashboard2 {
	border-radius: 5px;
	background-color:#E98C08;
	color:#ffffff;
}
.dashboard3 {
	border-radius: 5px;
	background-color:#24862D;
	color:#ffffff;
}
.dashboard4 {
	border-radius: 5px;
	background-color:#6C6C6C;
	color:#ffffff;
}
.dashboardOtherIds{
	border-radius: 5px;
	background-color:#3882BB;
	color:#ffffff;
}

#logOutAlignment{
	margin-top: -5px !important;
}
#uploadProfile{
	padding: 5px 0px !important;
}


/*#footerImage{
margin-left: 37px;
}
#footerImg{
height: 40px;
   margin-left: 69px;
}
.footerStyle{
margin-left: -75px;
}*/


input.form-control{
	height: calc(1.5em + .5rem + 2px) !important;
	/* padding: .25rem .5rem;
	font-size: .900rem;
	line-height: 1.5;
	border-radius: .2rem; */
}

div.form-group{
    padding: 4px !important;
}

.custom-control {
	margin-bottom: 0.1rem;
}


.table-bordered > thead > tr > th {
	padding: 10px !important;
	padding-right: 35px !important;
	font-size: 13px !important;
}

table th{
	white-space: nowrap;
}

.nowarapNormal{
	white-space: normal !important;
	max-width: 250px !important;
}

.billaleChkboxs{
	padding-left: 10px;
	margin-top: -10px;
}

.featuresChkboxes{
	margin-top: 10px;
}

#editEventsHours .form-check{
	padding-left: 0.25rem !important;
}

.material-icons {
	font-weight: normal;
  font-style: normal;
  font-size: 20px;  /* Preferred icon size */
	display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
	padding: 5px;
	/* Support for IE. */
  font-feature-settings: 'liga';
	/* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
	/* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
}
.select2-selection__rendered {
    line-height: 30px !important;
} 
.select2-container .select2-selection--single {
    height: 30px !important;
}
.select2-selection__arrow {
    top: -7px !important;
}

input[type="reset"]{
	height: 28px;
	padding-top: 0px;
}

.card-header {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.loginPage .card-header{
	/* padding-top: 40px !important;
  	padding-bottom: 1px !important;
  	margin-bottom: 1px !important; */
}

.loginPage .card-body{
	padding: 1px 30px 15px !important;
}
.accordion .card-header {
	padding: 0 !important;
}

.custom-select.custom-select-sm.form-control.form-control-sm{
	height: 25px;
}

select.form-control[multiple]{
	height: 130px;
}

.form-control[multiple] option{
	padding: 2px 12px;
}
#blockHours .displayBlockHours tbody tr, #blockHours.blockHoursReport tbody tr{
	background-color: transparent !important;
}
.grayBgColor{
	background-color: #EEEEEE;
}

.datetimepicker .input-group-append > button{
	padding: 0 3px;
}

#bothList.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: #f1eded;
}

#bothList.table-striped tbody tr:nth-of-type(odd){
	background-color: #f1eded;
}

#blockHours .displayBlockHours td, #blockHours.blockHoursReport td{
   border-color: transparent;
}

.loginpageFontSize{
	font-size: 15px;
}

.multiselectbox{
	height: 173px !important;
}

table#blockHours td[rowspan]{
	vertical-align: top;
}

.fieldsetLegend{
	width:inherit;
	padding:0 5px;
}

#activeProjects table#projectLists td a, #Onboarding table#projectOnboarding td a,#deletedProjects table#ProjectDelete td a, table#monthList td a, table#developerList td a,table#stakeholderUsers td a,table#userReferrals td a, table#userDelete td a, table#otherUsers td a,table#searchSkill td a, table#userList td a,table#contactList td a, table#pmReport td a,table#resumeSearch td a, table#reposList td a,.employeeReport,#PtoList td a,.invoicesName{
	color: #000000 !important;
}

@media only screen and (min-width:1440px) {
	#featureList #accordion{
		width: 100% !important;
	}
	.featureDate{
		padding-left: 0px !important;
		padding-right: 45px !important;
	}

	.featuresAddEdit{
		margin-right: -130px !important;
	}
	#editEventsHours, #hourReportDetail,.resumeEditRound{
		width: 60%;
	}
	.featuresEditAttachedFiles{
		padding-left: 150px !important;

	}
	.reportClosedItem{
		float: right;
	}
	.estimateReport, #blockYearsFilder{
		width: 50%;
	}
	#mothlyReport{
		width: 80%;
	}
	#userHoursReport, #bothListAdvancedFields, .resumesCardTab{
		width: 65%;
	}

	#addFeaturePage, #binderProject{
		width: 60% !important;
		padding-left: 10% !important;
	}
	#reportsConsulting{
		width: 80%;
	}
	#consultingDate{
		margin-top: 10px !important;
	}
	#commonFields{
		width: 70%;
	}
	.largeScreenForm{
		width: 80%;
	}

	.tableWidthLargeScreen{
		width: 70%;
	}
	#projectsRelatedData{
		width: 70%;
	}
	
	.largeScreenButton{
		margin-right: 500px;
	}
	/*.splash-footer{
		margin-top: 5%;
	}*/
	.alertMsgBanner{
		width: 50% !important;
	}
	#cke_generalnotes, #cke_culturalnotes, #cke_technicalnotes{
		width: 770px !important;
	}
	.resumeInfoFiles{
		margin-left: -85px !important;
	}
	/*.featuresDisplay {
		width: 50% !important;
	}*/
	.featuresAttachedFiles{
		margin-left: 10px !important;
	}
	.AttachFileTable {
	    margin-top: 1% !important;
	}
	.hostingrow{
		margin-left: -27%;
	}  
	.rowHosting{
		margin-left: -20%;
	}
	.formHosting{
		margin-left: 18%;
    	margin-top: -3%;
	}
	.eye-icon-container{
	    /*text-align: end;*/
	}
}

@media (min-width:360px) and (max-width:670px) {
	/*.splash-footer{
	margin-top: -35%;
	}*/
	.left-sidebar-wrapper{
		display: none !important;
	}
	.showIndHrs{
		margin-left: 32% !important;
    	margin-top: -9% !important;
	}
	.dataTables_length {
	    margin-top: -56px !important;
	}
	.estimateReportFilter{
		min-width: max-content !important;
	}
	.select2-container,#SHClient select{
		margin-top: 20px !important;
		margin-left: 2% !important;
	}
	.assignedDevSelect+ .select2-container{
		margin-left: 0% !important;
	}
	#featureNew .select2-container {
		margin-left: 30% !important;
	}
	.ThirdPartyHeader{
		margin-top: -8%;
	}
	.ThirdPartyHeader1{
		margin-top: -10%;
	}
	#filterBtn{
		margin-left: -36%;
	}
	#cke_additionalDescription{
		width: auto !important;
	}
	.WorkTypeFeat{
		margin-left: -20px;
	}
	.year_container{
		width: 40%;
	}
	.unpaid_container{
		width: 30%;
	}
	.paid_container{
		width: 30%;
	}
	/*.customSurveyButton{
		margin-top: 10px;
		text-align: center;
	}
	.surveybtn{
		margin-top: 10px;
	}*/
	.iCalSubscribeDiv{
		margin-left: 2% !important;
	}
}
@media (min-width:375px) and (max-width:667px) {
	/*.splash-footer{
	margin-top: -46%;
	}*/
	.left-sidebar-wrapper{
		display: none !important;
	}
	/*#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 42% !important;
	}*/
	.year_container{
		width: 40%;
	}
	.unpaid_container{
		width: 30%;
		display: flex;
		align-items: center;
	}
	.paid_container{
		width: 30%;
		display: flex;
		align-items: center;
	}
}
@media (min-width:414px) and (max-width:736px) {
	/*.splash-footer{
	margin-top: -58%;
	}*/
	/* .left-sidebar-wrapper{
		display: none !important;
	} */
	.dataTables_length {
	    margin-top: 1px !important;
	}
	/*#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 38% !important;
	}*/
	.iCalSubscribeDiv{
		margin-left: 2% !important;
	}
}
@media (min-width:768px) and (max-width:1024px) {
	/*.splash-footer{
	margin-top: -6%;
	 margin-left: 230px !important; 
	}*/
}
@media (min-width:1024px) and (max-width:1365px) {
	/*.splash-footer{
		margin-top: -4%;
	}*/

	.featureInput,.featureInput1{
		width: 147% !important;
	}
	.featureSelect{
		padding-left: 1%;
	}
	.icalAlertDiv {
    	width: 93% !important;
	}
}
@media(min-width: 992px) and (max-width: 1023px){
	.featureInput,.featureInput1{
		width: 147% !important;
	}
	.featureSelect{
		padding-left: 1%;
	}
	.myLogging1{
		margin-left: 7%;
	}
	.customScoreDetailDiv{
		max-width: 33% !important;
    	flex: auto;
	}
	.customScoreDetailDiv1{
		max-width: 50% !important;
    	flex: auto;
	}
}
@media (min-width: 1366px) and (max-width: 1440px){
	.featureInput,.featureInput1{
		width: 127% !important;
	}
	.featuresCol{
		margin-left: -3%;
	}
	.icalAlertDiv {
    	width: 79% !important;
	}
	.icalButtonDiv{
		margin-left: 4%;
	}
	
}
/* .be-left-sidebar .left-sidebar-wrapper{
	height: 100% !important;
} */
.alertMsgBanner button.close{
	color: #0a0a0a !important;
}
.largeFontSize{
	font-size: 1.6rem !important;
}
button.reduceAccordionPadding{
	padding: 0.8rem 1.692rem !important;
	font-size: 1.200rem !important;
}
button.reduceAccordionPadding1{
	padding: 0.8rem 1.692rem !important;
	font-size: 1.200rem !important;
}
/*.reduceCellWidth{
	white-space: nowrap !important;
	width: 1% !important;
}*/
.hotlistsm0 {
	font-size: 13px;
	color: #000000;
	background-color: #ffffff;
	border: 0 solid #ffffff;
}
.hotlistsm1 {
	font-size: 13px;
	color: #000000;
	/*background-color: #d2d6d5;*/
	border: 0 solid #CED7F2;
}
.textAlignRight{
	text-align: right;
}
ul#circuitList{
    list-style-type: none;
    padding-inline-start: 12px;
}
table#listFeatures td a,table#SHNFeatureList td a{
	color: rgb(116, 125, 125);
}
.alert-contrast > .icon{
	background-color: transparent !important;
}
.modal-body .alert-contrast > .icon{
	background-color: rgba(115, 115, 115, 0.08) !important;
}
.adminNotesStyles{
	background-color:#eaf0f8;
	padding: 3px;
	border: 1px solid #000099;
}
.resumeColor,.managepmText{
	color: black !important;
}
.resumeListTd{
	font-size: 13px;
} 
@media print {
	.table-responsive{
		overflow-x: inherit;
	}
	.container{
		min-width: auto ! important;
	}
	.dataTables_length label{
		margin-top: 30px !important;
	}
	.projectCheck.projectsDiv {
	    margin-left: 42% !important;
	    margin-top: -2% !important;
	}
	.projectCheck {
	    margin-left: 34% !important;
	    margin-top: -2% !important;
	}
	.authenticate{
		margin-left: 1% !important;
	}
	.userCheckAlign {
	    margin-top: -2% !important;
	}
	.userCheckAlign.newsletter {
	    margin-top: -2% !important;
	    margin-left: 33% !important;
	}
	#cke_generalnotes,#cke_culturalnotes,#cke_technicalnotes,#cke_binderdesc {
    	margin-top: 1% !important;
	}
}
.clientReportTd{
	color: black !important;
}
@media (min-width:540px) and (max-width:720px) {
	.showIndHrs {
	    margin-left: 20% !important;
	    margin-top: -6% !important;
	}
	.projectCheck {
	    margin-left: 35% !important;
	    margin-top: -6% !important;
	}
	.testScore {
	    white-space: normal !important;
	    margin-left: 2%;
	}
	.customChbox{
		margin-left: 10px;
	}
	#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 28% !important;
	}
	.iCalSubscribeDiv{
		margin-left: 2%;
	}
}
@media (min-width: 411px) and (max-width: 450px) {
	.dataTables_length {
	    margin-top: -2px !important;
	}
	.hostingLabel,.hostingLabel1{
		margin-left: 42%;
    	margin-top: -10%;
	}
}
.reducedTableDataFontsize{
	font-size: small;
}
.reducedTableDataFontsize tr td{
	white-space: normal !important;
}
.searchDataTd{
	padding:5px 5px 5px 5px;
}
.searchDataTd1{
	background-color: #FFFFCC; 
	padding:5px 5px 5px 5px;
}
.hotlistheader{
	line-height: 32px;
	border-bottom: 1px solid #000000;
	margin-top: 25px;
	padding: 5px;
}
.hotlist1 {
	line-height: 17px;
	background-color: #d2d6d5;
	border: 0 solid #CED7F2;
}
.hotlist0 {
	line-height:17px; 
	background-color: #ffffff;
	border: 0 solid #ffffff;
}
.hourReportDetailBtn{
	border-radius: 8px;
}
#HoursDetailsDateFilter{
	margin-top: 40px;
}
#mainBodyContent{
	height: auto;
}
.projectListSelect{
	width:100% !important;
	font-size:12px !important;
}
.relatedDataTable,table #projectLists tr td,table #projectOnboarding tr td,table #ProjectDelete tr td,#reposList{
	font-size: 12px !important;

}
.relatedDataHead,.clientRole{
	font-size: 14px !important;
}
.gentdvalue2{
	font-size: 13px !important;
}
.relatedLabel,.binderColor{
	color: #666666;
}
.binderColor:hover{
	color: #666666;
}
.relatedLabelcolor{
	color: #336B6B !important;
}
.openBlockColor{
	color: #0DB14B;
	/*margin-right: 22%;*/

}
.mdi-plus{
	font-size: 16px;
}
.thAlign{
	text-align:center!important;
}
.thwrap{
	white-space: normal;
}
.editDescription{
	background-color: #808080 !important;
	border-color: #808080 !important;
	color: rgb( 255,255,255 );
    border-radius: 12px;
    text-transform: capitalize;
}
.editDescription:hover{
	background-color: #808080 !important;
	border-color: #808080 !important;
	color: rgb( 255,255,255 ) !important;
}

.alertHistoryTable1 {
	border: 1px solid #363636;
	background-color:#FFFFA1;
	width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;
	padding:5px;
}
.alertHistoryTable0 {
	border: 1px solid #363636;
	background-color:#FFFFFF;
	width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;
	padding:5px;
}
.lowTaget{
	color: #FF0000 !important;
}
.lowTagets{
	color: #FFA500 !important;
}
.baseTarget{
	color: #ADD8E6 !important;
	/*ADD8E6*/
}
.upperTarget{
	color: #00008B !important;
}
.asterisk{
	background-color: #fffacd !important;
}
.asteriskGreenBackGrond{
	background-color: #caffca !important;	
}
.empHint{
	padding-bottom: 0px !important;
    margin-left: -121px !important;
    max-width: 600px !important;
}
.empHint li{
    margin-bottom: 18px !important;
}
.empHint:before{
	top: 25px !important;
}
.empHint li:before{
    top: 9.5px !important;
}
.empHint li div{
	min-height: 0px !important;
    background-color: lightgray !important;
    padding:10px !important; 
}

.empHint li div:before {
    content: "";
    background-color: lightgray !important;
    top: 11.5px !important; 
  
}
.empPara{
	margin-left: 25% !important;
	padding-top: 20px !important;
	font-weight: bold;
}
.dropbtn {
  	font-size: 13px;
    border: 1px solid rgb(239, 239, 239);
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 5px;
	padding-top: 3px;
}

.dropdowns {
  position: relative;
  display: inline-block;
  padding-top: 3px;
}

.dropdown-content {
  	display: none;
  	position: absolute;
  	background-color: #f1f1f1;
  	min-width: 200px;
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 	z-index: 1;
  	right: 101%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
	margin-top: -21px;
}

.dropdown-content a {
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdowns:hover .dropdown-content {display: block;}
.savedSearchDelete{
	margin-left: 150px !important;
    margin-top: -36px !important;
}
.featurespara{
	font-size: 11px;
}
.marker {
    background-color: #FF0;
 }
.addUsersToProject{
	height: 500px !important;
}

.blurColorText{
	 color: blue !important;
}
.usersSelect{
	width: 94% !important;
}
.extensions{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;	
}
.Devextensions{
	list-style-type:none !important;
	max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
.Exbtn{
	margin-right: 10px !important;
    margin-top: 10px !important;
}
.phoneIcon{
	padding: 0px !important;
}
#phoneIcon{
	margin-left: 25px !important;
	position: relative;
	bottom: 5px;
}
#phoneIcon a {
	padding: 0 0;
}
.invoicePaid{
	color: red !important;
}
.contactPM{
	border: 1px solid #e5e5e5 !important;
}
.textContact{
	height: 150px !important;
}
.SHlogin{
	margin-left: 0px !important;
}
.contactFooter{
	margin-right: 221px !important;
}
.contact-Footer{
	border-top: 1px solid #dddddd !important;
	padding: 0px !important;
}
.titleModal{
	margin-left: 190px !important;
}
.ptoReport{
	width: 75% !important;
	margin-left: 9%;
}
.bugsGoFunds tbody > tr > td {
	white-space: normal !important;
}

/*.myNotes{
	color: red;
}*/
.prospectNotes{
	height: 170px !important;
}
.customRadio{
	margin-left: -76% !important;
}
.customRadio1{
	margin-left: 74%;
	margin-top: -37%;
}
.DashboardNotes{
	margin-left: 23%;
    margin-top: -20px;
}
.DashboardNotes1{
    margin-top: -20px;
}
.DashboardNotes > p{
	width: 430px;
	overflow: hidden;
	position: relative;
	margin: 0 5px 0 5px;
	text-align: left;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 2px; 
}
.DashboardNotes1 > p{
	width: 550px;
	overflow: hidden;
	position: relative;
	margin: 0 5px 0 5px;
	text-align: left;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 2px;
}
#FilterWeeksSwitch.switch-button.switch-button-yesno label:before {
    content: "Week";
}
#FilterWeeksSwitch.switch-button.switch-button-yesno input[type="checkbox"]:checked + span label:before {
    content: "Month";
}
#FilterWeeksSwitch.switch-button.switch-button-sm.switch-button-yesno{
    width: 18%;
}
#FilterContSwitch.switch-button.switch-button-yesno label:before {
    content: "Exclude Time Off";
}
#FilterContSwitch.switch-button.switch-button-yesno input[type="checkbox"]:checked + span label:before {
    content: "Exclude Time Off";
}
.dashboardHeader{
	width:40% !important;
}
#updateptoBatchEntryDate{
	padding-bottom: 2% !important;
}
.invisible{
	display:none;
}
.invoices{
	font-size: 13px !important;
}
.InvoicestextColor{
	color: red !important;
}
.PTOLink{
	color: blue !important;
}
#InvoiceSwitch.switch-button.switch-button-yesno label:before {
    content: "Open";
}
#InvoiceSwitch.switch-button.switch-button-yesno input[type="checkbox"]:checked + span label:before {
    content: "Close";
}
#InvoiceSwitch.switch-button.switch-button-sm.switch-button-yesno{
    width: 18%;
}
.ExpectedHours{
	color: #4285f4;
}
#invoicesText{
	color: red !important;
}
#invoicesDetails_filter label{
	margin-bottom: 0px !important;
    margin-top: 0px !important;
}
#hostingSwitch.switch-button.switch-button-yesno label:before {
    content: "Unpaid";
}
#hostingSwitch.switch-button.switch-button-yesno input[type="checkbox"]:checked + span label:before {
    content: "Paid";
}
#hostingSwitch.switch-button.switch-button-sm.switch-button-yesno{
    width: 28% !important;
}
.hostingSwitch{
	margin-left: -10%;
    margin-top: 1%;
}
.cardSuccess{
	background-color: #90EE90;
}
.cardinfo{
	background-color: #FFA500;
}
.cardwarning{
	background-color: #FF0000;
}
.latteryTable tr td {
	font-size: 15px !important;
}
.lotterySuccess{
	background-color: #90EE90;
	color: black;
}
.lotteryWarning{
	background-color: #fdad5c;
	color: black;
}
.lotteryError{
	background-color: #ff726f;
	color: black;
}
.latteryTable{
	border: 1px solid black !important;
}
.headerColorBlue{
	background-color: #33C4FF;
	color: white;
}
.headerColorGreen{
	background-color: #90EE90;
	color: white;
}
.headerColorRed{
	background-color: #ff726f;
	color: white;
}
.headerColorYellow{
	background-color: #F7DD7C;
	color: white;
}
.RedTable{
	background-color: #ff726f !important;
	color: black;
}
.BLUETable{
	background-color: #33C4FF !important;
	color: black;
}
.YELLOWTable{
	background-color: #F7DD7C !important;
	color: black;
}
.GREENTable{
	background-color: #90EE90 !important;
	color: black;
}
.RedTable td a,.GREENTable td a,.YELLOWTable td a, .BLUETable td a{
	color: black !important;
}
.teamTd{
	width: 11%;
}
.teamInput{
	width:75%;
}
.teamText{
	width:88%;
}
.modal-footer-container{
	border-top: 1px solid #dddddd
}
.dashbord-referral-text-container{
	border-left: 3px solid #cccccc !important;
}


.dashbord-referral-text {
	font-size: 1.177rem !important;
}
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.reportText{
		font-size: 70%;
    	font-weight: 600;
		margin-left: -10px;
	}
	.date-range-dropdown-width{
		width: 50%;
	}
	.date-range-dropdown-width .select2-container--default .select2-selection--single .select2-selection__arrow b{
		left: 10px;
	}
	.action-container{
		margin-left: 20px !important;
	}
	.card-border{
		border-right: none;
		border-bottom: 3px solid #ccc;
		border-left: none;
		border-top: none;
		margin-top: 20px;
		padding-bottom: 20px;
	}
	.my-referral-bonus-container{
		display: block;
		width: 100%;
	}
	.dropdowns{
		/*padding-top: 20px;*/
	}
	.avatarImg{
		position: relative !important;
		bottom: 0px !important;
	}
	.form-margin-left{
		margin-left: 0px !important;
	}
	.label-width{
		width: 90px !important;
	}
	.be-top-header {
		/*padding-top: 50px !important;*/
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.reportText{
		font-size: 70%;
    	font-weight: 600;
	}
	.date-range-dropdown-width{
		width: 50%;
	}
	.date-range-dropdown-width .select2-container--default .select2-selection--single .select2-selection__arrow b{
		left: 10px;
	}
	.action-container{
		margin-left: 20px !important;
	}
	.card-border{
		border-right: none;
		border-bottom: 3px solid #ccc;
		border-left: none;
		border-top: none;
		margin-top: 20px;
		padding-bottom: 20px;
	}
	.my-referral-bonus-container{
		display: block;
		width: 100%;
	}
	.dropdowns{
		padding-top: 20px;
	}
	.avatarImg{
		position: relative !important;
		bottom: 0px !important;
	}
	.form-margin-left{
		margin-left: 0px !important;
	}
	.label-width{
		width: 90px !important;
	}
	.be-top-header {
		padding-top: 50px !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.reportText{
		font-size: 70%;
    	font-weight: 600;
	}
	.dis-block{
		display: block;
	}
	.m-width{
		max-width: 100%;
	}
	.zero-margin-left{
		margin-left: 0px !important;
	}
	.date-range-dropdown-width{
		width: 100%;
	}
	.w-auto{
		width: 100% !important;
	}
	.date-range-dropdown-width .select2-container--default .select2-selection--single .select2-selection__arrow b{
		left: 10px;
	}
	.action-container{
		margin-left: 50px !important;
	}
	.card-border{
		border-right: 3px solid #cccccc;
		border-right-style: double;
		border-bottom: none;
		border-left: none;
		border-top: none;
		margin-top: 20px;
		padding-bottom: 20px;
	}
	.my-referral-bonus-container{
		display: flex;
		width: 60%;
		justify-content: space-between;
	}
	.dropdowns{
		padding-top: 20px !important;
	}
	.avatarImg{
		position: relative !important;
		bottom: 4px !important;
	}
	.form-margin-left{
		margin-left: 2.3rem;
	}
	.be-top-header {
		padding-top: 0px !important;
	}
	.be-left-sidebar .left-sidebar-wrapper{
		height: 100% !important;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.reportText{
		font-size: 1.769rem
	}
	.dis-block{
		display: flex;
	}
	.date-range-dropdown-width{
		width: 100%;
	}
	.w-auto{
		width: 50% !important;
	}
	.date-range-dropdown-width .select2-container--default .select2-selection--single .select2-selection__arrow b{
		left: 10px;
	}
	.action-container{
		margin-left: 18px !important;
	}
	.card-border{
		border-right: 3px solid #cccccc;
		border-right-style: double;
		border-bottom: none !important;
		border-left: none;
		border-top: none;
		margin-top: 20px;
		padding-bottom: 20px;
	}
	.my-referral-bonus-container{
		display: flex;
		width: 60%;
		justify-content: space-between;
	}
	.dropdowns{
		padding-top: 20px !important;
	}
	.avatarImg{
		position: relative !important;
		bottom: 4px !important;
	}
	.form-margin-left{
		margin-left: 2.3rem;
	}
	.be-top-header {
		padding-top: 0px !important;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.reportText{
		font-size: 1.769rem
	}
	.dis-block{
		display: flex;
	}
	.date-range-dropdown-width{
		width: 100%;
	}
	.date-range-dropdown-width .select2-container--default .select2-selection--single .select2-selection__arrow b{
		left: 10px;
	}
	.w-auto{
		width: 50% !important;
	}
	.textMtop{
		margin-top: 0px !important;
	}
	.action-container{
		margin-left: 150px !important;
	}
	.card-border{
		border-right: 3px solid #cccccc;
		border-right-style: double;
		border-bottom: none !important;
		border-left: none;
		border-top: none;
		margin-top: 20px;
		padding-bottom: 20px;
	}
	.my-referral-bonus-container{
		display: flex;
		width: 60%;
		justify-content: space-between;
	}
	.searchFieldConatiner{
		display: flex;
		justify-content: space-between;
	}
	.dropdowns{
		padding-top: 3px !important;
	}
	.avatarImg{
		position: relative !important;
		bottom: 4px !important;
	}
	.form-margin-left{
		margin-left: 2.3rem;
	}
	.be-top-header {
		padding-top: 0px !important;
	}
}
.dataTables_scrollBody #pmWeeklyReport thead,.dataTables_scrollBody #listFeatures thead,.dataTables_scrollBody #bothList thead,.dataTables_scrollBody #customerAvg thead,.dataTables_scrollBody #PtoList thead,.dataTables_scrollBody #SHNFeatureList thead,.dataTables_scrollBody #userReport thead,.dataTables_scrollBody #clientProfitLists thead,.dataTables_scrollBody #employeeRateTable thead,.dataTables_scrollBody #clientProfitdetails thead,.dataTables_scrollBody #clientProfits thead,.dataTables_scrollBody #invoicesDetails thead{
	visibility:collapse
}
.redColorText{
	color: red;
}
.displayNone{
	display: none;
}
.card-header-bg{
	background-color: #f8f9fc !important;
	border-bottom: 1px solid #e3e6f0 !important
}
.card-header-text-size {
	font-size: 1rem !important;
}
.header-search-user-container{
	margin-left: auto;
}

@media (min-width: 1200px) {
	.topScroll {
	  overflow-x: scroll;
	  overflow-y: auto;
	}
	#bothList_wrapper,#contactList_wrapper,#userReport_wrapper{
	    margin-top: -26px;
	}
}
@media ( min-width: 1600px ){
	.myScrollDiv{
		display: none;
	}
}
@media(min-width: 1025px){
	.topScroll1,#topScroll2,#topScroll3,#topScroll4,#topScroll5,#topScroll1 {
	  overflow-x: scroll;
	  overflow-y: auto;
	}
	.red-row {
		width: 25%;
		line-height: 40px;
	  }
	  .green-row {
		width: 25%;
		line-height: 40px;
	  }
	  .yellow-row {
		width: 25%;
		line-height: 40px;
	  }
	  .reports-status-container {
		display: flex;
		margin-bottom: 15px;
	  }
	  .red {
		background-color: #DC7171;
		width: 40px !important;
		height: 40px !important;
	
	  }
	  
	  .green {
		background-color: #D3F2D4;
		width: 40px !important;
		height: 40px !important;
	  }
	  
	.yellow {
		background-color: #FFFFA1;
		width: 40px !important;
		height: 40px !important;
	}
}
.sleepText{
	color: #40bf80;
}
#managePanel{
	background-color: White;
}

/*logging lottery*/
@media( min-width: 800px) and ( max-width: 820px ){
	.loggingCard{
		margin-top: 6%;
	}
	.loggingLotteryImgDiv{
		display: contents !important;
	}
	#loggingLotteryWinnerImageDiv{
		margin-top: 11px;
	}
	#loggingLotteryWinnerDiv{
		margin-left: 20%;
	}
	#loggingLotteryRunnerDiv{
		margin-top: 10%;
    	margin-left: -71%;
	}
	#loggingLotteryImgBtn{
	    margin-top: 2%;
   	 	margin-left: 32%;
	}
	#imageUpload{
	    margin-left: 42%;
    	margin-top: -4%;
	}
	#loggingLotteryImg{
	    margin-left: -22px;
	}
	#runnerUpLabel{
		margin-left: -9%;
	}
	#loggingLotteryRunnerImgDiv{
		margin-top: 0.45rem;
	}
	.customChbox{
		margin-left: 10px;
	}
	.customCostDiv{
		margin-top: 90%;
    	margin-left: -34rem;
	}
	.customMarginTop{
		margin-top: 1.154rem;
	}
	.customMarginTop1{
		margin-top: 1.539rem !important;
	}
	#cke_generalnotes,#cke_culturalnotes,#cke_technicalnotes,#cke_binderdesc {
    	width: 350px !important;
    	margin-top: 23% !important;
	}
	.globalsDiv{
		margin-left: -13%;
	}
	.custom-modal-open{
		overflow: auto;
	}
	#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 39% !important;
	}
	.iCalSubscribeDiv{
		margin-left: 2%;
	}
}
@media( min-width: 900px) and ( max-width: 912px ){
	#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 35% !important;
	}
	#cke_generalnotes,#cke_culturalnotes,#cke_technicalnotes,#cke_binderdesc {
    	width: 409px !important;
    	margin-top: 23% !important;
	}
	.loggingCard{
		margin-top: 6%;
	}
	/*.loggingLotteryImgDiv{
		display: block;
	}*/
	.loggingLotteryImgDiv{
		display: contents !important;
	}
	#loggingLotteryWinnerImageDiv{
		margin-top: 11px;
	}
	#loggingLotteryWinnerDiv{
		margin-left: 20%;
	}
	#loggingLotteryRunnerDiv{
		margin-top: 10%;
    	margin-left: -71%;
	}
	#loggingLotteryImgBtn{
	    margin-top: 2%;
   	 	margin-left: 27%;
	}
	#imageUpload{
	    margin-left: 42%;
    	margin-top: -4%;
	}
	#loggingLotteryImg{
	    margin-left: -22px;
	}
	#runnerUpLabel{
		margin-left: -9%;
	}
	#loggingLotteryRunnerImgDiv{
		margin-top: 0.45rem;
	}
	.customCostDiv{
		margin-top: 90%;
    	margin-left: -39rem;
	}
	.customChbox{
		margin-left: 10px;
	}
	.customMarginTop{
		margin-top: 1.154rem;
	}
	.customMarginTop1{
		margin-top: 1.539rem !important;
	}
	.custom-modal-open{
		overflow: auto;
	}
	.iCalSubscribeDiv{
		margin-left: 2%;
	}
}
@media( min-width: 760px) and ( max-width: 768px ){
	#imageUpload{
	    margin-top: 11px;
	}
	#loggingLotteryWinnerDiv{
		margin-left: 23%;
	}
	#loggingLotteryWinnerImageDiv{
		margin-top: 11px;
	}
	#loggingLotteryRunnerDiv{
	    margin-top: 16%;
   	 	margin-left: -73%;
	}
	#loggingLotteryRunnerImgDiv{
	    margin-top: 11px;
	}
	#loggingLotteryImgBtn{
	    margin-top: 20%;
    	margin-left: 20%;
	}
	.loggingCard{
		margin-top: 6%;
	}
	.customCostDiv{
		margin-top: 90%;
    	margin-left: -30rem;
	}
	.customChbox{
		margin-left: 10px;
	}
	.customMarginTop{
		margin-top: 1.154rem;
	}
	.customMarginTop1{
		margin-top: 1.539rem !important;
	}
	.custom-modal-open{
		overflow: auto;
	}
	.iCalSubscribeDiv{
		margin-left: 2% !important;
	}
}

@media( min-width: 1000px) and ( max-width: 1024px ){
	/*.loggingLotteryImgDiv{
		display: block;
	}*/
	.loggingCard{
		margin-top: 6%;
	}
	.loggingLotteryImgDiv{
		display: contents !important;
	}
	#loggingLotteryWinnerImageDiv{
		margin-top: 11px;
	}
	#loggingLotteryWinnerDiv{
		margin-left: 20%;
	}
	#loggingLotteryRunnerDiv{
		margin-top: 10%;
    	margin-left: -71%;
	}
	#loggingLotteryImgBtn{
	    margin-top: 2%;
   	 	margin-left: 22%;
	}
	#imageUpload{
	    margin-left: 42%;
    	margin-top: -4%;
	}
	#loggingLotteryImg{
	    margin-left: -25px;
	}
	#loggingLotteryRunnerImgDiv{
		margin-top: 0.45rem;
	}
	#runnerUpLabel{
		margin-left: -10%;
	}
	.reposLabel{
		max-width: 15.666667%;
	}
	.reposDiv{
	    margin-left: 11px;
	}
	.customMarginTop{
		margin-top: 1.154rem;
	}
	.groupLabel{
	    margin-left: -71px;
	    margin-top: 10%;
	}
	.globalsDiv{
		margin-left: -7%;
	}
	.custom-modal-open{
		overflow: auto;
	}
	.custom-survey-width{
	    max-width: 23%;
   }
	.survey-customleft{
		margin-left: 14%;
	}
	.shRow{
		margin-top: 20px;
	}
	.iCalSubscribeDiv{
		margin-left: 2% !important;
	}
}
@media( min-width: 1025px ) and (max-width: 1280px ){
	/*.loggingLotteryImgDiv{
		display: block;
	}*/
	.loggingCard{
		margin-top: 6%;
	}
	.loggingLotteryImgDiv{
		display: contents !important;
	}
	#loggingLotteryWinnerImageDiv{
		margin-top: 11px;
	}
	#loggingLotteryWinnerDiv,.featuresBillableLabel3{
		margin-left: 20%;
	}
	#loggingLotteryRunnerDiv{
		margin-top: 10%;
    	margin-left: -71%;
	}
	#imageUpload{
	    margin-left: 42%;
    	margin-top: -4%;
	}
	#loggingLotteryImg{
	    margin-left: -25px;
	}
	#loggingLotteryRunnerImgDiv{
		margin-top: 0.45rem;
	}
	#runnerUpLabel{
		margin-left: -9%;
	}
	.FeaturesEstRow2{
	    display: contents;
	}
	.featuresEstLabel{
	    margin-top: 0.25rem;
   		margin-left: 1%;
	}
	#BillableLable1{
		margin-top: 17px;
   	 	margin-left: 5%;
	}
	.featuresBillableLabel2{
		margin-left: 17%;
	}
	.nonbillableLabel1{
		margin-top: 17px;
	}
	.featuresNonBillable1{
		margin-left: 4%;
	}
	.featuresItemLabel1{
		margin-top: 12%;
	}
	#featuresNonItmeBillable1{
		margin-top: 14%;
	}
	.featuresActualHoursLabel1{
		margin-top: 15%;
	}
	#featuresAssignedInput1,#featuresStartDateInput1,#featuresCompletionInput1,#featuresAssignedInput,#featuresStartDateInput,#featuresCompletionInput{
	    max-width: 70%;
	}
	#SendOnlyChkbox1{
	    margin-top: -6rem;
	}
	#notSendOnlyDiv1,#notSendOnlyDiv,#urlDiv1{
		margin-left: 2%;
	}
	#urlDiv{
		margin-left: 4%;
	}
	.notSendOnlyDiv1{
		margin-top: -53%;
	}
	#FeaturesUrlDiv1{
		margin-top: -53%;
	}
	#featuresOtherAdminMainDiv{
		margin-left: 3%;
	}
	.featuresBillableLabel{
		margin-left: 2.55rem;
	}
	.featuresNonBillable{
		margin-left: 5px;
	}
	.featuresBillableLabel1{
	    margin-left: 18%;
	}
	#featuresActualHoursDiv{
		margin-top: -0.95rem;
	}
	.reposLabel {
		max-width: 12.666667%;
	}
	.reposDiv{
		margin-left: 20px;
	}
	.globalsDiv{
		margin-left: -3%;
	}
	#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 43%;
	}
	/*.customSurveyButton{
		margin-left: -13px;
	}
	.surveybtn{
		margin-top: 6rem;
    	margin-left: -52px;
	}*/
	.iCalGroupDiv{
    	white-space: nowrap;
	}
}

/*Features admin tab*/
@media(min-width: 415px) and (max-width: 540px){
	.featuresEstHours{
		margin-left: 48% !important;
    	margin-top: -2.45rem;
	    width: 25%;
	}
	.featuresEstHours1{
		margin-left: 31% !important;
    	margin-top: -2.45rem;
	    width: 25%;
	}
	.featuresEstHoursChkbox,.featuresEstHoursChkbox1{
		margin-top: -3.165rem;
	}
	.featuresEstHourslabel,.featuresEstHourslabel1{
		margin-top: -2.45rem;
	}
	.featuresActualLabel,.featuresActualLabel1{
		margin-left: 17%;
	}
	.featuresNonBillable,.featuresNonItmeBillable,.featuresNonBillable1,.featuresNonItmeBillable1{
		margin-left: 8%;
	}
	.featuresBillableLabel,.featuresBillableLabel1{
	    margin-left: 14%;
	}
	.FeaturesUrlbox,.FeaturesUrlbox1{
		margin-left: 78%;
	}
	.FeaturesEstHoursRow{
		margin-left: -31%;
	}
	.featuresInputs{
	    margin-left: 34%;
	}
	.FeaturesTotalCostChkbox,.FeaturesTotalCostChkbox1{
		margin-top: -3.5rem;
	}
	.FeaturesTotalCostlabel,.FeaturesTotalCostlabel1{
		margin-top: -2.5rem;
	}
	#featuresChkboxesDiv,#featuresChkboxesDiv1{
		margin-left: -33%;
	}
	#featuresAssignedInput,#featuresStartDateInput,#featuresCompletionInput,#featuresStartDateInput1,#featuresAssignedInput1,#featuresCompletionInput1{
		margin-left: 30%;
	}
	#monthlyChkBoxDiv,#monthlyChkBoxDiv1{
		margin-left: -39%;
	}
	#SendOnlyChkbox,#SendOnlyChkbox1{
		margin-left: 2%;
	}
	#FeaturesUrlDiv,#FeaturesUrlDiv1{
		margin-left: -3%;
	}
	#featuresbinderDiv{
		margin-left: 19%;
    	margin-top: -7%;
	}
	#featuresSubbinderDiv{
		margin-left: 24%;
   	 	margin-top: -6%;
	}
	#featuresEditCostDiv{
		margin-top: 6%;
	}
	#featuresEditSubCostDiv{
		margin-top: -2.45rem !important;
    	margin-left: 31%;
	}
	#featureEditID{
		margin-top: 4%;
	}
	#featurePriorityDiv{
	    margin-top: 0.45rem;
	}
	#featuresAssignedUser{
		margin-left: 32%;
	}
	#featuresOtherAdminDiv{
		margin-left: 11%
	}
	.featuresBillableLabel2{
		margin-left: 11%;
	}
	.featuresBillableLabel3{
		margin-left: 13%;
	}
}
@media(min-width: 360px) and (max-width: 375px){
	.FeaturesTotalCostChkbox,.FeaturesTotalCostChkbox1{
	   margin-top: -3.546rem;
	}
	.FeaturesTotalCostlabel{
		margin-top: -2.546rem;
    	margin-left: 281px;
	}
	.FeaturesTotalCostlabel1{
		margin-top: -2.546rem;
    	margin-left: 272px;
	}
	.SendOnlyChkbox{
	    margin-left: 1.955rem;
	}
	.notSendOnlyChkbox{
		margin-left: 1.3rem;
	}
	#featuresbinderOutDiv{
	    margin-left: 36%;
    	margin-top: -10%;
	}
	#featuresbinderDiv{
	    margin-left: 22%;
    	margin-top: -10%;
	}
	.featuresEstHours,.featuresEstHours1{
		margin-left: 48% !important;
    	margin-top: -2.45rem;
	    width: 25%;
	}
	.featuresEstHoursChkbox,.featuresEstHoursChkbox1{
		margin-top: -3.165rem;
	}
	.featuresEstHourslabel,.featuresEstHourslabel1{
		margin-top: -2.45rem;
	}
	.featuresActualLabel,.featuresActualLabel1{
		margin-left: 26%;
	}
	.featuresNonBillable,.featuresNonItmeBillable,.featuresNonBillable1,.featuresNonItmeBillable1{
		margin-left: 14%;
	}
	.featuresBillableLabel,.featuresBillableLabel1{
	    margin-left: 21%;
	}
	.FeaturesUrlbox{
		margin-left: 78%;
	}
	#featuresEditCostDiv{
		margin-top: 6%;
	}
	#featuresEditSubCostDiv{
		margin-top: -2.45rem !important;
    	margin-left: 30%;
	}
	#featureEditID{
		margin-top: 4%;
	}
	#featurePriorityDiv{
	    margin-top: 0.45rem;
	}
	#featuresAssignedUser{
		margin-left: 32%;
	}
	.FeaturesUrlbox1{
		margin-left: 70%;
	}
	#featuresOtherAdminDiv{
		margin-left: 16.5%
	}
	.featuresBillableLabel2,.featuresBillableLabel3{
		margin-left: 21%;
	}
	.modalPopUplAlignment{
		margin-left: 5%;
	}
}

@media(min-width: 376px) and (max-width: 414px){
	.FeaturesTotalCostChkbox,.FeaturesTotalCostChkbox1{
	    margin-top: -3.546rem;
	}
	.FeaturesTotalCostlabel,.FeaturesTotalCostlabel1{
		margin-top: -2.546rem;
    	margin-left: 299px;
	}
	.notSendOnlyChkbox{
		margin-left: 2.3rem;
	}
	.featuresEstHours,.featuresEstHours1{
		margin-left: 48%;
    	margin-top: -2.45rem;
	    width: 25%;
	}
	.featuresEstHoursChkbox,.featuresEstHoursChkbox1{
		margin-top: -3.165rem;
	}
	.featuresEstHourslabel,.featuresEstHourslabel1{
		margin-top: -2.45rem;
	}
	.featuresActualLabel,.featuresActualLabel1{
		margin-left: 26%;
	}
	.featuresNonBillable,.featuresNonItmeBillable,.featuresNonBillable1,.featuresNonItmeBillable1{
		margin-left: 14%;
	}
	.featuresBillableLabel,.featuresBillableLabel1,.featuresBillableLabel2,.featuresBillableLabel3{
	    margin-left: 21%;
	}
	.FeaturesUrlbox,.FeaturesUrlbox1{
		margin-left: 78%;
	}
	#featureEditID{
		margin-top: 4%;
	}
	#featurePriorityDiv{
	    margin-top: 0.45rem;
	}
	#featuresAssignedUser{
		margin-left: 32%;
	}
	#featuresOtherAdminDiv{
		margin-left: 20%
	}
}
@media(min-width: 376px) and (max-width: 393px){
	.SendOnlyChkbox{
        margin-left: 2.75rem;
	}
	#featuresbinderOutDiv{
	    margin-left: 36%;
    	margin-top: -10%;
	}
	#featuresbinderDiv{
	    margin-left: 22%;
    	margin-top: -10%;
	}
	.featuresEstHours,.featuresEstHours1{
		margin-left: 48% !important;
    	margin-top: -2.45rem;
	    width: 25%;
	}
	.featuresEstHoursChkbox,.featuresEstHoursChkbox1{
		margin-top: -3.165rem;
	}
	.featuresEstHourslabel,.featuresEstHourslabel1{
		margin-top: -2.45rem;
	}
	.featuresActualLabel,.featuresActualLabel1{
		margin-left: 26%;
	}
	.featuresNonBillable,.featuresNonItmeBillable,.featuresNonBillable1,.featuresNonItmeBillable1{
		margin-left: 14%;
	}
	.featuresBillableLabel,.featuresBillableLabel1,.featuresBillableLabel2,.featuresBillableLabel3{
	    margin-left: 21%;
	}
	.FeaturesUrlbox,.FeaturesUrlbox1{
		margin-left: 78%;
	}
	#featuresEditCostDiv{
		margin-top: 6%;
	}
	#featuresEditSubCostDiv{
		margin-top: -2.45rem !important;
    	margin-left: 30%;
	}
	#featureEditID{
		margin-top: 4%;
	}
	#featurePriorityDiv{
	    margin-top: 0.45rem;
	}
	#featuresAssignedUser{
		margin-left: 32%;
	}
	#featuresOtherAdminDiv{
		margin-left: 20%
	}
}
@media(min-width: 400px) and (max-width: 414px){
	.SendOnlyChkbox{
        margin-left: 2.95rem;
	}
	#featuresbinderOutDiv{
	    margin-left: 36%;
    	margin-top: -8%;
	}
	#featuresbinderDiv{
	    margin-left: 22%;
    	margin-top: -10%;
	}
	.featuresEstHours,.featuresEstHours1{
		margin-left: 48% !important;
    	margin-top: -2.45rem;
	    width: 25%;
	}
	.featuresEstHoursChkbox,.featuresEstHoursChkbox1{
		margin-top: -3.165rem;
	}
	.featuresEstHourslabel,.featuresEstHourslabel1{
		margin-top: -2.45rem;
	}
	.featuresActualLabel,.featuresActualLabel1{
		margin-left: 26%;
	}
	.featuresNonBillable,.featuresNonItmeBillable,.featuresNonBillable1,.featuresNonItmeBillable1{
		margin-left: 14%;
	}
	.featuresBillableLabel,.featuresBillableLabel1,.featuresBillableLabel2,.featuresBillableLabel3{
	    margin-left: 21%;
	}
	.FeaturesUrlbox,.FeaturesUrlbox1{
		margin-left: 78%;
	}
	#featuresEditCostDiv{
		margin-top: 6%;
	}
	#featuresEditSubCostDiv{
		margin-top: -2.45rem !important;
    	margin-left: 30%;
	}
	#featuresOtherAdminDiv{
		margin-left: 20%
	}
	#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 37% !important;
	}
	
}
@media(min-width: 768px) and (max-width: 1280px){
	/*.FeaturesEstRow{
		display: contents;
	}*/
	.FeaturesEstHoursRow{
		margin-left: 5%;
	}
}
@media(min-width: 768px) and (max-width: 800px ){
	.FeaturesEstRow,.FeaturesEstRow1,#featuresSubbinderDiv{
		display: contents;
	}
	.FeaturesBillRow{
	 	margin-top: 2rem;
	}
	.nonbillableLabel,.nonbillableLabel1{
		margin-top: 2%;
	}
	.featuresBillableLabel{
		margin-left: 9%;
		margin-top: 2%;
	}
	.featuresBillableLabel2{
		margin-left: 13%;
    	margin-top: -3%;
	}
	.featuresBillableLabel3{
		margin-left: 7%;
    	margin-top: 0.25rem;
	}
	.featuresBillablechk{
		margin-top: -0.25rem !important;
    	margin-left: 27% !important;
	}
	.featuresBillablechk1{
		margin-top: -2.25rem !important;
    	margin-left: 23% !important;
	}
	.featuresBillablechklabel,.featuresBillablechklabel1,.featuresBillablechklabel2{
		margin-top: -0.25rem !important;
    	margin-left: 2%;
	}
	.featuresBillablechklabel3{
		margin-top: -2.25rem !important;
    	margin-left: 2%;
	}
	.featuresEstHoursChkbox{
		margin-left: 20% !important;
	}
	.featuresEstHoursChkbox1{
		margin-left: 10% !important;
	}
	.featuresNonBillable{
		margin-left: 3%;
		margin-top: 0.65rem;
	}
	.featuresNonBillable1{
		margin-left: 7%;
		margin-top: 0.65rem;
	}
	.featuresNonBillableChk{
	    margin-left: 27% !important;
    	margin-top: -0.45rem !important;
	}
	.featuresNonBillableChk1{
	    margin-left: 23% !important;
    	margin-top: -1.45rem !important;
	}
	.featuresNonBillableChkLabel,.featuresNonBillableChkLabel1{
		margin-top: -0.45rem;
    	margin-left: 0.5rem;
	}
	.featuresBillableLabel1{
		margin-left: 3%;
	}
	.featuresItemLabel,.featuresItemLabel1{
		margin-left: 5%;
	}
	.featuresNonItmeBillable,.featuresNonItmeBillable1{
		margin-left: 3%;
	}
	.featuresActualHoursLabel,.featuresActualHoursLabel1{
		margin-left: 7%;
	}
	.featuresActualLabel{
	    margin-left: 4%;
	}
	.featuresActualLabel1{
		margin-left: 8%;
	}
	#featuresHoursInput,#featuresHoursInput1{
		margin-left: 12%;
    	max-width: 30%;
	}
	#featuresAddNonBillInput1{
	    margin-left: 6%;
	}
	#featuresAddNonBillLable,#featuresAddNonBillLable1{
		margin-top: 0.45rem;
	}
	#featuresAddNonBillInput,#featuresAddNonBillInput1{
		margin-top: 0.45rem;
   		max-width: 30%;
	}
	#completeLabel{
		margin-left: 14.2%;
    	margin-top: 0.45rem;
	}
	#completeInput,#completeInput1{
		margin-top: 0.45rem;
	    max-width: 30%;
	    margin-left: 5%;
	}
	#featuresTotalLabel,#featuresTotalLabel1{
		margin-left: 18%;
   		margin-top: 1.2rem;
	}
	#featuresTotalInput{
		margin-left: 15%;
   	 	width: 12% !important;
    	margin-top: 0.45rem;
	}
	.FeaturesTotalCostlabel,.FeaturesTotalCostlabel1{
		margin-top: 0.45rem;
	}
	#featuresInvoice{
		margin-left: 20%;
    	margin-top: 0.45rem;
	}
	#featuresChkboxes{
		margin-left: 2.5rem !important;
	}
	#featuresAssignedDate{
	    margin-left: 12%;
	}
	#featuresAssignedInput,#featuresAssignedInput1{
	    margin-left: 5%;
    	max-width: 30%;
	}
	#featuresStartDate{
		padding-left: 18%;
	}
	#featuresStartDateInput,#featuresStartDateInput1{
		max-width: 30%;
   	 	margin-left: 5%;
	}
	#featureCompletionDate,#featureCompletionDate1{
		padding-left: 9.5%;
	}
	#featuresCompletionInput,#featuresCompletionInput1{
		max-width: 30%;
    	margin-left: 4%;
	}
	#featuresMisc,#featuresMisc1{
		padding-left: 14.5%;
	}
	#monthlyChkBox{
		margin-left: 1.5rem;
	}
	#featuresSendAdmin{
		margin-top: 0.75rem;
	}
	#SendOnlyChkbox,#SendOnlyChkbox1{
		margin-left: 4%;
    	margin-top: 0.75rem;
	}
	#notSendOnlyLabel{
	    margin-top: 0.85rem;
    	margin-left: 20px;
	}
	.notSendOnlyDiv,.notSendOnlyDiv1{
		margin-top: 0.75rem;
   	 	margin-left: 10px;
	}
	.FeaturesUrlbox,.FeaturesUrlbox1{
		margin-left: 8%;
	}
	#FeaturesUrlLabel{
		margin-left: 23%;
	}
	#featuresMainbinderDiv{
	    min-width: 77%;
	}
	#featuresbinderOutDiv{
	    margin-left: 8%;
    	margin-top: 0.5rem;
	}
	#BillableLable1{
	    margin-top: -15px;
	}
	#featuresOtherAdminLabel{
		margin-left: 12%;
	}
	.block-hour-container {
		margin-left: 40px;
	}
	.reposLabel{
		max-width: 25.666667%;
	}
	.reposDiv{
	    margin-left: 11px;
	}
	.globalsDiv{
		margin-left: -15%;
	}
}
@media( min-width: 801px ) and ( max-width: 900px ){
	.FeaturesEstRow1,.FeaturesBillRow,#FeaturesEstRowDiv,#BillDiv,#nonBillDiv,#FeaturesDateDiv,#featuresAssignedDateDiv,#featuresStartDateDiv,#featureCompletionDateDiv,#sendAdminDiv,#featuresSubbinderDiv,#BillDiv1,#nonBillDiv1{
		display: contents;
	}
	#BillableLable,#BillableLable1{
		width: max-content;
	}
	.featuresBillableLabel{
		margin-left: 9.15rem;
    	margin-top: -1.75rem;
	}
	.featuresBillableLabel2,.featuresBillableLabel3{
		margin-left: 11.15rem;
    	margin-top: -1.75rem;
	}
	.featuresBillablechk{
		margin-left: 227% !important;
   		margin-top: -2.05em !important;
	}
	.featuresBillablechk1{
		margin-left: 241% !important;
   		margin-top: -2.05em !important;
	}
	.featuresBillablechklabel,.featuresBillablechklabel1,.featuresBillablechklabel2,.featuresBillablechklabel3{
	    margin-left: 270%;
    	margin-top: -2.95rem;
	}
	#nonbillableDiv,#nonbillableDiv1{
		margin-top: -1.45rem !important;
	}
	.featuresNonBillable{
	    margin-left: 9rem;
    	margin-top: -51%;
	}
	.featuresNonBillable1{
	    margin-left: 11rem;
    	margin-top: -33%;
	}
	.featuresNonBillableChk{
		margin-left: 13rem !important;
    	margin-top: -48% !important;
	}
	.featuresNonBillableChk1{
		margin-left: 14rem !important;
    	margin-top: -32% !important;
	}
	.featuresNonBillableChkLabel{
		margin-left: 16rem;
   	 	margin-top: -63%;
	}
	.featuresNonBillableChkLabel1{
		margin-left: 16rem;
   	 	margin-top: -45%;
	}
	#featuresItemDiv,#featuresItemDiv1{
		margin-top: -3%;
	}
	.featuresBillableLabel1{
		margin-left: 9rem;
    	margin-top: -35%;
	}
	#featuresNonItmeDiv,#featuresNonItmeDiv1{
		margin-top: -10%;
	}
	.featuresNonItmeBillable{
		margin-left: 10rem;
    	margin-top: -34%;
	}
	.featuresNonItmeBillable1{
		margin-left: 11rem;
    	margin-top: -34%;
	}
	#featuresActualHoursDiv,#featuresActualHoursDiv1{
		margin-top: -10%;
	}
	.featuresActualLabel{
		margin-left: 9rem;
    	margin-top: -33%;
	}
	.featuresActualLabel1{
		margin-left: 11rem;
    	margin-top: -33%;
	}
	#billLable{
		margin-top: -10% !important;
	}
	#featuresHoursInput{
		margin-top: -11%;
	    margin-left: 28%;
	    width: 30% !important;
	}
	#featuresHoursInput1{
		margin-top: -10%;
	    margin-left: 31%;
	    width: 30% !important;
	}
	#featuresAddNonBillLable{
		margin-top: 5%;
	}
	#featuresAddNonBillLable1{
		margin-top: 3%;
	}
	#featuresAddNonBillInput,#featuresAddNonBillInput1{
	    margin-top: -6%;
	    margin-left: 31%;
	    width: 30% !important;
	}
	#completeLabel{
	    width: max-content;
    	margin-top: 13%;
	}
	#completeInput,#completeInput1{
		margin-left: 166%;
	    margin-top: -41%;
	    min-width: 200% !important;
	}
	#featuresTotalDiv{
	    margin-left: 55%;
	    margin-top: -47%;
	    width: 221%;
	}
	#featuresTotalDiv1{
	    margin-left: 97%;
	    margin-top: -42%;
	    width: 221%;
	}
	#featuresTotalInput{
		width: 170% !important;
	}
	.FeaturesTotalCostChkbox,.FeaturesTotalCostChkbox1{
		margin-left: 106% !important;
    	margin-top: -2.45rem;
	}
	.FeaturesTotalCostlabel,.FeaturesTotalCostlabel1{
		margin-left: 118%;
    	margin-top: -1.95rem;
	}
	#featuresInvoiceDiv{
		margin-top: -3%;
	}
	#featuresChkboxesDiv{
	    margin-left: 5rem;
    	margin-top: -2.45rem;
	}
	#featuresChkboxesDiv1{
	    margin-left: 10rem;
    	margin-top: -2.45rem;
	}
	#featuresAssignedInput{
		margin-left: 22%;
    	margin-top: -7%;
	}
	#featuresAssignedInput1{
		margin-left: 26%;
    	margin-top: -7%;
	}
	#featuresStartDate{
		margin-top: 3%;
	}
	#featuresStartDateInput{
		margin-left: 22%;
    	margin-top: -7%;
	}
	#featuresStartDateInput1{
		margin-left: 26%;
    	margin-top: -7%;
	}
	#featureCompletionDate,#featureCompletionDate1{
		margin-top: 3%;
	}
	#featuresCompletionInput{
		margin-left: 24%;
    	margin-top: -7%;
	}
	#featuresCompletionInput1{
		margin-left: 26%;
    	margin-top: -7%;
	}
	#featuresMisc,.nonbillableLabel1,#featuresMisc1{
		white-space: nowrap;
	}
	#monthlyChkBoxDiv{
	    margin-left: 8rem;
    	margin-top: -1.5rem;
	}
	#monthlyChkBoxDiv1{
	    margin-left: 10rem;
    	margin-top: -2.5rem;
	}
	#SendOnlyChkbox,#SendOnlyChkbox1{
		margin-left: 11rem;
    	margin-top: -1.95rem;
	}
	.notSendOnlyDiv,.notSendOnlyDiv1{
		margin-left: 12rem;
    	margin-top: -2.12rem;
	}
	#FeaturesUrlDiv{
	    margin-left: 4rem;
	    margin-top: -36%;
	    min-width: 151% !important;
	}
	#FeaturesUrlDiv1{
	    margin-left: 11rem;
	    margin-top: -36%;
	    min-width: 151% !important;
	}
	#featuresMainbinderDiv{
	    min-width: 77%;
	}
	#featuresbinderOutDiv{
	    margin-left: 8%;
    	margin-top: 0.5rem;
	}
	.featuresItemLabel,#featuresNonItmeBillable,.featuresActualHoursLabel,.featuresItemLabel1,#featuresNonItmeBillable1,.featuresActualHoursLabel1{
	    white-space: nowrap;
	}
	.featuresEstLabel{
		margin-left: 2%;
	}
	#billableLabel{
	    margin-top: -3.55rem;
	}
	#featuresTotalLabel1{
		margin-top: 0.75rem;
	}
	#featuresOtherAdminDiv{
		min-width: 170px;
	    margin-left: 135px;
	    margin-top: -2.45rem;
	}
	.block-hour-container {
		margin-left: 40px;
	}
	.reposLabel{
		max-width: 25.666667%;
	}
	.reposDiv{
	    margin-left: 36px;
	}
	.repoSvnDiv{
		margin-left: 11px;
	}
}
@media( min-width: 901px ) and ( max-width: 1000px ){
	.FeaturesEstRow1,.FeaturesBillRow,#FeaturesEstRowDiv,#BillDiv,#nonBillDiv,#FeaturesDateDiv,#featuresAssignedDateDiv,#featuresStartDateDiv,#featureCompletionDateDiv,#sendAdminDiv,#featuresSubbinderDiv,#BillDiv1,#nonBillDiv1{
		display: contents;
	}
	#BillableLable,#BillableLable1{
		width: max-content;
	}
	.featuresBillableLabel{
		margin-left: 9.15rem;
    	margin-top: -1.75rem;
	}
	.featuresBillableLabel3{
		margin-left: 12.15rem;
    	margin-top: -1.75rem;
	}
	.featuresBillableLabel2{
		margin-left: 12.15rem;
    	margin-top: -1.75rem;
	}
	.featuresBillablechk,.featuresBillablechk1{
		margin-left: 227% !important;
   		margin-top: -2.05em !important;
	}
	.featuresBillablechklabel,.featuresBillablechklabel1,.featuresBillablechklabel2{
	    margin-left: 270%;
    	margin-top: -2.95rem;
	}
	.featuresBillablechklabel3{
		margin-left: 254%;
    	margin-top: -2.95rem;
	}
	#nonbillableDiv,#nonbillableDiv1{
		margin-top: -1.45rem !important;
	}
	.featuresNonBillable{
	    margin-left: 9rem;
    	margin-top: -51%;
	}
	.featuresNonBillable1{
		margin-left: 12rem;
    	margin-top: -33%;
	}
	.featuresNonBillableChk{
		margin-left: 13rem !important;
    	margin-top: -48% !important;
	}
	.featuresNonBillableChk1{
		margin-left: 16rem !important;
    	margin-top: -29% !important;
	}
	.featuresNonBillableChkLabel{
		margin-left: 16rem;
   	 	margin-top: -63%;
	}
	.featuresNonBillableChkLabel1{
		margin-left: 18rem;
   	 	margin-top: -41%;
	}
	#featuresItemDiv,#featuresItemDiv1{
		margin-top: -3%;
	}
	.featuresBillableLabel1{
		margin-left: 9rem;
    	margin-top: -53%;
	}
	#featuresNonItmeDiv,#featuresNonItmeDiv1{
		margin-top: -10%;
	}
	.featuresNonItmeBillable{
		margin-left: 9rem;
    	margin-top: -49%;
	}
	.featuresNonItmeBillable1{
		margin-left: 12rem;
   	 	margin-top: -28%;
	}
	#featuresActualHoursDiv,#featuresActualHoursDiv1{
		margin-top: -10%;
	}
	.featuresActualLabel{
		margin-left: 9rem;
    	margin-top: -29%;
	}
	.featuresActualLabel1{
		margin-left: 12rem;
    	margin-top: -29%;
	}
	#billLable{
		margin-top: -10% !important;
	}
	#featuresHoursInput{
		margin-top: -11%;
	    margin-left: 28%;
	    width: 30% !important;
	}
	#featuresHoursInput1{
		margin-top: -8%;
   	 	margin-left: 28%;
    	width: 30% !important;
	}
	#featuresAddNonBillLable,#featuresAddNonBillLable1{
		margin-top: 5%;
	}
	#featuresAddNonBillInput{
	    margin-top: -6%;
	    margin-left: 31%;
	    width: 30% !important;
	}
	#featuresAddNonBillInput1{
		margin-top: -6%;
    	margin-left: 28%;
    	width: 30% !important;
	}
	#completeLabel{
	    width: max-content;
    	margin-top: 13%;
	}
	#completeInput,#completeInput1{
		margin-left: 166%;
	    margin-top: -41%;
	    min-width: 200% !important;
	}
	#featuresTotalDiv{
	    margin-left: 55%;
	    margin-top: -47%;
	    width: 221%;
	}
	#featuresTotalDiv1{
		margin-left: 77%;
    	margin-top: -41%;
    	width: 221%;
	}
	#featuresTotalInput{
		width: 170% !important;
	}
	.FeaturesTotalCostChkbox,.FeaturesTotalCostChkbox1{
		margin-left: 106% !important;
    	margin-top: -2.45rem;
	}
	.FeaturesTotalCostlabel,.FeaturesTotalCostlabel1{
		margin-left: 118%;
    	margin-top: -1.95rem;
	}
	#featuresInvoiceDiv{
		margin-top: -3%;
	}
	#featuresChkboxesDiv{
	    margin-left: 5rem;
    	margin-top: -2.45rem;
	}
	#featuresChkboxesDiv1{
		margin-left: 12rem;
    	margin-top: -2.45rem;
	}
	#FeaturesEstRowDiv{
		margin-top: 2%;
	}
	#featuresAssignedInput{
		margin-left: 22%;
    	margin-top: -7%;
	}
	#featuresAssignedInput1{
		margin-left: 25%;
    	margin-top: -7%;
	}
	#featuresStartDate{
		margin-top: 3%;
	}
	#featuresStartDateInput{
		margin-left: 22%;
    	margin-top: -7%;
	}
	#featuresStartDateInput1{
		margin-left: 25%;
    	margin-top: -7%;
	}
	#featureCompletionDate,#featureCompletionDate1{
		margin-top: 3%;
	}
	#featuresCompletionInput{
		margin-left: 24%;
    	margin-top: -7%;
	}
	#featuresCompletionInput1{
		margin-left: 25%;
   	 	margin-top: -7%;
	}
	#featuresMisc,.nonbillableLabel1,.featuresItemLabel1,#featuresNonItmeBillable1,#featuresMisc1{
		white-space: nowrap;
	}
	#monthlyChkBoxDiv{
	    margin-left: 8rem;
    	margin-top: -1.5rem;
	}
	#monthlyChkBoxDiv1{
		margin-left: 11rem;
    	margin-top: -2.5rem;
	}
	#SendOnlyChkbox{
		margin-left: 11rem;
    	margin-top: -1.95rem;
	}
	#SendOnlyChkbox1{
		margin-left: 12rem;
    	margin-top: -1.95rem;
	}
	.notSendOnlyDiv,.notSendOnlyDiv1{
		margin-left: 12rem;
    	margin-top: -2.12rem;
	}
	#FeaturesUrlDiv{
	    margin-left: 4rem;
	    margin-top: -36%;
	    min-width: 151% !important;
	}
	#FeaturesUrlDiv1{
		margin-left: 12rem;
	    margin-top: -41%;
	    min-width: 151% !important;
	}
	#featuresMainbinderDiv{
	    min-width: 77%;
	}
	#featuresbinderOutDiv{
	    margin-left: 8%;
    	margin-top: 0.5rem;
	}
	.featuresEstLabel{
		margin-left: 2%;
	}
	#billableLabel{
		margin-top: -43px;
	}
	#featuresTotalLabel1{
		margin-top: 20px;
	}
	#featuresMisc,#featuresMisc1{
		margin-top: 10px;
	}
	#featuresOtherAdminDiv{
		min-width: 168px;
	    margin-left: 170%;
	    margin-top: -2.45rem;
	}
	.block-hour-container {
		margin-left: 40px;
	}
	.reposLabel{
		max-width: 25.666667%;
	}
	.reposDiv{
	    margin-left: 38px;
	}
	.repoSvnDiv{
		margin-left: 20px;
	}
	.globalsDiv{
		margin-left: -10%;
	}
}
@media ( min-width: 1001px) and ( max-width: 1200px ){
	.FeaturesEstRow1,#featuresSubbinderDiv{
	    display: contents;
	}
	.FeaturesBillRow{
		margin-top: 2%;
	}
	.featuresActualLabel,.featuresBillableLabel1,.featuresBillableLabel,.featuresBillableLabel2,.featuresActualLabel1,.featuresBillableLabel3{
		margin-top: 2.5rem;
	}
	#completeInput,#completeInput1{
		margin-top: 1.5rem;
	}
	#completeInput1{
		margin-left: 20px;
	}
	#featuresTotalInput,.FeaturesTotalCostChkbox,.FeaturesTotalCostChkbox1{
		margin-top: 1.45rem;
	}
	.FeaturesTotalCostlabel,.FeaturesTotalCostlabel1{
		margin-left: 7rem;
    	margin-top: -1.75rem;
	}
	#featuresChkboxesDiv,#featuresChkboxesDiv1{
		margin-left: 20%;
   	 	margin-top: 1.55rem;
	}
	#featuresCompletionInput,#featuresStartDateInput,#featuresAssignedInput,#featuresStartDateInput1,#featuresAssignedInput1,#featuresCompletionInput1{
		min-width: 91% !important;
	}
	#featuresMisc{
		margin-top: -0.55rem;
	}
	#featuresMisc1{
		margin-top: 0.15rem;
	}
	#monthlyChkBoxDiv,#monthlyChkBoxDiv1{
		margin-left: 20%;
	}
	#notSendOnlyDiv,#urlDiv,#notSendOnlyDiv1,#urlDiv1{
		margin-left: 10%;
	}
	#featuresMainbinderDiv{
	    min-width: 77%;
	}
	#featuresbinderOutDiv{
	    margin-left: 8%;
    	margin-top: 0.5rem;
	}
	#SendOnlyChkbox1{
		margin-top: -68% !important;
	}
	.notSendOnlyDiv1{
	    margin-top: -68% !important;
	}
	#FeaturesUrlDiv1{
		margin-top: -75%;
	}
	#featuresOtherAdminMainDiv{
		margin-left: 3%;
	}
	#featuresOtherAdminDiv{
		min-width: 174px;
	}
	.block-hour-container {
		margin-left: 0px;
	}
}
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5){
	.block-hour-container {
		margin-left: 40px;
	}
}

.fc-day-sat .ApplayPTO,.fc-day-sun .ApplayPTO{
	display: none;
}
#featuresOpenInvoice{
	white-space: nowrap !important;
}
.boxleft {
  width: 300px;
  height: auto;
  border: 2px solid #000;
  margin: 0 auto 15px;
  text-align: left;
  float:left;
  padding: 10px;
  font-weight: bold;
  border-radius: 10px;
}
.info {
  background-color: #e6e6e6;
  border-color: #aaa; 
}
.block-hour-container li {
	padding: 4px;
}
#featuresNotesTable_length{
	display: none;
}
#featuresNotesTable tr td{
	white-space: normal !important;
}
.userPageText{
	padding-top: 2px !important;
    padding-bottom: 0px;
}
.mylogRow{
    border: 1px solid;
    margin-top: 10px;
}
.mylogRow ~ div{
	margin-top: 10px;
}
.logHeaderColor{
	/* background-color: #DDEFEF !important; */
	background-color: #637e93!important;
    color: white;
}
@media (min-width: 1450px) {
	#hourreportDateTo{
	    margin-left: 74%;
	    margin-top: -6.5%;
	}
	#hourFilter{
		margin-left: 113%;
	    margin-top: -6.5%;
	}
}
@media (min-width: 1700px){
	#hourreportDateTo{
	    margin-left: 68%;
	    margin-top: -6.5%;
	}
	#hourFilter{
		margin-left: 107%;
	    margin-top: -6%;
	}
}
.squarebox {
	float: left;
	height: 20px;
	width: 20px;
	margin-bottom: 15px;
	border: 1px solid black;
	clear: both;
	margin-right: 10px;
  }
  .red {
	background-color: #DC7171;
	border-radius: 50%;
  }
  .green {
	background-color: #D3F2D4;
	border-radius: 50%;
  }
  .yellow {
	background-color: #FFFFA1;
	border-radius: 50%;
  }
.changeLogOuterConatiner{
	display: flex;
	flex-wrap: wrap;
}
.alert-info span{
	font-size: 16px;
}

.changeLogConatiner{
	display: flex;
	flex-wrap: wrap;
	max-height: 790px;
    overflow-y: scroll;
}
.skillSpan{
    line-height: 0px !important;
}
.table tbody tr td.milestone span{
	color: black;
    margin-left: 10px;
}
.loggingLotteryTableBorder td,.loggingLotteryTableBorder th{
	border: 1px solid #0000007d !important;
}
.profit-alert .alert-light.alert-contrast > .icon {
    background-color: rgba(115, 115, 115, 0.08) !important;
}
.profit-alert .alert-contrast > .message{
	word-break: break-word;
}
.loggingLotteryUl{
	margin-left: 18%;
    height: 20px;
}

.track-deatils-table tbody > tr > .repo-row{
	word-break: break-all;
}
.track-deatils-table .table-responsive tbody > tr > td {
	white-space: normal !important;
}
.myaccount_hr_tab_section .table-responsive tbody > tr > td {
	white-space: normal !important;
}
.clientAreaActionWidth{
	width: 15%;
}
.clientRepoActionWidth,.clientCostActionWidth,.clientBinderActionWidth,.clientDlistActionWidth{
	width: 2%;
}
.profitTextColor,.profitTextColor td a{
	color: #FF0000 !important;
}
.profitTdColor,.profitTdColor td a{
	color: #FFA500 !important;
}
.profit-color-indications {
	display: flex;
	margin-bottom: 15px;
	justify-content:space-between;
}


.profit-color-indications .red{
	background-color: #FF0000;
	width: 40px !important;
	height: 40px !important;
}
.profit-color-indications .orange{
	background-color: #FFA500;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50%;
}
/*@supports (-moz-appearance:none) {*/
	tr.odd td.dtfc-fixed-left{
	 	background-color:transparent ;
	 	/*box-shadow: inset 0 0 0 9999px rgb(245, 245, 245);*/
	 	/*box-shadow: inset 0 0 0 9999px rgb(222, 226, 230);*/
	 	box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 5%) !important;
	}
	tr.even td.dtfc-fixed-left{
		background-color:transparent ;
		box-shadow: inset 0 0 0 9999px rgb(255, 255, 255);
    	/*box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 5%) !important;*/
	}
	thead th.dtfc-fixed-left{
		background-color:transparent ;
		box-shadow: inset 0 0 0 9999px rgb(221, 239, 239);
	}
@supports (-moz-appearance:none) {
	table.dataTable{
		border-collapse: separate !important;
	}
}
table.dataTable.table-bordered.dtfc-has-left{
	border-left: 1px solid #dee2e6;
}

.eye-icon-container{

    padding:  0 !important;

}
.card-bg-light{
	background-color: #eee;
}
.select-field-container{
	height: 31px !important;
	padding: 5px 12px !important;
}
.eye-icon-container .wathcBackGrd {
    background-color: #2e9549;
    /*pointer-events: none;*/
}
#watchEnableDisable > .mdi-eye{
    color: #ffffff;
   
}
/*#clientProfitdetails_wrapper .dataTables_scrollHeadInner{
	width: 1542px !important; 
	padding-right: 0px !important; 
	height: 36.5px !important;
	box-sizing: content-box !important;
}
#clientProfitdetails_wrapper .dataTables_scrollHead{
	overflow: hidden !important; 
	position: relative !important; 
	border: 0px !important; 
	width: 100% !important;
}*/
/*.profitClient{
	width: 225px !important;
}*/
.attachedFileSection{
	height: 64px;
}
.attachedFileSection .custom-file{
	width: 100% !important;
}
.mySup{
	top: -1.5em;
}
#watchEnableDisable{
	margin-left: -18px;
	cursor: pointer;
}
#selectedFiles{
	line-break: anywhere;
}
.custom-name{
    margin-bottom: 1%;
    display: block;
    font-size: 2rem;
    line-height: 2.308rem;
}

.edit-row-class{
	display: flex;
	justify-content: center;
}
.white-space-normal{
	white-space: normal !important;
}
.blockHourBtn{
	float: right;
}
#openCloseSwitch.switch-button.switch-button-yesno label:before {
    content: "Open";
}
#openCloseSwitch.switch-button.switch-button-yesno input[type="checkbox"]:checked + span label:before {
    content: "Close";
}
#openCloseSwitch.switch-button.switch-button-sm.switch-button-yesno{
    width: 64%;
}
.setCapsLetter{
	text-transform: capitalize;
}
.requestPastColor{
	background-color: #EAFFEA !important;
	color: black;
}
.requestFutureColor{
	background-color: #FFEBD7!important; 
	color: black;
}
.name-year-container{
	text-align: center;
	color: #4285f4;
}
.devBreakDownDetails {
	margin: 0px 20px;
    background: #fff;
}
.totalProfitAmount{
	color: #4285f4;
	font-size: 18px !important;
	font-weight: 700 !important;
}
.devBreakDownDetails .description{
	font-size: 12px !important;
    font-weight: 700 !important;
    padding: 12px 10px !important;
}

.devBreakDownDetails .amount{
	font-size: 12px !important;
    font-weight: 700 !important;
    padding: 12px 10px !important;
}
.devBreakDownDetails .hours{
	font-size: 12px !important;
    font-weight: 700 !important;
    padding: 12px 10px !important;
}
.word-break{
	white-space: break-spaces;
}
.SavedSearch .anchorButton {
	background-color: #6c757d !important;
	border-radius: 0 !important;
}

/*KAN :: Bryan A changes related with session-persistence work */

.toast {
	max-width: 350px;
	overflow: hidden;
	font-size: .975rem !important;
	background-color: rgba(255,255,255,.85);
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.1);
	box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	opacity: 0;
	border-radius: .25rem;
}

.toast-header {
	display:flex;
	display:-ms-flexbox;
	-ms-flex-align: center;
	align-items: center;
	padding: 0.25rem 0.75 rem;
	color: #6c757d;
	background-color: #fff;
	background-clip: padding-box;
	border-bottom: 1px solid #0000000d;
}

.toast-body {
	padding: .75rem;
}

.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}
.warningText{
	font-size: 14px;
	font: caption;
}
/*Error panel css start*/
.error-container .alert_box{
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50% , -50%);
}
.error-container .alert_box{
	padding: 30px;
	display: flex;
	background: #fff;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: 450px;
	width: 100%;
	border-radius: 5px;
	z-index: 5;
	/ opacity: 0; /
	pointer-events: none;
	transform: translate(-50% , -50%) scale(0.97);
	transition: all 0.3s ease;
	border: 1px solid red;
}
  
.error-container .alert_box .icon{
	color: #f23b26;
	line-height: 97px;
	font-size: 50px;
}
.error-container .alert_box header{
	font-size: 30px;
	font-weight: 500;
	margin: 10px 0;
}
.error-container .alert_box p{
	font-size: 18px;
}
.error-container .alert_box .btns{
	margin-top: 20px;
}
.error-container .btns label{
	display: inline-flex;
	height: 55px;
	padding: 0 30px;
	font-size: 20px;
	font-weight: 400;
	cursor: pointer;
	line-height: 55px;
	outline: none;
	margin: 0 10px;
	border: none;
	color: #fff;
	border-radius: 5px;
	transition: all 0.3s ease;
}
.error-container .btns a:first-child{
	color: blue;
}
/*Error panel css end*/
.modal-text-align{
	margin-left: 11%;
}
@media(min-width: 375px) and (max-width:380px){
	#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 42% !important;
	}
}
@media (min-width: 1281px){
	#FilterContSwitch.switch-button.switch-button-sm.switch-button-yesno{
    	width: 25%;
	}
	.customSurveyButton{
		margin-left: 18px;
	}
	.surveybtn{
		margin-top: 37%;
	    margin-left: -80%
	}
	.custom-control1{
		margin-left: 40%;
	}
	.ApplayPTO{
		margin-left: 57%;
	}
	.survey-label1{
		margin-left: 85%;
	}
	.survey-accordion{
		margin-top: -32px;
	}
	.survey-label2{
		display: none;
	}
	#quickSearch{
		width:45%
	}
	.custom-CalendarDiv{
		margin-left: -13%;
	}
	.icalAlertDiv{
		width: 60%;
	}
	.iCalGroupDiv{
    	white-space: nowrap;
	}
	.iCalSubscribeDiv{
		margin-left: 10%;
	}
	.text-sm-right1{
		text-align: right !important;
	}
	.autoReportHeader{
		margin-left: 190px !important;
	}
}

.custom-control1,.custom-control2{
	margin-bottom: 1.1rem;
}
.extraField{
	display: none;
}
.custom-survey-card{
	height: 100%;
	border: 1px solid #637e93;
}
.custom-accordion{
	font-size: 1.385rem;
    font-weight: 300;
    padding: 0.75rem 1.692rem;
    display: block;
    color: #4285f4;
    width: 100%;
    color: #404040;
    background-color: transparent;
    text-align: left;
}
.accordion .card-header .custom-accordion .icon{
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    transition: -webkit-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
    font-size: 1.923rem;
    vertical-align: middle;
    position: relative;
    top: -1px;
    display: inline-block;
    margin-right: 10px;
}
.custom-survey-label{
	white-space: normal !important;
}
/*calendar responsive */
@media(min-width: 360px) and (max-width: 1280px){
	.fc-scrollgrid-sync-table{
		height: 800px !important;
	}
	.ApplayPTO{
		font-size: 12px;
	}
	.fc-view-harness {
	  	width: auto;
	}

	.fc-view-harness .fc-view {
	  	overflow-x: scroll;
	}
	#calendar {
	  	max-width: 900px;
	  	margin: 0 auto;
	  	height: 800px;

	}
	.fc-view-harness .fc-view > table {
	  width: 1000px;
	}
	.ApplayPTO{
		margin-left: 47%;
	}
	.fc-daygrid-day-bottom{
	    margin-top: -14px !important;
	}
	.survey-label2{
		display: block;
	}
	.survey-label1{
		display: none;
	}
}
.cutom-surveyLabel{
	white-space: normal !important;
}
.custom-card-height{
	height: 400px;
	border: 1px solid#637e93;
}
.custom-header{
	margin: 0;
}
.custom-edit{
	color: white;
    font-size: 30px;
}
.surveyText{
	display: none;
	color:red;
}
.pmChkBox{
	animation: blink 1s linear infinite;
}
.pmChkBox{
	color: red;
}
@keyframes blink{
	0%{opacity: 0;}
	50%{opacity: .5;}
	100%{opacity: 1;}
}
.alert-contrast > .icon1 {
    background-color: #ea3f30 !important;
    color: white;
}
.blink{
	margin-left: 10px;
}
.pmCustom-chkbox{
	min-height: 1.7rem;
    min-width: 1.7rem;
    margin-top: 0.1875rem;
    margin-bottom: 1.1105rem;
}
.alert-contrast > .message1{
	padding: 0.585rem 1.385rem;
}
.custom-card-header{
	background-color: #ffffce;
}
/*new headed design in mobile device */
@media(min-width: 375px) and (max-width: 428px){
	.searchFieldConatiner{
		display: flex !important;
	}
	.dropdowns{
		padding-top: 5px;
	}
	#quickSearch {
    	width: 122px !important;
	}
	.SavedSearch .anchorButton{
		margin-left: 6px !important;
	}
	.mobileIconImg{
		margin-left: 2.25rem !important;
		margin-top: 10px;
	}
	.mobileDeviceRow{
		height: 78px;
	}
	.mobileDeviceRow1{
		backgroud:white;
	}
	/*.mobileFooterImg{
		max-height:65px;
		width:50%;
	}*/
	.be-left-sidebar .sidebar-elements > li > a {
		color: #4b8cca !important;
	}
	.be-left-sidebar .sidebar-elements > li > a span {
		color: black !important;
	}
	.be-left-sidebar .sidebar-elements > li > a i {
		color:#b9d532 !important;
	}
	.shNav1{
		padding-top:10px;
		flex-wrap:wrap;
		margin-left:25px;
	}
}
@media(min-width: 768px){
	.mobileDeviceRow{
		display: none;
	}
	.mobileDeviceRow1{
		background: #0d2647;
		/*background: #3b5775;*/
	}
	.be-left-sidebar .sidebar-elements > li ul li > a{
		font-weight: 550;
		color: black;
	}
	.be-left-sidebar .sidebar-elements > li ul{
		background-color: white;
	}
}
@media(min-width: 768px) and (max-width: 1203px){
/*	.mobileFooterImg{
		max-height:65px;
		width:27%;
	}*/
	.SavedSearchSH{
		margin-top: 10px;
	}
	.quickSearchSH{
		margin-left: -31px;
	}
	.searchFieldConatinerSH{
		display: inline-block !important;
	    /*margin-left: 30px;*/
	}
	.shNav1{
		display: flow-root;
	}
}
@media(min-width: 1025px) and (max-width: 1280px){
	/*.mobileFooterImg{
		max-height:65px;
		width:17%;
	}*/
	.shNav1{
		padding-top:10px;
		flex-wrap:wrap;
		margin-left:25px;
	}
	#quickSearch{
		width:45%
	}
}
@media(min-width: 1024px) and (max-width: 1205px){
/*	.mobileFooterImg{
		max-height:65px;
		width:21%;
		margin-top: 12px;
	}*/
	.shNav1{
		padding-top:10px;
		flex-wrap:wrap;
		margin-left:25px;
	}
	.quickSearch1{
		width: 80%!important;
	}
	.sidebar-elementsSH{
		margin-top: 27px !important;
	}
	.searchFieldConatinerSH{
		/*display: inline-block !important;*/
	    margin-left: 30px;
	}
	.clientScore{
		/*padding: 10px 23px;*/
		width: 55px;
	}
	.customScoreFDiv{
	   display: contents;
	}
	.customScoreFDiv span{
	    margin-left: 25px;
	}
	.customScoreDetailDiv{
		max-width: 33% !important;
    	flex: auto;
	}
	.customScoreDetailDiv1{
		max-width: 50% !important;
    	flex: auto;
	}
}
@media(min-width: 1281px){
	/*.mobileFooterImg{
		max-height:65px;
		width:12%;
	}*/
	.shNav1{
		padding-top:10px;
		flex-wrap:wrap;
		margin-left:25px;
	}
}
@media(min-width: 360px) and (max-width: 362px){
	.searchFieldConatiner{
		display: flex;
	}
	#quickSearch {
    	width: 107px !important;
	}
	.dropdowns .SavedSearch{
		margin-left: 6px;
	}
	.mobileIconImg{
		margin-left: 2.25rem !important;
		margin-top: 10px;
	}
	.icon.mobileIcon {
		margin-left: 39%;
		top: 26px;
	}
	.mobileDeviceRow{
		height: 78px;
	}
/*	.mobileFooterImg{
		max-height:65px;
		width:50%;
	}*/
	.be-left-sidebar .sidebar-elements > li > a span {
		color: black !important;
	}
	.be-left-sidebar .sidebar-elements > li > a i {
		color:#b9d532 !important;
	}
	.shNav1{
		padding-top:10px;
		flex-wrap:wrap;
		margin-left:25px;
	}
	.be-user-nav > li.dropdown > a img {
	    max-width: 47px;
	    max-height: 45px;
	    border-radius: 50%;
	    margin-left: -9px;
	}
}
@media(min-width: 500px) and (max-width: 599px){
	.searchFieldConatiner{
		display: flex !important;
	}
	.dropdowns{
		padding-top: 5px !important;
	    margin-left: 10px;
	}
	.be-top-header{
		padding-top: 0px !important;
	}
	.mobileDeviceRow{
		height: 78px;
	}
	.mobileIconImg{
		margin-left: 2.25rem !important;
		margin-top: 10px;
	}
	.be-left-sidebar .sidebar-elements > li > a span {
		color: black !important;
	}
	
	.nav.navbar-nav.float-right.be-user-nav{
		left: 87%;
	}
	.phoneIcon{
		margin-left: 4px;
	}
	.icon.mobileIcon{
		margin-left: 55%;
		top: 26px;
	}
	/*.mobileFooterImg{
		max-height:65px;
		width:40%;
	}*/
	.shNav1{
		padding-top:10px;
		flex-wrap:wrap;
		margin-left:25px;
	}
	.be-user-nav > li.dropdown > a img {
	    min-height: 48px !important;
	    max-width: 48px !important;
	}
}
.be-top-header .be-navbar-header .navbar-brand{
	background-size: auto;
}
.be-left-sidebar .sidebar-elements > li > a i {
	color:#b9d532 !important;
}
.be-left-sidebar .sidebar-elements > li.active > a {
	background-color: #b9d532;
}
.be-left-sidebar .sidebar-elements > li ul li.active > a {
    background-color: #b9d532;
}
.be-left-sidebar .sidebar-elements > li.active > a i {
	color: #4285f4 !important;
}
.be-left-sidebar .sidebar-elements > li.active > a i.SHIcon {
	color: black !important;
}

@media (min-width: 650px) and (max-width: 767px){
	.searchFieldConatiner{
		display: flex !important;
	}
	.dropdowns{
		padding-top: 5px;
	}
	#quickSearch {
    	width: 122px !important;
	}
	.SavedSearch .anchorButton{
		margin-left: 6px !important;
	}
	.mobileIconImg{
		margin-left: 2.25rem !important;
		margin-top: 10px;
	}
	.mobileDeviceRow{
		height: 78px;
	}
	.mobileDeviceRow1{
		backgroud:white;
	}
	/*.mobileFooterImg{
		max-height:65px;
		width:33%;
	}*/
	.be-left-sidebar .sidebar-elements > li > a {
		color: #4b8cca !important;
	}
	.be-left-sidebar .sidebar-elements > li > a span {
		color: black !important;
	}
	.be-left-sidebar .sidebar-elements > li > a i {
		color:#b9d532 !important;
	}
	.shNav1{
		padding-top:10px;
		flex-wrap:wrap;
		margin-left:25px;
	}
	.be-top-header {
	    padding-top:0px !important;
	}
	#phoneIcon {
	    margin-left: 29px !important;
	}
	.nav.navbar-nav.float-right.be-user-nav {
	    left: 91% !important;
	}
	.be-user-nav > li.dropdown > a img {
	    min-height: 44px !important;
	    max-width: 44px !important;
	}
	.icon.mobileIcon {
		margin-left: 66%;
	}
	.be-left-sidebar .left-sidebar-scroll {
		overflow: auto;
	}

}
@media (min-width: 600px) and (max-width: 649px){
	.nav.navbar-nav.float-right.be-user-nav {
	    left: 89%;
	}
	.searchFieldConatiner{
		display: flex !important;
	}
	.dropdowns{
		padding-top: 5px;
		margin-left: 10px;
	}
	.be-top-header {
	    padding-top:0px !important;
	}
	.mobileIconImg{
		margin-left: 2.25rem !important;
		margin-top: 10px;
	}
	.icon.mobileIcon{
		margin-left: 61%;
	}
	.sidebar .sidebar-elements > li > a {
		color: black;
	}
	.be-user-nav > li.dropdown > a img {
	    min-height: 44px !important;
	    max-width: 44px !important;
	}
	.be-left-sidebar .sidebar-elements > li > a span {
		color: black !important;
	}
  	.shNav1{
  		margin-top: 10px;
  	}
  	.be-left-sidebar .left-sidebar-scroll{
		overflow: auto;
	}
}
@media(min-width: 769px) and (max-width: 780px){
	.nav.navbar-nav.float-right.be-user-nav {
		margin-left: -20px;
	}
  	.sidebar-elementsSH {
   	 	margin-top: 21px !important;
	}
	.nav.navbar-nav.float-right.be-user-nav.be-user-navSH {
	    margin-left: 5px;
	}
	.quickSearchSH {
	    margin-left: -58px;
	}
	.be-left-sidebar .left-sidebar-scroll{
		overflow: auto;
	}
}
@media(min-width: 985px) and (max-width: 1023px){
	.be-user-nav > li.dropdown > a img {
	    max-width: 40px;
	    max-height: 40px;
	    border-radius: 50%;
	}
  	.sidebar-elementsSH {
	    margin-top: 20px !important;
	}
	.shNav1{
		margin-left: 28px !important;
	}
	.be-left-sidebar .left-sidebar-scroll{
		overflow: auto;
	}
	.clientScore{
		/*padding: 10px 23px;*/
		width: 55px;
	}
	.customScoreFDiv{
	   display: contents;
	}
	.customScoreFDiv span{
	    margin-left: 25px;
	}
}
@media(min-width: 576px) and(max-width: 600px){
	.be-left-sidebar .left-sidebar-spacer {
   	 	height: auto;
	}
  	.be-left-sidebar .left-sidebar-scroll{
		overflow: auto;
  	}
}
@media(min-width: 800px) and (max-width: 823px){
	.sidebar-elementsSH {
	    margin-top: 37px !important;
	}
	.shNav1 {
	    margin-left: 1% !important;
	}
	.be-left-sidebar .left-sidebar-scroll{
		overflow: auto;
	}
}
@media(min-width: 766px) and (max-width: 777px){
	.sidebar-elementsSH{
		margin-top: 37px !important;
	}
	.be-left-sidebar .left-sidebar-scroll{
		overflow: auto;
	}
}
@media(min-width: 781px) and (max-width: 789px){
	.sidebar-elementsSH{
		margin-top: 37px !important;
	}
	.be-left-sidebar .left-sidebar-scroll{
		overflow: auto;
	}
}
.modal-title1{
	margin-left: 35%;
}
.contactFooter1{
	margin-right: 36% !important;
}
.ShScore{
	margin-left: 60px;
}
.icalFooter{
	margin-right: 265px !important;
}
.surveyNumber{
	font-size: 25px !important;
	color: #254d7c;
}
.survey-modalContent{
	width: 400px;
}
.survey-contact-Footer{
	margin-right: -18%;
}
#icalButton{
	background-color: gray;
	border-color: gray;
}
.iCalMessageDiv{
	border-left-width: 1px !important;
}
/*.iCalSubscribeDiv{
	margin-left: 3%;
}*/
#calendar{
	margin: 1%;
}
@media( min-width: 1280px ) and ( max-width: 1281px ){
	.icalAlertDiv {
    	width: 83% !important;
	}
}
@media( min-width: 1336px ) and ( max-width: 1337px ){
.iCalSubscribeDiv{
   	 	margin-left: 1%;
}
	.ApplayPTO {
	    margin-left: 33% !important;
	}
}
@media( min-width: 1281px ) and ( max-width: 1316px ){
	.ApplayPTO {
	    margin-left: 38% !important;
	}
}
@media( min-width: 1317px ) and ( max-width: 1660px ){
	.ApplayPTO {
	    margin-left: 37% !important;
	}
}
@media( min-width: 1440px ) and ( max-width: 1660px ){
	.icalAlertDiv {
   	 	width: 72% !important;
	}
	.iCalSubscribeDiv {
    	margin-left: 4%;
	}
}
@media( min-width: 1029px ) and ( max-width: 1335px ){
	.icalAlertDiv {
   	 	width: 85% !important;
	}
	.icalButtonDiv{
		margin-left: 10%;
	}
}
@media( min-width: 1025px ) and ( max-width: 1170px ){
	.iCalGroupDiv{
		white-space: normal;
	}
}
@media( min-width: 1340px ) and ( max-width: 1430px ){
	.iCalSubscribeDiv {
    	margin-left: 1%;
	}	
}
@media( min-width: 1431px ) and ( max-width: 1560px ){
	.iCalSubscribeDiv {
    	margin-left: 2%;
	}
	.icalButtonDiv{
		margin-left: 2%;
	}
	.icalAlertDiv {
	    width: 79% !important;
	}
}
@media( min-width: 1662px ) and ( max-width: 1760px ){
	.icalAlertDiv {
    	width: 74% !important;
	}
}
@media( min-width: 1760px ) and ( max-width: 1920px ){
	.icalButtonDiv{
		margin-left: 10%;
	}
}
.scoreField{
	border: 1px solid red;
}
.scoreField ~.scoreFieldLabel::before{
	border: 1px solid red !important;
}
.devUnpublish{
	color: red;
}
.devPublish{
	color: #4285f4;
}
.ApplyPTO{
	margin-left: 26%;
}
@media( min-width: 300px ) and ( max-width: 400px ){
	.fc-today-button.fc-button-primary{
		margin-left: 13%;
	}
	.fc-button-group{
	    margin-top: 10px;
	}
}
@media( min-width: 1204px ) and ( max-width: 1450px ){
	.clientScore{
		width: 55px;
	}
	.customScoreFDiv span{
	    width: 20px !important;
    	display: block;
	}
	.customScoreDetailDiv{
		max-width: 33% !important;
    	flex: auto;
	}
	.customScoreDetailDiv1{
		max-width: 50% !important;
    	flex: auto;
	}
}
@media( min-width: 1000px ) and ( max-width: 1280px ){
	.customSurveyReportDiv{
		display: block !important;
	}
}
.autoReportHeader{
	font-weight: bold;
    font-size: 18px;
}
#userReport th, #userReport tr td{
	font-size: 15px;
}

@media ( min-width: 600px ) and ( max-width: 767px ){
	
	.datetimepicker.dropdown-menu {
    	left: 50px !important;
	}
}

@media ( min-width: 375px ) and ( max-width: 600px ){
	.eventType.eventSelect{
		margin-left: 1px !important;
	}	
	.eventTime{
	    margin-left: 2% !important;
	    margin-top: 1px;
	}
	.eventHour {
	    margin-left: 0%;
	    margin-top: 0px;
	}
	.eventAt {
	    margin-top: 10px !important;
	}
}
@media ( min-width: 600px ) and ( max-width: 1000px ){
	.eventTime{
	    margin-left: 2% !important;
	    margin-top: 1px;
	}	
}
@media (min-width: 300px) and (max-width: 375px){
	.eventHour {
	    margin-left: 0%;
	    margin-top: 0px;
	}
	.eventAt {
	    margin-top: 10px !important;
	}
	.eventTime{
	    margin-left: 2% !important;
	    margin-top: 1px;
	}
	.eventType.eventSelect{
		margin-left: 0px !important;
	}
}