/* ==================================
    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: #d3d3d3; 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 { padding: 10px; margin: 0 10px 20px 0;  position: relative; display: none;}
a#closeToast { position: absolute; right: 20px; top: 6px; font-size: 21px;}
#toastNote.err { background:#faf1f1; border: 1px solid #fc7e7e;}
#toastNote.err p { margin: 0; color: #da4f4f;}
#toastNote.err a#closeToast { color: #f49898; }

#toastNote.succ { background:#e1fcf7; border: 1px solid #a3dcd1;}
#toastNote.succ p { margin: 0; color: #31a48f; }
#toastNote.succ a#closeToast { color: #72c8b8; }

#toastNote.std { background:#e9ebf3; border: 1px solid #cdd1e4;}
#toastNote.std p { margin: 0; color: #25265e; }
#toastNote.std a#closeToast { color: #9aa5d0; }

#batchActionsBtn { background: #e9ebf3; border: 1px solid #caccd8; color:#25265e !important; padding: 6px 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; right: 0px; z-index: 10; width: 190px; display: none;}
#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:#8688c5; font-weight: 600; font-size: 12px; text-decoration: none;}
#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: #8688c5; 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"], 
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 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, 
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: 16px; margin: 0 0 3px; color: #484996;}
.formBox.fileBox { border: 2px solid #ccc; padding: 10px;}

.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;}

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,  
textarea.error { border: 1px solid red !important; background: #fadfdf !important;}

input[type="text"].success,
input[type="email"].success, 
input[type="date"].success,
input[type="tel"].success,
input[type="file"].success,
input[type="datetime-local"].success, 
input[type="password"].success,  
textarea.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;
}
*/

