@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i');

* {
	margin:0;
}
html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
}
body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
	/*
	background: #2c3e50;
	background: -webkit-linear-gradient(to right, #2c3e50, #3498db);
	background: linear-gradient(to right, #2c3e50, #3498db);
	*/
	background-color:#F8F8F8;
}
body.login {
	background-color:#F8F8F8;
}
#masterWrap {
    transition:filter .25s ease-in-out;
}
#masterWrap.blur {
	filter:blur(8px);
}
form {
	padding:0;
	margin:0;
}
body, input, select, textarea, p, th, td {
	font-family: 'Roboto', sans-serif;
    font-size:17px;
    font-weight:normal;
    outline:none;
}
h1, h2, h3, h4, h5 {
	font-family: 'Roboto', sans-serif;
    font-weight:normal;
}
body.white {
	background:none;
	background-color:#FFF;
	padding:20px;
}
h1 {
	margin:0;
	padding:0;
	font-size:23px;
}
table {
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
}
th.vat, td.vat {
	vertical-align:top;
}
th.ra, td.ra {
	text-align:right;
}
table.list {
	width:100%;
}
table.list th,
table.list td {
	text-align:left;
	font-size:13px;
	background-color:#FFF;
	padding:5px;
}
table.list th {
	font-weight:bold;
	background-color:#999;
	color:#FFF;
}
table.list tr.alt td {
	background-color:#EEE;
}
table.list tr.alt td.chk:hover {
	background-color:#cde99d;
}

table.list th.ra,
table.list td.ra {
	text-align:right;
}
table.clickable td {
	cursor:pointer;
}
table.clickable tr:hover td {
	background-color:#3875D7;
	color:#FFF;
}

table.tbldata tr.permChkLead th,
table.tbldata tr.permChkLead td {
	background-color:#EEE;
}

#siteseal {
	margin-top:10px;
}

img.help {
	cursor:help;
	height:20px;
	width:20px;
	margin-left:10px;
}
.sect.tabber img.help {
	margin-left:-50px;
}
._maHak img.help,
#dashWidgets img.help {
	margin-left:-10px !important;
}
.error, .message {
    margin: 0 0 15px 0;
    font-size: 14px;
    text-align: left;
    color: #FFF;
    padding: 10px 20px;
    cursor: pointer;
}
.error a, .message a {
	color:#FFF;
	text-decoration:none;
}
.error a:hover, .message a:hover {
	color:#FFF;
	text-decoration:underline;
}
.error {
	background-color:#F1DEDE;
	border-left:7px solid #E86D64;
	color:#B04144;
}
.message {
	/* green
	background-color:#E0F1D8;
	border-left:7px solid #4B783E;
	color:#4B783E;
	*/
	background-color:#DBEDF7;
	border-left:7px solid #3B6F8E;
	color:#3B6F8E;
}
#notificationMarker {
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:100;
}
#notificationContainer {
	position:relative;
	background: #F8F8F8;
	overflow:auto;
	color:#000;
	margin-top:25px;
	z-index:600 /* conflicted with CSM Tabber:  z-index:500 */;
}
#notificationBar {
	position:absolute;
	top:100%;
	background-color:rgba(56,117,215,0.89);
	height:35px;
	width:100%;
}
#notificationBadge {
	margin-left:-15px;
}
.leftSpace {
	float:left;
	text-align:left;
	padding:5px 0 0 10px;
}
.rightSpace {
	float:right;
	text-align:right;
	padding:3px 5px 0 0;
}
#notificationHandle {
	position:absolute;
	top:100%;
	left:50%;
	margin-top:-25px;
	margin-left:-28px;
	background:url('/images/notification-handle.png') top left no-repeat;
	background-size:32px 17px;
	width:57px;
	height:25px;
	cursor:pointer;
	opacity:0.7;
}
#notificationHandle:hover {
	opacity:1.0;
}
#notificationContainer ul {
	list-style:none;
	width:50%;
	min-width:400px;
	margin:0 auto;
	padding:0;
	margin-bottom:10px;
}
#notificationContainer li {
	position:relative;
	list-style:none;
	margin:15px 0 0 0;
	padding:10px 20px 10px 30px;
	color:#222;
	background-color:#FFF;
	opacity:0.8;
	cursor:pointer;
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow:    0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow:         0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}
#notificationContainer li:hover {
	opacity:1.0;
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0 6px 20px 0 rgba(0, 0, 0, 0.5);
	box-shadow:         0 6px 20px 0 rgba(0, 0, 0, 0.5);
}
img.notificationIcon {
	float:right;
	height:45px;
	width:45px;
	opacity:0.7;
	margin:0 0 10px 10px;
}
.sortHandle {
	width:18px;
	height:18px;
	cursor:move;
}
#notificationContainer img.sortHandle {
	position:absolute;
	left:5px;
	top:50%;
	margin-top:-7px;
}
#notificationContainer li h1 {
	font-size:17px;
	font-weight:normal;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	border-bottom:1px solid #CCC;
	width:85%;
}
#notificationContainer li h2 {
	font-size:10px;
	font-weight:normal;
	padding:0;
	margin:0 0 3px 0;
	color:#999;
}
#notificationContainer li div {
	font-size:12px;
}

#notificationContainer li .deleteBtn input {
	display:none;
}
#notificationContainer li:hover .deleteBtn input {
	display:block;
}

