/* anonymous */
body { background-color: #fff; }
body.anonymous { background-color: #4254b6; }
#aform { background-color: #fff; box-shadow: 0 0 20px #333; }
body.anonymous { background-color: #0747a6; }
body.anonymous .login-container .copyright { color: #5a6edb; }
body.anonymous .login-container .copyright a:link, body.anonymous .login-container .copyright a:visited { color: #5a6edb; }
body.anonymous .login-container .copyright a:hover { color: #5084da; }
body.anonymous .login-container h1 { color: #7ee8d4; }
body.anonymous .login-container h3 { color: #fff; }
body.anonymous .login-container .ufield.vertical label { color: #fff; }
body.anonymous .login-container a:link, body.anonymous .login-container a:visited { color: #fff; }
body.anonymous .login-container a:hover { color: #fa4122; }
body.anonymous .login-container .ufield.vertical label a:hover { color: #fa4122; }
body.anonymous .login-container .ufield.vertical .el input { color: #fff; background-color: #003f9c !important; }
body.anonymous .login-container .ufield.vertical .el input:focus { border: #677ee9 1.25px solid !important; outline: #677ee9 1.25px solid !important; }
body.anonymous .login-container .ufield.vertical .el input::placeholder { color: #e8e8e8; }
body.anonymous .login-container .ufield.vertical .el input:-ms-input-placeholder { color: #e8e8e8; }
body.anonymous .login-container .ufield.vertical .el input::-ms-input-placeholder { color: #e8e8e8; }
body.anonymous .login-container .ufield .el span.error-msg { color: #fa4122; }
.warning-box { color: #fff; background-color: #cc0001; }
.notfound-message label { color: #172b4d; }
/* --------- */
.color-70{color: #707070 !important;}
.color-e8{color: #e8e8e8;}
.color-d4{color: #d4d4d4;}
.color-red { color: #cc0001; }
.color-blue { color: #0066cc; }
.color-green { color: #009900; }
.color-orange { color: #ff4200; }
.color-yellow { color: #ffcc00; }
.color-dark-yellow { color: #ddb100; }
.bg-color-f5 { background-color: #f5f5f5 !important; }
i.search-icon { color: #666; }
.vertical-seperator { background-color: #e8e8e8; }
span.active { background-color: #5065ba; color: #fff; }
span.passive { background-color: #adb1c8; color: #fff; }
a:link, a:visited { color: #6b778c; }
a:hover { color: #1c63ce; }
.fancy-scroll::-webkit-scrollbar-thumb { background: #d4d4d4; }
#icon-col { background-color: #0747a6; border-right: #063985 1px solid; }
#icon-col a:hover { background-color: #1c63ce; }
#icon-col a:link, #icon-col a:visited { color: #e8e8e8; }
#app-logo h2 { color: #5e6c84; }
#left-col { background-color: #f5f5f5; border-right: #e8e8e8 1.5px solid; }
#left-col ul.menu::-webkit-scrollbar-thumb { background: #5262bc; }
#left-col ul.menu li i.menu-arrow { color: #f5f5f5; }
#left-col ul.menu a:link, #left-col ul.menu li a:visited, #left-col ul.menu li span { color: #42526e; }
#left-col ul.menu li a:hover, #left-col ul.menu li span:hover, #left-col ul.menu li a.active { background-color: #ebecf0; color: #0052cc; }
#left-col ul.menu li .sub-menu { background-color: #3142a1; }
#left-col ul.menu li .sub-menu a:link, #left-col ul.menu li .sub-menu a:visited { color: #fff; }
#left-col ul.menu li.open { background-color: #ebecf0; }
#left-col ul.menu li.open span { color: #0052cc; }
#work-area.dashboard { background-color: #3f51b5; }
#work-area.dashboard h4 { color: #fff; }
#work-area.dashboard .dock .box .portlet { box-shadow:  0 0 15px #33418e; }
#work-area.dashboard .dock .box .portlet.blue-1 { background-color: #5a6edb; color: #fff; }
#work-area.dashboard .dock .box .portlet.blue-2 { background-color: #5d6cc0; color: #fff; }
#work-area.dashboard .dock .box .portlet.blue-3 { background-color: #5c90dd; color: #fff; }
#work-area.dashboard .dock .box .portlet.pink { background-color: #e436af; color: #fff; }
#work-area.dashboard .dock .box .portlet.green { background-color: #61bd26; color: #fff; }
#work-area.dashboard .dock .box .portlet.orange { background-color: #f19f00; color: #fff; }
#work-area.dashboard .dock .box .portlet a:link, #work-area.dashboard .dock .box .portlet a:visited { color: #fff; }
#popup-header h1 { color: #172b4d; }
#popup-footer { border-top: #e8e8e8 1px solid; }
.text-shadow-black{text-shadow:2px 2px 3px #000;}
#v-SnackBar { background-color: #333; color: #fff; }
#v-SnackBar.error { background-color: #cc0001 !important; }

#page-header h1 { color: #172b4d; }

/* buttons */
a.btn { line-height: 32px; border: transparent 0 solid; }
.btn.large { padding: 0 25px; font-size: 15px; }
.btn { padding: 0 15px; border-radius: 3.5px; font-family: proxima; font-size: 13px; text-decoration: none; display: inline-block; line-height: 32px; }
.btn.default { background-color: #f5f6f8; color: #42526e; }
.btn.default:hover { background-color: #ecedf0; }

.btn.primary { background-color: #64bb34; color: #fff; }
.btn.primary:hover { background-color: #57a22e; }

.btn.action { background-color: #0747a6; color: #fff; }
.btn.action:hover { background-color: #0747a6; }

.btn.yellow { background-color: #e5b112; color: #fff; }
.btn.yellow:hover { background-color: #ba9114; }

.btn.dark-gray { background-color: #666; color: #fff; }
.btn.dark-gray:hover { background-color: #242424; }