.login-page .panel { background: rgba(0, 0, 0, 0.1) url(../images/login/login-background-1.jpg); padding: 20px !important; background-position: right center !important; background-size: cover !important; background-blend-mode: multiply; }
.login-page .panel .login-left { border-radius: 20px; width: 290px !important; padding-top: 30px; }
.forgotten-text { display: block !important; }
.login-page .panel-heading { justify-content: center; }
.login-page .panel .login-left .panel-footer .btn { width: 100%; padding: 10px !important; margin-bottom: 20px; }
.forgotten-text a:not(.btn) { color: #0077e1; text-decoration: underline; font-size: 10px !important; }
.login-page .form-group .errormsg, .login-page .form-group .field-validation-error { font-size: 10px; top: 2px; }

:root { --theme-color: #000; --theme-color-rgb: 0, 0, 0; --secondary-color: #CDDC39; --light-bgcolor: #fcfdf3; }
/*Theme.css*/
.sidebar-menu ul.sub-nav, .sidebar-menu ul.sub-nav > li > a:hover { background-color: #e5f3f8 !important; }
.sidebar-menu ul.sub-nav > li > a { padding: 0px; margin-left: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.sidebar-menu ul.sub-nav > li > a:hover, .sidebar-menu ul.sub-nav > li > a.active { background-color: #fff !important; color: var(--secondary-color); }
.sidebar-menu ul.sub-nav { background-color: #fcfdf3 !important; }

sidebar-menu > ul > li > a:after, .sidebar-menu ul.sub-nav > li > a:after { opacity: 0; content: ""; width: 2px; height: 100%; display: inline list-item; position: absolute; top: 0; right: -2px; background: var(--secondary-color); }
.sidebar-menu ul.sub-nav > li > a:hover, .sidebar-menu ul.sub-nav > li > a.active { background-color: var(--secondary-color) !important; color: #000; }
.sidebar-menu span.glyphicons, .sidebar-menu span.glyphicon, .sidebar-menu span.fa, .sidebar-menu i.fa, .sidebar-menu i.fas, .sidebar-menu i.far { color: var(--theme-color); }
.sidebar-menu ul.sub-nav > li > a strong { font-weight: normal; display: inline-block; float: left; padding-left: 30px; min-height: 40px; line-height: 40px; font-size: 13px; width: calc(100% - 70px); }
#content, .maxWidthDiv { padding-left: 90px !important; padding-right: 100px !important; }
.head-links a.active { border-color: var(--secondary-color); }
.head-links a { border: 2px solid transparent; padding: 5px 8px; }
.bodylocked .head-links a { padding-left: 15px; padding-right: 15px; }
.panel-heading a.bg-cstm, .panel-heading .btn { box-shadow: 0 0 0px 3px #cddc39; }
.panel { z-index: 1; border-radius: 10px; -webkit-box-shadow: 0 14px 39px rgb(0 0 0 / 25%); box-shadow: 0 14px 39px rgb(0 0 0 / 25%); padding: 25px; }
.panellightbg { background: var(--light-bgcolor); border-radius: 15px; padding: 8px; }
p { color: var(--theme-color); }
.bodylocked #sidebar_left { box-shadow: 0 0px 23px rgb(0 0 0 / 18%); }
.copyIcon { background-color: #57af28 !important; padding: 6px 25px; border-radius: 20px; margin-top: 20px; }
.darkbgP { background: var(--theme-color); margin-top: 10px; display: flex; color: #fff; padding: 10px 19px; align-items: center; border-radius: 15px; }
.darkbgP p { color: #bfcad7; margin-bottom: 0px; margin-left: 10px; font-size: 11px; }
.copyCode { border: 1px dashed #083768; position: relative; min-height: 140px; margin-top: 5px; background: #fff; border-radius: 15px; }
.p-0 { padding: 0px; }
.pl-04 { padding-left: 4px; }
.pr-04 { padding-right: 4px; }
.copyCode label { padding: 25px 25px 5px 25px; width: 100%; color: var(--theme-color); opacity: 0.9; }
.trackMsg { padding: 10px 16px 0px; font-weight: 600; }
.darkbgP.bg-light p { color: #000; font-weight: bold; }
.darkbgP.bg-light .fa { font-size: 31px; color: #000; }
.darkbgP.bg-light p a { color: var(--secondary-color); }
.KnowBtn.trackClick { float: right; display: flex; align-items: center; margin-top: 10px; }
.KnowBtn .button.lnkSearch { width: 220px; position: relative; }
.KnowBtn .button.lnkSearch input { border-radius: 20px; padding-left: 34px; border-color: #ddd; }
.KnowBtn .button.lnkSearch .fa-search { position: absolute; left: 7px; top: 10px; opacity: 0.8; }
.KnowBtn .fa-question { color: #fff; font-size: 26px; margin-left: 10px; background: var(--theme-color); padding: 9px 15px; border-radius: 100%; }
.footer > div { color: var(--theme-color); font-size: 11px; font-weight: 600; }
/*.chatsec.visible { opacity: 1; right: 0%; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.chatsec { background: #fff; position: fixed; top: 0; right: -10%; left: auto; width: 500px; max-width: 95%; height: 100%; z-index: 101; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition: all 1s; -webkit-box-shadow: -8px 0 9px -5px rgba(0, 0, 0, .18); -moz-box-shadow: -8px 0 9px -5px rgba(0, 0, 0, .18); box-shadow: -8px 0 9px -5px rgba(0, 0, 0, .18); padding-top: 0; }*/
.trackCodeSec { display: flex; position: relative; }
.trackCodeSec .trckImg { height: 266px; position: absolute; left: -25%; bottom: -47px; z-index: 9999; }
.trackCodeSec .panel { max-width: 400px; }
.trackCodeSec .panel:before { content: ""; border-style: solid; border-width: 10px 15px 10px 0; border-color: transparent #ffffff transparent transparent; position: absolute; left: -15px; }
.trackCodeSec .panel .close { position: absolute; top: 10px; right: 10px; opacity: 0.8; }
.trackCodeSec .panel .close img { height: 32px; }
.bg-Logo { position: absolute; right: 5%; bottom: 59px; height: 290px; opacity: 0.8; pointer-events: none; }
.tblCstm th { border: none !important; padding: 15px 5px !important; }
.table-striped > tbody > tr th:first-child { border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding-left: 20px !important; }
.table-striped > tbody > tr th:last-child { border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
table.table { background: var(--light-bgcolor); }
.table-striped > tbody > tr:nth-child(even) > td { background-color: #fff; border: none; }
.table-striped > tbody > tr:nth-child(odd) > td { background-color: var(--light-bgcolor); border: none; }

.table tbody > tr > td:first-child { padding-left: 20px !important; }
table.table select.form-control { border: rgb(0 0 0 / 25%); height: 40px; border-radius: 10px; min-width: 150px !important; }
table.table input.form-control { border: rgb(0 0 0 / 25%); height: 40px; border-radius: 10px; min-width: 109px; }
.tblCstm th { font-size: 12px; }
.form-control { font-size: 12px; color: #000000; }
.footer { /*position: absolute; bottom: 0;*/ }
.bodylocked #content_wrapper { padding-bottom: 50px; }
.smtextTitle { font-size: 10px; color: var(--theme-color); margin-left: 6px; opacity: 0.6 }
.footer a { color: var(--theme-color); font-weight: 600; font-size: 11px; }
.watchvideo { padding-bottom: 6px; padding-right: 6px; }
.trackCodeSec p { font-size: 11px; margin-top: 10px; }
.track-footer { display: flex; justify-content: flex-end; align-items: center; }
.copyIcon.bdr { background: transparent !important; border: 2px solid rgb(8, 55, 104, 0.3); margin-top: 0px !important; color: var(--theme-color); font-size: 11px; font-weight: 600; padding: 5px 19px; }
.track-footer .codecount { opacity: 0.6 }
.track-footer .footer-count { color: var(--theme-color); font-weight: bold; margin-right: 10px; }
.sv-btn.copyIcon { background: #3a8112 !important; height: 32px; font-size: 12px; }
.form-control:focus { border-color: var(--secondary-color) !important; }
.sidebar-menu > ul > li > a > span:nth-child(1), .sidebar-menu > ul > li > a > i { font-size: 15px; }
.builder-rightSide { z-index: 1; }
.gritter-without-image p { color: #fff !important; }

@media screen and (min-width: 1400px) {
	#content, .maxWidthDiv { padding-left: 50px !important; padding-right: 25px !important; }
	.login-page .panel .login-left { width: 350px !important; }
	#sidebar_left { width: 310px; }
	.footer { left: 10%; }
	.sidebar-menu > ul > li > a > span:nth-child(1), .sidebar-menu > ul > li > a > i { font-size: 17px; }
}