#dockHolder { /* since dock slides in from side, we have to contain to prevent horizontal scrolling */
	position:absolute;
	top:35px;
	left:0;
	overflow:hidden;
	display:none;
	z-index:98;
}
#dockLayers {
	position:relative;
	width:100%;
	height:100%;
}
#dockBGShade {
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	opacity:0.85;
	width:100%;
	height:100%;
}
.dockPanel {
	position:absolute;
	top:0;
	left:0;
	overflow:auto;
	width:100%;
	height:100%;
	padding-right: 115px;
    box-sizing: border-box;
}
.dockPanel h1 {
	color:#FFF;
	font-weight:normal;
	padding-left:30px;
	margin:15px;
	font-size:28px;
}
.dockPanel ul {
	list-style:none;
	padding:0;
	/*margin-left:17px;*/
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.dockPanel li {
	list-style:none;
	padding:0;
	margin:4px;
	width:100px;
	height:100px;
	/*float:left;
	display: inline-block;*/
	color:#EEE;
	text-align:center;
	font-size:13px;
	cursor:pointer;
	opacity:0.8;
}
.dockPanel li:hover {
	color:#FFF;
	opacity:1.0;
}
.dockPanel li img {
	display:block;
	width:75px;
	height:75px;
	margin:0 auto;
}
.dockPanel li.arw {
	cursor:default;
	opacity:0.5;
}
#dockSneaker {
	position:absolute;
	top:35px;
	bottom:25px;
	right:-141px;
	width:110px;
	/*
	background-color:#EEE;
	border-left:1px solid #EEE;
	*/
	background-color:#28292D;
	border-left:1px solid #28292D;
	opacity:1;
	overflow:auto;
	padding-right:25px;
	padding-left:5px;
	z-index:99;
}
#dockSneaker ul {
	list-style:none;
	padding:0;
	margin:0;
}
#dockSneaker li {
	list-style:none;
	padding:0;
	margin:5px 0 10px 0;
	float:none;
	color:#F8F8F8;
	font-size:12px;
	text-align:center;
	cursor:pointer;
}
.dockIcons20 {
	float: left;
	width: 18%;
	margin: 0 1%;
}
.dockIcons24 {
	float: left;
	width: 24%;
	margin: 0 1%;
}
.dockIcons30 {
	float: left;
	width: 28%;
	margin: 0 1%;
}
.dockIcons35 {
	width: 33%;
	margin: auto;
	margin-bottom: 100px;
}
.dockIcons37 {
	float: left;
	width: 37%;
	margin: 0 1%;
}
.dockIcons40 {
	float: left;
	width: 40%;
	margin: 0 1%;
}

.dockIcons45 {
	float: left;
	width: 43%;
	margin: 0 1%;
}
.dockIcons70 {
	float: left;
	width: 68%;
	margin: 0 1%;
}
.dockIcons .fa,
#dockSneaker li .fa {
    display: block;
    font-size: 45px;
    margin-bottom: 5px;
    margin-top: 15px;
}
#dockSneaker li:hover {
	color: #BBB;
}
#dockSneaker li img {
	display:block;
	height:60px;
	width:60px;
	margin:0 auto;
}
#appFoot {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:25px;
	text-align:right;
	color:#CCC;
	font-size:12px;
	overflow:hidden;
	background-color:#000;
	opacity:0.3;
}
#appFoot a {
	color:#CCC;
	text-decoration:none;
}
#appFoot a:hover {
	color:#FFF;
}

.blackBtn {
    /*border: 1px solid #2C5073;*/
    border:none;
    padding: 7px 17px;
    font-size: 13px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
   /* background-color: rgba(0,0,0,0.2);*/
   background:none;
    color: #f8f8ff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    transition: background-color .075s ease-in-out;
}
.blackBtn:hover {
	/*
	background-color:#28445E;
	color:#FFF;
	*/
	text-decoration:underline;
}
.rightSpace .blackBtn {
	padding-right:30px;
}
.leftSpace .blackBtn {
	position:relative;
	top:-3px;
}
/*
.blackBtn {
	display:inline-block;
	border:1px solid #000;
	background-color:#222;
	color:#AAA;
	overflow:visible;
	text-align:center;
	padding:5px 15px 5px 15px;
	margin:0;
	font-size:14px;
	background:#222;
	cursor:pointer;
}
.blackBtn:hover {
	color:#FFF;
}
*/
#appFoot .padRight {
	padding:6px 10px 0 0;
}
#sideBar {
	position:absolute; 
	left:0; 
	top:35px; 
	width:25%;
	bottom:25px; /* 25px */ 
	overflow:auto;
	background:#28292D;
}
#sideBar.sideBarOut {
	width:0;
	overflow:auto;
}
#mainApp {
	position:absolute; 
	left:25%;
	top:35px; 
	width:75%;
	bottom:25px; 
	overflow:auto;
}
#mainApp.sideBarOut {
	left:0;
	width:100%;
}
#mainApp.fullTop {
	top:0;
}
#mainWrap {
	width:1000px;
	margin:0 auto;
}
.clear {
	overflow:hidden;
	height:0;
	clear:both;
}
img {
	border:none;
}
.req {
	color:#FF0000;
	font-size:13px;
}
.alert {
	border-left:5px solid #E28717;
	padding:16px 15px 13px 50px;
	background:#FFF url('/images/icons/icon_alert.png') 10px 5px no-repeat;
	color:#E28717;
	font-size:12px;
	min-height:13px;
}
#loginBox {
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-209px;
	margin-top:-217px;

	/*
	background: #232526;
	background: -webkit-linear-gradient(to right, #232526, #414345);
	background: linear-gradient(to right, #232526, #414345);
	*/
	
	background-color:#3875D7;

	height:434px;
	width:418px;
	overflow:hidden;
	text-align:center;
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}
#loginBox.bump {
	top:520px;
}
/************
Main Splash
*************/
#screen_bg{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

#screen_home{
	text-align: center;
}

h1#title{
	font-size:64px;
	margin-bottom:30px;
}
h1#title #sale, h1#title sup{
	color:#b3b3b3;
}
h1#title #engine{
	color:#99ccff;
}
h1#title sup{
	font-size:20px;
	vertical-align:top;
}

#screen_home p {
	margin-bottom:20px;
}

