/* ==================================
    GLOBAL STYLES
=====================================*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");

body { font-family: Poppins, Helvetica, sans-serif !important; font-size: 12px; }
label,table,th,td,tr { font-family: Poppins, Helvetica, sans-serif !important; font-size: 12px; }

.bold { font-weight: bold; } 
.clear { clear: both;}
.hidden { display: none; }
.shadow { box-shadow: 2px 3px 10px 3px rgba(0,0,0,0.2);}
.smallerFont { font-size: smaller; }
.rounded { border-radius: 5px;}
.red { color: red;}

*::-webkit-scrollbar { width: thin;}
* { scrollbar-width: thin;}

h1.pageTitles { font-size: 26px; margin: 0 0 12px 0; color:#25265e; font-weight: bold;}

p.helpTxt { color: #838383; font-size: 11px; margin-top: 3px;}

#topribbon { height: 42px; background: #f2f2f2; padding: 10px 30px 30px 30px; color:#ffffff; text-align:right; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}

#cover { background: #fff url(../assets/images/loading.gif) no-repeat center 200px; position:fixed; height:100%; width:100%; top:0; left:0; z-index:9999; }

.messageBox { background: #efefef; padding: 30px; margin: 20px 0; text-align: center;}

#toastNote { position: relative;}
.toast { padding: 10px; margin: 0 10px 0;  position: relative; margin: 0 0 10px;}
.toast p { margin: 0; color: #280000; }
.toast p span { font-size: 22px; margin: 0 5px 0 0; position: relative; top: 2px;}
.toast a.closeToast { position: absolute; right: 20px; top: 9px; font-size: 22px; }

.toast.err { background:#fff0f0; border: 1px solid #f20d0d;}
.toast.err p span { color: #f90000;}
.toast.err a.closeToast { color: #ef1010; }

.toast.succ { background:#f3fff3; border: 1px solid #04af00;}
.toast.succ p span { color: #04af00; }
.toast.succ a.closeToast { color: #04af00; }

.toast.std { background:#f4f4f4; border: 1px solid #a5a5a5;}
.toast.std p span { color: #298ad5;}
.toast.std a.closeToast { color: #858585; }

#batchActionsBtn { background: #e9ebf3; border: 1px solid #caccd8; color:#25265e !important; padding: 9px 10px; font-size: 12px; font-weight: bold; cursor: default; text-decoration: none; display: block;}
#batchActionsBtn:hover { background: #e9ebf3;}
#batchActionsBox { position: relative;}
#batchactions { position: absolute; background: #fff; border: 1px solid #ccc; top: 31px; left: 0px; z-index: 10; width: 190px; display: none;}
#batchactionsmini { background: #fff; width: 90%; }
#batchactionsmini table td { padding: 5px 25px 5px 0px; }
#batchactions h4 { float: right; margin: 5px 0 0 0;}
#batchactions a { display: block; padding: 6px 15px; float: none !important; text-align: left; margin-left: 0 !important; color:#188dd8; font-size: 12px; text-decoration: none; font-weight: 500;}
#batchactions a:hover { background: #e9ebf3;}

.toolTip { padding: 10px; background: #fff; border: 1px solid #ccc; position: absolute; bottom: 106%; left: 0; display: none;}
.helpDisc { position: relative; top: 0; right: -10px; font-size: 16px; color: #188dd8; cursor: pointer;}

/* ==== Global Form Styles ==== */
input[type="text"],
input[type="email"],
input[type="date"],
input[type="tel"],
input[type="time"],
input[type="datetime-local"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="search"],
select,
textarea {
	font-family: Poppins,Helvetica,sans-serif;
	background-color: #fff !important;
	background-image: none !important;
	border: 1px solid #d4d5d9 !important;
	border-radius: 5px !important;
	padding: 5px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.formBox input[type="text"],
.formBox input[type="email"],
.formBox input[type="date"],
.formBox input[type="tel"],
.formBox input[type="time"],
.formBox input[type="datetime-local"],
.formBox input[type="password"],
.formBox input[type="url"],
.formBox select,
.formBox textarea {
	width: 100%;
	box-sizing: border-box;
	font-family: Poppins,Helvetica,sans-serif;
	background-color: #fff !important;
	background-image: none !important;
	border: 1px solid #d4d5d9 !important;
	border-radius: 5px !important;
	padding: 5px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="datetime-local"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #1ab394 !important;
	outline: 0px;
}

.formBox input[type="radio"] { position: relative; top: 2px;}
.formBox input[type="checkbox"] { margin: 0; width: auto; position: relative; top: 3px;}

.formBox { position: relative; margin-bottom: 15px; }
.formBox label { display: block; color: #484996; font-weight: bold; margin-bottom: 3px; }

.formBox.hasRadios label,
.formBox.radioGrp label,
.formBox.hasCheck label { display: inline-block; font-weight: normal; color: #5c5c5c !important;}
.formBox.radioGrp h5 { font-size: 14px; margin: 0 0 3px; color: #484996; font-weight: bold;}
.formBox.fileBox { border: 2px solid #ccc; padding: 10px;}

/* Override for legacy panel styles */
.profileBG .display-section .formBox.radioGrp h5 { font-size: 12px; font-weight: 500; }

.formGroup { margin-right: 20px;}

.formBox.cityStateZip div.csz { margin-right: 3%;}
.formBox.cityStateZip div.stateBox { width: 16%;}
.formBox.cityStateZip div.cityBox { width: 45%;}
.formBox.cityStateZip div.zipBox { width: 30%;}

.formBox.hasTwo .formBox { width: 48%; margin: 0 3% 0 0;}
.formBox.hasTwo .formBox:last-child { margin: 0;}

.formBox.hasThree .formBox { width: 31%; margin: 0 3% 0 0;}
.formBox.hasThree .formBox:last-child { margin: 0;}

.formBox.borderTop { border-top: 1px solid #ccc; padding-top: 20px; margin-top: 25px;}

/* formBoxWrapper is found only in in SSG Custom fields - Check if can be used globally in flagship */
.formBoxWrapper .formBox {width: 42%;margin-right: 4%;float: left;}

input[type="text"].error,
input[type="email"].error, 
input[type="date"].error,
input[type="tel"].error,
input[type="file"].error,
input[type="datetime-local"].error, 
input[type="password"].error,  
input[type="url"].error,  
textarea.error,
select.error { border: 1px solid red !important; background: #fadfdf !important;}

input[type="text"].success,
input[type="email"].success, 
input[type="date"].success,
input[type="date"].success,
input[type="tel"].success,
input[type="file"].success,
input[type="datetime-local"].success, 
input[type="password"].success,  
input[type="url"].success,  
textarea.success,
select.success { border: 1px solid #44db40 !important; background: #e7fce6 !important;}

/* Turned off icon placement for now due to mixed locations
.formBox:has(> input.success):after { 
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    color: green;
    position: absolute;
    bottom: -2px;
    right: 8px;
    font-size: 21px;
    font-weight: 900;
}

.formBox:has(> input.error):after { 
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    color: red;
    position: absolute;
    bottom: -2px;
    right: 8px;
    font-size: 21px;
    font-weight: 900;
}
*/

input.readonly,
input[type="text"]:read-only,
input[type="date"]:read-only,
input[type="email"]:read-only,
input[type="tel"]:read-only,
input[type="date"]:read-only,
input[type="file"]:read-only,
input[type="datetime-local"]:read-only,
input[type="password"]:read-only,
input[type="url"]:read-only,
textarea.readonly,
textarea:read-only,
.formBox input:disabled,
.formBox select:disabled,
.formBox textarea:disabled {
	background: #efefef !important;
	color: #5c5c5c !important;
	opacity: 1;
}


.formBox p.frmHlpTxt { font-size: 11px; color: #828282; margin: 2px 0 0; }
p.error{ font-size: 11px; color: red; font-weight: normal;}
#errorSummary { display: none; font-size: 12px; padding: 10px; background: #fadfdf; border: 1px solid red; margin-bottom: 20px;}

.formBox.radioGrp h5.required:after,
label.required:after { content: " *"; color: red;}

.flex-container { display: flex; flex-direction: row; }
.cardCol-2 { width: 50%; padding: 0 30px;}
.cardCol-3 { width: 33%; padding: 0 20px;}
.cardCol-4 { width: 25%; padding: 0 20px;}

/* UI Processing - File Upload Input */
.formBox.fileUploadUI { border: 2px dashed #a5a5a5; width: 380px; box-sizing: border-box; border-radius: 10px;}
.formBox.fileUploadUI .uploadRight h3 { font-size: 20px; font-weight: bold; color: #5c5c5c; margin: 0 0 2px;}
.formBox.fileUploadUI .uploadErrMsg  .uploadRight h3 { font-size: 17px; line-height: 22px; word-wrap: break-word;}
.formBox.fileUploadUI .uploadRight p { margin: 0; font-size: 12px; color: #5c5c5c;}
.formBox.fileUploadUI .uploadErrMsg .uploadRight p { font-size: 14px; font-weight: 600;}
.formBox.fileUploadUI .uploadRight a.txtLink { text-decoration: underline;}
.formBox.fileUploadUI .uploadRight a.txtLink:hover { text-decoration: none;}
.formBox.fileUploadUI .uploadLeft { float: left; width: 20%; }
.formBox.fileUploadUI .uploadRight { float: left; width: 80%; }
.formBox.fileUploadUI .uploadLeft i { font-size: 45px; font-weight: 300; color: #188dd8;}
.formBox.fileUploadUI .alertMsg { font-size: 12px; padding: 10px 20px; color: #3c3c3c; background: #f3fff3; margin-top: 10px;}
.formBox.fileUploadUI .dropzone,
.formBox.fileUploadUI .uploadErrMsg { padding: 55px 20px;}
.formBox.fileUploadUI .uploadErrMsg i { color: red;}
.formBox.fileUploadUI .dropzone:hover { background: #e0fafd;}
.formBox.fileUploadUI .uploadErrMsg { display:none; }

/* ==================================
    GLOBAL BUTTON STYLES
=====================================*/

.ssBtn { display: block; padding: 8px 15px; text-decoration: none !important; text-align: center;  font-size: 14px; font-weight: 500; border: 1px solid #25265e; border-radius: 5px; cursor: pointer;}
.ssBtn span { font-size: 18px; position: relative; top: 1px;}

.primBtn { background:#188dd8; color: #fff !important; border: 1px solid #188dd8;}
.primBtn span {}
.primBtn:hover { background:#31b4f8; border: 1px solid #31b4f8; }
.primBtn:hover span {}

.secBtn { background:#efefef; color: #5c5c5c !important; border: 1px solid #babecb;}
.secBtn span {}
.secBtn:hover { background: #ddd;}
.secBtn:hover span {}

.outBtn { background: #fff; border: 1px solid #188dd8; color: #188dd8 !important;}
.outBtn span {}
.outBtn:hover { background: #ddd;}
.outBtn:hover span {}

.ssBtn.btn-lg { font-size: 18px; padding: 12px 20px;}
.ssBtn.btn-sm { font-size: 12px; padding: 6px 12px;}

a.txtLink { color: #188dd8 !important; text-decoration: none;}
a.txtLink:hover { text-decoration: underline;}

/* Uploaded Resume Style Reset */
#resume_info h1,
#resume_info h2,
#resume_info h3,
#resume_info h4,
#resume_info h5,
#resume_info p { position: static !important; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; color: #3c3c3c; font-weight: bold; text-align: left !important;}
#resume_info li { font-family: Arial, Helvetica, sans-serif; color: #3c3c3c; font-size: 12px; padding: 2px 0;}

#resume_info h1 { font-size: 21px;}
#resume_info h2 { font-size: 18px;}
#resume_info h3 { font-size: 15px;}
#resume_info h4 { font-size: 14px;}
#resume_info p { font-weight: normal; font-size: 12px;}

/* =======================================================================================
    GLOBAL FRAMES POSITIONING - Creates a little more breating room at the top and edges
==========================================================================================*/
body { background-color: #fff !important;}
#maindiv.miketest { 
	position: absolute;
	top: 60px; 
	left: 255px; 
	width: calc(100% - 275px); 
	height: calc(100% - 60px);
	padding-left: 20px; 
	box-sizing: border-box;
	overflow:hidden;
	transition: all 0.4s;
}

/* ==================================
    GLOBAL LIST TABLE STYLES
=====================================*/
table { border-collapse: collapse;}
tr.list-header { background: #dfe2f3; border-bottom: 1px solid #ddd; border-top: 1px solid #ededed;}
tr.list-header th { font-weight: bold; font-size: 12px; color: #484996; padding: 4px 8px; border-left: 1px solid #ededed; text-align: left;}
tr.list-header th a { color: #484996; font-size: 12px; text-decoration: none;}
tr.list-header th a:hover { color:#25265e;}
tr.tslistclass { background: #ededed; text-align: left; border-bottom: 1px solid #ddd;}
tr.tslistclass th { border-left: 1px solid #e3e3e3; padding: 4px 8px;}
tr.tslistclass th input[type="text"].filterbox { width: 100%; box-sizing: border-box; font-size: 12px; padding: 3px 8px;}
tr.tableRow td,
tr.trlistclass td { border-bottom: 1px solid #ededed; text-align: left; padding: 8px; font-size: 12px; color: #3c3c3c; font-weight: 500; background: #fff;}
tr.tableRow td.hasBorderLeft { border-left: 1px solid #ededed;}
tr.tableRow td.hasBorderRight { border-right: 1px solid #ededed;}
tr.tableRow td.hasBorderBoth { border-left: 1px solid #ededed; border-right: 1px solid #ededed;}
tr.tableRow td.centerIt,
tr th.centerIt { text-align: center;}
tr.tableRow td a,
tr.trlistclass td a { font-size: 12px; color: #188dd8 !important; text-decoration: none; font-weight: 500;}
tr.tableRow td a:hover,
tr.trlistclass td a:hover { color:#188dd8 !important;}
tr.tableRow td a span,
tr.list-header th a span,
tr.trlistclass td a span { font-size: 16px; color: #188dd8;}
tr.tableRow td a:hover span,
tr.trlistclass td a:hover span { font-weight: 900; color: #25265e;}

/* Hover Table Rows Override */
table tr.tableRow:hover td,
table tr.trlistclass:hover td { background-color: #fafafc !important; }

.wipListWrapper {overflow-x: scroll;height: calc(-160px + 100vh);border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}

/* ==================================
    GLOBAL MODAL/DIALOG STYLES
=====================================*/
.dialog { 
	display: none; 
	position: fixed;
	padding: 25px 30px 30px; 
	background: #fff; 
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	z-index: 10000;
	box-shadow: 2px 3px 10px 3px rgba(0,0,0,0.2);
	overflow: auto;
	top: 10%;
	left: 50%; 
	transform: translate(-50%); 
	height: auto; 
	max-height: calc(100vh - 80px);
	max-width: 800px;
	width: 525px;
}

.dialog-close-link { position: absolute; top: 3px; right: 12px; font-size: 28px !important; }
.dialog h3 { font-size: 21px; color:#25265e; font-weight: bold; margin: 0 0 15px;}
.dialog p { font-size: 14px; margin: 0 0 12px; line-height: 19px;}
.dialog.dialog-size-small { width: 400px;}
.dialog.dialog-size-medium { width: 525px;}
.dialog.dialog-size-large { width: 650px;}
.dialog.dialog-size-xlarge { width: 800px;}

/* ==================================
    DASHBOARD STYLES
=====================================*/
#dashboardBG { margin-top: -6px; margin-left: -30px;}
#dashboardBG .gridster LI.gs-w { border-radius: 5px; box-shadow: 0 0 10px 0 rgba(63, 72, 105,.10)!important; }
#dashboardBG .gridster LI.gs-w:hover { box-shadow: 0 0 10px 0 rgba(24, 141, 216, 0.4)!important; border: 1px solid #188dd8;}
#dashboardBG td.panel-title { font-size: 18px; color: #25265e !important; line-height: 18px;}
.fusioncharts-caption { color: #25265e !important;}

.panelIconFullReport { font-size: 18px;}
.panelIconFullReport:hover { color: #25265e;}

.widgetConfigBtns { position:absolute; top:2px; right:10px; z-index:500;}
.widgetConfigBtns a { font-size: 18px; margin-left: 10px;}
.widgetConfigBtns a.widgetDelete { color: red !important;}
.widgetConfigBtns a:hover span { font-weight: 300;}

.maxIcon { position: absolute; top: 2px; right: 10px; z-index: 500;}
.maxWidget { font-size: 22px;}
.maxWidget:hover,
.panelIconFullReport:hover { color: #25265e;}

div.scrollWidget { height: 210px; overflow: auto;}

table.scrollable { width: 100%; } 
table.scrollable th { font-weight: 600 !important; font-style: normal !important; border: 1px solid #ccc;}
table.scrollable td { height: 22px;}

table.scrollable.tbody { height: 100px;}

table.scrollable td, 
table.scrollable thead th { padding: 3px 8px; } 

table.scrollable td,
table.scrollable td a { font-size: 12px;}
	  
table.scrollable tbody {margin-right:17px; overflow-x:hidden; overflow-y:hidden; white-space:normal; }
table.scrollable tbody:hover {margin-right:0px; overflow-x:hidden; overflow-y:scroll; white-space:normal; } 

/* Dashboard Configure Panel Data */

#panel_selector h2 { color:#25265e; margin: 0 0 12px;}
#preview { float: left; width: 53%; }
#selectbox { float: right; width: 43%; border: 1px solid #ccc; padding: 15px; box-sizing: border-box;}
#panel99_li { border: 1px solid #ccc !important; padding: 2px;}
#selectbox h3 { color:#25265e; margin: 0 0 8px;}
#selectbox input[type="text"]#filterit { width: 100%; background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PCEtLSEgRm9udCBBd2Vzb21lIEZyZWUgNi40LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjMgRm9udGljb25zLCBJbmMuIC0tPjxzdHlsZT5zdmd7ZmlsbDojYjZjMWQyfTwvc3R5bGU+PHBhdGggZD0iTTQxNiAyMDhjMCA0NS45LTE0LjkgODguMy00MCAxMjIuN0w1MDIuNiA0NTcuNGMxMi41IDEyLjUgMTIuNSAzMi44IDAgNDUuM3MtMzIuOCAxMi41LTQ1LjMgMEwzMzAuNyAzNzZjLTM0LjQgMjUuMi03Ni44IDQwLTEyMi43IDQwQzkzLjEgNDE2IDAgMzIyLjkgMCAyMDhTOTMuMSAwIDIwOCAwUzQxNiA5My4xIDQxNiAyMDh6TTIwOCAzNTJhMTQ0IDE0NCAwIDEgMCAwLTI4OCAxNDQgMTQ0IDAgMSAwIDAgMjg4eiIvPjwvc3ZnPg==') no-repeat 95% 7px !important; margin-bottom: 5px; box-sizing: border-box;}
#selectbox select#panel-data { width: 100%; box-sizing: border-box; font-size: 11px;}
#panelDataBtns { margin-top: 20px; }
#panelDataBtns .btnBox { float: left; margin-right: 20px;}
#selectbox p.helperTxt { font-size: 11px; background: #efefef; padding: 10px; margin: 0;}
#manage { background: #efefef; padding: 15px 20px 20px; margin: 20px 50px 0 0; border: 1px solid #ccc; position: relative; display: none; }
#manage h3 { margin: 0 0 15px; color:#25265e;}
#adddNewDashBtn { position: absolute; top: 15px; right: 15px;}
#cancelManageBtnBox { position: absolute; top: 25px; right: 205px;}
#manage ul { margin: 0; padding: 0;}
#manage ul li { display: inline-block; margin-right: 20px;}
#manage ul li a { font-weight: normal;}

#dialog-confirm .btnBox { float: left; margin-right: 20px;}

/* ==================================
    DASHBOARD HEADER STYLES
=====================================*/
#pagetitle { text-align:left; font-weight: bold; font-size: 32px;  margin: 5px 0 0 0px; color: #28255d; }
#dashboardMessage { color: #5c5c5c !important; margin:0 0 12px 0px; font-style: normal;}
#controlBoxHeader { background: #efefef; min-height: 55px; border: 1px solid #ccc; padding: 10px 15px; margin: 0 50px 0 0px; border-radius: 5px; box-sizing:border-box; position: relative;}
#controlBoxLeft { float: left; padding-top: 3px;}
#dashboardControls { position: absolute; top: 10px; right: 34px; }
.dashControlsLeft { float: left; margin-right: 20px;}
.dashControlsRight { float: right;}
.dashControlsLeft p { font-size: 12px; margin: 0; color: #5c5c5c;}
#dashboardControls a { margin-left: 20px; font-weight: 500; }
#dashboardControls a span { font-size: 16px; position: relative; top: 2px; right: 3px; }
#dashboardControls a.cancelConfig { color: red !important;}
#controlBoxHeader select { width: auto; font-size: 12px; padding: 3px 5px;}
#addNewWidgetBtn { float: right; position: relative; top: 2px; }
#controlBoxLeft label { color: #5c5c5c; font-size: 12px;}

/* ==================================
    WIP MENU 
 ===================================== */
#wipmenu { overflow-y: auto; border-top: 1px solid #ccc; width:100%; height:calc(100% - 60px); background: #f2f2f2; }
#select_wip_list { margin-bottom:10px; width: 85%; padding: 5px 10px; }
#fullmenu { padding: 13px 10px 13px 15px; }
#wipmenucategories { list-style-type: none; margin: 0; padding: 0px 0; padding-bottom: 40px; font-size: 13px; color: #25265e; }  
#wipmenucategories a { color: #575757; text-decoration: none; font-size: 11px; font-weight: 500;}
#wipmenucategories a:hover { color: #1ab394; text-decoration: underline; }
#wipmenucategories a:hover span { background: #575757;}
#wipmenucategories li { border-bottom:1px solid #c3c3c3; padding: 13px 2px; }
#wipmenucategories li span.caret { cursor: pointer; -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; font-size: 14px;}
#wipmenucategories li span.caret::before { font: var(--fa-font-light); content: '\f105'; display: inline-block; margin-left: 8px; margin-right: 6px; color: #909090; font-size: 11px; }
#wipmenucategories li span.caret-down::before { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg);   }
#wipmenucategories li ul { list-style-type: none; padding-left: 24px; color: #575757}
#wipmenucategories li ul.nested { display: none; }
#wipmenucategories li ul.active { display: block; }
#wipmenucategories li ul:hover { color: #1ab394; }
#wipmenucategories li ul li { padding: 0.5px 0; }
#wipinactive { display: none; }
#wiplist { margin-left:0px; display:inline; display:none; padding-top: 5px; }
#wipuserbox { border:0px solid green; display:none; padding-top: 5px; }
.wipheaderlink { float: right; font-size: 14px; padding-right: 8px; }
.wipitembadge { background:#707070; float: right; margin-top: 5px; padding: 4px 5px 2px; min-width: 23px; }
#wiptitle span { font-size: 14px;}
#wiptitle span#wipchangeview { font-size: 12px;}
#wipinactive span { font-size: 12px;}
#wipinactive input[type="checkbox"] { position: relative; top: 3px; margin-right: 5px;}
.badge { font-weight: 400;}

/* ====================================
    LOGO TRAPEZOID 
====================================== */
.logotrapezoid { position: absolute; top: 0px; left: 0px; background-color:#25265e; height: 43px; z-index: 1003; padding: 8px 15px 0; width: 240px; }
#logoLeft { float: left;}
#logoRight { float: right;}
#logoRight a { color: #d3d3f9; font-size: 14px; position: relative; top: 5px;}
#logoRight a:hover { color: #fff;}

/* ====================================
    EXPRESS FIND FILTER 
====================================== */
#expressFind { width:550px; float: left; margin: -3px 0 0 225px;}
#expressInp, #expressFilter, #expressVidIcon { float: left;}
#expressInp { width: 29%; margin-right: 10px;}
#expressFilter { width: 36%;}
#expressVidIcon { width: 22%; margin: 5px 0 0; text-align: left;}
#expressFilter span { float: left; font-size: 14px; font-weight:300; margin: 6px 4px 0 0; color: #5c5c5c;}
#expressFilter label { float: left; position: relative; top: 5px; margin: 0 5px 0 0;  font-size: 11px; color: #5c5c5c; }
#expressFilter select { width: 63%; float: left; padding: 3px 10px; font-size: 12px; }
#expressInp input[type="text"] {border-radius: 5px!important;background: #fff;border: 1px solid #ccc;padding: 3px 10px;width: 100%;background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PCEtLSEgRm9udCBBd2Vzb21lIEZyZWUgNi40LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjMgRm9udGljb25zLCBJbmMuIC0tPjxzdHlsZT5zdmd7ZmlsbDojYjZjMWQyfTwvc3R5bGU+PHBhdGggZD0iTTQxNiAyMDhjMCA0NS45LTE0LjkgODguMy00MCAxMjIuN0w1MDIuNiA0NTcuNGMxMi41IDEyLjUgMTIuNSAzMi44IDAgNDUuM3MtMzIuOCAxMi41LTQ1LjMgMEwzMzAuNyAzNzZjLTM0LjQgMjUuMi03Ni44IDQwLTEyMi43IDQwQzkzLjEgNDE2IDAgMzIyLjkgMCAyMDhTOTMuMSAwIDIwOCAwUzQxNiA5My4xIDQxNiAyMDh6TTIwOCAzNTJhMTQ0IDE0NCAwIDEgMCAwLTI4OCAxNDQgMTQ0IDAgMSAwIDAgMjg4eiIvPjwvc3ZnPg==') no-repeat 93% 4px !important;font-size: 12px;margin-top: 1px;}
#expressInp input[type="text"]::placeholder,
#expressInp input[type="text"]:-ms-input-placeholder,
#expressInp input[type="text"]::-ms-input-placeholder { color: #bdbdbd;}

#expressVidIcon a { font-size: 11px; color: #5c5c5c; font-weight: 500;}
#expressVidIcon span { color: #5c5c5c; cursor: pointer; font-size: 14px; position: relative; top: 1px; margin-right: 1px;}

#expressVidIcon a:hover { text-decoration: none; color: #188dd8;}
#expressVidIcon a:hover span { font-weight: 900; color: #188dd8;}

#expressVidIcon span.outerVidMark { /*font-size: 22px;*/}
#expressVidIcon span.innerVidMark { /*position: relative; top: -26.5px; right: 14px; font-size: 8px;*/}

#expressVidIcon:hover span.outerVidMark { /*font-weight: 900; color: #a4a4a4;*/ }
#expressVidIcon:hover span.innerVidMark { /*font-weight: 900; color: #fff; */}

/* ==================================
    EXPRESS FIND LOOKUP & RESULTS
=====================================*/
#lookupdiv {
	background:#484996;
    border-radius: 5px; 
    border: 1px solid #d3d3f9;
    position: absolute;
    z-index: 1200;
    left: 290px;
    top: 55px;
    overflow-y: hidden;
    width: 1000px;
    height: 700px;
	display: none;
}

#lookupdiv .sticky-header { overflow-y: auto; height: 610px;}
#lookupdiv h3 { color: #fff; font-size: 22px; font-weight: bold; padding-bottom: 15px; margin: 0; float: left;}
#closelookupdiv { position: fixed; top: 73px; left: 1240px;}
#closelookupdiv span { font-size: 20px; position: relative; top: 4px;}
#closelookupdiv a { display: block; padding: 2px 10px 13px; color:#fff; }
#closelookupdiv a:hover { text-decoration: none; color:#14b294; }
#expressFindResultsDropdown { float: right; position: relative; right: 55px; }
#expressFindResultsDropdown button { background:#25265e; color: #fff; font-size: 12px; border: 1px solid #fff; border-radius: 5px; padding: 4px 10px; cursor: pointer; margin-top: -2px;}
#expressFindSearchDropdownSelect { display: none; position: absolute; min-width: 180px; z-index: 1; background: #fff; }
#expressFindSearchDropdownSelect a { color:#8688c5; display: block; padding: 7px 10px; font-size: 12px; font-weight: bold;}
#expressFindSearchDropdownSelect a:hover { text-decoration: none; color:#25265e; background: #e9ebf3;}
.dropdown:hover #expressFindSearchDropdownSelect { display: block; }

#lookupdiv table { background: #f4f5fb; margin:0 !important;}
#lookupdiv table th { padding: 10px;}
#lookupdiv table td.entity_statetd { text-align: center; border-left: 1px solid #ededed;  border-right: 1px solid #ededed;}
#lookupdiv table td.entity_emailtd { border-left: 1px solid #ededed;  border-right: 1px solid #ededed;}
#lookupdiv table td.entity_type { border-right: 1px solid #ededed; }
#lookupdiv table td.entity_type span { margin-right: 5px; font-size: 11px;  }
#lookupdiv table td a span { margin-right: 5px;}
#lookupdiv table td a,
#lookupdiv table td { font-size: 11px;}

/* ==================================
    SIDEBAR STUFF
=====================================*/
.sidebardiv {
    width:240px;
    /*height:calc(100% - 43px);*/
	height: 100%;
    background-color:#ffffff;
	border-right: 1px solid #ccc;
	padding-bottom: 10px;
}

.sidebardiv #maintable { width: 100%; background: #fff; }
.sidebardiv #maintable tr th { background: #edf1fe; padding: 10px 10px 0px; font-weight: bold; color:#25265e; font-size: 16px;}
.sidebardiv #maintable tr th span { font-size: 10px; font-weight: normal; position: relative; top: -5px;}
.sidebardiv #maintable tr td { text-align: left; padding: 2px 2px 2px 10px;}
.sidebardiv #maintable tr td a { color:#14b294;}
.sidebardiv #maintable tr td a:hover { color:#25265e;}
.sidebardiv p.message { padding: 15px;}

#searchresultsdiv { height:calc(100% - 33px); display:none; }
#searchresultsinnerdiv { height:calc(100% - 5px);}
.searchresultlist { overflow-y: auto; overflow-x: hidden; }

/* Sidebar Icon Div */
#icondiv { margin-top: 10px; padding: 4px 10px 10px 10px;}
#icondiv a { color: #20caab; font-size: 10px; margin-right: 20px;}
#icondiv a span { font-size: 19px; position: relative; top: 5px;}
#icondivInner { border: 1px dashed #14b294; padding: 5px 10px 10px;}
#icondiv a:hover { text-decoration: none; color: #fff;}
#icondiv a#iconDivExit span { top: 3px; margin-right: 2px;}

/* ===================================
    SECONDARY TOP NAV 
====================================== */
#toolsTopNav { height: 42px; margin-top: -10px; margin-right: 20px; float: right; }
#toolsTopNavLarge, #collapsibleNavbar { padding: 0 !important; height: 42px;} /* resets padding from multiple places */
#toolsTopNav span { font-size: 12px; font-weight: 400; position: relative; top: 1px; left: -3px;}
#toolsTopNav ul { height: 100%; }
#toolsTopNav li.nav-item a { display: block; height: 100%; border-left: 1px solid #ccc; padding: 12px 15px 0; font-size: 12px; color: #5c5c5c; }
#toolsTopNav li.nav-item #topNavDropdownContent a { border: none;}

#topNavDropdownContent { 
	top: 41px;
	background: #fff;
	border-radius: 5px;
	display: none;
	position: absolute;
	min-width: 130px;
	z-index: 2000;
	padding: 5px 10px 15px;
	border: 1px solid #ccc;
	text-align: left;
}
#toolsTopNav li.nav-item a:hover { background:#dadada; color: #5c5c5c;}
#topNavDropdownContent a:hover { background: none !important; color: #14b294 !important;}

/* Makes the icons solid when hovered */
#toolsTopNav li.nav-item a:hover span:before { font-weight: 900;  }
.ssdropdown:hover #topNavDropdownContent { display: block; }

#editMyInfo { position: fixed; top: 10%; left: 15%; width: 80%; height: 675px; z-index: 1500; padding: 20px; background: #fff;}

/* ====================================
    PROFILE PAGES & FORM CONTAINERS 
====================================== */
.profileBG { background: #f4f5fb; padding: 20px 20px 130px 20px; box-sizing: border-box; }
.profileBG h2 { color: #25265e; margin: 0 0 12px 0; font-size: 21px;}
.profileBG.profMarTop { margin-top: 40px;}

body#candidateEdit { background: #fff;}
#profile.profilediv { /*width: 825px!important;*/ float:left;}
.profiletable{ width:800px; }
.profileheader { top:5px; right:0; width:860px; text-align:center; }
.td1 { width:140px;}
.td2 { width:260px;}
.profileBG .form-division { margin-bottom: 30px; padding-bottom: 0;}
.profileBG .form-division-legend { margin: 0 0 10px;}
.profileBG .display-section { padding: 5px 15px 10px 15px;}
.profileBG .display-section td { padding: 4px 0;}

/* There are 4 different ways to identify the labels in these forms. Needs to be changed to all <label>'s */
.profileBG .display-section .label,
.profileBG .display-section label,
.profileBG .display-section .td1,
.profileBG .display-section .td3 { font-size: 12px; color: #484996; padding-right: 5px; font-weight: 500;}

.profileBG .display-section input[type="text"],
.profileBG .display-section select { font-size: 12px; color: #7b7b7b;}

.profileBG .display-section input[type="radio"],
.profileBG .display-section input[type="checkbox"] { position: relative; top: 2px;}

.profileBG .display-section a,
.profileBG .display-section a.formlink { color: #8987c4; font-weight: bold; font-size: 12px; text-decoration: underline;}

.profileBG .display-section a:hover,
.profileBG .display-section a.formlink:hover { text-decoration: none; color: #25265e;}

/* Sticky Save Button */
.btnStickyFooter {
	position: sticky;
	bottom: 0;
	height: 65px;
	display: flex;
	align-items: flex-end;
}
.stickyBtnBox { position: fixed; bottom: -5px; left: 0; width: 50%; padding: 20px; background: rgba(255,255,255,0.7); border: 1px solid #ccc; z-index: 100; text-align: left;}
.stickyBtnBox .btnBox { float: left; margin-right: 20px;}



/* Miniview */
#minidivframe.miniviewframe { width: 100%; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;}
#miniview.miniview { width:55%; float: right; padding: 10px 15px 15px 15px; position: relative; top: 5px; background: #fff; border: 1px solid #ccc; overflow: visible; box-sizing: border-box; margin-right: -10px; border-radius: 5px;}
.candminiview { min-height:1500px; } /*----Extra long for resumes*/
.miniviewheader { margin: 0; height: 55px;}
#miniview_head p { font-size: 13px; font-weight: bold; text-transform: capitalize; margin-bottom: 12px; color: #25265e;}
#miniViewRadios { }
#miniViewRadios div.miniRadio { float: left;  width: auto; margin: 0 10px 10px 0;}
#miniViewRadios label { }
#miniViewRadios input[type="radio"] { position: relative; top: 2px; right: -3px;}
#miniViewCancelBtn { position: absolute; top: 15px; right: 15px;}
#miniViewCancelBtn a { color: #8987c4; font-weight: bold; text-align: right; text-decoration: none;}
#miniViewCancelBtn a:hover { color:#25265e;}

/* Jobs/Folders Page */
#candJobsBtns .btnBox { float: left; margin-right: 20px;}
#limitToJobsCheckbox { background: #efefef; padding: 6px 10px 3px; border: 1px solid #ccc; float: left; margin-bottom: 15px;}

#rejectionreason { background: #fff; padding: 10px 20px 20px; border: 1px solid #ccc; position: absolute; top: -250%; left: 20px; display: none;}
#rejectionreason h3 { font-size: 18px; margin: 0 0 12px;}

/* Candidate Profile Summary */
fieldset { padding: 0 0 20px 0; border: none!important;}
fieldset:after,
fieldset:before { display: table; }
legend { width: 100%; margin-left: 0px!important; box-sizing: border-box;}
ul#summary_sections li { margin-bottom: 30px; }
ul#summary_sections table { background: #fff; border-collapse: collapse; word-break: break-all;}
ul#summary_sections table.summary a { color: #14b294; font-size: 12px;}
ul#summary_sections table td { background: #fff; text-align: left; padding: 8px 10px 8px 20px;  border-bottom: 1px solid #ebebeb;}
ul#summary_sections table thead tr td { font-weight: bold; font-style: normal; text-transform: capitalize; color: #5c5c5c;}
ul#summary_sections table tr { background: #fff; }
ul#summary_sections table td.panel-title a { color: #4c4895; font-weight: bold; text-transform: capitalize; font-size: 13px;}
ul#summary_sections table td.panel-title::after { font: var(--fa-font-solid); font-size: 18px; content: "\e411"; float: right; cursor: pointer;}
ul#summary_sections table tr[id^="panel"][id$="-title"] td { border-radius: 5px 5px 0 0; padding: 5px 10px; }
ul#summary_sections li div.dbx-handle { width: 100%; box-sizing: border-box; background-color: transparent!important;}
.dbx-handle { background-color: transparent!important;}
#profile_sections legend { border-radius: 5px 5px 0 0; padding: 7px 0 7px 15px; font-size: 12px !important; text-transform:capitalize; background: #cbcce7;}

ul#summary_sections table:nth-child(2) td { font-size: 12px;}

/* The spotlight configure toolbar */

.spotlightConfigBar { padding: 10px 0; width: 100%; box-sizing: border-box; position: relative; }
.spotlightConfigBar.configBarEdit { border: 1px solid #ccc; padding: 15px; margin: 20px 0; background: #efefef; border-radius: 5px; }
#savediv { position: absolute; top: 10px; right: 10px;}
#savediv .btnBox { float: right; margin-left: 15px;}
.spotInstructionLeft { float: left; width: 30%; }
.spotlightConfigBar h3 { font-size: 18px; margin: 0; margin-bottom: 8px; color: #25265e;}
.spotInstructionLeft h4 { margin: 0 0 2px;}
.spotInstructionLeft p { font-size: 11px; margin: 0 0 8px;}
.spotInstructionRight { float: left; min-height: 20px; }
#launchConfigBtn { float: right;}
#launchConfigBtn a span { color: #babecb; font-size: 24px;}
#launchConfigBtn a:hover span { color:#188dd8;}
.spotRadios.formBox.radioGrp { float: left; margin-right: 30px; margin-bottom: 0;}
.spotRadios.formBox.radioGrp h5 { display: inline; font-size: 12px;}
.spotConfigTxt { float: left; margin-right: 30px;}
.spotConfigTxt p { font-size: 12px;}
.spotConfigTxt  h4 { margin: 0;}

/* Spotlight Card View */

.profileBG .card-data { box-sizing: border-box; margin: 0; padding: 32px 10px 0 10px; overflow: hidden;}
.profileBG .card-edge { position: absolute; bottom: 0; left: 0; height: 5px; width: 100%;}
.profileBG .card-title { position: absolute; top: 10px; left: 10px; font-size: 14px; color: #25265e !important;}
.profileBG .card-title:hover { color:#14b294 !important;}
.profileBG .card-data a, #spotlightCardBG .card-data a.list-item { color:#14b294; font-size: 12px; text-decoration: none;}
.profileBG .card-data a:hover, .card-data a.list-item:hover { color:#25265e;}
.profileBG .gridster LI.gs-w { border: none;}
.profileBG .gridster LI.gs-w { border-radius: 0; box-shadow: 0 0 10px 0 rgba(63, 72, 105,.10)!important; }
.profileBG .gridster LI.gs-w:hover { box-shadow: 0 0 5px 0 #34a7dd !important; }
.profileBG .gs-resize-handle-both { bottom: 8px; right: -1px; background-image: none;}
.profileBG .gs-resize-handle-both:after { font: var(--fa-font-light); content: '\e262'; font-size: 18px; color: #878787;}
.profileBG .card-icons { position: absolute; top: 2px; right: 4px;}
.profileBG .card-icons a.hideCard { color:red; font-size: 18px;}
.profileBG .card-icons a.showCard { color:#ebebeb; font-size: 18px;}

.config-bar { width: 185px; height: 20px; position: absolute; top: 0px; right: 0px; }
.color-selector { position: absolute; top: 0px; right: 25px; }

#zoom {
	z-index: 100;
	display: none;
	position: fixed;
	top: 5%;
	left: 5%;
	min-width: 40%;
	min-height:40%;
	max-width: 80%;
	max-height: 80%;
	background:#fff;
	padding: 15px;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000'); /* for ie8 */
}

#zoom_head { font-size: 22px; font-weight: bold; font-style: normal; color: #484996;}
#zoom_data { overflow: auto; max-height: 350px;}
#closeZoom { position: absolute; top: 10px; right: 10px; color: #8987c4; font-size: 24px;}
#closeZoom:hover { color: #25265e;}

#page-cover { display: none; position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 999; top: 0; left: 0;}

/* ========================================
    CANDIDATE, BUSINESS, PROFILE HEADERS 
=========================================== */
.section-menu-scroll { height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: 0px; flex-wrap: nowrap; position: absolute; bottom: -4px; width: 100%; z-index: 100; border-radius: 5px; }
#tabmenu_configure { top: 0px !important; }
#toolbar_configure { top: 28px !important; height: 32px !important; }

#businessHeaderBody .stButtons .sttb, 
#candidateHeaderBody .stButtons .sttb, 
#contactHeaderBody .stButtons .sttb, 
#jobHeaderBody .stButtons .sttb, 
#projectHeaderBody .stButtons .sttb {border: none !important; }

#businessHeaderBody .stButtons .stsp, 
#candidateHeaderBody .stButtons .stsp, 
#contactHeaderBody .stButtons .stsp, 
#jobHeaderBody .stButtons .stsp, 
#projectHeaderBody .stButtons .stsp { padding: 3px 6px !important; color: #ffffff !important; background: #25265e; font-size: 11px !important; text-transform: capitalize !important;}

#businessHeaderBody .stButtons .stsp:hover, #candidateHeaderBody .stButtons .stsp:hover, #contactHeaderBody .stButtons .stsp:hover, #jobHeaderBody .stButtons .stsp:hover, #projectHeaderBody .stButtons .stsp:hover { background: #1ab394;}

#businessHeaderBody td[id^="stUI"][id$="_ico"], #businessHeaderBody td[id^="stUI"][id$="_arr"], #candidateHeaderBody td[id^="stUI"][id$="_ico"], #candidateHeaderBody td[id^="stUI"][id$="_arr"], #contactHeaderBody td[id^="stUI"][id$="_ico"], #contactHeaderBody td[id^="stUI"][id$="_arr"], #jobHeaderBody td[id^="stUI"][id$="_ico"], #jobHeaderBody td[id^="stUI"][id$="_arr"], #projectHeaderBody td[id^="stUI"][id$="_ico"], #projectHeaderBody td[id^="stUI"][id$="_arr"] {
	display: none !important;
}
#businessHeaderBody #profileHeaderLeftMenu td[id^="stUI"][id$="_cnt"], #candidateHeaderBody #profileHeaderLeftMenu td[id^="stUI"][id$="_cnt"], #contactHeaderBody #profileHeaderLeftMenu td[id^="stUI"][id$="_cnt"], #jobHeaderBody #profileHeaderLeftMenu td[id^="stUI"][id$="_cnt"], #projectHeaderBody #profileHeaderLeftMenu td[id^="stUI"][id$="_cnt"] {
	padding-left: 15px;
}
#businessHeaderBody td[id^="stUI"][id$="_cnt"] span.dropdown:after, #candidateHeaderBody td[id^="stUI"][id$="_cnt"] span.dropdown:after, #contactHeaderBody td[id^="stUI"][id$="_cnt"] span.dropdown:after, #jobHeaderBody td[id^="stUI"][id$="_cnt"] span.dropdown:after, #projectHeaderBody td[id^="stUI"][id$="_cnt"] span.dropdown:after {
	font: var(--fa-font-solid);
	content: ' \f0d7';
}

.profileHeaderGroup { display: inline-block; padding: 0px 10px; border-right: 1px solid #5c5c5c; margin: 2px 0 5px 0; font-size: 12px; }
.profileHeaderGroup:nth-child(2) { padding-left: 0px; font-size: 12px;}
.profileHeaderGroup:last-child { border-right: none; }
.profileHeaderGroup .header-link { color:#484996;}
.profileHeaderGroup .header-link span { font-size: 18px; color: #5c5c5c; padding-right: 6px; position: relative; top: 3px;}
.profileHeaderGroup .listlink span.fa-comment { font-size: 18px; font-weight: 400; color: #5c5c5c; padding: 0 6px 0 2px; position: relative; top: 3px;}
.profileHeaderGroup .header-link:hover span,
.profileHeaderGroup .listlink:hover span.fa-comment { color: #188dd8;}
.profileHeaderGroup2 a { color: #25265e; font-size: 11px; font-family: Poppins, Helvetica, sans-serif;}
.profileHeaderGroup2 a:hover { color: #1ab394; text-decoration: none; }
#profileHeaderLeftMenu span { color: #25265e !important;}
#profileHeaderLeftMenu span:hover { color: #1ab394 !important;}
.profileHeaderGroup2 { display: inline-block; padding: 5px 8px 3px; border-radius: 5px; margin-right: 10px;}

/* Panel header theme background colors */
#candidateBG #profile_sections legend,
#candidateBG ul#summary_sections table tr[id^="panel"][id$="-title"] td { background: #cbcce7; /*color: #4c4895 !important;*/ }
#businessBG #profile_sections legend,
#businessBG ul#summary_sections table tr[id^="panel"][id$="-title"] td { background: #cbcce7; /*color: #4c4895 !important;*/ }
#contactBG #profile_sections legend,
#contactBG ul#summary_sections table tr[id^="panel"][id$="-title"] td { background: #cbcce7; /*color: #4c4895 !important;*/}
#jobBG #profile_sections legend,
#jobBG ul#summary_sections table tr[id^="panel"][id$="-title"] td { background: #cbcce7; color: #4c4895 !important; }
#projectBG #profile_sections legend { background: #cbcce7; }

#profile legend,
#miniview_head p { /*color: #4c4895 !important;*/}

/* Section theme background colors */
#candidateBG,
.section-menu-scroll.candidatePage,
#candidateHeaderBody .profileHeaderGroup2 { background: #f4f5fb;}
#businessBG,
.section-menu-scroll.businessPage,
#businessHeaderBody .profileHeaderGroup2 { background: #f4f5fb;}
#contactBG,
.section-menu-scroll.contactPage,
#contactHeaderBody .profileHeaderGroup2 { background: #f4f5fb;}
#jobBG,
.section-menu-scroll.jobPage,
#jobHeaderBody .profileHeaderGroup2 { background: #f4f5fb;}
#projectBG,
.section-menu-scroll.projectPage,
#projectHeaderBody .profileHeaderGroup2 { background: #f4f5fb;}

.section-menu-scroll td { background: none !important; }
.section-menu-scroll #left5 span { font-size: 23px !important; color: #25265e !important;}
.section-menu-scroll #left5 { margin-left: 15px !important;}
.section-menu-scroll #left5 span#banner span { display: none;}

#right2, #right3, #right4 { margin-top: 10px; font-size: 12px;}
#right2 a, #right3 a, #right4 a { color: #188dd8; margin-left: 10px; font-size: 12px; }
#right2 a:hover, #right3 a:hover, #right4 a:hover {  text-decoration: underline;}
#right2 a:before, #right3 a:before, #right4 a:before { content: ' \e1cd'; font: var(--fa-font-light); margin-right: 5px; }
#right2 a.graphLink:before, #right3 a.graphLink:before, #right4 a.graphLink:before { content: ' \f201'; font: var(--fa-font-light); margin-right: 5px; }
#right3, #right4 { padding-right: 15px; }
#right5config a, #right6config a { color: #25265e;}
#right5config a:hover, #right6config a:hover { color: #1ab394;}
#nameInfo h3 { font-weight: bold; color: #25265e; font-size: 22px; margin: 0;}
#nameInfo h3 a { margin-left: 30px !important; color: #25265e;}
#nameInfo h3 a:hover { color: #1ab394;}
#nameInfo h3 a span { font-weight: 900; font-size: 18px; position: relative; top: -2px;}

#candidateHeaderBody span#nameInfo h3,
h1.pageTitles.candTitle { border-left: 10px solid #4c4895; padding-left: 10px;}
#contactHeaderBody span#nameInfo h3,
h1.pageTitles.contTitle { border-left: 10px solid #5ac0f0; padding-left: 10px;}
#businessHeaderBody span#nameInfo h3,
h1.pageTitles.busTitle { border-left: 10px solid #40db8c; padding-left: 10px;}
#jobHeaderBody span#nameInfo h3,
h1.pageTitles.jobTitle { border-left: 10px solid #eabc4e; padding-left: 10px;}
span#nameInfo h3 a.hideThis { display: none;}

#header_workarea { position: absolute; top: 40px; right: 8%;}
#changeAccess { border: 1px solid #ccc; padding: 15px;}
#changeAccess h3 { font-size: 16px; font-weight: bold; color: #25265e;}
#changeAccess .formBox { float: left; margin-right: 20px;}
#changeAccess .btnBox input[type="button"] { float: left; margin-right: 15px;}
#changeAccess #closeAccess { position: absolute; top: 7px; right: 15px; font-size: 20px;}

#fbIcon { display: none;}
#moreLikeIcon { display: none;}

/* =============================================
    CANDIDATE - ADD NEW CANDIDATE RESUME PAGE 
================================================ */
#candResumeUploadContainer { float: left; position: relative; width: 332px; border-right: 1px solid #ccc; padding-right: 40px;}
#candResumeBtns { float: left; margin-left: 40px; width: 335px;}
#dZUpload { width: 330px; height: 260px;  margin: 20px 0 5px; border: 1px solid #ccc;  background: #fff; border-radius: 5px; }
#uploadResumeForm p { font-size: 12px; margin: 0; color: #5c5c5c;}
#dropBoxUpload { width: 100%; margin: 20px 0;}
#dropBoxUpload a { display: block; text-align: center; padding: 10px 0; font-size: 14px; font-family: 'Poppins', Arial, sans-serif; background: #efefef; border: 1px solid #ccc; border-radius: 5px; }
#dropBoxUpload a:hover { background: #fff;}
#uploadResumeForm a { font-weight: bold;}
#dZUpload:hover { background: #efefef;}
.dz-default span::after { font: var(--fa-font-light); content: '\f574'; font-size: 70px; color: #ccc; padding: 0 42%; position: relative; top: 39px; display: block;}
.dz-default span { color:#878787;}

/* ==================================
    LOGIN PAGE(S) STYLES
=====================================*/
.topdiv { background-color:#248472; padding: 10px 20px; width:100%; position:absolute; top:0; left:0; color:#fff; font-size: 12px; margin: 0 auto; }
.loginBox { max-width: 400px; margin: 100px auto 20px; padding: 25px; background: #fff; border: 1px solid #ccc; border-radius: 5px; }
.loginBox.login-2-columns { max-width: 800px; }
.login-copyright { text-align: center; }
.login-msg { max-height:330px; overflow:auto; padding: 0 25px; margin-top: 30px; }
.loginImgDiv img { max-width: 100%; height: auto; }
.loginImgDiv { margin: 0 auto 20px; border: none; text-align: center; width: 210px; }

/* =========================== 
    MAIN MENU 
============================== */
#wipdiv { background: #25265e; position: relative; top: -9px; width: 240px; height: calc(100% - 42px);}
#menudiv ul.topmenu { padding-top: 10px;}
#menudiv nav li.dropdown { text-align: left; margin-left: 5px; border-radius: 5px 0 0 5px; float: none; display: block;}
#menudiv nav li.dropdown a { font-size: 14px; padding: 6px 0 6px 8px; margin-left: 5px; color: #f2f2fe;}
#menudiv nav li.dropdown a span { font-size: 16px; width: 21px;} /* Icons */
#menudiv nav li.dropdown ul.menudrop { padding: 10px; box-shadow: 2px 3px 10px 3px rgba(0,0,0,0.2);}
#menudiv ul.menudrop { background-color: #25265e; border-radius: 0 5px 5px 0; width: 260px;}
#menudiv .dropdown .menudrop li {  margin-left: 5px; margin-right: 5px; border-radius: 5px; text-align: left;}

#menudiv ul#jobsub,
#menudiv ul#foldersub,
#menudiv ul#consub,
#menudiv ul#bussub { width: 425px;}

/* Targets the recent or saved search results at bottom of dropdowns sub-menus */
#menudiv ul.menudrop a.addeddrop { background-color: #d7d7d7; color: #25265e; border-radius: 5px; margin-top: 7px; font-size: 12px; padding: 4px 10px;}
#menudiv ul.menudrop a.addeddrop:hover { text-decoration: none; color:#fff; background:#14b294;}
#menudiv .topmenu .dropdown.show, #menudiv .topmenu .dropdown li:hover { background-color: #48497d;}

/* Main Menu Active States */
#menudiv nav li.dropdown.active { background-color: #48497d; color: #fff;}
#menudiv nav li.dropdown.active a.mainmenulink span { font-weight: 900;}
#menudiv nav li.dropdown.active a.mainmenulink { color: #fff;}

/* Hides the old caret icon until hovered */
#menudiv nav .dropdown > a:after { content: '';}

/* Makes the new icons solid when hovered */
#menudiv li.dropdown a:hover span { font-weight: 900;}

#menudiv nav li.dropdown ul {
	top: 0;
	position: absolute;
	display: block !important;
	visibility: hidden;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
}

#menudiv nav li:hover > ul {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	visibility: visible;
}

#menudiv nav .dropdown:hover > a:after {
	font: var(--fa-font-regular);
	content: '\f054';
	font-size: 18px;
	top: 8px;
}

#menudiv nav .nav-toggle { display: none; }
#menudiv nav ul li a span { margin-right: 10px; }
a.mainmenulink:hover { color: #ffffff !important;}

/* ==========================================
		FOLDER WINDOW STUFF
============================================= */
/* Folder sidebar */
#maindiv.mainFldrFrm { position: absolute; top: 20px; left: 240px; height:100%; width: calc(100% - 260px);}
#candidate_box { position: fixed; top:0px; left:0px; background:#fff; z-index: 200; overflow: auto; width:95%; border:none; border: 1px solid #ccc; padding: 15px 20px 20px; }
form#folderform ul { list-style: none; margin: 0 0 0 -40px; }
#folderColHeader { padding: 8px 10px; background: #25265e; }
#folderColHeader p { font-size: 16px; color: #fff; font-weight: bold; margin: 0;}
#folderColHeader p span { font-weight: 300; font-size: 18px; margin-right: 3px; }
#folderViewRadioBtn h5 { font-size: 12px;}

#folderTop .more { padding: 0px 10px 8px;}
#regularFolderTopContent { padding: 7px 10px 10px; background: #efefef; border-bottom: 1px solid #ccc;}
#regularFolderTopContent h3 { margin: 0; padding: 2px 0; font-size: 15px;}
.regFolderHeader { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.regFolderHeader p { font-weight: bold; margin-bottom: 5px;}

p.regFolderLink { margin: 6px 0 0;}
p.regFolderLink a { font-weight: 500;}
p.regFolderLink a span { font-size: 14px; margin-right: 4px; position: relative; top: 1px;}
p.regFolderLink a:hover span { font-weight: 900;}

#batchActionsBox_accordian li,
#otherBatchActionsBox li { padding: 2px 0;}

#renamefoldername { padding: 10px 0 15px; }
#renamefoldername .formBox { margin-bottom: 6px;}

#folderViewWrapper p { margin: 0 0 2px 0; }
#folderBottom { padding: 0 7px;}

.hiddenContent { position: relative; border-bottom: 1px solid #ccc; background: #efefef; }
.hiddenContent a { font-weight: 500; }
.hiddenContent h4 { cursor: pointer; margin: 0; color:#25265e; background: #efefef; padding: 8px 10px 6px; font-size: 13px;}
.hiddenContent h4.over { cursor: pointer; margin: 0; background:#f8f8fb; color:#25265e }
.hiddenContent span { position: absolute; top: 11px; right: 14px; cursor: pointer; font-size: 16px; }

#Table6 td { font-size: 12px;}
#Table6 td.folderListHeader div { background: #efefef; border: 1px solid #ccc; padding: 4px 0 3px 8px;}
#Table6 td.folderListHeader input[type="checkbox"] { position: relative; top: 2px; margin: 0;}
#Table6 td.folderListHeader a { font-weight: bold; color:#188dd8; font-size: 12px; text-decoration: none;}
#Table6 td a { font-size: 12px;}
#Table6 td a:hover { text-decoration: underline;}
#Table6 td.folderListHeader.FolderListHeaderSelf div { background: #fcf9d5; border: 1px solid #e9e5b1;}

.deleteIcon,
.quickNoteIcon { float: right;}
.quickNoteIcon { width: 25px;}
.deleteIcon span,
.quickNoteIcon span { font-size: 16px; color:#188dd8;}
.deleteIcon a:hover span,
.quickNoteIcon a:hover span { color: #25265e;}
#Table6 td.hasTextIcon a span { margin-left: 6px; font-size: 16px; color:#188dd8;}

#selectAllCheckbox { margin: 4px 0 5px 5px; }
#selectAllCheckbox p { margin: 0;}
#selectAllCheckbox label { font-weight: bold; }
#selectAllCheckbox input[type="checkbox"] { position: relative; top: 2px;}

#otheractions_div { max-height: 300px; overflow: auto;}

/* Folder Landing Page */
.fldrCard { background: #efefef; padding: 12px 15px 15px; width: 400px; margin-bottom: 30px;}
.fldrCard h2 { margin: 0 0 2px; color:#25265e; font-size: 16px;}
.fldrCard p { margin: 0;}
.fldrLeft { float: left; margin-right: 30px; margin-top: 40px;}

/* Change Folder List Options Window */
#changeFldrListOptions { padding: 11px 15px 15px;}
#changeFldrListOptions h3 { margin: 0 0 12px; color: #25265e; font-size: 18px;}
#changeFldrListOptions .btnBox { float: left; margin-right: 15px;}
#changeFldrListOptions .cardCol-2 { padding-left: 0; }

/* ====== Table View Folder ========== */
#tableViewWrapper { padding: 20px;}
#tableViewHeader { background: #25265e; color: #fff; padding: 15px 20px; margin-bottom: 15px;}
#tableViewHeaderLeft { float: left; font-size: 18px; font-weight: bold; }
#tableViewHeaderRadios { float: right; margin-top: 4px; }
#tableViewHeaderRadios label { color: #fff; }
#tableViewHeader p.footnote { color: #fff; font-style: normal; margin-top: 8px; font-size: 10px;}
#folderTableviewBtnRow { margin-bottom: 10px; float: right;}
#folderTableviewBtnRow .btnBox { float: right;}
#folderTableviewBtnRow a { font-family: 'Poppins', Arial, Helvetica, sans-serif;}
#changeFolderBtnBox { margin: 8px 20px 0 0;}
#hireTrakActions { margin-left: 20px;}
#hireTrakActions select { background: #fff; padding: 6px 10px; font-weight: bold; font-size: 12px; font-family: 'Poppins', Arial, Helvetica, sans-serif;}
#tableViewWrapper #Table1 { width: 100%; border-collapse: collapse;}
#tableViewWrapper #Table1 td.hasName { font-weight: bold; }
#tableViewWrapper #Table1 td.hasCheckbox, #tableViewWrapper #Table1 th.hasCheckbox { text-align: center; }
#tableViewWrapper .historydiv { background: #fff; border: 3px solid #8688c5; padding: 15px; position: absolute; z-index:100; overflow-y:auto; overflow-x:hidden;}
#tableViewWrapper .historydiv h3 { margin: 0 0 8px; font-size: 18px; color:#25265e;}
#historyTable { width: 100%; border-collapse: collapse;}
#historyTable th { text-align: left; background:#f4f5fb; padding: 7px 10px;}
#historyTable td { padding: 5px 10px !important; border-bottom: 1px solid #ededed;}
#closeHistoryBtn { position: absolute; top: 10px; right: 10px;}
#closeHistoryBtn a span { color: #8688c5; font-size: 18px; }
.folderTableIcon { font-size: 18px; color: #8688c5; position: relative; top: 2px; }
.folderTableIcon:hover { font-weight: 900; color: #25265e;}
.folderTableIconTrash { font-size: 18px; color: #8688c5 }
.folderTableIconTrash:hover { font-weight: 900; color: #fd0000; }
#regularFolderOptions { float: left; margin-top: 14px;}
#regularFolderOptions a { font-family: 'Poppins', Arial, Helvetica, sans-serif; text-decoration: none; margin-right: 15px;}
#regularFolderOptions a span { font-size: 15px; margin-right: 4px;}
/* folder_list page */
#mainpage.folderList { padding: 20px;}
#mainpage.folderList h2 { margin: 0 0 18px; color: #25265e;}
#mainpage.folderList tr.addNewFolderRow { background: #efefef; }
#mainpage.folderList tr.addNewFolderRow  td { padding: 5px 10px; }
#mainpage.folderList tr.addNewFolderRow  td input[type="text"] { width: 15%; margin: 0 15px 0 4px;}
#mainpage.folderList tr.addNewFolderRow  td input[type="checkbox"] { position: relative; top:2px;}
#mainpage.folderList tr.addNewFolderRow  td a { float: right; margin-top: 8px;}
#fileselector { margin: -10px 0 15px; background: #efefef; padding: 10px;}
#fileselector h5 { font-size: 12px; display: inline-block;}
#fileselector .formBox { margin: 0;}
#folderChanngeViewBtn { position: absolute; top: 20px; right: 20px;}

/* =================================================
		DRAG TO FOLDER WINDOW
==================================================== */
#dragdropdiv { background: #fff; border: 1px solid #ccc; padding: 20px; width: 600px; height: 480px; position: absolute; z-index: 1209; left: 50%; top: 25%; transform: translateX(-50%); overflow: auto;}
#dragdropdiv h3 { font-size: 21px; font-weight: bold; margin: 0 0 25px; color: #25265e;}
#dragdropdiv h3 span { margin-top: 3px; font-size: 26px;}
#dragdropdiv p.fldrHdr { font-weight: bold; padding: 6px 15px 5px; background: #dbdbdb; color: #484996; font-size: 14px; margin: 0 0 5px; width: 98%; box-sizing: border-box;}
#dragdropdiv p.fldrHdr span { float: right; color:#a5a5a5; margin-top: 3px; font-size: 16px;}
#dragdropdiv .dropitem { padding: 5px 10px; background: #efefef; margin-bottom: 5px; width: 98%; color: #5c5c5c; box-sizing:border-box;}
#dragdropdiv .dropitem span { margin-right: 4px;}
#dragdropdiv .dropitem.over { padding: 25px 10px; background: #f8f2de !important; font-style: italic;}
#dragdropdiv #closeThis { position: absolute; top: 12px; right: 16px; display: block; font-size: 24px; text-decoration: none; color: #188dd8; }
#dragdropdiv #closeThis:hover { text-decoration: underline; }
#dragdropresultdiv { position: absolute; z-index: 1209; left: 50%; top: 25%; transform: translateX(-50%); width: 300px; border: 1px solid #ccc; background: #fff;}
#dragdropresultdiv .fileConfirm { padding: 20px; text-align: center;}
#dragdropresultdiv .fileConfirm span { font-size: 42px; margin-bottom: 15px;}
#dragdropresultdiv .fileConfirm p { font-size: 18px; margin: 0; color: #5c5c5c;}
#dragdropresultdiv .fileConfirm.fileWarn span { color: #dca910; font-weight: 900;}
#dragdropresultdiv .fileConfirm.fileSuccess span { color: #2db91b;}

/* ====================================
    TRAK STYLES 
====================================== */
div.trackMap { background: #fff; padding: 10px; border-bottom: 1px solid #ccc;}
p.trackTitle { font-size: 12px; font-weight: bold; margin-bottom: 12px; font-family: 'Poppins', Arial, sans-serif;}
ul#summary_sections .track-container li { margin-bottom: 10px;}
.trackMap li { margin-bottom: 10px;}
div.track-container li div.trackStep span { margin-right: 5px; font-size: 14px; position: relative; top: 1px; font-family: 'Font Awesome 6 Pro' !important; color: #fff !important;} 
div.track-container ul img { display: none;}
div.track-container ul { list-style: none; margin: 0; padding: 0; margin-left: 15px;}
div.track-container li { float:left; padding: 7px 9px; font-size: 12px; color: #fff; position: relative; margin-right: 20px; font-family: 'Poppins', Arial, sans-serif;}
div.track-container li a { font-size: 12px; color: #fff; font-family: 'Poppins', Arial, sans-serif; font-weight: normal;}
div.track-container li.future a { color: #686868;}
div.track-container li.current { background: #8987c4;}
div.track-container li.completed { background: #8987c4;}
div.track-container li.future { background: #e0e0e0; color: #686868;}

/* Track Styles to Override the baked in styles of the spotlight page */
.profileBG .card-data div.track-container li a,
.profileBG .card-data div.track-container li .trackStep { font-weight: normal;}
.profileBG .card-data div.track-container li span { font-weight: 900 !important; line-height: 16px !important;}
.profileBG .card-data div.track-container li.completed a,
.profileBG .card-data div.track-container li.current a { color: #fff;}
.profileBG .card-data p.trackTitle { margin-top: 0; margin-bottom: 6px;}
.profileBG .card-data .trackMap { padding: 0 10px 10px;}
.profileBG .card-data div.track-container li.future { line-height: 18px;}

div.track-container li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -14px;
    width: 0;
    height: 0;
    border-top: 15px solid #E6E9F1;
    border-left: 15px solid transparent;
}

div.track-container li:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: -14px;
	width: 0;
	height: 0;
	border-bottom: 15px solid #E6E9F1;
	border-left: 15px solid transparent;
}

div.track-container li.completed:before { border-top-color: #8987c4;}
div.track-container li.completed:after { border-bottom-color: #8987c4;}
div.track-container li.future:before { border-top-color: #e0e0e0;}
div.track-container li.future:after { border-bottom-color: #e0e0e0;}
div.track-container li.current:before { border-top-color: #8987c4;}
div.track-container li.current:after { border-bottom-color: #8987c4;}

div.track-container li div.trackStep:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: -32px;
    width: 0;
    height: 0;
    border-width: 16px;
    border-style: solid;
    border-color: transparent transparent transparent #E6E9F1;
}

div.track-container li.future div.trackStep:after { border-left-color: #e0e0e0;}
div.track-container li.completed div.trackStep:after { border-left-color: #8987c4;}
div.track-container li.current div.trackStep:after { border-left-color: #8987c4;}

.trackoptions { background: #efefef; border: 1px solid #ccc; padding: 0;}
#trackEdit h2 { margin-bottom: 4px;}

.trackoptionsRadios { float: left; border-right: 1px solid #ccc; padding: 10px 0 10px 15px;}
.trackoptionsRadios p { font-size: 12px; font-weight: bold; margin: 0 15px 6px 0; font-family: 'Poppins', Arial, sans-serif;}
.trackoptionsRadios label { font-size: 12px; margin-right: 15px;}
.trackoptionsRadios input[type="radio"],
.trackoptionsRadios input[type="checkbox"] { margin: 0 !important; position: relative; top: 2px;}

a#saveTrackOptions { display: block; font-weight: bold; padding: 10px 15px; margin: 12px 15px 0 0; text-align: center; float: right; background: #25265e; color: #fff; font-family: 'Poppins', Arial, sans-serif;}
a#saveTrackOptions:hover { background: #484996; text-decoration: none;}

.angleRight,
.angleRightAttach,
.lookupAngle,
.actionsRight,
.showFilters,
.showFilters2,
.showMoreAdmin { transition: .3s;}

.angleRight.rotate,
.angleRightAttach.rotate,
.lookupAngle.rotate,
.actionsRight.rotate,
.showFilters.rotate,
.showFilters2.rotate,
.showMoreAdmin.rotate { transform: rotate(-180deg);}

/* ====================================
    NOTES PAGE IN PROFILE
====================================== */
#notesFormWrap.notesAddWindow { padding: 30px 40px 60px 40px; background: #f4f5fb;}
#notesFormWrap.notesAddWindow h3 { color:#25265e; margin: -10px 0 12px; font-size: 18px;}
#notesFormWrap.notesAddWindow .btnBox { width: 190px; margin: 20px 0;}
#newnotebody h2 { color:#25265e; margin: 0 0 12px;}
#notesearch { padding: 12px 20px 20px; width: 350px; position: fixed; top: 30px; left: 32%; background: #fff; z-index: 100; display: none;}
#notesearch h4 { margin: 0 0 8px; font-size: 16px; color:#25265e;}
#notesearch .btnBox { margin-top: 10px;}
#notesearch a#notesFilterClose { display: block; position: absolute; top: 10px; right: 10px; font-size: 24px;}
#notesearch a#notesFilterClose:hover { color:#25265e;}
table#notes_list { border-left: 1px solid #ededed; border-right: 1px solid #ededed;}
p.notesColorCode { margin: 10px 0; padding: 12px; border: 1px solid #ccc; background: #fff;}
p.notesColorCode span { margin: 10px 20px 0 0; font-size: 11px; display: inline-block;}
.notesTopBtns { margin-bottom: 15px; padding-right: 25px;}
.notesTopBtns a { margin-right: 20px;}
.notesTopBtns a span { font-size: 12px !important;}
.notesChecks { margin: 15px 0;}
.notesChecks label { margin-right: 20px;}
.noteSourceMsg { margin: 5px 0 10px;}
.noteSourceMsg p { color: #5c5c5c; font-size: 12px; margin-bottom: 5px;}
.cardCol-2.nested-2 { padding: 0;}
.cardCol-2.nested-2 .formBox { width: 95%;}
#rogueInp { float: left; }
select[name="presubject"] { float: left; width: 40%; }
#notesPlus { float: left; padding: 0 5px; font-size: 21px;}
.btnBox.noteSaveBtn { float: right;}
a.cancelNote { float: right; margin: 10px 15px 0 0;}

.viewNoteBody { background: #efefef; padding: 15px 20px 20px; position: relative;}
.viewNoteBody .buttonsRow { position: absolute; top: 20px; right: 20px;}
#newnotebody { position: fixed; top: 20px; left: 50%; transform: translate(-50%); width: 700px; border: 1px solid #ccc; background: #fff; padding: 20px; max-height: calc(100vh - 80px); overflow: auto; z-index: 20; }
#newnotebody .buttonsRow { position: absolute; top: 20px; right: 20px; background: #fff;}
#addNoteOverlay { background: rgba(0,0,0,0.3); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10;}
#newnotetext { padding: 20px 40px 40px;}
#doctr { margin: 10px 0; border: 1px solid #ccc; padding: 10px 15px;}
#doctr h3 { margin: 0 0 9px;}
#doctr ul { margin: 0 0 0 -40px; list-style: none;}
#docpreview { position:fixed; width:700px; height:450; left:20%; top:20px; z-index:3000; overflow:scroll; background: #fff; border: 1px solid #ccc; padding: 20px;}
#docpreview h4 { margin: -5px 0 5px;}
#docpreview a#closeDocPrev { position: absolute; top: 3px; right: 18px; font-size: 26px;}
.viewNoteBody a.primBtn { color: #fff !important;}
.viewNoteBody a.primBtn:hover { color: #fff !important;}
#callPriortyBoxdiv { background: #efefef; padding: 10px 15px 5px; border: 1px solid #ccc; margin-bottom: 15px;}
#callPriortyBoxdiv h3 { font-size: 15px; margin: 0 0 12px; color:#25265e;}
#fldrBulknoteWrap { padding: 20px 30px 30px; background: #f4f5fb;}
#fldrBulknoteWrap h3 { font-size: 18px; color:#25265e; margin: 0 0 20px;}
#fldrNotesSent { background: #efefef; padding: 15px; margin-top: 20px;}
#fldrNotesSent h3 { font-size: 16px; color:#25265e; margin: 0 0 12px;}
#fldrNotesSent p { font-size: 12px; margin: 7px 0 0; color: #5c5c5c;}

.noteDetails { position: fixed; top: 5%; left: 50%; transform: translate(-50%);  background: #fff; padding: 20px; z-index: 200; width: 700px; min-height: 300px; max-height: calc(100vh - 80px); overflow: auto; box-sizing: border-box;}
.noteDetails h4 { margin: 0 0 15px; font-size: 21px; color:#25265e; }
#closeNoteDetails { position: absolute; top: 5px; right: 10px; font-size: 30px;}

/* ====================================
    DOCUMENT TREE VIEWER/EDIT
====================================== */
.docEdit #leftcol { background: #fff; margin-right: 20px; padding: 15px 20px 20px; position: relative; box-sizing: border-box; width: 280px; float: left;}
.docEdit #rightDoc { width: 76.5%; min-height: 380px; background: #fff; padding: 15px 10px 20px 20px; box-sizing: border-box; float: left;}
#menuframe { float: right; width: 17%; box-sizing: border-box; border-left: 1px solid #ccc; padding-left: 20px; display: none;}
#rightcol { float: left; width: 100%; box-sizing: border-box;}
#menuframe h3 { font-size: 16px; color:#25265e; margin: 0 0 12px;}
#welcomeMsgDocEdit h3 { font-size: 18px; color:#25265e; margin: 0 0 20px; }
#welcomeMsgDocEdit p { font-size: 13px; color:#5c5c5c; margin-bottom: 12px; padding-right: 15%;}
#doctree { overflow-y: auto; max-height: 600px}
#doctree h3 { font-size: 18px; margin: 0; color: #25265e;}
#doctree p { font-size: 12px; color: #5c5c5c; margin: 0 0 8px;}
.btnBox.docsMergeBtn { margin: 10px 0 0;}
#newdocsection { float: left; width: 44%; position: relative;}
#sortdiv { float: right; width: 52%; position: relative; margin-bottom: 10px;}
#newoptions,
#sortoptions { display: none; position: absolute; top: 33px; left: 0; background: #fff; border: 1px solid #ccc; padding: 10px; z-index: 100; min-width: 100px;}
#newoptions a,
#sortoptions a { display: block; padding: 4px 0;}
#docDetailWrap {  position: relative;}
.docDetailsCard { border-top: 1px solid #ccc; padding: 0; margin-top: 15px;}
#docDetailWrap h3 { margin: 0 0 20px; color: #25265e; font-size: 18px;}
.docDetailsCard p { font-size: 12px; margin: 10px 0; color: #5c5c5c;}
p#docDetailsId { position: absolute; top: -10px; right: 0px; font-weight: bold; font-size: 14px; background: #efefef; padding: 5px 10px;}
a.txtLink.docEditMenu { display: inline-block; padding: 3px 0;}
#sortDocBtn, #addNewDocBtn, .docsMergeBtn a, #addDocLibBtn a { font-size: 11px !important;}
.dtree { color: #000; white-space: nowrap; margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; }
.dtree img { border: 0px; vertical-align: middle;}
.dtree a { text-decoration: none; font-size: 12px; }
.dtree a.node, 
.dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; color: #000; }
.dtree a.node:hover { text-decoration: underline; color: #188dd8; }
.dtree a.nodeSel { font-weight: normal; }
.dtree .clip { overflow: hidden; }
.dTreeNode { position: relative;}

/* ====================================
    EMPLOYEE HISTORY
====================================== */
.empHistoryCard { margin-bottom: 30px; position: relative; border: 1px solid #ccc; padding: 20px; background: #fff;}
.empHistoryCard h3 { font-size: 18px; color:#25265e; margin: 0 0 12px;}
.empHistoryCard .btnBox { position: absolute; top: 15px; right: 20px;}
#show3rdparty ul { list-style: none; margin: 0 0 20px -40px;}
#show3rdparty ul li { display: inline-block; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc;}
#showfelony .btnBox { position: static; float: left;}
.histFormsWrapper { padding: 20px 20px 100px;}
.histFormsWrapper h3 { font-size: 22px; color:#25265e; margin: 0 0 12px;}
.histFormsWrapper #ratings { background: #f4f5fb; padding: 20px; margin-bottom: 30px;}
.histFormSection { background: #f4f5fb; padding-top: 20px; margin-bottom: 30px;}
#enteredRow { margin-bottom: 20px; border-bottom: 1px solid #ccc;}
#enteredRow p { float: left; margin-left: 20px; margin-top: 0;}
#school_button { position: absolute; top: 2px; right: 0;}
#school_list { position: fixed; top: 105px; background: #fff; padding: 15px; z-index: 20; display: none;}
#refFor { position: absolute; top: 20px; right: 20px; font-weight: bold;}

.candTestFrame #thetop { height: 260px; overflow-y: auto; border: 1px solid #ccc; width: 100%;}
.candTestFrame #thebottom { height: 100%; overflow-y: auto; border: 1px solid #ccc;}

#testListBtns { position: absolute; top: 20px; right: 20px;}
#testListBtns .btnBox { float: right; margin-left: 15px; position: static;}

/* ===================================
	BUSINESS PO'S
 ======================================*/
 #poBtnRow { position: absolute; top: 55px; right: 40px;}
 #poBtnRow .btnBox { float:left; margin-right: 15px;}
 #approvalBox { background: #fff; padding: 10px;}
 .poChargeBox { border-top: 1px solid #ccc; padding: 15px 0; margin-bottom: 15px; position: relative;}
 .poChargeBox h4 { margin: 0 0 12px; color:#25265e;}
 .poChargeBox .messageBox { padding: 10px; margin: 0;}
 #otherExp .btnBox { position: absolute; top: 16px; right: 15px;}
 #busPoChargeEditBtns { margin-top: 15px;}
 #busPoChargeEditBtns .btnBox { float: left; margin-right: 20px;}

/* ===================================
	RESUME VIEWER
 ======================================*/
 .resumeContent { background: #ffff; border: 1px solid #ccc; width: 70%; margin: 20px auto; padding: 20px 50px; box-sizing: border-box;}
 #resumeMenu { float: left;}
 #resumeMenu a { display: block; margin-bottom: 5px;}
 #journalListTbl { margin-bottom: 30px;}

 .profileBG.isMiniview .resumeContent { width: 100%; padding: 12px; margin: 0 auto; box-shadow: none;}
 .profileBG.profMarTop.isMiniview { margin: 0; padding: 12px 12px 130px 12px;}
 .profileBG.profMarTop.isMiniview h2 { display: none;}
 
/* ====================================
    VENDOR PAGE STYLES
====================================== */
#participatingVendors { margin-bottom: 30px;}
#vendorFiltersLeft { float: left; width: 51%;}
#vendorFiltersRight { float: right; width: 40%;}
#vendorFiltersRight h5 { font-size: 14px;}
#invitespan,
#vendoremail,
#otherVendorsFilter { background: #efefef; padding: 15px; margin: 20px 0;}
#otherVendorsFilter { background: #fff; padding: 15px; border: 1px solid #ccc;}
#vendorCategory,
#regionsServiced,
#vendorTier,
#preferredVendors { margin-bottom: 15px;}
#regionsDiv,
#categoryDiv { margin-top: 10px;}
.vendorPage h3 { color:#25265e; margin: 0 0 6px; font-size: 18px;}
.vendorPage h4 { color:#484996; margin: 0 0 2px; font-size: 16px;}
.vendorPage p.vendorHelpTxt { font-size: 11px; color: #5c5c5c; margin: 0 0 12px;}
#vendorTier p,
#preferredVendors p { font-size: 12px; font-weight: bold; color:#28255d;}
.vendorPage tr.list-header th a { font-size: 12px; color:#484996;}
.vendorPage .btnBox { float: left; margin-right: 15px;}
#regionsServiced a,
#vendorCategory a { font-weight: bold; color:#484996; text-decoration: none; font-size: 12px;}
#regionsServiced a span,
#vendorCategory a span { font-size: 14px; position: relative; top: 1px;}
#regionsServiced a:hover,
#vendorCategory a:hover { color:#28255d;}
#filtersExpand,
#regionsDiv,
#categoryDiv { display: none;}
.showFilters { font-size: 19px; font-weight: 900; position: relative; top: 2px; left: 5px;}
#expandFiltersBtn, .showFilters { cursor: pointer;}

/* ==== Vendor Statistics Window ====== */
#vendorReportWindow { padding: 15px;}
#vendorReportWindow .pageTitle { margin: 0 0 8px;}
#vendorReportTitle { padding: 4px 10px; font-weight: bold;}
p.vendorReportTxt { font-size: 12px;}

/* ==== Vendor Contact Page ====== */
#vendorContPref { margin-bottom: 30px;}

/* =================================================
		SCREENING QUESTIONS PAGES
==================================================== */
ul#questList { list-style: none; margin: 0; margin-left: -35px; margin-top: 20px;}
ul#questList li { float: left; padding: 15px; margin: 0 30px 30px 0; border: 1px solid #ccc; position: relative; width: 28%; height: 165px; overflow: auto; background: #fff;}
ul#questList .questNum { float: left;  background:#b6bec5; border-radius: 50%; width: 10px; height: 10px; text-align: center; padding: 7px;}
ul#questList .questText { float: left; font-size: 16px; width: 76%; margin: 2px 0 13px;}
ul#questList .questNum p { color: #fff; font-size: 12px; font-weight: bold; position: relative; top: -3px; margin: 0;}
ul#questList .questText h4 { margin: 0; margin-left: 7px; font-size: 14px;}
.questActionBtns { position: absolute; top: 15px; right: 15px;}
.questDelete { float: right; margin-left: 10px; }
.questSave { float: right; }
.questDelete a span,
.questSave a span { font-size: 22px;}
.questDelete a:hover span,
.questSave a:hover span { font-weight: 900; color:#25265e; }
.questRequired { background: #efefef; border: 1px solid #ccc; padding: 5px 10px; margin-bottom: 10px;}
.questRequired input[type="checkbox"] { position: relative; top: 2px;}
.questType { float: left; width: auto;}
.questAnswer { margin-bottom: 5px; float: right;}
.questType p { font-size: 12px; margin-top: 7px;}
.questType p span { font-weight: bold; color:#484996;}
.questPointVal p { font-weight: bold; color: #484996; font-size: 12px; margin: 0;}
.questPointVal .formBox { margin: 0;}
.questAnswer .formBox label { display: inline-block;  margin-right: 5px;}
.questAnswer .formBox input[type="text"] { width: auto; font-size: 12px;}
.questAnswer .formBox { margin-bottom: 0;}

#scoreThresholds { background: #efefef; border: 1px solid #ccc; padding: 20px; margin: 20px 0 30px;}
#scoreThresholds h2 { font-size: 18px; margin-top: -5px;}
#questScoreLeft { float: left; width: 30%; padding-right: 20px;}
#questScoreRight { float: left; width: 30%; margin-left: 40px;}
#scoreThresholds .btnBox { float: left; }
#noQuest { padding: 0 0 30px 0;}
#noQuest p { margin: 0;}
#newQuestTitle { float: left;}
#newQuestBtn { float: right; margin-left: 20px;}
#addQuestBtn { float: right;}
#addQuestLeft { float: left; width: 47%;}
#addQuestRight { float: left; width: 40%; margin-left: 30px;}
#addQuestLeft .formBox.radioGrp h5 { font-size: 12px;}
.addNewQuestBox { background: #efefef; padding: 10px 15px; border: 1px solid #ccc;}
.addNewQuestBox p { margin: 10px 0 0; font-size: 11px; color: #5c5c5c;}
#addQuestRight p { margin: 0;}
table#questionlist { width: 100%; margin-top: 10px;}
table#questionlist th,
table#questionlist td { border: 1px solid #ccc; padding: 6px 10px;}
table#questionlist th { background: #efefef;}
table#questionlist td input[type="text"] { width: 100%; box-sizing: border-box;}
.tblBtns { color:#8688c5; text-decoration: none; padding-right: 20px;}
.tblBtns:hover { color:#25265e;}
td.ss1 input[type="text"] { font-size: 12px; padding: 3px 10px;}
#filterQuestDiv { width: 25%; padding-bottom: 60px;}
#radiosOrLists { display: none; margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc;}
#optionboxes { border: 1px solid #ccc; padding: 15px; margin-bottom: 20px; background: #fff; }
#optionboxes h3 { margin: 0 0 12px;}
#questFormat p { margin: 0 0 15px; border-bottom: 1px solid #ccc; padding-bottom: 15px;}
p#questDisclaimer { font-size: 12px; color: #5c5c5c; padding-left: 15px;}
#newQuestSaveBtns { margin-top: 10px;}
#newQuestSaveBtns .btnBox { float: left; margin-right: 20px;}
#totalQuestCount { position: absolute; top: 57px; right: 20px; font-size: 12px;}
#questFilterBtnBox { position: absolute; top: 20px; right: 20px;}
#submitBtnBox { position: absolute; top: 50px; left: 0px; display: none;}
#submitBtnBox input[type="submit"] { background:none!important; color: #8688c5 !important; padding: 2px 0 !important;  text-transform: none !important;}
#submitBtnBox input[type="submit"]:hover { color: #25265e !important;}
input[type="submit"]#Submit1 { background:#25265e !important; text-transform: none !important; padding: 8px 40px !important; height: auto !important; font-size: 16px !important; }

#questLibListFilter { background: #efefef; border: 1px solid #ccc; padding: 15px;}
#questLibListFilter .btnBox { float: left; margin-right: 20px;}

/* =================================================
		TIME KEEPING & ACCOUNTING STYLES
==================================================== */
#maintimediv { width: 90%; margin: 0 auto;}
#maintimediv h3 { font-size: 20px; color: #8688c5; margin-bottom: 5px;}
.timeTable { margin-bottom: 20px;}
#timeInfo { background: #efefef; padding: 15px 15px 3px; margin-bottom: 10px; position: relative;}
#timeInfoLeft { float: left;}
#timeInfoRight { float: right; text-align: right;}
#timeInfo p { margin-bottom: 8px; font-size: 12px; color: #6b6b6b;}
#weekSelect { width: 300px; margin: 0 auto 10px;}
#weekPrev { float: left; margin-right: 10px;}
#weekDetail { float: left; margin-right: 10px; background: #e9ebf3; padding: 5px 8px 3px;}
#weekNext { float: left;}
#weekPrev span,
#weekNext span { font-size: 18px; padding-top: 5px; font-weight: 900; color:#8688c5;}
#weekDetail p { font-size: 12px; font-weight: 600; color:#6b6b6b; margin: 0;}
#weekPrev a:hover span,
#weekNext a:hover span { color:#484996;}
#weekSelect { position: absolute; bottom: -47px; left: 34%;}
#tcControls { height: 38px;}
#checkclock { float: left; margin-top: 3px; color: #6b6b6b; }
#shiftCode { float: right; }
#shiftCode label { font-size: 11px; color: #6b6b6b;}
#shiftCode select { width: 90px; padding: 3px 5px;}
#checkclock input[type="checkbox"] { position: relative; top: 2px;}
#timeRow {overflow-x: auto;}
.timeListRow { margin: 30px 0; border: 1px solid #ccc; padding: 20px; width: 96%; background: #fff; position: relative;}
.timeListRow h3 { margin: 0 0 10px; font-size: 16px; color:#25265e;}
.timeListFooter { margin-top: 10px;}
.timeListFooter p { float: left; color: #6b6b6b; margin: 0; font-size: 12px;}
.timeListFooter p.totalHours { float: right;}
table#candidate_expense_list td label { display: block; font-weight: bold;}
table#candidate_expense_list td select,
table#candidate_expense_list td input[type="text"],
table#candidate_expense_list td input[type="date"] { width: 90%; font-size: 12px; box-sizing: border-box;}
table#candidate_expense_list span.expAmount { font-size: 16px; margin-right: 2px;}
table#candidate_expense_list td.hasBorderBoth { text-align: center;}
table#candidate_expense_list td.noExpMessage { font-size: 12px; color: #6b6b6b; padding-top: 10px;}
table#candidate_expense_list tr.tableRow.tempAddRow { background: #fdf9eb;}
table#candidate_expense_list tr.tableRow.tempAddRow:hover td { background: #fdf9eb !important;}

/* Time Lists Filters */
.timeFilters { background: #efefef; border: 1px solid #ccc; padding: 15px 20px 10px;}
.timeFilters .btnBox { position: absolute; top: 20px; right: 20px;}

/* Re-usable timecard styles */
	#timeCard { margin-bottom: 10px;}
	.timeTable { width: 100%; border-collapse: collapse;}
	.timeTable th { font-weight: 600; background: #efefef; color:#8688c5;}
	.timeTable td,
	.timeTable th { padding: 4px 10px; width: 50px; }
	.timeTable th.col-1-header { text-align: left; padding-left: 20px; color:#484996;}
	.timeTable td.col-1-label { padding-left: 20px; font-weight: 600; color:#484996;}
	.timeTable td.col-1-cell,
	.timeTable th.col-1-header { width: 170px; background: #e9ebf3; padding-left: 20px; padding-right: 20px;}
	.timeTable tr.daily-totals-row { background: #e9ebf3; }
	.timeTable tr.daily-totals-row  td { padding-top: 25px; padding-bottom: 25px; text-align: center;}
	.timeTable tr.daily-totals-row  td.col-1-label { text-align: left;}
	.timeTable td.totals-cell { background: #d3d3d3; text-align: center;}
	.timeTable td.day-cell { text-align: center;}
	.timeTable td.grand-total,
	.timeTable th.totals-header { background: #d3d3d3; color:#484996; text-transform:uppercase; text-align: center;}
	.timeTable td input[type="text"] { padding: 4px; text-align: center; width: 100%; box-sizing: border-box; color: #5b5b5b;}
	.timeTable td.col-1-cell input[type="text"] {text-align: left;}
	.timeTable tr.grayBg { background: #efefef; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
	.timeTable td.check-cell { text-align: center;}
	#custApproval { margin: 20px 0; background: #efefef; padding: 15px 20px 10px;}
	#custApproval .formBox { margin-bottom: 10px;}
	#custApproval h4 { margin: 0 0 10px; color:#484996; font-size: 14px;}
	#custApproval label { display: block; font-weight: bold; color: #6b6b6b;}
	#custApproval p { font-size: 12px; margin-bottom: 10px; color: #6b6b6b;}
	tr.otRow td.col-1-label { color: #6b6b6b; padding-left: 10px;}
	tr#discrepancy { background: #fbe6e6;}
	tr#discrepancy td.col-1-label { color: #dc7d7d;}
	tr#discrepancy td.grand-total { background: #fbe6e6;}

/* End timecard styles */

#timeBtns { float: right;}
.formBox.payNote { float: left; margin-bottom: 15px; width: 35%;}
.formBox.payNote label { display: block; color:#484996; margin-bottom: 3px; font-size: 14px; font-weight: bold;}
.formBox.payNote textarea { width: 100%;}
.formBox.payNote p.helpTxt { color: #d3d3d3; font-size: 11px; margin-top: 3px;}

h4.otTitle { font-size: 14px; margin: 5px 0; color: #6b6b6b;}
p.otMessage { font-size: 12px; color: #6b6b6b;}
p.approvalMessage { background: #efefef; padding: 15px; text-align: center; margin-bottom: 20px; font-size: 12px; color:#8f8f8f;}

#timeBtns input[type="button"] { 
	background: #fff; 
	color: #8688c5;
	border: 1px solid #8688c5;
	text-transform: none !important;
	font-size: 13px !important;
	font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding: 8px 15px !important;
	border-radius: 5px;
	font-weight: 600;
	cursor: pointer;
}

#timeBtns input[type="button"]#save { background: #484996; color: #fff; border: 1px solid #484996;}
#printBtnTime { position: absolute; top: 20px; right: 20px;}
#timeBtns input[type="button"]:hover { background: #efefef; }
#timeBtns input[type="button"]#save:hover { background:#3384d0; border: 1px solid #3384d0;}

/* Report Filters */
#timeReports { border: none; padding: 0; background: none;}
.timeReports { float: left; border: 1px solid #ccc; padding: 20px; width: 46%; margin-bottom: 50px; background: #fff;}
#expenseReportFilters {float: right;}
.timeReports p { color: #6b6b6b; font-size: 12px; margin: 0 0 10px;}
.timeReports h3 { margin-bottom: 5px;}

/* Clock-in Window */
#timebox { width: 400px; padding: 15px 20px 20px; border: 1px solid #ccc; background: #fff; z-index: 1021; position: fixed; top: 50px; left: 30%; box-sizing: border-box;}
#timebox h3 { color: #8688c5; margin: 0; font-size: 19px;}
#timebox p { margin: 0 0 15px;}
#timebox table { width: 100%; }
#timebox table td { padding: 4px 5px; font-size: 13px;}
#timebox table td.dayname {font-weight: bold; text-align: right;}
#timebox table td select { padding: 5px 3px; margin-left: 5px; font-size: 12px;}
#timebox input[type="text"] { text-align: center;}
#timebox #split { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 6px 0; margin: 10px auto; width: 80%; font-weight: 600; text-align: center;}
#closeTimebox { position: absolute; top: 15px; right: 15px; font-size: 21px; font-weight: 300; color:#8688c5; text-decoration: none;}
#timebox .btnBox { width: 200px; margin: 20px auto 0;}
#timebox .btnBox a { display: block; text-align: center; color: #fff; background: #484996; padding: 8px 15px; text-decoration: none;}
#timebox .btnBox a:hover {background: #3384d0; }
#closeTimebox:hover { color:#3384d0;}

/* Report Windows */
.timeReportWrap { width: 92%; margin: 20px auto;}
.reportBox { border: 1px solid #ccc; padding: 15px; margin-bottom: 30px; }
.timeReportWrap h2 { margin: 0; font-size: 17px; color: #6b6b6b;}
.reportBox h3,
.expRptHdr h3 { color: #484996; font-size: 16px; margin: 0 0 8px; float: left;}
.reporttBoxHeader p { color: #6b6b6b; margin: 0 0 6px;}
.reportBox p.idNum,
.expRptHdr p.idNum { float: right; color: #6b6b6b; font-weight: 600;}
p.headerP { color: #6b6b6b; margin: 0 0 10px; font-size: 12px;}
.expRptTbl { width: 100%; }
.expTotalRow p { background: #efefef; padding: 10px; color: #484996; text-align: center; margin-top: 10px;}
.expTotalRow.expGrndTotal p { background: #fbe6e6; color: #c33434; padding: 15px; text-transform: uppercase; font-size: 18px; margin: -10px 0 20px;}
p.apprRpt { padding: 5px 10px; background: #e9f9ee; color: #259c49; margin: 0 0 10px;  font-size: 12px; border-radius: 5px;}
p.apprRpt.notAppr { background: #fbe6e6; color: #dc7d7d;}
.rptHdrLeft { float: left; width: 55%;}
.rptHdrRight { float: right; width: 35%; text-align: right;}
.timeTable.rptTbl { margin-bottom: 0;}
.timeTable.rptTbl td,
.timeTable.rptTbl th,
.reporttBoxHeader p { font-size: 12px;}
.timeTable.rptTbl { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; width: 100%;}
.timeTable.rptTbl tr { border-bottom: 1px solid #ccc;}
.timeTable.rptTbl tr.daily-totals-row td { padding-top: 4px; padding-bottom: 4px; border: 1px solid #ccc;}
.timeTable.rptTbl td.col-1-label,
.timeTable.rptTbl td.col-1-cell,
.timeTable.rptTbl th.col-1-header { padding-left: 10px; padding-right: 10px; border-right: 1px solid #ccc;}
.timeTable.rptTbl td.totals-cell,
.timeTable.rptTbl th.totals-header { border-left: 1px solid #ccc;}
.timeTable.rptTbl th.day-header { color: #484996;}
.timeTable.rptTbl th.day-header span { font-weight: normal; display: block; font-size: 10px; color: #6b6b6b;}

/* ADMIN > TOOLS > ACCOUNTING > HOURS LIST */
.adminTimeListWrap { padding: 16px 30px 30px; position: relative;}
.adminTimeListWrap tr.commentsRow { background: #efefef;}
.adminTimeListWrap tr.commentsRow td { border-left: 1px solid #ccc; padding: 6px 10px; font-size: 12px; color: #6b6b6b; }
.adminTimeListWrap tr.commentsRow td.commHdr { font-weight: bold;}
.adminTimeListWrap .exportBtn { position: absolute; top: 20px; right: 0; }
.adminTimeListWrap h2 { margin-bottom: 35px !important;}

/* =================================================
		SEND TEXT MESSAGE WINDOW
==================================================== */
#textMessWrap { padding: 20px; box-sizing: border-box;}
#textMessWrap h3 { padding: 8px 10px; background:#25265e; color: #fff; font-weight: bold; font-size: 18px; margin: -4px 0 20px;}
#textMessWrap h3 span { margin: 2px 4px 0 0; font-size: 20px;}
#cancelTextBtn { display: block; font-size: 20px; position: absolute; top: 22px; right: 33px; color: #fff; text-decoration: none;}
#textMessWrap .textBox label { display: block; font-weight: bold; font-size: 14px; margin-bottom: 3px;}
#textMessWrap textarea { width: 100%; font-size: 12px; color: #6f6f6f;}
#textMessWrap .textBox p { font-size: 11px; margin: 5px 0 0; color:#989898;}
#sendChoice { background: #efefef; padding: 15px; margin-bottom: 15px;}
#sendChoice select { width: auto;}
#textMessWrap .btnBox { float: left; margin-right: 20px;}

.candidaterectangle-speech-border p { font-size: 14px; margin: 0;}
.candidaterectangle-speech-border a { color:#188dd8; text-decoration: none; display: inline-block; padding-top: 15px;}
.candidaterectangle-speech-border a:hover { text-decoration: underline;}



/* =================================================
		CERTIFICATIONS
==================================================== */
#thetop { width: 98%; height:260px; overflow-y:auto; margin: 40px 0; box-sizing: border-box;}
#thebottom { width: 98%; height:100%; margin-bottom: 50px; position: relative;}
#thebottom #addNewBtn { position: absolute; top: 20px; right: 20px; display: none; /* Hidden temporarily while we sort out button's function */}

/* =======================================================
		CALL LIST (Task list) and SCHEDULE WINDOWS
=========================================================== */
.callFormBox { width: 750px; position: absolute; top: 280px; left: 200px; background: #fff; padding: 25px 30px 30px; border: 1px solid #ccc; box-sizing: border-box;}
.callFormBox h3 { font-size: 18px; margin: 0 0 12px; color:#484996; text-align: left;}
.container-call .formGroup { float: left; width: 47%; margin: 0 0 20px;}
.container-call .formGroup.grpRight { float: right;}
.container-call .formBox label { font-size: 12px;}
.container-call .formBox.hasCheck { margin-top: -7px; margin-bottom: 0;}
.container-call ul { list-style: none; background: #efefef; margin: 0 0 10px; }
.container-call ul li { display: inline-block; padding: 4px 7px;}
.container-call .callBtns { margin-bottom: 15px;}
.container-call .btnBox { float: left; margin-right: 10px;}
.container-call #cancelCall.btnBox { margin-top: 8px;}

/* New Calls Page from Candidate Record */
.callFormBox.newCallPage { position: relative; top: 0; left: 0; background: #efefef; padding: 17px 20px 10px;}
#callLogHeader { position: relative; margin-bottom: 20px;}
#callLogHeader h3 { font-size: 16px; color: #484996;}
table#callLogList td span { font-size: 12px;}
table#callLogList td span:hover { font-weight: normal !important;}
#callLogChecks { padding: 5px 10px 3px; background: #efefef; border: 1px solid #ccc; float: left;}
#closeCallContainer { position: absolute; top: 10px; right: 15px;}
#closeCallContainer a { font-size: 24px; text-decoration: none; color: #8688c5;}
#closeCallContainer a:hover { color:#25265e;}
.container-call.container-confirm .formBox select { width:40%;}
tr.listclass td.callprioritytd { color: #fff !important;}



/* =================================================
		CUSTOM ERROR PAGE - Not currently in use
==================================================== */
body#errorPage { margin: 0; padding: 0;  font-family: 'Poppins', Arial, sans-serif;}
.pageWidth { width: 85%; margin: 0 auto;}
#errorHeader { background: #f2f2f2; padding: 10px 0 5px; border-bottom: 1px solid #ccc; margin-bottom: 30px;}
#errorContent h1.pageTitles { font-size: 42px; margin-bottom: 5px;}
#errorContent p { font-size: 20px; margin: 0 0 20px;}
#errorContent img { text-align: center;}
#errorHomeBtn { width: 150px; margin-top:50px;}
#errorHomeBtn a { display: block; background: #28255d; color: #fff; font-weight: bold; text-align: center; text-decoration: none; padding: 8px 0;} 

/* =================================================
		WIP Configure Page
==================================================== */
#wipConfigHdr { margin-bottom: 20px; padding-bottom: 20px; position: relative;}
#wipConfigHdrLeft { float: left;}
#wipConfigHdr .btnBox { position: absolute; right: 10px; bottom: -35px;}
#wipConfigHdrLeft p { margin: 0;}
#blueboxes { border-bottom: 1px solid #ccc; margin-bottom: 20px;}
#blueboxes a { display: inline-block; padding: 5px 10px; margin-right: 2px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#blueboxes a.active { background: #efefef;}
#wipCopyConfigBox { float: right;}
.outerBoxWip { float: left; border: 1px solid #ccc; margin: 0 20px 20px 0; width: 300px; position: relative; padding-bottom: 10px; height: 320px; overflow: auto;}
.outerBoxWip p { background: #efefef; font-weight: bold; padding: 5px 10px; margin-bottom: 10px; margin-top: 0;}
.outerBoxWip input[type="checkbox"] { position: relative; top: 2px;}
a#wipBoxClose { position: absolute; top: 7px; right: 10px; font-size: 12px;}
.outerBoxWip  ol.dbx-group li { padding: 2px 10px;}
#copyWipUser { display: none; width: 300px; position: fixed; top: 100px; left: 36%; border: 1px solid #ccc; padding: 20px; background: #fff; z-index: 100;}
#copyWipUser h4 { font-size: 16px; color: #25265e; margin: 0 0 10px;}
#copyWipUser select { width: 100%;}
#blueboxes #closeCopyBtn { position: absolute; top: 1px; right: 1px; font-size: 18px; border: none;}
#blueboxes #closeCopyBtn:hover { text-decoration: none;}

#overlayBG,
#overlayBGsoft { background: rgba(0,0,0,0.3); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10;}
#overlayBGsoft { cursor: pointer;}

/* =================================================
		WHAT'S NEW? Support Page
==================================================== */
.newPops { position: fixed; top:10%; left:20%; width:50%; width: 50%; max-height: 60%; overflow: auto; border: 1px solid #ccc; background: #fff; padding-bottom: 20px;}
.newPops h3 { font-size: 24px; color:#fff; margin: 0 0 20px; background: #25265e; padding: 8px 20px;}
.newPops a.txtLink { position: absolute; top: 7px; right: 20px; font-size: 26px;}
.newPops ul { list-style:disc;}
.newPops ul li { font-size: 16px; padding: 7px 0; color: #25265e;}

form#selectform { float: left; width: 13%; background: #efefef; padding: 15px;}
table#itemlist { float: right; width: 81%; margin-right: 2%; border: 1px solid #ccc;}
form#selectform h5 { font-size: 12px;}
#details_box { position: absolute; width: 50%; top: 25%; left: 20%; background: #fff; border: 1px solid #ccc; padding: 20px 30px 30px; box-sizing: border-box; z-index: 30; }
#whatsNewDetailCloseBtn { position: absolute; top: 9px; right: 15px; font-size: 26px;}
#ratingsP { position: absolute; top: 8px; right: 55px; display: none;}
#displaydetails h2 { margin-top: 0; color: #25265e; padding-right: 200px;}
#displaydetails img { border: 1px solid #ccc; max-width: 100%; height: auto;}
#detailDisplayEditBox { background: #efefef; padding: 15px; margin-top: 30px;}

/* =================================================
		ADDRESS BOOK
==================================================== */
#addBookWrap { padding: 20px 25px 25px; position: relative;}
#addBookWrap h1.pageTitles { font-size: 22px; margin: 0 0 3px; }
#addBookWrap p { margin: 0 0 10px;}
#closeAddBk { position: absolute; top: 25px; right: 30px;}
#addBookWrap tr.tslistclass td { padding: 6px;}
#addBookWrap tr.tslistclass td input[type="text"] { width: 100%; box-sizing: border-box; font-size: 12px; padding: 3px 8px;}

/* =================================================
		FAVORITES
==================================================== */
#favControls { float: left; width: 200px; background: #efefef; padding: 10px 10px 0; margin: 7px 30px 0 0; box-sizing: border-box;}
#favContent { float: left; width: 79%; }
#favContent h3 { margin: 0; font-size: 20px; color: #25265e;}
#favContent p { margin: 0 0 15px; font-size: 12px; color: #5c5c5c;}
#favControls .formBox.radioGrp h5 { margin-bottom: 12px;}
ul#shortcuts { margin-left: -40px;}
ul#shortcuts li.dbx-box { width: 120px; height: 75px; margin: 0 12px 12px 0; float: left; padding: 10px 5px 5px; border-radius: 5px; cursor: pointer; border: 1px solid #ccc;}
#autoArrFav { border-top: 1px dotted #ccc; margin-top: 15px; padding: 15px 0 0 5px;}

/* =================================================
		AUTO CONFIG WIZARD
==================================================== */
#wizWrap { padding: 20px 30px 30px;}
#wizWrap .dbx-handle { padding: 20px; background: #efefef !important; margin-bottom: 40px; border-radius: 5px; position: relative;}
#wizWrap fieldset { background: none !important;}
#wizWrap legend { font-size: 20px !important; color:#25265e !important; text-transform: capitalize;}
#wizWrap .display-section { background: none !important;}
#wizWrap tr.list-header th { padding: 10px 8px;}
#wizRadio { margin: 15px 0;}
#wizRadio .formBox { float: left; margin: 0 20px 0 0;}
#needHelpWiz { margin: 40px 0 0;}
#needHelpWiz h4 { font-size: 16px; color: #25265e; margin: 0 0 2px;}
#needHelpWiz a { font-size: 14px;}
#lastCompWiz { background: #fff; position: absolute; top: 20px; right: 20px; width: 200px; border: 1px solid #ccc; padding: 12px;}
#lastCompWiz p { font-size: 12px; margin: 0 0 10px;}
#applyRecWiz { background: #fff; position: absolute; top: 215px; right: 20px; width: 200px; border: 1px solid #ccc; padding: 12px;}
#applyRecWiz p { font-size: 12px; margin: 0 0 10px;}

/* =================================================
		MERGE CANDIDATES
==================================================== */
table tr.tableRow.survivorRow td { padding: 16px 8px; background:#e1fcf7; font-weight: 900;}
table tr.tableRow.survivorRow:hover td { background:#e1fcf7 !important;}
h3#mergeCandSurvivor { position: absolute; top: 55px; right: 45px; }
span#mergeCandSurvivorHilite { background:#e1fcf7; padding: 3px 5px;}
#candMergeTbl { margin: 20px 0;}
.mergeCandPage form#cancel { position: absolute; top: 120px; right: 45px;}

/* =============================================================================================================
		"GRADIENT" - COLOR BACKFILL
		Backfill CSS to cover the thousands of places that still use the legacy "gradient-this or that" class
		BTW, this is NOT a gradient. Just a solid color. Formerly in custom.css
=================================================================================================================== */
.gradient-candidate { background: #f4f5fb;}
.gradient-contact { background: #f2f9ff;}
.gradient-business { background: #f2fdef;}
.gradient-job { background: #fcf8eb;}
.gradient-other { background: #efefef;}

/* =================================================
		SET DATE TIME FORMAT WINDOW
==================================================== */
#dateTimeWrap { padding: 20px;}
#dateTimeWrap .formBox { background: #efefef; padding: 10px; border-radius: 5px;}
#closeDateFmt { position: fixed; top: 10px; right: 10px; font-size: 26px;}
#testingBtnBox { border: 1px solid red; width: 40px;}

/* =================================================
		CALENDAR LARGE
==================================================== */

table#calendar { border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.item { font-size: 8pt; background: #e6f7ff; border: 1px solid #a8d7e5; padding: 5px; width: 90%; margin: 0 auto 5px; box-sizing: border-box; border-radius: 5px; cursor: pointer;}

table#calendar td.sourceNav { background: #efefef;}
td.sourceNav { border-right: 1px solid #ccc;}

ul#calNavRight { list-style: none; margin: 0; margin-top: 10px;}
ul#calNavRight li { display: inline-block; padding: 0 8px; text-align: center;}

.calHeaderNavRow td { padding: 7px;}

.calHeaderNavRow .nxtPrv { font-size: 21px; color: #25265e;}

#monthTitle p { margin: 0; font-size: 21px; cursor: pointer; color: #25265e; }
#dateSelect { margin-top: -10px; }

.calHeaderNavRow a span,
td#dayHeaderNav a span { font-size: 26px;}


.headerWeekMonth { width: 140px; background:#25265e; color: #fff;}
.calCell { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 90px; font-size: 12px; background: #fff;}
.calCellActive{ background: #efefef; border: 2px solid #ccc; }
.calNum { font-family: Poppins,Helvetica,sans-serif!important; width: 90px; font-size: 13px; padding: 3px 0 0 5px; cursor: pointer;}

.dayHeaderTop td { width: 400px; padding: 0;}
#headerDay { padding: 10px; background: #25265e;}
td#dayHeaderNav { background: #efefef; border-right: 1px solid #ccc; padding: 10px 0 7px;}
#headerDayLeft { float: left;}
#headerDay .btnBox { float: right;}
#headerDay p { margin: 5px 0 0; color: #fff; font-size: 15px; font-weight: 500;}
#dayHeaderNav #calNavRight { margin: 0 auto; width: 175px; padding: 0;}
td#dayHeaderTitle { border-right: 1px solid #ccc;}

td.hasTime { width: 20%;}
td.hasTime2 { border: none;}
tr.daysViewRow td table tr td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px; }

#dayView { position: absolute; z-index: 20; top: 6%; left: 20%; width: 700px; height: calc(100vh - 130px); border: 1px solid #ccc; background: #fff; padding: 30px; overflow: auto;}

#calCloseBtn { position: absolute; top: 4px; right: 3px; background: none; border: none; font-size: 23px; }

table#addItemChoice td.addItemBtns { background: #188dd8; color: #fff; padding: 8px 0; border-right: 1px solid #fff; cursor: pointer;}
table#addItemChoice td.addItemBtns:hover { background: #31b4f8;  }

#dayview h3 { font-size: 18px; color:#25265e; margin: 0 0 20px; }
tr#newcall h3 { float: left; margin-top: 18px;}

#calItemsTbl,
#itemDetailsTbl { border-collapse: collapse; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
#calItemsTbl td,
#itemDetailsTbl td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px 10px;}

td#itemHeader { background: #efefef;}
            

                  
 

/* ==================================
    HIDE MAIN MENU ITEMS
=====================================*/
#menudiv nav #campaignMenuTab { display: none;}
#menudiv nav #socialMenuTab { display: none;}
#menudiv nav #dealsMenuTab { display: none;}

/* ==================================
    DATA TABLES OVERRIDES
=====================================*/

/* This could be eliminated by using global classes */
.dataTable tr.list-header th { border-bottom: none; border-top: 1px solid #ededed;}
.dataTable .filter-row th { padding: 6px; background: #e9ebf3; border: none;}
.dataTable .filter-row input[type="text"] { padding: 5px 10px; box-sizing: border-box; width: 95%;}
.dataTable > tbody > tr.selected > *, .dataTable > tbody > tr.odd.selected > *, .dataTable > tbody > tr.even.selected > * { box-shadow: inset 0 0 0 9999px #effaff !important; color: #000;background-color: #effaff; }

/*.dataTables_wrapper .dataTable td a { color: #8688c5 !important; text-decoration: none;}  
.dataTables_wrapper .dataTable td a:hover { text-decoration: underline; color: #25265e !important;}*/

.dataTables_wrapper .dataTable td a span { font-size: 16px;}
.dataTables_wrapper .dataTable td a:hover span {font-weight: 900;}

/* end duplicate classes/styles */

/* Elements unique to Datatables */
.dataTables_wrapper .dataTables_length { float: right; margin-right: 10px; }
.dataTables_wrapper .dataTables_length select { width: auto; font-size: 12px; padding: 2px 4px;}

.dataTables_wrapper .dataTables_info { margin-bottom: 10px;}

/* Two paginate elements per page - top is pinned and bottom is floated */
#mypersonnel_list_paginate,
#mywhiteboardob_list_paginate,
#everify_list_list_paginate,
#myinternal_list_paginate,
#mypayrolling_list_paginate,
#myupcomingterms_list_paginate,
#mygeneric-on-boardingstep1_list_paginate { float: none; position: absolute; top: -20px; right: 0px; padding: 0;}

.dataTables_wrapper .dataTables_paginate { margin-top: 20px; margin-bottom: 2px; }


/* Not ideal way to target this - drill down nested table elements */
table.dataTable table td table th { font-weight: normal !important; background: #efefef;}

.dataTable tfoot { display: table-header-group; background-color: #e1e2e3;}

.ms-options-wrap button { border-radius: 5px;}

.ms-options label { font-weight: normal!important;}

.ss-options { position: absolute; list-style: none; padding: 5px; border: 1px solid #ccc; background-color: #fff;}

.ss-options-container button { border-radius: 5px; color: #000; border: 1px solid #d4d5d9 !important; background-color: #fff; width: 105px; height: 25px;}

.nestedTbl { border-spacing: 0; border-collapse: separate; }
.nestedTbl thead tr th { background-color: #fff!important; }
.nestedTbl tbody tr td { padding: 0!important; background-color: #fff!important; vertical-align: top; }

.drp-selected { font-size: 14px!important; font-weight: bold; }
.daterangepicker .drp-calendar { max-width: 310px!important; }
.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right { width: 305px!important; }

[id$="_list_sidebar_wrapper"] { background-color: #fff; }
[id$="_list_sidebar_length"] { width: 50px; padding: 10px 0 0 10px; width: 100%; }
[id$="_list_sidebar_length"] select { box-sizing: border-box; margin: 0 5px; }
[id$="_list_sidebar_info"], [id$="_list_sidebar_paginate"] { float: none!important; text-align: center; }
[id$="_list_sidebar_paginate"].dataTables_paginate { margin-bottom: 20px!important; margin-top: 0px!important; text-align: center!important; }
[id$="_list_sidebar_paginate"].dataTables_paginate a { border: 1px solid #5d5d5d!important; font-size: 12px; }

/* ==========================================
		Shared Hire trak
============================================= */
.trakTitle {
	font-size: 22px;
	margin: -10px 0 10px;
	color: #25265e;
	font-weight: bold;
}

.trakTitleRight {
	font-size: 16px;
	color: #25265e;
	position: absolute;
	top: 0px;
	right: 20px;
}

.trakCard {
	padding: 15px 15px 15px 20px;
	background: #efefef;
	margin-bottom: 20px;
}

.trakWrapper {
	padding: 20px;
}

#trakHeader div {
	margin-right: 20px;
}

#trakHeader p {
	margin-bottom: 3px;
}



/* ==========================================
		SSG Custom Profile Pages
============================================= */
#jobDiv {
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.customFieldDiv {
	width: 40%;
	float: left;
}

#techHistory {
	background: #fff;
	padding: 20px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	float: right;
	width: 55%;
}

.profilePanel {
	border-radius: 5px;
	background: #fff;
}

.profilePanelLabel {
	margin-left: 8px;
	color: #2f4f4f;
	font-size: smaller;
	font-weight: bold;
}

/* ==========================================
		SSG Demo Site Banner
============================================= */
#topribbon.demoSite { background: #f93c3c;}
#topribbon.demoSite #expressFind { margin-left: 30px;}
#topribbon.demoSite #expressFind label,
#topribbon.demoSite #expressFind span,
#topribbon.demoSite #toolsTopNav span, 
#topribbon.demoSite #expressFind #expressVidIcon a { color: #fff;}
#demoBanner { float: left; margin-left: 225px;}
#demoBanner h3 { color: #fff; margin: 0; font-size: 18px; font-weight: bold;}

#topribbon.stagingSite { background: #d4a524;}
#topribbon.stagingSite #expressFind { margin-left: 30px;}
#topribbon.stagingSite #expressFind label,
#topribbon.stagingSite #expressFind span,
#topribbon.stagingSite #toolsTopNav span, 
#topribbon.stagingSite #expressFind #expressVidIcon a { color: #fff;}
#stagingBanner { float: left; margin-left: 225px;}
#stagingBanner h3 { color: #fff; margin: 0; font-size: 18px; font-weight: bold;}

/* ==========================================
		CUSTOM MEDIA QUERIES
============================================= */

@media (max-width: 3000px) {

	#techHistory {
		width: 55%;
	}
}

@media (max-width: 2250px) {

	#techHistory {
		width: 45%;
	}
}

@media (max-width: 1700px) {
	.docEdit #rightDoc { width: 75%;}
}

@media (max-width: 1350px) {
    #expressFind { width: 400px;}
	#expressVidIcon { display: none;}
	#expressFilter { width: 51%;}
	#expressInp { width: 40%;}
	.linkTxt { display: none;}

	.ssnavbar {}

	.docEdit #rightDoc { width: 71%;}

}

@media (max-width: 1170px) {
	.docEdit #rightDoc { width: 64%;}
}

@media (max-width: 1100px) {
	.docEdit #rightDoc { width: 59%;}
}