.sub-header h2{font-size: 24px;font-family: "OpenSans-Regular",sans-serif;float:left;text-transform:capitalize;margin-top: 10px; margin-bottom: 10px; word-wrap: break-word;max-width:65%;color:#333333;}
.sub-header .actions{float:right; margin-top:0px;}
.sub-tabs{clear:both;float:left;width:100%;}
.sub-header .actions ul li img {height:2.42rem ;  width:2.42rem;} 
.sub-header .actions ul li.inline-block {display: inline-block;}
.sub-header li {float:left;cursor:pointer;}
.sub-header .actions ul li a{display:inline-block;}
.time-header p {color:#999999; }
.sub-header {padding: 0px 1.42rem ;border-bottom: 1px solid rgb(208, 208, 208);min-height: 70px;position: relative;}
.sub-header .sub-tabs li{font-family:"OpenSans-Regular",sans-serif; font-size:16px; border:1px solid transparent; border-bottom: 0px;}
.sub-header .sub-tabs li a{padding: 10px 20px 10px;display: inline-block;color: #333333;font-size: 14px;font-family: "OpenSans-Regular",sans-serif;}
@media only screen and (min-width: 1200px) and (max-width: 1350px) {
    .sub-header .sub-tabs li a{padding: 10px 16px 10px;}
    .sub-header .sub-tabs li.active{ padding:10px 16px !important;}
}
@media only screen and (max-width: 1200px) {
    .sub-header .sub-tabs li a{padding: 10px 14px 10px;font-size: 12px;}
    .sub-header .sub-tabs li.active{ padding:10px 14px !important; font-size: 12px !important;}
}
.sub-header .sub-tabs li:hover{border:1px solid #D0D0D0;border-bottom:0px;background:#fafafa;}
.sub-header .sub-tabs li.active{ border-left:1px solid #D0D0D0;padding:10px 20px; border-right:1px solid #D0D0D0;background:#f3f3f3;border-bottom:0px;margin-bottom:-1px;border-top:2px solid #0052cc;    color: #333333;font-size: 14px;font-family: "OpenSans-Semibold",sans-serif;}
.sub-header .sub-tabs li.backLink a {    color: #3e7fdd;font-size: 14px;font-family: "OpenSans-Semibold",sans-serif;}
.sub-header .sub-tabs li.backLink a:hover{color:#23527c;}
.sub-header .sub-tabs li.backLink:hover{background:none;border:1px solid transparent;border-bottom:0px;}
.disableBackButton{opacity: 0.3;pointer-events: none;cursor: not-allowed !important;}
.sub-header li.actionDownloadFile{position:relative;}
.sub-header li.actionDownloadFile.open .downloadFileAsCsv{background-position: 0 -5049px;}
.sub-header li .downloadFileOptions{position:absolute;right:1px;top:36px;background:#fff;border:1px solid #ccc;z-index:1;}
.sub-header li .downloadFileOptions li{min-width:210px;display:block;height:30px;border-bottom:1px solid #ccc;padding:0px 10px;}
.sub-header li .downloadFileOptions li:last-child{border-bottom:0px;}
.sub-header li .downloadFileOptions li a{font:14px/30px 'Open Sans', sans-serif;color:#51585e;width: 100%;}
.sub-header li .downloadFileOptions li:hover,.sub-header li .downloadFileOptions li:hover a{background:#51585e;color:#fff;}

.sub-header .report-button {
	border: 1px solid #999999;
	background-color: #fff;
	position: relative;
	left: -30px;
	top: 5px;
	cursor: pointer;
	padding: 3px 15px 5px;
	border-radius: 2px;
	z-index: 2;
	color: #3e7fdd;
    display: inline-block;
    width: 120px;
}

.sub-header .report-button .report-text, 
.sub-header .report-options .report-text {
    font-size: 12px;
    margin-left: 7px;
    font-family: "OpenSans-Regular",sans-serif;
}
.sub-header .report-options .auditActivityCss {
    margin-left: 3px;
}
.sub-header .report-options .report-text:hover {
	color: #23527c;
}

.sub-header .report-button.active {
	background-color: #3d86c6;
	color: #fff;
}

.sub-header .report-options {
    opacity: 0;
    pointer-events: none;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    position: absolute;
    top: 29px;
    left: -101px;
    padding: 0 15px 15px;
    clear: both;
    background-color: #fff;
    width: 220px;
    transition: all 0.3s ease;
}

.sub-header .report-options.active {
	opacity: 1;
	pointer-events: auto;
}

.sub-header .report-options .item {
	cursor: pointer;
	color:#0065ff;
	margin-top: 10px;
}


.sub-header .configure-button {
	border: 1px solid #999999;
	background-color: #fff;
	position: relative;
	left: 0;
	top: 5px;
	cursor: pointer;
	padding: 3px 15px 5px;
	border-radius: 2px;
	z-index: 2;
	color: #3e7fdd;
    width: 120px;
    display: inline-block;
}
.noScheduledReport{color: #333;pointer-events: none;cursor: default;}
.sub-header .configure-button .configure-text,
.sub-header .configure-options .configure-text {
    font-size: 12px;
    margin-left: 7px;
    font-family: "OpenSans-Regular",sans-serif;
}

.sub-header .configure-options .configure-text:hover {
	color: #23527c;
}

.sub-header .configure-button.active {
	background-color: #3d86c6;
	color: #fff;
}

.sub-header .configure-options {
    opacity: 0;
    pointer-events: none;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    position: absolute;
    top: 29px;
    left: -60px;
    padding: 0 15px 15px;
    clear: both;
    background-color: #fff;
    width:179px;
    transition: all 0.3s ease;
}

.sub-header .configure-options.active {
	opacity: 1;
	pointer-events: auto;
}

.sub-header .configure-options .item {
	cursor: pointer;
	color:#0065ff;
    margin-top: 10px;
    display: flex;
}
.scheduledReport{display: none;}
/********************bread crumb for clients page starts*******************/
.main-content .breadCrumb {padding-bottom: 2rem;}
.backbgroundBase {display:inline-block;behavior: url(PIE.htc); /* remove if you don't care about IE8 */overflow: hidden;box-sizing: border-box;}
.breadcrumbTriangle { width: 1.5rem;height: 1.5rem;background: #51585e;position: relative;float:left;}
.breadcrumbTriangle:before {content:"";position: absolute;top:0;right:50%;width:100%;height:100%;border:2px solid white;transform:rotate(45deg) ;}
.breadCrumbText {vertical-align: super;display: inline-block;background: #51585e;float:left;height:1.5rem;padding:0rem 0.7rem;}
.breadCrumbText a {color:white;}
.breadCrumbOnlyLink a{border-bottom: 2px solid #ccc;margin-left: 1rem;height: 1.5rem;display: inline-block;}
.lastBreadcrumbLink{border-top: 0.75rem solid transparent;border-left: 0.79rem solid #51585e;border-bottom: 0.75rem solid transparent;vertical-align: super;display: inline-block;float:left;height:1.5rem;}
.breadCrumbClientName {margin-left: 1rem;height: 1.5rem;display: inline-block;}
/********************bread crumb for clients page ends*******************/

/********************bread crumb for Audit and Control, Reports and Monitor Page ***************************/
.breadcrumb-container{padding-top: 50px; padding-left: 1.2rem;font-size: 14px;font-family: "OpenSans-Regular",sans-serif;color: #333333;}
.breadcrumb-container + .sub-header {margin-top: 10px;}

/*Scheduled report UI*/
.scheduled-report-link{position: absolute;bottom: 10px;right: 20px;}
.scheduled-report-link span{cursor: pointer;color: #3e7fdd;font-family: "OpenSans-Semibold",sans-serif;font-size: 14px;}

/***************************activity audit modal commented fo future use************************/
.secureScore {
    display: inline-block;
    position: relative;
    margin-top: 14px;
	background-color: #FFF1E5;
    border: 1px solid #FF861F;
	margin-left: 11px;
	cursor: pointer;
}
.secureHeading {
	font: 12px "OpenSans-Semibold",sans-serif;
    padding-left: 10px;
}
.arrowIcon {
    background-color: #FF7500;
    margin: -1px 0;
}   
.secureOptionsWrapper.showFilter {
    left: -180px;
    top: 16px;
    visibility: visible;
	color: #333333;
	animation: showFilter 500ms ease-in-out both;
	opacity: 1;
	box-shadow: 1px 1px 2px 1px #cccccc;
    border: 1px solid #eaeaea;
    min-width:1024px;
}
.secureOptionsWrapper{
	left: 0px;
	background-color: #fff;
    color: white;
    padding: 1.2rem 1rem 0px;
    margin-top: 13px;
    opacity: 0;
    position: absolute;
    width: calc(100% - 82px);
    animation: hideFilter 500ms ease-in-out both;
    visibility: hidden;
}
.filterOptionsWrapper.border_secureOptions {
	position: absolute;
	background: #fff;
}
.border_secureOptions:after, .border_secureOptions:before{
	left: 270px;
	bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.border_secureOptions:after {
	border-color: rgba(81, 88, 94, 0);
    border-width: 1rem;
    margin-left: -1rem;
    border-bottom-color: #fff;
}
.secureSummaryHeading {
    display: flex;
}
.secureSummaryData {
    display: flex;
    justify-content: space-between;
    text-align: center;
	margin: 10px 0 10px 0px;
}
.secureSummaryHeading h4 {
	margin: 0 10px 0 0;
	font-size: 15px;
}
.secureDoughnut {
    width: 85%;
    display: flex;
}
.avgSecure {
    border-left: 1px solid #eaeaea;
    padding: 0px 20px 0px 30px;
    width:15%;
}
.chartSecureDoughnut {
    width: 20%;
    display: flex;
    justify-content: space-around;
}
.secureSummary {
    display: flex;
    justify-content: space-evenly;
    width: 80%;
}
canvas#secure-doughnut-chart{
    width: 60px !important;
    height: 60px !important;
}
span.plusSymbol {
    font-size: 22px;
}
.secureSummaryData .f20, .secureSummaryData .f15 {
    margin: 0;
}
span.secureScoreCount{
    font-family: "OpenSans-Semibold",sans-serif;color: #FF7602;
}
span.maxSecureScore {
    font: 11px "OpenSans-Regular",sans-serif;
}
.secureSummary .f20, .avgSecure .f20, .maxSecure .f20 {
    font: 16px "OpenSans-Semibold",sans-serif;
}
.secureSummaryHeading a {
    font-size: 13px;
}
.hideSecureScore{
    display: none;
}
.showSecureScore{
    display: inline-block;
}
.loaderDivSecureScoreMS{
    position: absolute;
    width: 114%;
    text-align: center;
    top: -2px;
    left: -1px;
    visibility: visible;
    height: 122%;
    background: #fff;
}
.loaderSecureMS {
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 86px);
    z-index: 99999999;
}
.secureSummary .f15 {
    display: inline-block;
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #E0E0E0;
}
.loadingTextSecure{
    position: absolute;
    top: calc(50% - 17px);
    left: calc(50% - 72px);
    font-family: cursive;
}
.msgraphLicenseWrapperDiv{position: relative;display: inline-block;}
.msgraphLicenseWrapperDiv .msgraphLicenseIconDiv{margin-left: 11px;border: 1px solid #ccc;padding: 4px;margin-top: 9px;}
.msgraphLicenseWrapperDiv .msgraphLicenseData{width: 440px; position: absolute;top: 54px;left: -164px;background-color: #fff;box-shadow: 2px 2px 5px 5px #ccc;z-index: 99999;padding: 5px;}
/*.msgraphLicenseWrapperDiv .msgraphLicenseData .dataWrapper{height: 286px;overflow-y: auto;}*/
.dataWrapper .licenseTable{width: 100%;}
.dataWrapper .licenseTable th{color: grey;}
.dataWrapper .licenseTable th:nth-child(1), .dataWrapper .licenseTable td:nth-child(1){width: 50%;}
.dataWrapper .licenseTable th:nth-child(2), .dataWrapper .licenseTable td:nth-child(2){width: 19%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: 2px;}
.dataWrapper .licenseTable th:nth-child(3), .dataWrapper .licenseTable td:nth-child(3){width: 10%;text-align: center;}
.dataWrapper .licenseTable th:nth-child(4), .dataWrapper .licenseTable td:nth-child(4){width: 20%;text-align: center;}
.dataWrapper .licenseTable th, .dataWrapper .licenseTable td{padding: 4px;display: inline-block;font-size: 13px;}
.dataWrapper .licenseTable .licenseTableHead{border-bottom: 1px solid #ccc;}
.licenseTable .licenseTableBody{display: block;height: 286px;overflow-y: auto;}
.licenseTable .licenseTableBody .service{display: inline-block;width:100%;vertical-align: middle;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.msgraphLicenseWrapperDiv .msgraphLicenseData:after, .msgraphLicenseWrapperDiv .msgraphLicenseData:before{left: 43%;top: -28px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;}
.msgraphLicenseWrapperDiv .msgraphLicenseData:after{border-color: rgba(81, 88, 94, 0);border-bottom-color: #fff;border-width: 1rem;margin-left: -1rem;}
.msgraphLicenseData .loaderDiv, .msgraphLicenseData .noDataAvailable{position: absolute;top: 43%;left: 0;height: 40px;width: 100%;text-align: center;}
.hideDiv{display: none;}
.showDiv{display: block;}
.pl10{padding-left: 10px;}
.commonFont{font-family:"OpenSans-Semibold",sans-serif;}
.msgraphLicenseData .loaderDiv{visibility: unset;}
.msgraphLicenseData .loaderDiv img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
}
.totalScore{
    padding-right: 10px;
}