/************/
#browserNote {
	background-color:#E5E5E5;
	color:#555;
	font-size:13px;
	width:500px;
	margin:0 auto;
	padding:20px;
}
#browserNote table {
	border-collapse:collapse;
	border:none;
	padding:0;
	margin:5px 0 0 0;
	width:100%;
}
#browserNote th,
#browserNote td {
	width:25%;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:0;
}
#browserNote th.l,
#browserNote td.l {
	text-align:left;
}
.forgot {
	margin-top:10px;
	font-size:13px;
	color:#FFF;
	cursor:pointer;
}
.forgot:hover {
	text-decoration:underline;
}
#crmLogo {
	margin:0 auto;
	margin-top:60px;
	/*
	background:url('/images/crmLogo.png') top left no-repeat;
	*/
	width:236px;
	height:81px;
	font-size:56pt;
	color:#FFF;
}
#loginForm {
	margin:20px 0 0 0;
	width:418px;
}
div.fInput,
.fInput {
	position:relative;
}
div.bigWhite,
input.bigWhite {
	display:inline-block;
	width:269px;
	height:30px;
	padding:5px 10px 5px 10px;
	border:1px solid #ADADAD;
	margin:0 0 10px 0;
}
div.dim,
input.dim {
	color:#ADADAD;
}
div.pass, 
input.pass {
	
}
div.dimPass,
input.dimPass {
	color:#ADADAD;
	font-size:17px;
	background-color:#EEE;
	border:1px solid #CCC;
}
.submitArrow {
	position:absolute;
	top:8px;
	right:71px;
	border:0;
	padding:0;
	margin:0 0 0 -38px;
	width:25px;
	height:25px;
	background:none;
	background:url('/images/submit-arrow.png') top left no-repeat;
	background-size:25px 25px;
	cursor:pointer;
}
.spinner {
	background:url('/images/spinner.gif') top left no-repeat;
	width:28px;
	height:28px;
	cursor:default;
}
.chkBox {
	font-size:14px;
	cursor:pointer;
}
.chkBox input {
	margin-right:2px;
}

.deleteBtn {
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-16px;
	text-align:right;
	overflow:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.deleteBtn input,
input.delete {
	display:inline-block;
	border:none;
	color:#FFF;
	overflow:visible;
	text-align:center;
	padding:3px 15px;
	margin:0;
	font-size:13px;
	background:#E86D64;
	cursor:pointer;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	/*
	border-left:7px solid #E86D64;
	color:#B04144;
	*/
}
input.delete {
	padding:2px 10px 2px 10px;
	font-size:13px;
	opacity:0.3;
}
.deleteBtn input:hover,
input.delete:hover {
	opacity:1.0;
	background:#B04144;
}
#pieChart {
	background-color:#FFF;
	width:500px;
}
ul#modules {
	list-style:none;
	padding:0;
	margin:0 auto;
	width:1025px;
}
.module {
	list-style:none;
	padding:0;
	float:left;
	margin:25px;
	position:relative;
	background-color:#FFF;
	border:1px solid #FFF;
}
.module iframe {
	display:block;
	border:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
.module .resizeAlert,
.module .moveAlert {
	display:none;
	color:#CCC;
	font-size:22px;
	text-align:center;
}
.module .moveAlert {
	display:block;
	color:#000;
}
.module .handle {
	position:absolute;
	right:0;
	bottom:0;
	height:21px;
	width:21px;
	text-align:right;
	cursor:se-resize;
}
.module .mover {
	position:absolute;
	display:none;
	right:-40px;
	top:-1px;
	height:50px;
	width:50px;
	cursor:move;
	background-color:#FFF;
	border:1px solid #FFF;
}
.module:hover .mover {
	display:inline-block;
}
.chk {
	cursor:pointer;
}
td.chk:hover {
	background-color:#CDE99D;
}
div.fe,
input.fe,
select.fe,
select.med,
textarea.fe {
	background-color:#EEE;
	padding:13px;
	font-size:15px;
	color:#000;
	border:none;
	border-bottom:2px solid #CCC;
	overflow:visible;
	box-sizing:border-box;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	min-width:100px;
}

div.fe:hover,
input.fe:hover,
select.fe:hover,
textarea.fe:hover,
div.fe:focus,
input.fe:focus,
select.fe:focus,
select.med:focus,
textarea.fe:focus {
	background-color:#F8F8F8;
	border-bottom:2px solid #3875D7;
}

select.med,
select.fe {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:none;
    display: inline-block;
    background:url('/images/select.png') 100% 10px no-repeat;
    background-size:22px 22px;
}
select.fe.s {
	width:150px;
}

textarea.fe {
	width:300px;
}
div.dim,
input.dim,
select.dim,
textarea.dim {
	background-color:#EEE;
	border:none;
	border-bottom:2px solid #CCC;
	color:#AAA;
}
div.ss,
input.ss{
	width:35px;
}
div.s,
input.fe.s,
select.fe.s {
	width:140px;
}
textarea.s {
	height:100px;
}
div.ss,
input.ss,
select.ss {
	width:30px;
}
input.m,
select.m {
	width:180px;
}
textarea.m {
	height:200px;
}
div.l,
input.l,
select.med,
select.l {
	width:300px;
}
textarea.l {
	height:500px;
}
div.date,
input.date {
	width:70px;
	margin-right:5px;
}
div.datetime,
input.datetime {
	width:110px;
}
div.dateClear {
	position:relative;
	top:-10px;
	left:5px;
	width:16px;
	height:16px;
	display:inline-block;
	overflow:visible;
	font-size:10px;
	color:#555;
	border:1px solid #000;
	margin:0;
	cursor:pointer;
	background:#222 url('/images/icons/icon_delete.png') top left no-repeat;
}
input.dateClear:hover {
	background-color:#B5D5FF;
}
.dChk_cont,
.dRadio_cont {
	display:inline-block;
	position:relative;
	padding-left:10px;
	padding-bottom:4px;
	top:2px;
	cursor:pointer;
	color:#888;
	margin:3px 0 3px 0;
}
.dChk_cont_on,
.dRadio_cont_on {
	color:#FFF;
}
.dRadio, .dChk {
	position:absolute;
	top:-3px;
	left:-17px;
	width:21px;
	height:21px;
	cursor:pointer;
}
.dRadio { background: url('/images/radio-off.png') no-repeat; }
.dRadio_on { background: url('/images/radio-on.png') no-repeat; }
.dChk { background: url('/images/check-off.png') no-repeat; }
.dChk_on { background: url('/images/check-on.png') no-repeat; }
.OSslider {
	height:16px;
	width:300px;
	background:url('/images/slider.png') 0 7px no-repeat;
}
.OSslider .knob {
	width: 23px;
	height: 23px;
	background:none;
	cursor:pointer;
	background-color:#CCC;
	-webkit-border-radius:11px;
	-moz-border-radius:11px;
	border-radius:11px;
}
.OSslider .lbl {
	position:absolute;
	margin-left:305px;
	margin-top:3px;
	font-size:12px;
	color:#000;
}
.charCt {
	float:right;
	margin-left:10px;
	display:block;
	color:#AAA;
	font-size:12px;
}
.form {

}
.form table {
	
}
.optional {
	font-size:12px;
	color:#999;
}
.form th,
.form td {
	font-size:14px;
	padding:3px 8px;
	color:#555;
}
.form th {
	text-align:right;
	font-weight:normal;
	color:#999;
}

.blueBtn {
	overflow:visible;
	cursor:pointer;
	background:url('/images/blueBtnBgOff.png') top left repeat-x;
	color:#FFF;
	padding:12px 30px 12px 30px;
	border:1px solid #001458;
	display:inline-block;
	margin:0;
	font-size:19px;
	text-align:center;
}
.blueBtn:hover {
	background:url('/images/blueBtnBg.png') top left repeat-x;
	border:1px solid #09347f;
}

.b,
.grayBtn {
	border:none;
	padding:16px 20px;
	font-size:16px;
	text-align:center;
	box-sizing:border-box;
	display:inline-block;
	cursor:pointer;
	background-color: #555;
	color:#f8f8ff;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	transition: background-color .075s ease-in-out;
}
.b:hover,
.grayBtn:hover {
	background-color:#3875D7;
	color:#FFF;
}
.ios-switch {
	padding:5px 10px 5px 10px;
	font-size:16px;
	color:#000;
	border:none;
	background-color:#FFF;
	height:30px;
	cursor:pointer;
}
.ios-inline-switch {
	display:inline-block;
	height:12px !important;
}
.ios-switch-label {
	float:left;
	margin:6px 0 0 10px;
	font-size:14px;
	color:#222;
	/*font-weight:bold;*/
}
#iTblDiv .ios-switch-label,
#notificationBar .ios-switch-label {
	color:#FFF;
}
.ios-switch-container {
	float:left;
	position:relative;
	width:78px;
	height:30px;
	overflow:hidden;
}
.ios-switch-elem {
	position:absolute;
	top:0;
	left:0;
	background:url('/images/iOS-Switch.png') top left no-repeat;
	width:124px;
	height:30px;
	cursor:pointer;
}
.ios-switch-mask {
	position:absolute;
	top:0;
	left:0;
	background:url('/images/iOS-Switch-Mask.png') top left no-repeat;
	width:78px;
	height:30px;
}
.ios-switch-dark {
	padding:7px 10px 3px 20px; /*padding-left: 56px;*/
	font-size:11px;
	color:#000;
	border:none;
	background:none;
	height:20px;
	cursor:pointer;
}
.ios-switch-dark .ios-switch-container {
	width:52px; /* 52px */
	height:20px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.ios-switch-dark .ios-switch-label {
	margin-top:1px;
	font-size:13px;
}
.ios-switch-dark .ios-switch-elem {
	background:url('/images/iOS-Switch-Dark.png') top left no-repeat;
	width:83px;
	height:20px;
}

#iTblDiv .ios-switch-dark .ios-switch-elem,
#notificationBar .ios-switch-dark .ios-switch-elem {
	background:url('/images/iOS-Switch-Notification.png') top left no-repeat;
}