.formBox input:disabled,
.formBox select:disabled,
.formBox textarea:disabled { background: #efefef !important; color: #9a9a9c !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; margin: 2px 0 0;}
#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;}

/* ==================================
    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:#dddddd;}
.secBtn:hover span {}

.outBtn {}
.outBtn span {}
.outBtn:hover {}
.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;}

#btnTest .ssBtn { margin-bottom: 30px;}
#btnTest .btnBox { width: 25%;}

#btnTest { display: none;}

/* 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;
}


/* ==================================
    GLOBAL LIST TABLE STYLES
=====================================*/

table { border-collapse: collapse;}
tr.list-header { background: #f4f5fb; border-bottom: 1px solid #ededed; 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: #e9ebf3; text-align: left; border-bottom: 1px solid #ededed;}
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: #707070; 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: #8688c5 !important; text-decoration: none;}
tr.tableRow td a:hover,
tr.trlistclass td a:hover { color:#25265e !important;}
tr.tableRow td a span,
tr.list-header th a span,
tr.trlistclass td a span { font-size: 16px; color: #8688c5;}
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; }

#limitToJobsCheckbox { background: #efefef; padding: 6px; border: 1px solid #ccc; float: left; margin-bottom: 15px;}

/* ==================================
    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(20, 180, 143, 0.4)!important; border: 1px solid #69dec9;}
#dashboardBG td.panel-title { font-size: 16px; color: #25265e !important; line-height: 18px;}
text.fusioncharts-caption { fill: #25265e !important; font-size: 16px !important; font-family: 'Poppins' !important; line-height: 18px;}

/* Dashboard Configure Panel Data */
#panel_selector { position:fixed; top: 8%; left: 20%; width: 720px; z-index:200; background: #fff; padding: 15px 20px 20px; }
#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; }
a#saveDashConfig { display: block; color: #fff; background:#25265e; text-align: center; font-weight: bold; padding: 8px 25px; margin-right: 10px; float: left;}
a#saveDashConfig:hover { text-decoration: none; background: #484996;}
a#cancelDashConfig { color:#5c5c5c; text-decoration: none; margin-top: 7px; float: left;}
a#cancelDashConfig:hover { color:#25265e;}
#selectbox p.helperTxt { font-size: 11px; background: #efefef; padding: 10px; margin: 0;}
a#closeDashConfig { position: absolute; top: 15px; right: 15px;}
a#closeDashConfig span { color:#484996; font-size: 24px; }

/* ==================================
    DASHBOARD HEADER STYLES
=====================================*/
#pagetitle { text-align:left; font-weight: bold; font-size: 32px;  margin: 5px 0 0 0px; color: #28255d; }
#dashboardMessage p.message { color: #ccc !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 { color: #5c5c5c; font-size: 12px; font-weight: 300; margin-left: 20px; }
#dashboardControls a span { font-size: 16px; position: relative; top: 2px; right: 3px; }
#dashboardControls a:hover { text-decoration: none; color: #14b294; }
#dashboardControls a:hover span { /*font-weight: 900;*/ }
#controlBoxHeader select { width: auto; font-size: 12px; padding: 3px 5px;}
#addNewWidgetBtn { text-align: center; float: right; position: relative; top: 2px; }
a#addWidgetButton { display: block; padding: 5px 10px; font-size: 12px; color: #fff; background: #15b294; border: 1px solid #15b294; border-radius: 5px;}
a#addWidgetButton:hover { text-decoration: none; color: #14b294; background: #fff;}
a#addWidgetButton:hover span { font-weight: 900;}
#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; }
#wipmenucategories a:hover { color: #1ab394; text-decoration: none; }
#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; }
#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; }
#wipmenucategories li:hover {background: #e1e1e1;}
#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:#979797; float:right; margin-top:6px; }
#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: 7px 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;}
#expressVidIcon span { color: #5c5c5c; cursor: pointer; font-size: 14px; position: relative; top: 1px; margin-right: 1px;}

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

#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: 300; 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 
====================================== */
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;}

.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 */
#stickySaveBtnExtra { display: none;}
#stickySaveBtn { position: fixed; bottom: -5px; left: 0; width: 50%; padding: 15px; background: rgba(255,255,255,0.7); border: 1px solid #25265e; z-index: 100; text-align: left;}

#stickySaveBtn input[type="button"].myButton { text-transform: initial !important; background-color:#25265e !important; font-weight: bold !important;}
#stickySaveBtn input[type="button"].myButton:hover { background-color:#484996 !important;}

/* 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;}

/* 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;}

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

/* The spotlight configure toolbar */
.spotlightConfigBar { padding: 10px 0; }
#mode_configure, #configoptions { padding: 5px; border: 1px dashed #ccc; width: 97%;}
.spotInstructionLeft { float: left; width: 30%; }
.spotInstructionRight { float: right; width: 54%; min-height: 20px; }
.spotInstructionRight input[type="radio"] { position: relative; top: 2px; left: 2px;}
.spotInstructionRight a span { font-size: 20px; color:#8a8a8a;}
.spotInstructionRight a:hover span { color:#14b294;}
.spotInstructionRight span { font-size: 12px; color: #3c3c3c;}
.spotInstructionLeft span#draginstruction { font-size: 12px; position: relative; top: 4px;}
.spotInstructionLeft span#draginstruction a { color:#14b294; padding-left: 5px; font-size: 12px;}
.spotInstructionLeft span#draginstruction a:hover { text-decoration: none; color:#25265e;}

.spotInstructionRight a.customVidIcon { display: block; position: relative; height: 23px; float: right;}
.spotInstructionRight a.customVidIcon span.innerVidMark { position: relative; font-size: 8px; color: #fff; top: -5px; right: 21px;}
.spotInstructionRight a.customVidIcon span.outerVidMark { position: relative;}

#sameAsBtn, #hideProfileDataBtn { border: 1px solid #14b294; padding: 4px 8px; float: left; }
#sameAsBtn a, #hideProfileDataBtn a { font-size: 11px; font-weight: bold; }
#sameAsBtn a:hover span, #hideProfileDataBtn a:hover span { background: #efefef; }

.spotlightConfigBar h3,
.spotlightConfigBar h4 { margin: 0; margin-bottom: 8px;}
.spotlightConfigBar a { color:#14b294; text-decoration: none;}
span.spotConfigTxt { float: left;}
span.spotConfigTxt p { font-size: 11px;}

/* Spotlight Card View */
.profileBG { padding: 20px 20px 60px 20px; border-radius: 5px; box-sizing: border-box; }
.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: #1ab394;}
.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;}

/* Hide outdated links in header group */
.profileHeaderGroup #fbIcon { display: none;}
.profileHeaderGroup #moreLikeIcon { display: none;}

/* 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: #c7debd; }

#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;}

#sharedBG { background: #f7f7f7; border: 1px solid #ccc;}

.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: #25265e; margin-left: 10px; font-size: 12px; }
#right2 a:hover, #right3 a:hover, #right4 a:hover { color: #1ab394; text-decoration: none;}
#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 { border-left: 10px solid #4c4895; padding-left: 10px;}
#contactHeaderBody span#nameInfo h3 { border-left: 10px solid #5ac0f0; padding-left: 10px;}
#businessHeaderBody span#nameInfo h3 { border-left: 10px solid #40db8c; padding-left: 10px;}
#jobHeaderBody span#nameInfo h3 { border-left: 10px solid #eabc4e; padding-left: 10px;}
span#nameInfo h3 a.hideThis { display: none;}

#header_workarea { position: absolute; top: 40px; left: 35%;}
#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: #d3d3f9;}
#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;}
#menudiv .dropdown .menudrop li { width: 230px; margin-left: 5px; margin-right: 5px; border-radius: 5px; text-align: left;}

/* 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
============================================= */

#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:100%; border:none; }
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; }
#folderColHeader p span { font-weight: 300; font-size: 18px; margin-right: 3px; }
#folderViewRadioBtn { }
#folderViewRadioBtn h4 {margin: 0 0 3px 0;}
#folderViewRadioBtn input[type="radio"] { position: relative; top: 2px; }
#folderViewRadioBtn label { display: inline; }
#folderViewRadioBtn h5 { margin: 8px 0 4px 0; font-size: 11px;}
#folderViewWrapper{ }
#folderViewWrapper p { margin: 0 0 2px 0; }
#folderBottom { padding: 0 10px;}

.hiddenContent { position: relative; border-bottom: 1px solid #ccc; }
.hiddenContent label { font-weight: bold; font-size: 11px; display: block; margin: 5px 0 2px 0; }
.hiddenContent a { text-decoration: none; font-size: 12px; color: #8688c5; }
.hiddenContent a:hover { color: #25265e; }
.hiddenContent h4 { cursor: pointer; margin: 0; color:#484996; padding: 8px 10px 6px; font-size: 14px;}
.hiddenContent h4.over { cursor: pointer; margin: 0; background:#f8f8fb; color:#25265e }
.hiddenContent span { position: absolute; top: 11px; right: 14px; cursor: pointer; font-size: 16px; }
.hiddenContent select, .hiddenContent input[type="text"] { width: 100%; box-sizing: border-box; padding: 3px 8px; font-size: 11px; }
#folderTop .more { padding: 0px 10px 8px;}

#batchActionsBox_accordian li,
#otherBatchActionsBox li { padding: 2px 0;}
#batchActionsBox_accordian li a,
#otherBatchActionsBox li a { font-weight: bold;}

#Table6 {}
#Table6 td { font-size: 12px;}
#Table6 td.folderListHeader { background: #f8f8fb; border: 1px solid #dedef0; padding: 4px 0 1px 8px;}
#Table6 td.folderListHeader input[type="checkbox"] { position: relative; top: 2px; margin: 0;}
#Table6 td.folderListHeader a { font-weight: bold; color: #8688c5; font-size: 12px;}
#Table6 td a { font-size: 12px;}
#Table6 td a:hover { color:#25265e; text-decoration: none;}

#Table6 td.folderListHeader.FolderListHeaderSelf { background: #fcf5a2; border: 1px solid #dbd47c;}
#Table6 td.folderListHeader.FolderListHeaderSelf { background: #fcf9d5; border: 1px solid #e9e5b1;}

.deleteIcon,
.quickNoteIcon { float: right;}
.quickNoteIcon { width: 25px;}
.deleteIcon span,
.quickNoteIcon span { font-size: 16px;}
.deleteIcon a:hover span,
.quickNoteIcon a:hover span { font-weight: 900;}

#selectAllCheckbox { margin: 8px 0 5px 5px; }
#selectAllCheckbox label { font-weight: bold; }
#selectAllCheckbox input[type="checkbox"] { position: relative; top: 2px;}
#regularFolderTopContent { padding: 10px; background: #f8f8fb; border-bottom: 1px solid #dedef0;}
#regularFolderTopContent a { text-decoration: none; font-size: 12px; color: #8688c5; }
#regularFolderTopContent h3 { margin: 0; color:#484996; padding: 2px 0; }
#regularFolderTopContent a:hover { color: #25265e; }
.regFolderHeader { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.regFolderHeader p { font-weight: bold; margin-bottom: 5px;}
p.regFolderLink { margin-top: 6px;}
p.regFolderLink a { font-weight: bold;}
p.regFolderLink a span { font-size: 14px; margin-right: 4px; position: relative; top: 1px;}
#otheractions_div { max-height: 300px; overflow: auto;}

/* ====== 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;}
#changeFolderBtnBox a { font-weight: bold; font-size: 12px; color:#8688c5; text-decoration: none; }
#changeFolderBtnBox a:hover { color: #25265e;}

#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 th,
#tableViewWrapper #Table1 td { text-align: left; font-family: 'Poppins', Arial, Helvetica, sans-serif;}
#tableViewWrapper #Table1 tr.tableHeader { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; }
#tableViewWrapper #Table1 tr.tableHeader th a { color:#8688c5; font-size: 14px;  font-family: 'Poppins', Arial, Helvetica, sans-serif;}
#tableViewWrapper #Table1 tr.tableHeader th a:hover { color: #484996; text-decoration: none;}
#tableViewWrapper #Table1 th { font-weight: bold; color: #484996; background: #f4f5fb; padding: 12px 10px; border-left: 1px solid #ededed; }
#tableViewWrapper #Table1 td { padding: 3px 10px; }
#tableViewWrapper #Table1 td.hasName { font-weight: bold; }
#tableViewWrapper #Table1 td.hasCheckbox, #tableViewWrapper #Table1 th.hasCheckbox { text-align: center; }
#tableViewWrapper #Table1 td a { color: #8688c5; font-weight: bold; text-decoration: none;  font-family: 'Poppins', Arial, Helvetica, sans-serif; }
#tableViewWrapper #Table1 td a:hover { color: #25265e;}
#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-weight: bold; font-size: 12px; color: #8688c5; font-family: 'Poppins', Arial, Helvetica, sans-serif; text-decoration: none; margin-right: 15px;}
#regularFolderOptions a span { font-size: 15px; margin-right: 4px;}

/* ====================================
    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
====================================== */

#sharedBG.notesBG.profileBG { border: none; padding: 20px 20px 0 0;}
#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;}
#notesFormWrap.notesAddWindow .btnBox input[type="submit"] { display: block; background:#188dd8; color: #fff; padding: 8px 25px !important; border: none; text-transform: none !important; font-size: 16px !important;}
.notesTitle { font-size:18px; margin: 0 0 12px; color:#25265e;}
#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: 10; 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;}
#notesearchOverlay { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.3); width: 100%; height: 100%;}
table#notes_list { border-left: 1px solid #ededed; border-right: 1px solid #ededed;}
p.notesColorCode { margin: 10px 0; padding: 12px; border: 1px solid #ccc; display: inline-block;}
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: 18%; width: 700px; border: 1px solid #ccc; background: #fff; padding: 20px; height: 400px; 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;}

/* ====================================
    DOCUMENT TREE VIEWER/EDIT
====================================== */

#mainpage.docEdit { background: #f4f5fb; padding: 20px; }
.docEdit #leftcol { float: left; background: #fff; margin-right: 20px; padding: 15px 20px 20px; position: relative; box-sizing: border-box; width: 25%; max-width: 280px;}
.docEdit #rightDoc { float: left; width: 70%; min-height: 350px; background: #fff; padding: 15px 20px 20px; box-sizing: border-box;}
#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 h3 { font-size: 18px; margin: 0; color: #25265e;}
#doctree p { font-size: 12px; color: #5c5c5c; margin: 0 0 8px;}

#toggleBtn { position: absolute; top: 15px; right: 15px; display: none;}
#toggleBtn a span { font-size: 16px; }

.btnBox.docsMergeBtn { margin: 10px 0 15px 0; border-bottom: 1px solid #ccc; padding-bottom: 15px;}

#newdocsection { float: left; width: 44%; position: relative;}
#sortdiv { float: right; width: 52%; position: relative;}
#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 {  border-top: 1px solid #ccc; padding-top: 15px; margin-top: 5px; 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: 0px; right: 20px; font-weight: bold; font-size: 14px; background: #efefef; padding: 5px 10px;}
a.txtLink.docEditMenu { display: inline-block; padding: 3px 10px 5px;}
#sortDocBtn, #addNewDocBtn, .docsMergeBtn a { font-size: 11px !important;}

.dtree { color: #000; white-space: nowrap; margin-left:1px; padding-top:2px;}
.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; }

/* ====================================
    EMPLOYEE HISTORY
====================================== */
#mainpage.empHistory { padding: 50px 0; width: 99%;}
.empHistoryCard { margin-bottom: 30px; position: relative; border: 1px solid #ccc; padding: 20px;}
.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 10px -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;}
.btnBox.svBtns { position: fixed; bottom: -2px; right: 20px; width: 93%; padding: 20px 20px 22px; border: 1px solid #ccc; background: rgba(255,255,255,0.7);}
#Submit1.ssBtn { float: right; margin-left: 20px;}
#Button1.ssBtn { float: right; margin-top: 15px;}
#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;}

/* ===================================
	BUSINESS PO'S
 ======================================*/
 #busPosWrap { background: #f4f5fb; padding: 20px 30px 30px; margin-top: 30px;}
 #busPosWrap h3 { font-size: 18px; color:#25265e; margin: 0 0 12px; }

 #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;}
 

/* ====================================
    VENDOR PAGE STYLES
====================================== */
#mainpage.vendorPage { padding-top: 20px; margin-bottom: 80px;}
#participatingVendors { margin-bottom: 30px;}
#otherVendors { background: #efefef; padding: 20px;}
#vendorFiltersLeft { float: left; width: 51%;}
#vendorFiltersRight { float: right; width: 40%;}

#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;}

a#vendorStatisticsBtn { display: block; float: left; color: #fff; background:#484996; padding: 6px 12px; margin-bottom: 20px; font-size: 12px; text-decoration: none;}

.vendorPage tr.list-header th a { font-size: 12px; color:#484996;}
.vendorPage label { display: block; font-weight: bold; font-size: 12px; color:#484996; }
.vendorPage .radioBtnBox,
.vendorPage .checkboxBox { float: left; margin-right: 15px;}
.vendorPage .radioBtnBox label,
.vendorPage .checkboxBox label { font-weight: normal; display: inline;}
.vendorPage .checkboxBox label { margin-left: 5px;}
.vendorPage .btnBox { float: left; margin-right: 15px;}
.vendorPage .btnBox input[type="button"],
.vendorPage .btnBox a { text-transform: none !important; font-family: Poppins, Helvetica, Arial, sans-serif !important; color: #fff; background: #484996; padding: 6px 16px !important; border: none; border-radius: 5px; cursor: pointer; font-size: 12px !important; text-decoration: none;}
.vendorPage .btnBox input[type="button"]:hover,
.vendorPage .btnBox a:hover { background: #25265e;}

.vendorPage .btnBox.noFloat { float: none; width: 150px; margin: 0 auto;}

#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;}

.vendorPage input[type="radio"],
.vendorPage input[type="checkbox"] { margin: 0; position: relative; top: 2px;}

#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;}

/* =================================================
		SCREENING QUESTIONS PAGES
==================================================== */

#questHeader { position: relative; padding-top: 30px;}
#questHeader .btnBox { float: left;}
#questHeader .btnBox a { display: block; background:#25265e; color: white; text-align: center; padding: 8px 20px; font-size: 12px; text-decoration: none; }
#questHeader .btnBox#addQuestBtn a { background: #fff; border: 1px solid #25265e; color:#25265e; }
#questHeader .btnBox#newQuestBtn a { margin-right: 15px; }
#questHeader .btnBox#newQuestBtn a:hover { background: #484996;}
#questHeader .btnBox#addQuestBtn a:hover { background: #efefef;}
#questHeader h2,
#scoreThresholds h2 { margin: 0 0 12px;}

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;}
ul#questList .questNum { float: left;  background:#b6bec5; border-radius: 50%; width: 10px; height: 10px; text-align: center; padding: 9px;}
ul#questList .questText { float: left; font-size: 16px; width: 76%; margin: 2px 0 15px;}
ul#questList .questNum p { color: #fff; font-size: 14px; font-weight: bold; position: relative; top: -4px; margin: 0;}
ul#questList .questText h4 { margin: 0; margin-left: 10px; font-size: 16px;}

.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; color: #8688c5;}
.questDelete a:hover span,
.questSave a:hover span { font-weight: 900; color:#25265e; }
.questRequired { background: #efefef; border: 1px solid #ccc; padding: 7px 10px; margin-bottom: 10px;}
.questType { float: left; width: auto;}
.questAnswer { margin-bottom: 5px; float: right;}
.questType p { font-size: 12px; margin-top: 5px;}
.questType p span { font-weight: bold; color:#484996;}
.questPointVal p { font-weight: bold; color: #484996; font-size: 12px;}
.questPointVal .formBox { margin: 0;}
.questWrapper .questAnswer .formBox label { display: inline-block;  margin-right: 5px;}
.questWrapper .questAnswer .formBox input[type="text"] { width: auto;}
.questWrapper .questAnswer .formBox { margin-bottom: 0;}

#scoreThresholds { background: #efefef; border: 1px solid #ccc; padding: 20px; margin-bottom: 60px;}
#questScoreLeft { float: left; width: 30%; padding-right: 20px;}
#questScoreRight { float: left; width: 30%; margin-left: 40px;}
#scoreThresholds .btnBox { float: left; }
#scoreThresholds .btnBox a { display: block; background: #fff; border: 1px solid #25265e; color: #25265e; padding: 8px 15px;}
#scoreThresholds .btnBox a:hover { background:#25265e; color: #fff; text-decoration: none;}

#noQuest { padding: 30px 0;}
#questAddNew .hasRadios p { font-weight: bold; color:#484996; font-size: 12px; margin: 0;}
#addQuestLeft { float: left; width: 47%;}
#addQuestRight { float: left; width: 40%; margin-left: 30px;}
#addQuestRow .formBox { float: left; width: 30%; margin-right: 3%;}
.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%; background: #fff; 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-top: 20px; }
#optionboxes h3 { margin: 0 0 12px;}
#questFormat p { margin: 0 0 15px; border-bottom: 1px solid #ccc; padding-bottom: 15px;}
#newQuestSaveBtns {}
#newQuestSaveBtns .btnBox { float: left; margin-right: 20px;}
#newQuestSaveBtns a { text-decoration: none; color: #8688c5; position: relative; top: 11px; font-size: 14px;}
#newQuestSaveBtns .btnBox input[type="button"] { background:#25265e !important; color: #fff; text-transform: none !important; padding: 8px 20px !important; font-size: 16px !important; height: auto !important;}
#newQuestSaveBtns .btnBox input[type="button"]:hover { background: #484996 !important;}
#newQuestSaveBtns a:hover { color:#25265e;}

#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;}
#submitBtnBox input[type="submit"]#Submit1 { background:#25265e !important; text-transform: none !important; padding: 8px 40px !important; height: auto !important; font-size: 16px !important; }

/* =================================================
		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;}

#expRow { background: #fff; margin-bottom: 0;}
#expenseBox { background: #f4f5fb; padding: 20px 30px 30px; width: 95%;}
#expenseBox h2 { font-size: 20px; margin: 0; color:#484996; }

.timeListRow { margin: 30px 0; border: 1px solid #ccc; padding: 20px; width: 96%;}
.timeListRow h3 { margin: 0 0 10px; font-size: 18px; color:#8688c5;}
.timeListRow label { color: #6b6b6b;}
.timeListRow input[type="date"],
.timeListRow input[type="text"],
.timeListRow select { color: #6b6b6b;}
.timeListRow input[type="checkbox"] { position: relative; top: 2px;}

.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 20px;}
.timeFilterGroup { float: left; margin-right: 30px;}
.formBox.dateRangeBox { width: 340px;}
.formBox.dateRangeBox label { font-size: 12px; font-weight: bold; display: block; margin-bottom: 3px;}
.formBox.dateRangeBox input[type="date"] { font-size: 12px;}
.timeFilters input[type="checkbox"] { position: relative; top: 2px; margin-top: 10px;}
.timeFilters h3 { font-size: 16px; margin: 0 0 8px; color: #8c8c8c;}
.timeFilters .btnBox { float: right;}
.timeFilters .btnBox .myButton { text-transform: none !important; background-color: #484996 !important; font-size: 12px !important;}
.timeFilters .btnBox .myButton:hover { background-color: #3384d0 !important;}

/* 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;}
.timeReports { float: left; border: 1px solid #ccc; padding: 20px; width: 46%; margin-bottom: 50px;}
#expenseReportFilters {float: right;}

.timeReports p { color: #6b6b6b; font-size: 12px; margin: 0 0 10px;}
.timeReports h3 { margin-bottom: 5px;}
.timeReports input[type="button"] { background-color: #484996 !important; color: #fff !important; border: 1px solid #484996 !important; text-transform: none !important; }
.timeReports input[type="button"]:hover { background:#3384d0 !important; border: 1px solid #3384d0 !important;}

/* 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 { width: 92%; margin: 20px auto;}
.adminTimeListWrap h2 { font-size: 18px; font-weight: bold; color: #484996; margin: 0 0 12px;}

.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 .timeFilters .btnBox.exportBtn .myButton { background-color: #fff !important; color: #484996 !important; border: 1px solid #484996 !important;}
.adminTimeListWrap .timeFilters .btnBox.exportBtn .myButton:hover { background-color: #6b6b6b !important; color: #fff !important;}

.adminTimeListWrap .timeFilterGroup.blockLbl .formBox { margin-bottom: 20px;}
.adminTimeListWrap .timeFilterGroup.blockLbl .formBox label { display: block; font-weight: bold; margin: 0 0 2px; color: #6b6b6b;}
.adminTimeListWrap .timeFilterGroup.blockLbl .formBox input[type="text"],
.adminTimeListWrap .timeFilterGroup.blockLbl .formBox select { width: 89% !important;}

/* =================================================
		SEND TEXT MESSAGE WINDOW
==================================================== */

#textMessWrap { padding: 20px;}

#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 { width: 150px; margin: 0 auto;}
#textMessWrap .btnBox button { display: block; text-align: center; color: #fff; background: #25265e; padding: 10px 15px; border: none; width: 100%; border-radius: 5px; font-weight: 600; cursor: pointer;}

#textMessWrap .btnBox button:hover { background: #484996; text-decoration: none;}

/* =================================================
		CERTIFICATIONS
==================================================== */
#thetop { width: 98%; height:260px; overflow-y:auto; border: 1px solid #ccc; padding: 15px; margin: 30px 0; box-sizing: border-box;}
#thebottom { width: 98%; height:100%; margin-bottom: 50px; position: relative;}
#certDetailsWrap { background: #e9ebf3; padding: 20px; }

#thetop h3 { font-size: 18px; color: #484996; margin: 0 0 12px;}
#certform h3 { font-size: 18px; color: #484996; margin: -5px 0 30px;}

.certFormGroup { float: left; width: 33%;}

.certFormGroup label { display: block; font-weight: bold; margin-bottom: 3px; color: #484996;}
.certFormGroup .radioBox label { display: inline; font-weight: normal; }
.certFormGroup select,
.certFormGroup textarea,
.certFormGroup input[type="text"],
.certFormGroup input[type="date"] { width: 85%; box-sizing: border-box; font-size: 12px;}

.certFormGroup input[type="radio"],
.certFormGroup input[type="checkbox"] { position: relative; top: 2px;}

#thebottom .btnBox { width: 160px;}
#thebottom .btnBox input[type="button"] { display: block; text-align: center; color: #fff; background: #25265e; padding: 10px 15px; border: none; width: 100%; border-radius: 5px; font-weight: 600; cursor: pointer; font-family: 'Poppins', Helvetica, Arial, sans-serif; font-size: 14px;}

#thebottom .btnBox input[type="button"]:hover { background: #484996; text-decoration: none;}

#thebottom #addNewBtn { position: absolute; top: 20px; right: 20px; display: none; /* Hidden temporarily while we sort out button's function */}
#thebottom #addNewBtn a { display: block; text-decoration: none; padding: 8px 20px; text-align: center; border: 1px solid #25265e; color: #25265e;}
#thebottom #addNewBtn a:hover { background: #ccc;}

/* =======================================================
		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;}

.container-call { }

.callFormBox h3 { font-size: 18px; margin: 0 0 12px; color:#484996; }

.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 .btnBox input[type="button"] { display: block; text-align: center; color: #fff; background: #25265e; padding: 8px 15px; border: none; width: 100%; border-radius: 5px; font-weight: 600; cursor: pointer; font-family: 'Poppins', Helvetica, Arial, sans-serif; font-size: 14px; }
.container-call.container-confirm .btnBox input[type="button"] { font-size: 12px;}
.container-call .btnBox input[type="button"]:hover { background: #484996; text-decoration: none;}
.container-call .btnBox#cancelCall input[type="button"] { background: none; border: none; color:#25265e; font-weight: normal;}
.container-call .btnBox#cancelCall input[type="button"]:hover { text-decoration: underline;}

/* 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;}

#callLogHeader .btnBox.newTaskBtn { float: left;}
#callLogHeader .btnBox.newTaskBtn a { display: block; text-align: center; padding: 8px 18px; color: #fff; background: #484996; text-decoration: none; font-weight: 600;} 
#callLogHeader .btnBox.newTaskBtn a:hover { background: #25265e;}

table#callLogList td span { font-size: 12px;}
table#callLogList td span:hover { font-weight: normal !important;}

#callLogChecks { padding: 5px 10px; background: #efefef; border: 1px solid #ccc; float: right;}

#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;}

/* =================================================
		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-bottom: 5px; width: 98%;}
#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;}
#dragdropdiv .dropitem span { margin-right: 4px;}

#dragdropdiv .dropitem.over { padding: 25px 10px; background: #f8f2de; font-style: italic;}

#dragdropdiv #closeThis { position: absolute; top: 12px; right: 16px; display: block; font-size: 24px; text-decoration: none; color: #8688c5; }
#dragdropdiv #closeThis:hover { color: #484996; }

#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;}





/* =================================================
		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 {}
#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;} 

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

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

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