.login-container { margin: auto auto; display: none; width: 100%; max-width: 400px; border: 1px solid #9e9e9e; background: #ffffff; }

.login-body { padding: 15px; }

.login-logo { text-align: center; font-size: 40px; font-weight: 700; color: #666666; padding: 15px; }

.login-toolbox { background: #fab418; text-align: center; font-weight: 300; font-size: 30px; color: #ffffff; padding: 15px; }

label { text-transform: uppercase; }

.login-forgot-link { position: relative; top: 2px; }

.login-button { margin: 0px; }

.login-whole-page { height: 66%; }

.login-footer { padding-bottom: 15px; }

#forgotpass { display: none; }

.tb-tabs > a > li { display: inline-block; padding: 10px; font-size: 14px; margin: 0px; padding-top: 5px; padding-bottom: 10px; }

.tb-tabs { margin: 0px; display: inline-block; white-space: nowrap; }

.tb-tabs > a > li:hover { font-weight: bold; }

.tb-tab.active { background: #ffffff; font-weight: 700; font-size: 14px; border-bottom: 2px solid #fab418; }

.tb-tab-container { border: 1px solid #ffffff; background: #ffffff; padding: 15px; }

.tb-tab-tab { display: none; }

.tb-tab-active { display: block; }

.libraryphotobut .my-butt{
	width: 100%;
}

.reminder{
	border: 2px solid #fab418;
	border-left: 10px solid #fab418;
	padding: 10px;
	font-size: 14px;
	background: white;
	margin-bottom: 15px;
}
.reminder-header{
	font-weight: 700;
	border-bottom: 2px solid #fab418;
}
.reminder-due{
	float: left;
	width: 60%;
	background: #eee;
	text-align: center;
	padding: 5px;
	font-size: 12px;
	white-space: nowrap;
}

.reminder-link,.reminder-action{
	width: 20%;
	float: left;
	text-align: center;
	padding: 5px;
	color: white;
	font-size: 12px;
}
.reminder-body{
	padding-top: 10px;
	padding-bottom: 10px;
}

.reminder-link{
	background: #fab418;
}
.reminder-action{
	background: #50AE54;
}
.pastdate{
	color: red;
	font-weight: 700;
}

.hasrems{
	background: red;
	color: white;
	padding: 5px;
	border-radius: 20px;
}
html { font-family: 'Lato', Arial, Sans-serif; height: 100%; }

.nopadd { padding: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; }

body { background: #636363; background: -moz-radial-gradient(center, ellipse cover, #636363 0%, #4a4a4a 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #636363), color-stop(100%, #4a4a4a)); background: -webkit-radial-gradient(center, ellipse cover, #636363 0%, #4a4a4a 100%); background: -o-radial-gradient(center, ellipse cover, #636363 0%, #4a4a4a 100%); background: -ms-radial-gradient(center, ellipse cover, #636363 0%, #4a4a4a 100%); background: radial-gradient(ellipse at center, #636363 0%, #4a4a4a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#4a4a4a', GradientType=1 ); color: #262626; font-family: 'Lato', Arial, Sans-serif; font-size: 16px; font-weight: 300; height: 100%; }


.checkable { pointer-events: all; }

.intool_ad > h2 { text-align: center; background: #fab418; color: white; padding: 10px; }

.libraryphotobut > span { display: block; font-size: 12px; text-align: center; white-space: nowrap; padding-top: 5px; padding-bottom: 5px; font-weight: bold; }

.libraryphotobut > a { display: block; box-sizing: border-box; width: 33.33%; text-align: center; float: left; margin-bottom: 5px; }

.intool_ad { background: white; border: 1px solid #fab418; padding: 0px; padding-top: 0px; }

.intool_ad > p { text-align: center; padding-left: 10px; padding-right: 10px; }

.adtext > p > i { display: block; float: left; height: 100%; color: #fab418; padding-top: 5px; margin-right: 5px; }

.adtext > p { display: block; height: 55px; }

.adtext > a > img { max-width: 100%; border: 1px solid #ccc; }

.clickformore { color: blue; font-weight: bold; }

.testbg { background-image: url("../img/testbg.jpg"); background-size: 100% 100%; }

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

td, th { border-radius: 0px 0px 0px 0px !important; }

.clearfix:after { clear: both; }

p { margin-top: 10px; margin-bottom: 10px; }

h1 { font-size: 24px; line-height: 24px; margin: 0px; font-weight: 400; margin-bottom: 15px; }

h2 { font-size: 18px; line-height: 18px; margin: 0px; margin-bottom: 10px; font-weight: 700; }

h2 > i { display: block; width: 25px; float: left; }

.text-link { color: light-blue; text-decoration: underline; font-style: italic; }

.th-center > i { margin-left: 15px; }

/** For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.clearfix { *zoom: 1; }

a { color: inherit; }

.mobile-only { display: block; }

.tablet-only { display: none; }

.desktop-only { display: none; }

.not-mobile { display: none; }

.normal-text { font-weight: 300; font-size: 14px; }

.fullheight { height: 100%; position: relative; }

.nopad { padding: 0px !important; }

.nopad > .col { padding: 0px; }

.colheader { border-bottom: 2px solid #fab418; height: 60px; text-align: center; }

.nav-logo { background: #fab418; text-align: center; font-weight: 300; font-size: 30px; color: #ffffff; line-height: 60px; }

.nav-logo > a > img { max-width: 70%; padding-top: 10px; max-height: 90%; }

b, strong { font-weight: 700; }

hr { margin-top: 15px; margin-bottom: 15px; border: 0px; height: 1px; background: #9e9e9e; width: 75%; opacity: 0.5; }

.navcol { margin-top: 60px; box-sizing: border-box; background: #262626; height: 100%; position: fixed; z-index: 900; width: 250px; left: -250px; overflow: scroll; }

.navshown { left: 0px; width: 250px; }

.justicon > i { margin-right: 0px !important; }

.colfooter { position: absolute; bottom: 0px; text-align: center; width: 100%; color: #ffffff; padding-bottom: 15px; font-size: 12px; }

.colfooter > a { color: #ffffff; }

.maincol { background: rgba(255, 255, 255, 0.9); height: 100%; width: 100%; }

.metacol { background: #ffffff; height: calc(100% - 60px); border-right: 1px solid #666; display: none; }

.modalcol { box-sizing: border-box; background: #ffffff; height: calc(100% - 60px); border-right: 1px solid #666; display: none; }

.metashown { display: block; position: absolute; right: 0px; top: 60px; width: 100%; }

.modalshown { display: block; position: absolute; right: 0px; top: 60px; width: 100%; z-index: 901; }

select, input[type='text'], input[type='email'], input[type='password'], input[type='number'], input[type='date'], textarea { font-size: 16px !important; border-radius: 0px 0px 0px 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }

footer { display: block; position: absolute; bottom: 0px; width: 100%; text-align: center; color: white; vertical-align: bottom; box-sizing: border-box; margin: 0px; }

#shownav { float: left; margin-left: 15px; }

.showmeta { float: right; margin-right: 15px; line-height: 60px; font-size: 30px; color: #ffffff; }

.login-avatar > img { height: 50px; width: 50px; border-radius: 25px 25px 25px 25px; margin: 10px; box-sizing: border-box; border: 3px solid #ffffff; }

.login-avatar { display: inline-block; float: right; }

.login-info { float: right; text-align: right; margin-top: 15px; }

.login-name { font-weight: 700; }

.login-company { font-size: 12px; }

.mobile-login-avatar > img { height: 50px; width: 50px; border-radius: 25px 25px 25px 25px; margin: 10px; box-sizing: border-box; border: 3px solid #ffffff; }

.mobile-login-avatar { display: inline-block; float: left; }

.mobile-login-info { float: left; text-align: left; margin-top: 15px; }

.mobile-loginbox { color: white; width: 100%; border-bottom: 1px solid #ffffff; }

.mobile-login-name { font-weight: 700; }

.mobile-login-company { font-size: 12px; }

.nav-item { height: 50px; color: white; width: 100%; border-bottom: 1px solid #ffffff; transition: all 0.5s ease; }

.nav-item:hover { color: #262626; background: #9e9e9e; }

.nav-icon { font-size: 25px; line-height: 50px; width: 50px; float: left; text-align: center; }

.nav-name { font-size: 16px; line-height: 50px; float: left; text-align: left; }

.nav-spacer { height: 70px; }

.metaheadericons > li { display: block; width: 25%; box-sizing: border-box; text-align: center; float: left; font-size: 24px; padding: 0px; line-height: 70px; }

.metaheadericons { padding: 0px; margin: 0px; width: 90%; margin: auto auto; }

.mbadge { font-size: 10px; height: 20px; width: 20px; padding: 0px; color: #ffffff; font-weight: 700; background: red; border: 2px solid #ffffff; border-radius: 15px 15px 15px 15px; text-align: center; margin: 0px; position: absolute; display: none; line-height: 15px; padding-top: -5px; }

.mainmain { padding: 15px; }

.initialav { height: 50px; width: 50px; margin: 10px; line-height: 48px; color: white; border-radius: 50px 50px 50px 50px; font-size: 20px; text-align: center; background-size: cover; border-width: 2px; border-style: solid; }

.initialav:first-letter { font-weight: 700; font-size: 25px; }

.center-prepend-but { margin-top: 20px; }

.hidden { display: none; }

.colorpicksplodge { float: left; }

.file-drop { border: 2px dashed #cccccc; text-align: center; padding: 10px; color: #cccccc; }

.settingsav { max-width: 100%; border-radius: 100%; margin-top: 20px; }

.file-drop > p { text-align: center; }

.mainmain { height: calc(100% - 75px); overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.metamain { padding-top: 15px; height: calc(100% - 70px); overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.modalmain { padding-top: 15px; height: calc(100% - 70px); overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.instaedit { transition: all 500ms; box-sizing: border-box; }

.instaedited { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.89) 89%, #4caf50 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(89%, rgba(255, 255, 255, 0.89)), color-stop(100%, #4caf50)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.89) 89%, #4caf50 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.89) 89%, #4caf50 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.89) 89%, #4caf50 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.89) 89%, #4caf50 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#4caf50',GradientType=1 ); /* IE6-9 */ }

.modal { z-index: 1010 !important; width: 90%; max-height: 90%; }

.touchscrollless { -webkit-overflow-scrolling: auto; }

.meta_tab { display: none; padding: 15px; padding-top: 0px; height: 100%; }

.late_todo { color: red; }

.todoav { display: inline-block; float: left; width: 50px; text-align: center; }

.late_todo_two { border-bottom: 2px solid red; }

.due_todo_two { border-bottom: 2px solid green; }

#notif_container { padding-bottom: 5px; }

.notification_av > .login-avatar { float: left; text-align: left; height: 70px; }

.todoav > i { position: relative; top: -1px; }

.notification { font-size: 12px; text-align: left; margin-bottom: 15px; background: rgba(0, 0, 0, 0.1); cursor: hand; cursor: pointer; }

.notification_subject { font-weight: 700; padding-top: 10px; }

.notification_time { display: inline-block; }

.notification_text { display: none; margin-left: 70px; word-wrap: break-word; word-break: break-all; border-top: 1px solid #262626; margin-right: 10px; }

.notification_link { text-align: right; font-weight: 700; padding-right: 10px; height: 24px; overflow: hidden; }

.noti_read { border-bottom: 2px solid #fab418; border-right: 2px solid #fab418; }

.btn-full { display: block; width: 100%; line-height: 100%; }

.btn > i { position: relative; top: 1px; }

.forfield_option { display: inline-block; line-height: 50px; background: rgba(0, 0, 0, 0.1); border-radius: 70px; padding-right: 10px; margin-right: 15px; margin-bottom: 15px; }

.forfield_option:hover { opacity: 0.8; }

.forfield_option > .login-avatar > img, .forfield_option > .initialav { display: inline-block; }

.forfield_option > img { display: inline-block; width: 70px; height: 70px; }

.forfieldname { position: relative; left: -5px; top: -2px; }

input[type=date] { line-height: 42px; }

.timebump { position: relative; top: -3px; }

.showtodo_overduemark { background: red; color: white; text-transform: uppercase; padding-left: 15px; padding-right: 15px; }

select { border: 0px solid transparent; background: transparent; height: 40px; border-bottom: 1px solid #9E9E9E; border-radius: 0px 0px 0px 0px !important; margin-top: -4px; }

.modalmain { box-sizing: border-box; border-bottom: 15px solid #fab418; padding: 15px; height: 100%; }

.cmodal { display: none; }

.namebadge { height: 70px; }

.showtodo_deadlinetimeago { display: inline-block; }

.namebadge_av { box-sizing: border-box; border-width: 3px; border-style: solid; height: 50px; width: 50px; background-size: cover; float: left; border-radius: 50px 50px 50px 50px; margin-right: 10px; line-height: 42px; text-align: center; color: white; font-size: 20px; }

.namebadge_text { padding-top: 5px; font-size: 12px; display: inline-block; }

.namebadge_text > b { font-size: 14px; }

.my-butt { padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; white-space: nowrap; }

.my-butt > i { margin-right: 0px; }

.my-badge { padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; white-space: nowrap; border-radius: 50px 50px 50px 50px; font-size: 12px; }

.my-badge > i { margin-right: 0px; }

.my-butt > span { display: none; text-transform: uppercase; }

.users-last-login { margin-top: 5px; }

.lever { margin-top: -7px !important; margin-left: 0px !important; }

.smallnametag { display: inline-block; border: 0px; border-left: 10px; border-style: solid; background: #ccc; border-radius: 0px 50px 50px 0px; padding: 5px; padding-right: 10px; font-size: 12px; margin-right: 10px; margin-bottom: 10px; }

.addpermissiontouserbut { height: 28px; width: 28px; box-sizing: border-box; display: inline-block; background: #4CAF50; border-radius: 50px 50px 50px 50px; padding: 5px; text-align: center; color: white; font-size: 12px; line-height: 19px; cursor: hand; cursor: pointer; margin-right: 10px; }

.ac_dropdown { position: absolute; background: white; box-shadow: black 0px 0px 10px 0px; display: none; z-index: 1200; }

.ac_dropdown > li { display: block; padding: 10px; font-size: 14px; border-bottom: 1px solid #4CAF50; cursor: hand; cursor: pointer; text-transform: uppercase; }

.ac_dropdown > li > i { font-size: 16px; display: block; float: left; width: 20px; position: relative; top: 3px; }

.ac_dropdown > li:hover { background: #4CAF50; color: #ffffff; }

.mobile-dropdown > li { display: block; padding: 10px; font-size: 14px; border-bottom: 1px solid #4CAF50; cursor: hand; cursor: pointer; text-transform: uppercase; }

.mobile-dropdown > li > i { font-size: 16px; display: block; float: left; width: 20px; position: relative; top: 3px; }

.large-only { display: none; }

.small-only { display: table; }

.st-head-row { height: 1px; padding: 0px; }

.st-key { font-weight: 700; text-align: right; }

.st-key > i { margin-right: 15px; }

.st-head-row { border-bottom: 2px solid #ccc; }

.mobile-span > span { display: inline-block; }

.mobile-span > i { margin-right: 10px; }

.not-mobile-td { display: none; }

.tablesearch { display: inline-block; max-width: 50%; float: left; border-left: 10px solid #ccc; }

.tablesearch > input { margin: 0px; padding-left: 10px; }

.paginate_button { box-sizing: border-box; background: #ccc !important; border-bottom: 2px solid #ccc !important; }

.dataTables_paginate { padding-right: 10px !important; }

.current { border-bottom: 2px solid #fab418 !important; }

.paginate_button.disabled { opacity: 0.5; }

label + p { margin-top: 0px; margin-bottom: 15px !important; }

.successalert { background: #4CAF50; color: white; padding: 15px; margin-bottom: 15px; text-align: center; }

.successalert > a > i { opacity: 0.5; }

#leadsloading { margin-left: 15px; font-size: 14px; font-weight: 300; opacity: 0.7; }

#leadsearchtable > tbody > tr > td { font-size: 12px; }

#leadsearchtable > tbody > tr > td { padding: 5px; }

#leadsearchtable > tbody > tr { border-bottom-width: 1px; border-bottom-style: solid; border-collapse: initial !important; border-color: #666666; }

#leadsearchtable > tbody { border-collapse: initial !important; }

#leadsearchtable > tbody > tr > td:first-of-type { width: 10px; padding: 0px; content: ' '; }

#mobileleadsearchtable > tbody > tr > td { font-size: 12px; }

#mobileleadsearchtable > tbody > tr > td { padding: 5px; }

#mobileleadsearchtable > tbody > tr { border-bottom-width: 2px; border-bottom-style: solid; border-collapse: initial !important; }

#mobileleadsearchtable > tbody { border-collapse: initial !important; }

#mobileleadsearchtable > tbody > tr > td:first-of-type { width: 10px; padding: 0px; content: ' '; overflow: hidden; height: inherit; }

.leadstatuscolor { width: 100%; height: 100%; color: transparent; }

.big-fa { font-size: 20px; }

.subpermission_cont { padding-left: 30px; margin-bottom: 15px; border-bottom: 2px solid #eee; padding: 15px; }

.subpermission_cont:last-of-type { border-bottom: 0px solid #ffffff; }

h1 > .my-butt { font-size: 12px; position: relative; top: -5px; margin-left: 15px; }

.statustablestatus { text-align: center; font-weight: bold; }

.statustablestatus > span { font-weight: 300; }

.statustabledescription { font-size: 14px; }

.addstatusav { float: left; width: 10%; box-sizing: border-box; margin: 0px; border-radius: 0px 0px 0px 0px; cursor: hand; cursor: pointer; }

.smallinitials { color: white; border-radius: 30px 30px 30px 30px; }

.smallinitials:first-letter { font-weight: bold; }

.just-icon { text-align: center; }

.just-icon > i { margin: 0px; margin-right: 0px !important; }

.nopadd.sorting { padding-left: 10px !important; }

.statusinfo > span { float: right; width: 50px; text-align: center; color: white; margin-left: 15px; z-index: 2001; }

.statusinfo { border-bottom-style: solid; border-bottom-width: 2px; width: 100%; height: 30px; line-height: 30px; margin-bottom: 2px; white-space: nowrap; z-index: 200; }

.totalinfo { font-weight: bold; text-align: right; }

#leadsearchtable > tbody > tr { cursor: hand; cursor: pointer; transition: all 0.5s ease; }

#leadsearchtable > tbody > tr:hover { background: #ccc; }

.leadcard { background: #ffffff; margin-top: 15px; padding-top: 15px; }

#leadaddressmap { box-sizing: border-box; background: #ccc; }

.maplabels { text-shadow: 1px 1px 4px white; font-family: "Lucida Grande", "Arial", sans-serif; font-size: 10px; font-weight: bold; text-align: center; width: 40px; font-size: 30px; white-space: nowrap; }

.leadcard > h2 { margin: 10px; margin-top: 0px; }

.leaddate { font-weight: 300; float: right; font-size: 12px; }

.leadstatus { color: #ffffff; font-weight: bold; text-align: center; cursor: hand; cursor: pointer; padding-top: 5px !important; padding-bottom: 5px !important; }

.leadstatus > span { display: block; font-weight: 300; }

.leadediticon { opacity: 0.5; height: 48px; width: 48px; line-height: 48px; text-align: center; font-size: 30px; box-sizing: border-box; float: right; }

.changestatusselect { color: #ffffff; text-align: center; }

.changestatusselect > span { display: block; }

.directionsbut { padding: 5px; background: #ccc; text-align: center; }

.pev3_item { padding: 15px; background: rgba(0, 0, 0, 0.05); margin: 15px; }

.pev3_item > h3 { font-size: 18px; line-height: 18px; margin: 0px; }

.leadcardproductimage { max-width: 25%; float: left; margin-right: 15px; }

.leadcard > h2 > span { font-weight: 300; }

.notes > h2 { line-height: 40px; }

.leadnote { box-sizing: border-box; padding: 15px; background: rgba(0, 0, 0, 0.05); margin: 15px; border-left-width: 10px; border-bottom-width: 2px; border-top-width: 0px; border-right-width: 0px; border-style: solid; }

.notebyline { text-align: right; font-size: 12px; font-style: italic; margin-bottom: 0px; }

.select_name_values { border-left: 10px solid #ccc; border-bottom: 10px solid #ccc; margin-bottom: 15px; }

.centertext { text-align: center !important; }

.calcvalue { font-weight: bold; color: #4CAF50; }

.calcsumpart { padding: 5px; background: #fab418; padding-left: 10px; padding-right: 10px; white-space: nowrap; margin-top: 10px; }

.calcsumtotal { padding: 5px; background: #4CAF50; padding-left: 10px; padding-right: 10px; color: #ffffff; }

.markupval { padding: 5px !important; background: #fab418; font-weight: bold; text-align: center; }

.select-wrapper { margin-top: 5px !important; }

.changeproductimage { max-height: 79px; }

.calcsumpart { line-height: 40px; }

.mytextarea { border: 0px; border-bottom: 1px solid #9e9e9e; padding: 0px; margin: 0px; margin-top: 15px; }

.mytextarea:focus { border-bottom: 2px solid #26A69A; outline: 0; }

.red-icon { color: #A94450; }

.green-icon { color: #4CAF50; }

.fg_review { box-sizing: border-box; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; padding: 10px; }

.fg_review > h3 { margin: 0px; font-size: 18px; line-height: 18px; }

.fg_review > h3 > span { float: right; font-weight: 300; font-size: 14px; }

.fg_review > h3 > i { color: #fab418; }

.libraryphotothumb { box-sizing: border-box; max-width: 100%; height: 0; padding-bottom: 100%; background-position: center center; background-size: cover; transition: all 0.5s ease; }

.libraryphotobut { overflow: hidden; padding: 10px; background: #ddd; margin-top: 10px; padding-bottom: 2px; }

.filetag { background: #4CAF50; padding: 10px; color: white; display: inline-block; border-radius: 20px; padding-top: 5px; padding-bottom: 5px; }

.tag_cloud { padding: 10px; background: #eee; }

.smalltext { font-weight: 300; font-size: 14px; }

.upload_pager { height: 30px; width: 30px; background: #ddd; line-height: 30px; display: inline-block; text-align: center; margin: 5px; }

.upload_pager_active { font-weight: bold; background: #fab418; color: #ffffff; }

.rotate90 { transform: rotate(90deg); -webkit-transform: rotate(90deg); }

.rotate180 { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.rotate270 { transform: rotate(270deg); -webkit-transform: rotate(270deg); }

.showcaseh3 { font-size: 18px; line-height: 18px; padding: 0px; margin: 0px; margin-top: 10px; }

.showcaseunselected { opacity: 0.5; transition: all 0.2s ease; }

.showcaseselected { opacity: 1; transition: all 0.2s ease; }

.showcaseunselected:hover { opacity: 1; }

.newsunselected { opacity: 0.5; transition: all 0.2s ease; }

.newsselected { opacity: 1; transition: all 0.2s ease; }

.newsunselected:hover { opacity: 1; }

.home-icon { background: #ffffff; line-height: 100%; font-size: 100px; text-align: center; opacity: 0.5; }

.home-name { text-align: center; margin-bottom: 15px; overflow: hidden; background: #fab418; color: white; font-size: 12px; height: 60px; line-height: 18px; padding-left: 5px; padding-right: 5px; }

.veka-icon { color: #0072bc; }

.inline-input, .inline-select { display: inline-block !important; max-width: 100px; text-align: center; background-color: white; }

.basicsum { text-align: center; padding: 15px; background: #ddd; border-left: 10px solid #fab418; }

.basicsum > p { text-align: center; }

.has-error { background-color: #F44336 !important; color: white; }

.basicproduct { border-left: 10px solid #fab418; padding: 15px; margin-bottom: 15px; }

.help > h3 { font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; margin-bottom: 10px; }

.help > p { margin-top: 0px; margin-bottom: 10px; font-size: 13px; }

.help > ol, .help > ul { padding-left: 15px; }

.help > ol > li, .help > ul > li { font-size: 13px; }

.help { font-size: 13px; }

.help > h4, .help > a > h4 { font-size: 14px; font-weight: 300; text-transform: uppercase; background: #ddd; padding: 10px; line-height: 14px; cursor: hand; cursor: pointer; }

.help > a > h4 { background: green; color: white; }

.help > h4:after { content: "\f105"; font-family: 'FontAwesome'; float: right; }

.help > h4 + div { display: none; }

.helpshown:after { content: "\f107" !important; font-family: 'FontAwesome'; float: right; }

.helpheader { background: #ddd; font-size: 18px; text-align: center; padding: 5px; margin-bottom: 10px; text-transform: uppercase; }

.select-wrapper i { pointer-events: none; }

h6 { display: block; margin-left: 10px; }

.graphbar { height: 10px; background: #fab418; width: 0%; transition: all 0.5s ease; }

.browsehappy { background: #F44336; color: white; text-align: center; margin: 0px; padding: 10px; }

.simple_product { box-sizing: border-box; background: #eeeeee; border-left: 10px solid #fab418; margin-bottom: 10px; padding: 10px; height: 100px; }

.microproductimagecont { height: 80px; width: 80px; float: left; margin-right: 10px; }

.rangediv { width: calc(100% - 90px); float: right; }

.simplerangemarkup { float: right; }

.simplerangemarkup > span { color: #4CAF50; font-weight: bold; }

.trumbowyg-editor > h2 { font-size: 20px; line-height: 22px; margin: 5px 0px; }

.trumbowyg-editor > h3 { font-size: 16px; font-weight: bold; line-height: 18px; margin: 5px 0px; }

.trumbowyg-editor > h4 { font-size: 10px; line-height: 10px; margin: 5px 0px; }

.trumbowyg-box, .trumbowyg-editor { width: 100% !important; margin: 0px !important; margin-bottom: 10px !important; }

.trumbowyg-editor ul { display: block; list-style-type: disc !important; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; }

.trumbowyg-editor li { list-style-type: disc !important; }

.trumbowyg-editor a { color: blue; text-decoration: underline; }

#eleimage > div { background-repeat: no-repeat; background-position: center center; max-height: 90%; max-width: 90%; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; border: 30px solid rgba(0, 0, 0, 0.5); background-size: cover; }

#eleimage { height: 380px; background: url("/img/grid.png"); }

.elemenuitem { border-left: 10px solid #fab418; border-bottom: 10px solid #fab418; padding-left: 15px; margin-bottom: 15px; }

.elemenuitem > h3 { font-size: 18px; }

.externallink { color: blue; font-weight: normal; font-size: 14px; float: right; }

.pagetab { display: none; }

.pagetabhead { background: #eee; padding: 10px; }

.pagetabshown { display: block; }

input[type=range] { margin: 0px !important; border-color: transparent; }

.veka_contact { border-bottom: 2px solid #fab418; margin-bottom: 15px; }

.veka_contact > p > a { color: blue; }

.officebadge { display: inline-block; padding-left: 10px; padding-right: 10px; position: relative; top: -2px; margin-left: 15px; }

.ad_spaces > h2 { text-align: center; }

.ad_space { background: white; padding: 15px; margin: 10px; }

.points > h3 { font-size: 24px; text-align: center; border-bottom: 2px solid #fab418; margin-top: 0px; }

.points > p { text-align: center; }

.deleted_button { margin-top: 15px; text-align: center; color: white; text-transform: uppercase; }

.leaduser_badge { display: inline-block; color: white; padding-left: 10px; padding-right: 10px; border-radius: 30px 30px 30px 30px; position: relative; top: -2px; margin-left: 10px; font-weight: 300; }

.leaduser_badge::first-letter { font-weight: bold; }

.tb_ad_content { padding: 10px; padding-top: 30px; }

.tb_ad_content > p { font-size: 14px; }

.tb_ad_content > iframe, .tb_ad_content > img { margin-top: 30px; }

.tb_ad_content > p > i { margin-bottom: 5px; margin-top: 5px; margin-right: 5px; float: left; }

.tb_ad_content > h1 { border-bottom: 2px solid #fab418; padding-bottom: 10px; }

.tb_ad_footer { color: white; padding-top: 15px; text-align: center; }

.tb_ad_footer > h1 { font-size: 16px; text-transform: uppercase; }

.tb_ad_footer > h2 { font-size: 14px; }

.tb_add_bit { background: white; padding: 10px; text-align: center; position: relative; padding-bottom: 0px; margin-top: 15px; }

.tb_add_bit > p { position: absolute; bottom: 0px; width: 100%; left: -0px; background: #4CAF50; color: white; margin: 0px; padding-top: 10px; padding-bottom: 10px; }

.tb_add_bit > h1 { font-size: 18px; padding-top: 15px; padding-bottom: 83px; }

.tb_add_questions { text-align: center; text-decoration: underline; }

.tb_arr_answers { padding: 10px; background: #eee; display: none; }

.tb_ad_close { float: right; position: relative; top: 10px; right: -10px; height: 20px; width: 20px; background: #ccc; border-radius: 10px 10px 10px 10px; line-height: 20px; text-align: center; font-size: 12px; color: #666; z-index: 999; }

.allocate_company { border-bottom: 1px solid #fab418; padding: 10px; }

.allocate_company:nth-of-type(2n) { background: #eee; }

.allocate_company a { margin-top: 10px; }

.allocate_company > h2 > span { font-weight: normal; margin-left: 30px; font-size: 16px; }

.allocate_company > p > span { font-style: italic; margin-left: 30px; }

.allocate_company > p { margin-bottom: 0px; }

.allocated_company { text-align: center; font-weight: bold; background: #eee; padding: 10px; }

.yl-pagebut { padding: 8px; background: white; border: 1px solid #ccc;  font-size: 14px;}

.yl-thisbut { background: #fab418; color: white; }

.yl-pagenav { text-align: right; margin-top: 15px; }

.yl-stat { float: left; }

.yl-lt-status-header { float: left; width: 10%; }

.yl-lt-name-header { float: left; width: 63%; }

.yl-lt-date-header { float: left; width: 12%; position: relative; }

.yl-sorter { line-height: 15px; top: 8px; left: 0px; padding: 0px !important; width: 10px; position: absolute; }

.yl-sorter a { font-size: 10px; }

.yl-lt-source-header { float: left; width: 10%; }

.yl-lt-v-header { float: left; width: 5%; }

.yl-lt-status { float: left; width: 10%; height: 100%; position: absolute; text-align: center; line-height: 62px; }

.yl-lt-status label { height: 100%; width: 100%; font-size: 30px; color: black; opacity: 0.05; display: block; position: absolute; }

.yl-all-check { width: 10%; height: 62px; box-sizing: border-box; display: block; overflow: hidden; margin: 0px !important; float: left; }

.yl-all-check label { height: 100%; width: 100%; font-size: 30px; color: black; opacity: 0.05; display: block; line-height: 62px; text-align: center; }

.yl-lt-status input { display: none; }

.yl-toggle-selected { opacity: 1 !important; color: white !important; }

.yl-lt-header { border-bottom: 1px solid black; }

.yl-lt-status-block { float: left; width: 10%; }

.yl-lt-name { float: left; width: 63%; padding: 15px; }

.yl-lt-date { float: left; width: 12%; padding: 15px; }

.yl-lt-source { float: left; width: 10%; padding: 15px; font-size: 12px; }

.yl-lt-v { float: left; width: 5%; height: 62px; line-height: 62px; text-align: center; }

.yl-lt-header div { font-weight: bold; font-size: 18px; padding: 15px; }

.yl-lt-body { max-width: 100%; font-size: 12px; }

.yl-lt-date span { display: block; font-size: 12px; }

.yl-lt-lead { position: relative; border-bottom: 1px solid black; background: white; }

.yt-lt-lead-odd { background: #fcfcfc !important; }

.clearfix { height: 0px !important; padding: 0px !important; }

.yl-stat-head-span { font-size: 14px; font-weight: normal; float: right; }

.yl-leadselect { position: relative !important; left: 0px !important; }

.yl-all-check span { color: black; font-size: 12px !important; line-height: 12px !important; }

.yl-all-actions { background: white; margin-bottom: 15px; }

.yl-toggle-selected-all { opacity: 1 !important; color: black !important; }

.yl-multi-action { width: 80%; float: right; box-sizing: border-box; }

.samehieghtkids * { white-space: nowrap; }

.statspan { font-weight: normal; float: right; font-size: 14px; }

.stattable td { padding: 0px; }

.statchange { text-align: center; border-right: 1px solid black; }

.statcell { text-align: center; width: 30px; font-size: 12px; }

.statname { padding: 5px; padding-left: 10px !important; }

.statzero { font-weight: bold; }

.statred { font-weight: bold; color: red; }

.statgreen { font-weight: bold; color: green; }

.stathead { text-align: center; }

/*# sourceMappingURL=../css/main.map */

.new-updates{
	padding: 10px;
	color: white;
}

.acdc_info b{
	display: inline-block;
	min-width: 150px;
	text-align: right;
}

.acdc_info{
	padding: 10px;
	font-size: 12px;
	background: #eee;
	margin-top: 15px;
}