.ios-switch-dark .ios-switch-mask {
	background:none;
}
fieldset.smallBox {
	padding:10px;
	font-size:12px;
	background-color:#FFF;
	border:1px solid #999;
}
fieldset.smallBox legend {
	padding:3px 10px 3px 10px;
	background-color:#FFF;
	font-weight:bold;
	font-size:12px;
	border:1px solid #CCC;
}
fieldset.smallBox a {
	text-decoration:none;
	color:#3875D7;
}
fieldset.smallBox a:hover {
	color:#555;
}
.parentName {
	color: #3875D7;
	font-weight:bold;
	font-style:italic;
}
#currentTime {
	font-size:12px;
	color:#3875D7;
}
.accessList {
	width:520px;
	max-height:300px;
	overflow:auto;
	border:1px solid #CCC;
	padding:10px;
}
.accessList h2 {
	font-weight:bold;
	font-size:16px;
	margin:0 0 3px 0;
	color:#3875D7;
}
.accessList div.accessBlock {
	float:left;
	width:250px;
}
.accessList ul {
	font-size:12px;
}
.accessList a {
	text-decoration:none;
	display:block;
	color:#222;
}
.accessList a:hover {
	background-color:#CCC;
	color:#999;
}
#currentGrantedAccessList {
	margin-top:10px;
}
ul.smallList {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
ul.smallList li {
	list-style:none;
	margin:0;
	padding:2px 5px 2px 5px;
	font-size:13px;
	border-bottom:1px solid #EEE;
	color:#555;
}
ul.smallList li.on, 
ul.smallList li:hover {
	background-color:#3875D7;
	color:#FFF;
}
ul.smallList li.on a,
ul.smallList li:hover a {
	color:#FFF;
}
ul.smallList li a {
	display:block;
	text-decoration:none;
	color:#555;
}
ul.smallList li img {
	float:left;
	margin:0 4px 0 0;
	height:13px;
	width:13px;
	cursor:pointer;
	visibility:hidden;
}
ul.smallList li:hover img {
	visibility:visible;
}
fieldset.fsMod {
	border:1px solid #999;
	padding:15px;
}
fieldset.fsMod legend {
	color:#3875D7;
	font-size:13px;
	font-weight:bold;
}
fieldset.fsMod th,
fieldset.fsMod td {
	font-size:13px;
}
.history {
	position:relative;
	display:inline-block;
	z-index:999;
}
.history div {
	position:absolute;
	top:0;
	right:15px;
	display:none;
	background-color:#FFF;
	border:1px solid #999;
	padding:5px;
	width:300px;
	height:100px;
	overflow:auto;
	-moz-box-shadow:    -1px 0 5px #CCC;
	-webkit-box-shadow: -1px 0 5px #CCC;
	box-shadow:         -1px 0 5px #CCC;
}
.history:hover div {
	display:block;
}
.history table {
	width:100%;
	margin-top:0 !important;
}
table.tbldata tr.permChkLead .history th, 
.history th {
	font-weight:bold;
	font-size:11px;
	background-color:#999;
	color:#FFF;
	text-align:left;
}
table.tbldata tr.permChkLead .history td, 
.history td {
	font-size:11px;
	text-align:left;
	background-color:#FFF;
}
table.tbldata tr.permChkLead .history tr.alt td,
.history tr.alt td {
	background-color:#EFEFEF;
}
.history img.historyIcon {
	height:16px;
	width:16px;
	cursor:help;
}
.searchResults {
	z-index:10000;
}
.searchResults ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	border-top:1px solid #CCC;
	background-color:#FFF;
	width:260px;
}
.searchResults li {
	list-style:none;
	padding:4px;
	margin:0;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#EEE;
	cursor:pointer;
	text-align:left;
}
.searchResults li:hover {
  background-color:#FFF;
}
.searchResults li.more {
  background-color:#FFF;
  font-size:8pt;
  color:#3875D7;
  text-align:center;
  cursor:default;
}
.searchResults li.chkin {
	background:#FFF url('/images/icons/icon_check.png') 4px 2px no-repeat;
	padding-left:24px;
}
.calIcon {
	display:inline-block;
	height:60px;
	width:60px;
	background:url('/images/icons/calendar-icon-60.png') top left no-repeat;
}
.calIcon div {
	color:#FFF;
	font-size:10.5px;
	font-weight:bold;
	text-align:center;
	padding:2px 0 4px 0;
	text-shadow: black 0.1em 0.1em 0.2em
}
.calIcon div.W {
	font-size:9px;
}
.calIcon span {
	display:block;
	color:#000;
	text-align:center;
	font-size:34px;
	line-height:34px;
}
.moreDockContainer {
	position:relative;
	top:-17px;
	overflow:hidden;
	height:0;
}
.moreDock {
	position:relative;
	margin-top:17px;
	width:100%;
	background:#090909 url('/images/bg.jpg') center center no-repeat;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
}
.moreDock .pointer {
	position:absolute;
	top:-17px;
	left:0;
	background:url('/images/moreDockArrow.png') top left no-repeat;
	width:33px;
	height:17px;
}
.closeDock {
	float:right;
	margin:20px 10px 0 0;
	background:url('/images/icons/icon-close-dock.png') top left no-repeat;
	width:100px;
	height:36px;
	cursor:pointer;
	opacity:0.7;
}
.closeDock:hover {
	opacity:1.0;
}
.closeCustomDock {
	float:right;
	margin: 8px 0 0;
	cursor:pointer;
	opacity:0.7;
}
.closeCustomDock img {
	width: 60px;
}
.closeCustomDock:hover {
	opacity:1.0;
}
.leadType {
	position:absolute;
	top:25px;
	left:300px;
	display:inline-block;
	border:1px solid #555;
	background-color:#FFF;
	padding:0;
	overflow:hidden;
	width:320px;
}
.leadType ul {
	list-style:none;
	padding:0;
	margin:0;
	width:650px;
}
.leadType li {
	list-style:none;
	padding:0 10px 0 10px;
	margin:0;
	float:left;
	color:#AAA;
	cursor:pointer;
}
.leadType li:hover {
	color:#37B1D3;
}
.leadType li.nextOpt,
.leadType li.nextOpt:hover {
	background:url('/images/next-arrow.png') top left no-repeat;
	width:34px;
	height:20px;
	padding:0;
}
.leadType li.selected,
.leadType li.selected:hover {
	font-weight:bold;
	color:#37B1D3;
	cursor:default;
}

#growlers {
	position:absolute;
	top:40px;
	left:10px;
	z-index:10000; /* mediabox is z-index 9999 */
}

.growler {
	position:relative;
	width:250px;
	left:-330px;
	display:block;	
	background-color:#3875D7;
	color:#FFF;
	padding:30px;
	text-align:left;
	font-size:12px;
	margin:0 0 10px 0;
	cursor:pointer;
	opacity:0.85;
}
.growler:hover {
	opacity:0.9; 
}
.growler span.growlCountDown {
	position:absolute;
	right:10px;
	top:10px;
	display:inline-block;
	font-size:32pt;
}
.growler div {
	position:absolute;
	right:4px;
	top:4px;
	background:url('/images/icons/growler-close.png') top left no-repeat;
	height:20px;
	width:20px;
	display:none;
}
.growler:hover div {
	display:block;
}
#colorCodes {
	position:relative;
	display:inline-block;
	margin-left:15px;
}
#colorCodes #myColor {
	border:2px solid #CCC;
	cursor:pointer;
	height:16px;
	width:16px;
}
#colorCodes ul {
	display:none;
	position:absolute;
	top:0;
	left:22px;
	list-style:none;
	padding:6px 3px 6px 6px;
	margin:0;
	width:116px;
	height:110px;
	border:1px solid #000;
	background-color:#FFF;
}
#colorCodes li {
	list-style:none;
	padding:0;
	margin:0 3px 3px 0;
	float:left;
	height:16px;
	width:16px;
	overflow:hidden;
	border:2px solid #EEE;
	cursor:pointer;
}
#colorCodes li:hover {
	border:2px solid #000;
}
#seSearchBox {
	position:absolute;
	width:300px;
	right:132px;
	top:-5px;
	background:none;
	text-align:left;
	overflow:hidden;
	opacity:0;
	display:none;
}
div#seSearchSpinner {
	position:absolute;
	top:5px;
	left:228px;
	background:url('/images/seSearchSpinner.gif') top left no-repeat;
	width:24px;
	height:24px;
	background-color:#FFF;
	display:none;
}
input#seSearchQ_cloner,
input#seSearchQ {
    background-color: #FFF;
    border: none;
    width: 255px;
    padding: 9px 12px 8px 12px;
    margin: 5px 0 0 5px;
    font-size: 14px;
	border-bottom:2px solid #CCC;
}
input#seSearchQ:focus,
input#seSearchQ:hover {
	border-bottom:2px solid #3875D7;
}
input#seSearchQ_cloner.seSearchDim,
input#seSearchQ.seSearchDim {
	color:#AAA;
}
#seSearchBtn {
	position:absolute;
	color: ghostwhite;
	right:110px;
	top:10px;
	display:inline-block;
	cursor:pointer;
	/*opacity:0.5;
	background:url('/images/se-search.png') top left no-repeat;
	background-size:24px 24px;*/
	height:34px;
	width:34px;
}
#seSearchBtn:hover {
	opacity:0.9;
}
#seSearchResults {
	position:absolute;
	top:35px;
	bottom:25px;
	right:147px;
	width:264px;
	z-index:100;
	overflow:hidden;
	color:#222;
	background-color:#FFF;
	border:1px solid #CCC;
	border-top:none;
	border-bottom:none;
	padding:0 0 0 15px;
	display:none;
	font-size:13px;
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow:    0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow:         0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#seSearchResults .rScroll {
	height:100%;
	overflow:auto;
}
.searchClose {
	text-align:right;
	margin:3px 15px 5px 0;
}
.searchClose a {
	text-decoration:none;
	font-size:13px;
	color:#465BF4;
}
#seSearchResults th,
#seSearchResults td {
	vertical-align:top;
	text-align:left;
	font-size:12px;
	padding:5px 10px 5px 10px;
}
#seSearchResults th {
	text-align:right;
	font-weight:bold;
	font-size:13px;
	color:#8F8D90;
	border-right:1px solid #DEDEDE;
}
#seSearchResults td {
	cursor:pointer;
}
#seSearchResults p {
	color:#999;
	font-size:15px;
	margin-top:15px;
}
#seSearchResults td:hover {
	background-color:#3875D7;
	color:#FFF;
}
#seSearchResults td span.blue {
	color:#3875D7;
}
#seSearchResults td:hover span.blue {
	color:#FFF;
}

.addBtn {
	overflow:visible;
	cursor:pointer;
	display:inline-block;
	background-color:#79bbff;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-size:11px;
	font-weight:normal;
	padding:6px 17px;
	text-decoration:none;
}
.addBtn:hover {
	background-color:#378de5;
}
.tip {
	background-color:#000;
	padding:10px;
	opacity:0.8;
	color:#FFF;
	font-size:11px;
	max-width:300px;
}
.tip .tip-title {
	font-weight:bold;
	font-size:14px;
}
.sf {
	 float:left;
	 width:450px;
}
.sf select.fe,
.sf input.fe {
	font-size:12px;
}
div.form .sf table th {
	font-weight:bold;
}
div.form .sf table th,
div.form .sf table td {
	font-size:12px;
	color:#222;
	padding:4px;
	border-top:1px dotted #999;
}
img.lRemove {
	cursor:pointer;
	margin-right:10px;
	opacity:0.5;
}
img.lRemove:hover {
	opacity:1.0;
}

.smallBlack {

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

	overflow:visible;
	cursor:pointer;
	border:none;
	display:inline-block;
	background:none;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	padding:4px 9px;
	text-decoration:none;
}
.smallBlack:hover {
	text-decoration:underline;
}

.badge {
	display:none;
	height:22px;
	min-width:22px;
	cursor:default;
	background-color:#D30020;
	-webkit-border-radius:11px;
	-moz-border-radius:11px;
	border-radius:11px;
}
.badge div {
	position:relative;
	float:left;
}
.badge .l {
	/*background:url('/images/badge-left.png') top left no-repeat;*/
	width:11px;
	height:22px;
}
.badge .m {
	/*background:url('/images/badge-middle.png') top left repeat-x;*/
	height:22px;
	color:#FFF;
	font-size:12px;
	padding-top:5px;
}
.badge .m div {
	display:inline-block;
	margin-left:-6px;
	margin-right:-6px;
	min-width:13px;
	z-index:100;
	text-align:center;
}
.badge .r {
	/*background:url('/images/badge-right.png') top left no-repeat;*/
	width:11px;
	height:22px;
	z-index:80;
}

.redBtn {
	display:inline-block;
	border:none;
	color:#FFF;
	overflow:visible;
	text-align:center;
	padding:3px 15px;
	margin:0;
	font-size:13px;
	background:#E86D64;
	cursor:pointer;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.redBtn:hover {
	opacity:1.0;
	background:#B04144;
}






.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url('/images/checkbox.png') no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url('/images/radio.png') no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font-size:12px;
	background: url(select.png) no-repeat;
	overflow: hidden;
}

.niceAlert, 
.alertNote {
	background:url('/images/icons/alert-icon.png') 5px 5px no-repeat;
	background-size:24px 24px;
	display:inline-block;
	border-left:5px solid #0EAFE3;
	background-color:#d2f0fa;
	padding:11px 14px 10px 33px;
	min-height:14px;
	color:#0EAFE3;
	font-size:12px;
	margin:10px 0 10px 0;
	cursor:default;
}

div.niceNote {
	border:1px solid #CCC;
	background-color:#FFF;
	padding:10px;
	text-align:center;
	color:#555;
	margin:10px 0 10px 0;
}
.smallNiceNote {
	font-size:11px;
}
img.nnIcon {
	vertical-align:middle;
	margin-right:10px;
}
.ulselect {
	height:250px;
	width:225px;
	overflow:auto;
	background-color:#FFF;
	border:1px solid #000;
	-moz-box-shadow:    -5px 0 15px #000;
	-webkit-box-shadow: -5px 0 15px #000;
	box-shadow:         -5px 0 15px #000;
	display:none;
	position:absolute;
}
.ulselect ul {
	list-style:none;
	margin:0;
	padding:0;
}
.ulselect li {
	list-style:none;
	margin:0;
	padding:2px 5px 2px 5px;
	cursor:pointer;
	color:#111;
}
.ulselect li.on,
.ulselect li:hover {
	background-color:#3663F4;
	color:#FFF;
}

.smallGrayBtn {
	overflow:visible;
	cursor:pointer;
	background-color:#555;
	border:none;
	display:inline-block;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	padding:6px 12px;
	text-decoration:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.smallGrayBtn:hover {
	background-color:#3875D7;
}

ul.sortlist {
	list-style:none;
	padding:0;
	margin:0;
}
ul.sortlist li {
	list-style:none;
	padding:10px;
	margin:0 0 2px 0;
	border:1px solid #CCC;
	background-color:#EEE;
	color:#555;
	font-size:12px;
	cursor:default;
}
ul.sortlist li img.handle {
	float:right;
	cursor:move;
	height:22px;
	width:22px;
	position:relative;
	top:-3px;
}

.modalError,
.modalMessage {
	position:absolute;
	top:0px;
	width:100%;
}
.mBox {
	width:75%;
	margin:0 auto;
	/*border:1px solid #FFF;*/
	color:#FFF;
	padding:10px 10px 10px 40px;
	/*opacity:0.8;*/
	cursor:pointer;
	background:url('/images/icons/growler-close.png') 10px 10px no-repeat;
}
.mBox:hover {
	opacity:1.0;
}
.modalError .mBox {
	background-color:#FF0000;
}
.modalMessage .mBox {
	background-color:#006600;
}

table.grayBox {
	border-collapse:collapse;
	border:none;
	padding:0;
	margin:0;
}
table.grayBox td {
	background-color:#EEE;
	border:1px solid #CCC;
	font-size:12px;
	margin:0 1px 1px 0;
}

fieldset.widget {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border:1px solid #CCC;
    background-color:#FFF;
    padding:10px;
    margin:20px 0;
    font-size:13px;
}
fieldset.widget legend {
	font-size:14px;
	font-weight:bold;
	color:#222;
}

div.widget {
	position:relative;
	float:left;
	height:300px;
	width:45%;
	overflow:auto;
	background-color:#F8F8F8;
	margin:20px;
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow:    0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow:         0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media (max-width: 1200px) {
	div.widget {
		width: auto;
		float: none;
	}
}
div.widget h1 {
	color:#FFF;
	margin:10px 0 3px 13px;
	padding:0;
	font-size:19px;
}
div.widget div.tbl {
	margin-right:0;
}
div.widget iframe {
	border:none;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
}
.FlashNotice {
	margin:10px;
	font-size:12px;
}

#seRecShowNetworkSwitch {
	display:inline-block;
	position:relative;
	height:20px;
}

#seRecLoading {
	display:none;
	position:absolute;
	top:50%;
	left:0;
	text-align:center;
	width:100%;
	color:#FFF;
	font-size:13px;
}
#seRecLoading img {
	margin-right:15px;
	vertical-align:middle;
}

#welcome {
	background-color:#E5E5E5;
	color:#555;
	font-size:13px;
	width:600px;
	margin:0 auto;
	margin-top:20px;
	padding:20px;
	box-shadow:0 5px 20px #333333;
}
#welcome p {
	font-size:13px;
	line-height:20px;
	margin:0 0 15px 0;
}
#welcome h2 {
	font-weight:normal;
	margin-bottom:10px;
	font-size:18px;
}
.dashHelp {
	position:absolute;
	cursor:pointer;
	color:#888;
	font-size:12px;
}
.dashHelp:hover {
	color:rgb(56,117,215); /*#FFF;*/
}

a#topHelp {
	color:#FFF;
	text-decoration:none;
	font-size:13px;
	margin:0 53px 0 5px;
}
a#topHelp:hover {
	text-decoration:underline;
}

.bbs {
	cursor:pointer;
	background-color:#3875D7;
	border:1px solid #3875D7;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:5px 19px;
	text-decoration:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.bbs:hover {
	background-color:#555;
}




.workflow_ui {
	margin-bottom:20px;
}
.workflow_ui table {
	max-width:800px;
	min-width:500px;
}
.workflow_ui th,
.workflow_ui td {
	font-size:13px;
	padding:5px 10px !important;
	margin:0;
	text-align:left !important;
	vertical-align:middle;
}
.workflow_ui th {
	font-weight:bold !important;
	background-color:#CCC !important;
	color:#222 !important;
}
.workflow_ui td {
	background-color:#F8F8F8 !important;
	color:#222 !important;
}
.workflow_ui tr:nth-child(even) td {
	background-color:#EFEFEF !important;
}
.workflow_ui label {
	display:block;
}
.workflow_ui label.c {
	text-align:center;
}
.filter-select {
	position: relative;
	width: 300px;
	font-size: 16px;
	vertical-align: middle;
	display: inline-block;
}
.filter-select-chosen {
	background-color: #fff;
	border: 1px solid #999;
	display: block;
	height: 24px;
	line-height: 24px;
	padding-left: 8px;
	color: #000;
}
.filter-select-chosen-text {
	display: inline-block;
	width: 269px;
	overflow: hidden;
	vertical-align: top;
}
.filter-select-chosen-arrow {
	display: inline-block;
	width: 13px;
	height: 24px;
	overflow: hidden;
	vertical-align: top;
	background:url('../images/chosen-arrow.png') no-repeat 0px 2px;
}
.filter-select-dropdown {
	display: none;
	position: absolute;
	top: 25px;
	width: 298px;
	max-height: 288px;
	background-color: #fff;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-radius: 0px 0px 6px 6px;
	z-index: 10000;
}
.filter-select-search {
	position: relative;
	padding: 3px 4px;
}
.filter-select-search input {
	font-size: 16px !important;
	width: calc(100% - 6px);
	color: #000;
}
ul.filter-select-options {
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 1px;
}
ul.filter-select-options li {
	list-style: none;
	word-wrap: break-word;
	min-height: 21px;
	line-height: 21px;
}
li.filter-select-group {
	font-weight: bold;
}
li.filter-select-option {
	padding-left: 15px;
	margin-bottom: 5px;
	color: #000;
}
li.filter-select-option:hover {
	background-color: #4250f3;
	color: #fff;
}
li.filter-select-option.option-selected {
	background-color: #000;
	color: #fff;
}

tr.infLoading td,
tr.infLoading:hover td {
	background:#FFF url('/images/ajax-loader.gif') 15px 0 no-repeat !important;
	height:20px !important;
	color:#3875D7 !important;
	padding-left:50px !important;
	font-weight:bold !important;
	cursor:default !important;
}
#search_email_results {
	position:relative;
}
.mod_loader_bg {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.mod_loader_bg._show {
	display:block;
}
.mod_loader_bg div {
	color:#FFF;
	text-align:center;
	padding-top:60px;
	font-size:18px;
}



.attachments {
	margin-top:15px;
	border:1px solid #CCC;
	padding:20px;
}
.attachments h1 {
	font-size:16px;
}
.attachment {
	border:1px solid #CCC;
	padding:5px 10px;
	margin:2px 0;
	cursor:pointer;
	font-size:11px;
}
.attachment:hover {
	background-color:#3875D7;
	color:#FFF;
	border:1px solid #3875D7;
}
input#uqq {
	border:none;
	background-color:#FFF;
	font-size:15px;
	width:230px;
	padding:4px 10px;
}
.float-right {
	margin-left:-400px !important;
}
#uqq-loader {
	position:absolute;
	top:19px;
	right:12px;
	display:none;
}







.whiteNoteOnBlack {
	max-width:900px;
	margin:0 auto;
	background-color:rgba(255,255,255,0.9);
	color:#000;
	padding:20px;
	margin-top:50px;
}
.whiteNoteOnBlack h1 {
	margin-bottom:20px;
	font-size:32px;
	text-align:center;
}
.whiteNoteOnBlack blockquote {
	display:block;
	background-color:#FFF;
	padding:10px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	width:50%;
}
.whiteNoteOnBlack table {
	border-collapse:collapse;
	border:none;
	padding:0;
	margin:0;
}
.whiteNoteOnBlack td,
.whiteNoteOnBlack th {
	font-size:13px;
	padding:5px 10px;
}
.whiteNoteOnBlack th {
	font-weight:bold;
	text-align:left;
}
.whiteNoteOnBlack button {
	border:none;
	padding:10px 50px;
	text-align:center;
	color:#FFF;
	background-color:#CCC;
	cursor:pointer;
	font-size:15px;
}
.whiteNoteOnBlack button.btn-green {
	background-color:#006600;
}
.whiteNoteOnBlack button.btn-red {
	background-color:#FF0000;
}
.whiteNoteOnBlack .btn-block {
	text-align:center;
}

#progressSpinner {
	color:#0EAFE3;
	margin:20px 0;
}
#progressSpinner img {
	vertical-align:middle;
	margin-right:10px;
}
tr.trdata td {
	max-width:315px;
}

.swal2-modal {
	font-family: 'Roboto', sans-serif !important;
}
.swal2-modal .swal2-styled {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.input-dollar {
	position:relative;
}
.input-dollar span {
    position: absolute;
    color: #999;
    font-size: 19px;
    top: 6px;
    left: 5px;
}
.input-dollar input[type=text] {
	padding-left:20px;
}

.tools-side-lines {
	text-align: center;
	margin-bottom: 10px;
}
.tools-side-lines:before, .tools-side-lines:after {
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 35%;
	background-color: #000;
}
.tools-side-lines:before {
	right: 0.5em;
	margin-left: -50%;
}
.tools-side-lines:after {
	left: 0.5em;
	margin-right: -50%;
}
.tools-img-link {
	display: block;
	width: 45%;
	overflow: hidden;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
	float: left;
	padding: 10px;
	background-color: #fefefe;
}
.tools-img-link-prc {
	display: block;
	width: 40%;
	margin: 0 auto;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
}
.tools-img-link img {
	display: block;
	width: auto;
	margin: 0 auto;
}
.tools-img-link-prc img {
	width: 100%;
	margin-bottom: -5px;
}
.tools-img-link:hover, .tools-img-link-prc:hover {
	opacity: 0.5;
}
.tools-links-clear {
	clear:both;
	margin-bottom:50px;
}
.tblTitle {
	/*position: fixed;
	display: block;
	width: 100%;
	z-index: 4;*/
	background-color: #3875d7;
	padding: 12px 12px 0px;
	color: #ffffff;
	font-size: 17px;
}
.config-side-lines,.config-header {
	text-align: center;
	margin-bottom: 10px;
	color: #fff;
}
.config-side-lines:before, .config-side-lines:after {
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 40%;
	background-color: #fff;
}
.config-side-lines:before {
	right: 0.5em;
	margin-left: -50%;
}
.config-side-lines:after {
	left: 0.5em;
	margin-right: -50%;
}
.topBarBtn {
	float: right;
	color: #000;
	border: 1px solid #000;
	border-radius: 0px;
	font-size: 18px;
	margin-left: 10px;
	cursor: pointer;
}
.topBarBtn:hover {
	background-color: #F6F6F6;
}
.topBarToggle {
	float: left;
	position: relative;
	opacity: 0;
	display:none;
	transition: opacity .6s;
}
.topBarToggle.showToggleBar {
	opacity: 1;
	display:block;
}
#linkedin_block {
	opacity: 0;
	height: 0px;
}
#linkedin_block.showInBlock {
	opacity: 1 !important;
	height: 200px !important;
}
.privacy-policy {
	color: white;
	padding-top: 25px;
}


.notification-clear-btns {
	position:absolute;
	top:10px;
	right:20px;
}
.notification-clear-btns button {
	background:rgba(56,117,215,0.89);
	color:#FFF;
	padding:10px 20px;
	font-size:12px;
	border:none;
	cursor:pointer;
}
.notification-clear-btns button:hover {
	background:#333
}
.break_cls{
	background-color: #fff;
    width: 80%;
    margin: auto;
    margin-bottom: 20px;
    content: "";
    height: 1px;
}

.select2-selection {
	width:100% !important;
	min-width: 305px;
}
.select2-dropdown{
	width:100% !important;
	min-width: 305px;

}
.lds-ring {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 64px;
	height: 64px;
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 51px;
	height: 51px;
	margin: 6px;
	border: 6px solid #0066ac;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #007bff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#loaders {
	position: fixed;
	width: 100%;
	z-index: 102;
	bottom: 0;
	background-color: #2c3e50;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0.6;
	display: none;
}