@charset "UTF-8";

/* TEMPLATE: Saltkin Responsive Admin Template
 * AUTHOR: Karlo Mikuš
 * www.karlomikus.com
 *
 * Table of contents:
 * -----------------------
 * 1. Default css styles
 * 2. Typography
 * 3. forms and input
 * 4. Layout
 * 5. Sidebar
 * 6. Compact sidebar
 * 7. Right hand sidebar
 * 8. Boxed layout
 * 9. Header
 * 10. Bootstrap overrides
 * 11. Buttons
 * 12. Components
 * 13. Login page
 * 14. Error page
 * 15. Responsive styles
 */
/* ------------------ 1. STYLES ------------------ */
body { background:#f8f8f8; font-family: "Open sans", sans-serif;}

/* ------------------ 2. TYPOGRAPHY ------------------ */
a, a:hover, a:active, a:focus { outline: none;}
a { color: #919191;}
a:hover, a:active, a:focus { color: #2e8bff;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Montserrat", sans-serif;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small,
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-family: "Open sans", sans-serif;}

img.chat-avatar { width: 24px; height: 24px; margin-right: 15px;}
.text-red { color: #ff6363;}
.text-green { color: #5edb99;}
.text-blue { color: #2e8bff;}
.text-orange { color: #ff9538;}
.text-purple { color: #a44cdb;}
.text-yellow { color: #ffc938;}
.bg-dark { background: #3c3c3c !important;}
.bg-red { background: #ff6363 !important;}
.bg-green { background: #5edb99 !important;}
.bg-blue { background: #2e8bff !important;}
.bg-orange { background: #ff9538 !important;}
.bg-purple { background: #a44cdb !important;}
.bg-yellow { background: #ffc938 !important;}
.bg-shade { background: rgba(0, 0, 0, 0.3);}
.h-10{height:10px;}
.h-20{height:20px;}
.clear{clear:both;}
.flo-l{float:left;}
.flo-r{float:right;}

/* ------------------ 3. formS AND INPUT ------------------ */
.form-control { box-shadow: none; border-radius: 0;}
.form-control:focus { box-shadow: none; color: #3c3c3c; background: #f6f9fc;}

.has-success .form-control { box-shadow: none; border-color: #27ac66;}
.has-success .form-control:focus { box-shadow: none; border-color: #1d834d;}

.has-success .help-block, .has-success .control-label,
.has-success .radio, .has-success .checkbox, .has-success .radio-inline,
.has-success .checkbox-inline { color: #27ac66;}

.has-warning .form-control { box-shadow: none; border-color: #ff9538;}
.has-warning .form-control:focus { box-shadow: none; border-color: #ff9538;}

.has-warning .help-block, .has-warning .control-label,
.has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline,
.has-warning .checkbox-inline { color: #ff9538;}

.has-error .form-control { box-shadow: none; border-color: #ff6363;}
.has-error .form-control:focus { box-shadow: none; border-color: #ff6363;}

.has-error .help-block, .has-error .control-label,
.has-error .radio, .has-error .checkbox, .has-error .radio-inline,
.has-error .checkbox-inline { color: #ff6363;}

label { font-family: "Montserrat", sans-serif; font-weight: normal;}

/* ------------------ 4. LAYOUT ------------------ */
.page-container { padding-left:180px; position: relative; top: 0; bottom: 0; right: 0; left: 0; padding-bottom:50px; width: 100%; min-height:585px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.page-container:before, .page-container:after { content: " "; display: table;}
.page-container:after { clear: both;}
#sidebar {background:#225E98; position: absolute; width:180px; bottom: 0; left: 0; top: 0; box-sizing: border-box; z-index: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
#sidebar{min-height:640px!important;z-index:99999;}
#sidebar:after{clear:both; font-size:0; overflow:hidden; line-height:0;}
#content { float: left; position: relative; width: 100%; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; min-height:540px!important;}
/* ------------------ 5. SIDEBAR ------------------ */
/* = SIDEBAR HEADER = */
.sidebar-header {background: #225E98; overflow: hidden; height: 70px; line-height: 70px;}
.sidebar-header h1 { margin:18px 0 0 10px; color: white; float: left; font-family: "Montserrat", sans-serif; font-size: 26px;}
.sidebar-header a { float: right; display: block; margin-right:0px; font-size: 24px; color: white;}
.sidebar-header #hide-menu { display: none;}

/* == SIDEBAR NAVIGATION GROUPS == */
.sidebar-group { list-style: none; margin: 10px 0 60px; padding: 0;}
.sidebar-group li { font-size: 13px; position: relative; line-height:18px; background:#225E98;}
.sidebar-group li.sidebar-group-header { color: #627cb7; font-family: "Montserrat", sans-serif; text-indent: 20px;}
.sidebar-group li a { font-size:14px; font-weight: 400; display: block; color:#afd5fa; padding: 10px 5px;}
.sidebar-group li a span.fa { font-size:20px; margin-right:5px;}
.sidebar-group li a:hover, .sidebar-group li a:active{background: #3b7fc1!important; box-shadow:inset 3px 0 0 #5edb99; text-decoration: none; color: white;}
.sidebar-group li.active ul.sidebar-submenu li.select a {background:#225E98!important;}
.sidebar-group li a:focus { text-decoration: none; outline: none;}
.sidebar-group li.active > a { color: white; background: #3b7fc1; box-shadow: inset 2px 0 0 #5edb99;}
.sidebar-group li .sidebar-link-addon { color:#5edb99; position: absolute; right:-5px; top:13px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; display:none;}
.sidebar-group li .sidebar-link-addon i { font-size: 15px;}
/*.sidebar-group li.has-submenu.active .sidebar-link-addon { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}*/

/* === SIDEBAR NAVIGATION SUBMENU === */
.sidebar-group li ul.sidebar-submenu {width:180px; list-style: none; display:none; background:#3b7fc1; padding: 0; height: 0; box-shadow: inset 3px 0 0 #5edb99; position:absolute; left:180px; top:0;border-left:solid 2px #5edb99;z-index:999999999999999999}

.sidebar-group li ul.show-top{top:-162px!important;}
.sidebar-group li.active ul.show-top{top:0px!important;}
.sidebar-submenu li { text-indent: 20px; background:#3b7fc1;}
.sidebar-submenu li a{padding:8px 10px 8px 0; color:#fff;}
.sidebar-submenu li a:hover{ background:#225E98; box-shadow: none;}
.sidebar-submenu li.active a, .sidebar-submenu li.active a:hover{background:#2268AA!important;}
.sidebar-group li:hover .sidebar-submenu,
.sidebar-group li.active .sidebar-submenu,
.sidebar-group li:hover .sidebar-link-addon,
.sidebar-group li.active .sidebar-link-addon{height: auto; display: block;}
.sidebar-group li.active .sidebar-submenu{position:inherit; left:0; display:block!important;}
.sidebar-group li.active .sidebar-link-addon{display:none;}
/* = SIDEBAR PANEL = */
.sidebar-panel {background: #384d7a; padding: 10px; margin: 20px; color: white;}
.sidebar-panel h4 {margin: 0 0 10px 0;}
.sidebar-panel button { margin: 10px 0 0 0;}
.sidebar-panel p { margin: 0;}

/* ------------------ 6. COMPACT SIDEBAR ------------------ */
.compact-sidebar .page-container { padding-left: 60px;}
.compact-sidebar #sidebar { width: 60px;}
.compact-sidebar .sidebar-header h1 { display: none;}
.compact-sidebar .sidebar-group li.sidebar-group-header, .compact-sidebar .sidebar-group li .sidebar-link-addon { display: none;}
.compact-sidebar .sidebar-group li a span { display: none;}
.compact-sidebar .sidebar-submenu { position: absolute; min-width: 250px; left: 60px; top: 0;}
.compact-sidebar .sidebar-submenu li { text-indent: 0;}
.compact-sidebar .sidebar-panel { display: none;}

/* ------------------ 7. RIGHT SIDE SIDEBAR ------------------ */
.sidebar-right .page-container { padding-right: 280px; padding-left: 0;}
.sidebar-right #sidebar { left: auto; right: 0;}
.sidebar-right.compact-sidebar .page-container { padding-right: 60px;}

/* ------------------ 8. BOXED LAYOUT ------------------ */
.boxed-layout { background: #d0e0ef;}
.boxed-layout .page-container { background: #e7eff7; width: 1200px !important; margin: 0 auto;}

/* ------------------ 9. HEADER ------------------ */
.header-site{background:#225E98; height: 70px; margin-bottom: 10px;}
.header-site .container-fluid { padding: 0; border-bottom:solid 1px #ddd;}

/* = PAGE TITLE = */
.page-title {margin-left: 25px; float: left; padding-bottom:12px;}
.page-title h3{color:#222; font-size:24px; margin: 0 0 5px 0; font-weight: 600; font-family: "Open sans", sans-serif; text-transform:uppercase;}
.page-title nav, .page-title a { font-size: 13px; color: #999;}
.page-title #toggle-menu { display: none; color: #B4D7F7; font-size:20px; margin:6px 10px 0 -10px;}
.page-title #toggle-menu:hover, .page-title #toggle-menu:active, .page-title #toggle-menu:focus {color:#fff;}

/* = HEADER NAVIGATION = */
.header-nav { list-style: none; margin: 0; padding: 0; float: right; height: 70px;}
.header-nav > li { position: relative; display: block; float: left;}
.header-nav > li > a { min-height: 70px; min-width: 72px; text-align: center; line-height: 65px; padding: 0 10px; font-size:14px; display: block; color: #fff;}
.header-nav > li > a > i{font-size:20px; margin-left:3px}
.header-nav > li > a > span{font-size:26px; line-height:20px; vertical-align:middle;}
.header-nav > li > a:hover { background: #3b7fc1;}
.header-nav > li > .badge {position: absolute; top: 17px; right: 15px;}

/* ------------------ 10. BOOTSTRAP OVERRIDES ------------------ */
/* = Buttons = */
.btn { border-width: 0; border-radius: 0;}

.btn-default { background:#e8e8e8 /*whitesmoke*/;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default .open .dropdown-toggle.btn-default { background:#dcdcdc ;}

.btn-primary { background: #3c3c3c;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary .open .dropdown-toggle.btn-primary { background: #23304d;}

.btn-success { background: #5edb99;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success .open .dropdown-toggle.btn-success { background: #3dd484;}

.btn-danger { background: #ff6363;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger .open .dropdown-toggle.btn-danger { background: #ff3a3a;}

.btn-warning { background: #ff9538;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning .open .dropdown-toggle.btn-warning { background: #ff7f0f;}

.btn-info { background: #2e8bff;}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info .open .dropdown-toggle.btn-info { background: #0574ff;}

.btn-purple {background: #a44cdb; color: white;}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .btn-purple .open .dropdown-toggle.btn-purple { color: white; background: #932bd4;}

.btn-yellow { background: #ffc938; color: white;}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .btn-yellow .open .dropdown-toggle.btn-yellow { color: white; background: #ffbe0f;}

/* = Badges = */
.badge { background: #ff6363; color: white;}

.badge-gray { background: #919191;}

/* = Panels = */
.panel, .panel-heading { border-radius: 0;}

.panel-heading { font-family: "Montserrat", sans-serif;}

.panel { border-color: #3c3c3c; border: 0; border-bottom: 3px solid #3c3c3c;}
.panel .panel-heading { color: white; border-color: #3c3c3c; background: #3c3c3c;}

.panel-minimal { border: 0;}
.panel-minimal .panel-heading { background: none; border: 0; border-top: 3px solid #919191; color: #919191;}

.panel-boxed { border: 2px solid #3c3c3c;}
.panel-boxed .panel-heading { background: #3c3c3c; font-size: 24px; font-weight: 300; font-family: "Open sans", sans-serif; border: 0;}

.reminders{ padding-top:35px; clear:both;}
.reminders .col-md-6{ padding-top:15px;}
.panel-default { border: 0;}
.panel-default .panel-heading {border: 0; background:#E3F1FC; color:#3c3c3c; font-size:24px; font-weight:400; font-family: "Open sans", sans-serif;padding:8px 10px; border-bottom:solid 3px #8fb6d7;}
.panel-default .panel-heading span{color:#225E98; font-size:30px!important; margin-right:5px; line-height:20px;}
.panel-default .panel-footer { border: 0; background: whitesmoke;}

.panel-inverse, .panel-inverse .panel-heading { color: white;}

.panel-boxed.panel-red { border-color: #ff6363;}
.panel-boxed.panel-red .panel-heading { border-color: #ff6363; background-color: #ff6363;}

.panel-boxed.panel-blue { border-color: #2e8bff;}
.panel-boxed.panel-blue .panel-heading { border-color: #2e8bff; background-color: #2e8bff;}

.panel-boxed.panel-green { border-color: #5edb99;}
.panel-boxed.panel-green .panel-heading { border-color: #5edb99; background-color: #5edb99;}

.panel-boxed.panel-orange { border-color: #ff9538;}
.panel-boxed.panel-orange .panel-heading { border-color: #ff9538; background-color: #ff9538;}

.panel-boxed.panel-purple { border-color: #a44cdb;}
.panel-boxed.panel-purple .panel-heading { border-color: #a44cdb; background-color: #a44cdb;}

.panel-minimal.panel-red .panel-heading { border-color: #ff6363; color: #ff6363;}

.panel-minimal.panel-blue .panel-heading { border-color: #2e8bff; color: #2e8bff;}

.panel-minimal.panel-green .panel-heading { border-color: #5edb99; color: #5edb99;}

.panel-minimal.panel-orange .panel-heading { border-color: #ff9538; color: #ff9538;}

.panel-minimal.panel-purple .panel-heading { border-color: #a44cdb; color: #a44cdb;}

/* = Dropdowns = */
.dropdown-arrow:before { border-bottom: 8px solid #3c3c3c; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; display: inline-block; right: 27px; position: absolute; top: -7px;}

.dropdown-menu { border-radius: 0; border: 0; background: #225E98; margin: 0;}
.dropdown-menu > li > a { color: #aaaaaa; padding: 5px 20px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus { color: white; background: #222e4a;}
.dropdown-menu .divider { background-color: #222e4a;}

.bootstrap-datetimepicker-widget.dropdown-menu { background: white !important;}

/* = Progress bar = */
.progress { border-radius: 0; height: 10px;}
.progress.progress-lg { height: 20px;}
.progress .progress-bar { background: #3c3c3c;}
.progress .progress-bar.progress-bar-success { background-color: #5edb99;}
.progress .progress-bar.progress-bar-info { background-color: #2e8bff;}
.progress .progress-bar.progress-bar-warning { background-color: #ff9538;}
.progress .progress-bar.progress-bar-danger { background-color: #ff6363;}

/* = Pills navigation = */
.nav-pills > li > a { border-radius: 0;}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background: #2e8bff;}

.nav-pills.nav-green > li.active > a, .nav-pills.nav-green > li.active > a:hover, .nav-pills.nav-green > li.active > a:focus { background: #5edb99;}

/* = Modals = */
.modal-content { border: 0; border-radius: 0;}
.modal-content .modal-header, .modal-content .modal-footer { background: whitesmoke;}

/* = Alerts = */
.alert { border-radius: 0; border: 0; border-left: 3px solid black;}
.alert.alert-success { border-color: #5edb99; background: #dbf7e8;}
.alert.alert-danger { border-color: #ff6363; background: #ffe3e3;}
.alert.alert-info { border-color: #2e8bff; background: #c7e0ff;}
.alert.alert-warning { border-color: #ff9538; background: #ffe6d1;}

/* = Pagination = */
.pagination { border-radius: 0; margin:10px auto; text-align:center;}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0;}
.pagination > li > a, .pagination > li > span { background: #e5e5e5; color: #111; border: 0;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #225E98;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: #3B7FC1; color: white;}
.pager li > a, .pager li > span { border-width: 2px;}

.pager li > a:hover, .pager li > a:focus { background: #2e8bff; border-color: #3c3c3c; color: white;}

/* = Tabs = */
.nav-tabs > li > a { border-radius: 0;}

.nav > li > a:hover, .nav > li > a:focus { background: #2e8bff; color: white; border-color: #2e8bff;}

.nav.nav-green > li > a:hover, .nav.nav-green > li > a:focus { background: #5edb99; color: white; border-color: #5edb99;}

/* ------------------ 11. BUTTONS ------------------ */
.no-margin { margin: 0 !important;}

/* ------------------ 12. COMPONENTS ------------------ */
/* = Notifications = */
.panel-notifications { border: 0; padding: 0; margin: 0; min-width: 220px; box-shadow: 0 4px 6px #cccccc; background: white;}
.panel-notifications .panel-heading { background: #3c3c3c; border: 0;}
.panel-notifications .panel-body { padding: 0;}
.panel-notifications .panel-body ul { list-style: none; margin: 0; padding: 0;}
.panel-notifications .panel-body ul li a { display: block; border-bottom: 1px solid #dedede; padding: 10px 15px;}
.panel-notifications .panel-body ul li a .typcn { color: white; font-size: 18px; margin-right: 5px; padding: 0 5px 3px 5px;}
.panel-notifications .panel-body ul li a:hover, .panel-notifications .panel-body ul li a:active, .panel-notifications .panel-body ul li a:focus { background: whitesmoke;}

/* = Messages dropdown = */
.panel-messages { border: 0; padding: 0; min-width: 300px; background: white; box-shadow: 0 4px 6px #cccccc;}
.panel-messages .panel-heading { background: #3c3c3c; border: 0;}
.panel-messages .panel-body { padding: 0;}
.panel-messages .panel-body ul { list-style: none; margin: 0; padding: 0;}
.panel-messages .panel-body ul li.left .chat-body { margin-left: 10px;}
.panel-messages .panel-body ul li.right .chat-body { margin-right: 60px;}
.panel-messages .panel-body ul li .chat-body p { padding: 0;}
.panel-messages .panel-body ul li .chat-body .glyphicon { margin-right: 5px;}
.panel-messages .panel-body ul li a { display: block; padding: 10px; color: #333333; border-bottom: 1px solid #dedede;}
.panel-messages .panel-body ul li a:hover { background: #2e8bff; color: white; text-decoration: none;}
.panel-messages .panel-body ul li a:hover small { color: #c7e0ff;}
.panel-messages .panel-footer { border: 0;}

/* = Status panels = */
.panel-status { border: 0;}
.panel-status .panel-heading { background: none; border: 0; margin-bottom: 5px;}
.panel-status .panel-heading h3 { color: #3c3c3c; margin: 0; font-weight: 300; font-family: "Open sans", sans-serif;}
.panel-status .panel-body { text-align: center; line-height: 50px; font-size: 48px;}
.panel-status .panel-body .total-tasks { font-size: 18px; color: #919191;}
.panel-status .panel-footer { background: whitesmoke; border: 0; margin-top: 20px; padding: 0;}
.panel-status .panel-footer ul { list-style: none; margin: 0; padding: 0;}
.panel-status .panel-footer ul li { width: 50%; text-align: center;}
.panel-status .panel-footer ul li a { font-family: "Montserrat", sans-serif; font-size: 16px; color: #919191; display: block; padding: 12px 0;}
.panel-status .panel-footer ul li a:hover { text-decoration: none; background: #ebebeb;}

/* = Statistics panel = */
.panel-stat { border: 0;}
.panel-body .stat-icon{border-radius:5px;}
.panel-stat .panel-body .stat-icon { padding: 2px 10px 4px; color: white; font-size: 28px;}
.panel-stat .panel-body h4 { margin: 0 0 0 10px; font-size: 16px; line-height: 22px;}
.panel-stat .stat-info{  width:70%;  min-height:1em; vertical-align:middle;}
.panel-stat .panel-body h4 small { font-size: 12px; text-transform:uppercase;}
.panel-stat .panel-body span { font-size: 28px;}
.panel-stat .panel-footer { border-top: 1px solid #e7eff7; background: none; text-align: center; padding: 20px 0 0 0;}
.panel-stat.panel-alt { color: white;}
.panel-stat.panel-alt small { color: rgba(255, 255, 255, 0.6);}

/* = Tasks = */
.panel-tasks { border: 0;}
.panel-tasks .panel-heading { border: 0; font-size: 24px; font-family: "Open sans", sans-serif; font-weight: 300;}
.panel-tasks .panel-body { margin: 0; padding: 0; list-style: none;}
.panel-tasks .panel-body li { position: relative;}
.panel-tasks .panel-body li input { position: absolute; right: 15px; top: 15px;}
.panel-tasks .panel-body li a { padding: 13px 20px; display: block; color: #333333; border-left: 3px solid #919191; font-size: 16px;}
.panel-tasks .panel-body li a.priority-high { border-color: #ff6363;}
.panel-tasks .panel-body li a.priority-low { border-color: #2e8bff;}
.panel-tasks .panel-body li a.priority-medium { border-color: #ffc938;}
.panel-tasks .panel-body li a.priority-delayed { border-color: #a44cdb;}
.panel-tasks .panel-body li a:hover { text-decoration: none; background: whitesmoke;}
.panel-tasks .panel-body li.task-done a { text-decoration: line-through;}
.panel-tasks .panel-body li .current-task { color: white; border: 0;}

/* = Analytics = */
.panel-analytics { border: 0;}
.panel-analytics .panel-heading { border: 0; background: none; color: #3c3c3c; font-weight: 300; font-family: "Open sans", sans-serif; font-size: 24px;}
.panel-analytics .panel-body { padding: 0;}
.panel-analytics .panel-body .analytics-info { margin-bottom: 20px; padding: 0 20px;}

.stock-info h1 { margin: 0; font-family: "Open sans", sans-serif;}
.stock-info h1 i { font-size: 16px;}

/* = Chat = */
.panel-chat .chat { list-style: none; margin: 0; padding: 0;}
.panel-chat .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #dedede;}
.panel-chat .chat li.left .chat-body { margin-left: 60px;}
.panel-chat .chat li.right .chat-body { margin-right: 60px;}
.panel-chat .chat li .chat-body p { padding: 0;}
.panel-chat .chat li .chat-body .glyphicon { margin-right: 5px;}
.panel-chat .panel-body { overflow-y: scroll; height: 300px;}

/* = Reminder panel = */
.panel-reminder { background: #fff; color:#444444; border:solid 1px #ccc; text-align:center; padding:20px 0; margin:0 15px;}
.panel-reminder .panel-heading { color: #444444; display:inline-block;}
.panel-reminder .icon-bg {font-size:30px; color:#444444; display:inline-block;}

/* = Email = */
.mail-list { list-style: none; margin: 10px 0 0 0; padding: 0;}
.mail-list li { border-bottom: 1px solid whitesmoke;}
.mail-list li a { display: block; padding: 10px 15px;}
.mail-list li a:hover { text-decoration: none; background: #3c3c3c; color: white;}

/* = Scrollbar = */
.scrollbox { overflow: auto; width: 368px; height: 200px;}

.scrollbar-track { width: 10px; background: transparent; margin-right: 2px; border-radius: 10px; -webkit-transition: background 250ms linear; transition: background 250ms linear;}

.scrollbar-track:hover,
.scrollbar-track.dragging { background: #d9d9d9; background: rgba(0, 0, 0, 0.15);}

.scrollbar-handle { width: 7px; right: 0; background: #999999; background: rgba(0, 0, 0, 0.4); border-radius: 7px; -webkit-transition: width 250ms; transition: width 250ms;}

.scrollbar-track:hover .scrollbar-handle,
.scrollbar-track.dragging .scrollbar-handle { width: 10px;}

/* = Multi level dropdown menu color = */
.dl-menuwrapper button { background: #3c3c3c;}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul { background: #225E98;}

/* ------------------ 13. LOGIN PAGE ------------------ */
.login-page { background: #3c3c3c;}
.login-page .container { color: white; padding: 200px 0;}
.login-page .login-buttons { text-align: center;}
.login-page .login-buttons strong { margin: 0 10px;}

.btn-login { font-family: "Montserrat", sans-serif; font-size: 18px; border: 3px solid white; background: #3c3c3c; color: white; padding: 20px 100px;}
.btn-login:hover, .btn-login:active, .btn-login:focus { color: white; background: #384d7a;}

/* ------------------ 14. ERROR PAGE ------------------ */
.error-page { background: #3c3c3c;}
.error-page .container { color: white; padding: 200px 0;}
.error-page .container h1 { font-size: 64px;}
.error-page .container h1 i { font-size: 48px;}
.error-page a { color: #738bbf;}



footer{background:#225E98; clear:both; padding:20px 10px; text-align:center; color:#afd5fa; font-size:12px; margin-top:15px; padding-left:195px; padding-right:20px;display:block; position:fixed; z-index:999999; bottom:0; min-width:100%;}
footer a{color:#fff;}
footer .copyright{float:left;}
footer .design-by{float:right; margin-top:-5px;}

.quick-actions{display: inline-block; list-style: none outside none; margin:10px 0; text-align: center; padding: 0;}
.quick-actions li { min-width: 110px;  display:inline-block;padding:20px 7px;  font-weight:600; font-size:16px;}
.quick-actions li a {padding: 10px 30px; background-color:#fff; border: 1px solid #d5d5d5;  border-radius: 4px;  box-shadow: 0 1px 0 0 #ffffff inset, 0 1px 0 rgba(255, 255, 255, 0.4); line-height: 18px; margin: 0 4px 10px; color:#444444; }
.quick-actions li a span{color:#1d6fb6; font-size:24px; vertical-align:top;}
.quick-actions li:hover a{color:#111; text-decoration:none; background:#e8e8e8; border: 1px solid #ccc	; box-shadow: 0 1px 0 0 #fff inset, 0 1px 0 rgba(255, 255, 255, 0.4); } 
.quick-actions li:hover a span{color:#111;}

.statistics-list{display: inline-block; list-style: none outside none; margin:5px 0; text-align: center; padding: 0;}
.statistics-list li { min-width: 110px;  display:inline-block; font-weight:600; font-size:20px;}
.statistics-list li{padding:20px 40px; background-color:#fff; border: 1px solid #d5d5d5;  border-radius: 4px;  box-shadow: 0 1px 0 0 #ffffff inset, 0 1px 0 rgba(255, 255, 255, 0.4); line-height: 18px; margin: 0 10px 20px; color:#444444; }
.statistics-list li span{color:#1d6fb6; font-size:30px;  margin-right:8px; vertical-align:middle;}

#welcome h3{text-align:center; margin:0; font-size:22px;}


/*----------------------- edit tape --------------------------*/
.sv-btop{border-top:1px solid #CCC; padding-top:8px; clear:both; margin-top:8px;}
.ctrbtn{margin:0 auto !important;}
.agt-sltd{border:0 none;  padding:0;}
.agt-slt-select{border:0 none;}
.sunnerheight{height:150px !important; width:100% !important ;}
.txt-left{text-align:left !important;} 
.ara-w-h{width:100%; }
.vew-butn a {background:#e8e8e8; margin:0 2px; padding:3px 5px; text-decoration:none; color:#333;}
.vew-butn a:hover {background:#dcdcdc; padding:3px 5px; text-decoration:none !important; color:#333;}
.ped-left-edt{padding:5% 10% 0 10% !important;}
.loginpg-fluid{margin:0 auto !important; float:inherit !important;}
.loginpg-fluid2{width:40%; margin:0 auto !important; float:inherit !important;}
.fan-ds-dx ul{margin:0 !important; padding:0 !important; }
.fan-ds-dx ul li{ list-style:none; padding:0 0 0 10px;}
.fan-ds-dx ul li span{font-weight:bold; padding:0 0 5px 0px; list-style:none;}
.fan-ds-dx ul li a{text-decoration:none; color:#BCBCBC; padding:0 0 0 10px;}
.fan-ds-dx ul li a:hover{text-decoration:none; color:#69F;  padding:0 0 0 10px;}
.rpt-pdg{padding:0 0 7px 0px !important;} 
.rpt-pdg a{color:#0574FF; text-decoration:none;} 
.rpt-pdg a:hover{color:#919191; text-decoration:none;} .rpt-pdg a{color:#0574FF; text-decoration:none;} 
.rpt-pdg ul{margin:0; padding:0;}
.rpt-pdg ul li{list-style:none; margin:1px;}
 .bdr-lft{border-left:1px dotted #666;}
.txtar-ht{height:50px !important;}
.mrn-o {padding:0 !important;}
.mrn-o .col-sm-12{padding:0 !important;}
.fltr-icon{background:url(../img/fltr-icon.png) no-repeat right;}
.smbl{display:none;}
.mg-0{ margin:0 !important;}
.rpt-ht{height:400px !important;}

/* ------------------ 15. RESPONSIVE STYLES ------------------ */
@media screen and (max-width: 768px) {
	body {overflow-x: hidden; position: relative; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;   transition: all 0.3s ease; width:100%;}
 #make-compact {display: none; }
 .page-container {padding-left: 0; }
  #welcome {clear:both;}
 #sidebar {left: -180px; }
 .show-menu {left:180px; }
 .show-menu #sidebar {left: -180px; }
 .header-site {height: 50px; }
 .header-nav {height: 50px; }
 .header-nav > li > a {min-height: 50px;   min-width: 50px;   line-height: 45px;  padding: 0 10px; font-size:15px;} 
 .header-nav > li .badge {position: absolute;   top: 8px;   right: 5px; }
 .page-title h4 {margin: 13px 0 0 0; } .page-title nav {display: none; } .page-title #toggle-menu {display: inline-block; }
 .sidebar-header {height: 50px; } .sidebar-header h1 {margin: 2px 0 0 20px; }
 .login-page .login-buttons strong {display: block;   margin: 15px 0; }
footer{background:#225E98; clear:both; padding:20px 10px!important; text-align:center; color:##afd5fa; font-size:12px; margin-top:15px; display:block; position:fixed; bottom:0; min-width:100%;}
.sunnerheight{height:70px !important; width:50%  !important ;}
.smbl{display:block;}
 .bdr-lft{border-left:0 none;}
  .lmg{margin-left:41%; margin-bottom:2%;}
 }
@media screen and (max-width: 480px) {.page-title h4 span {display: none !important; }
footer .copyright{float:none;}
footer .design-by{float:none; padding-top:5px; clear:both; width:100%;}
.page-container{padding-bottom:100px;}
.sunnerheight{height:70px !important; width:auto !important ;}
.sv-btop:before{clear:both; line-height:0; font-size:0; overflow:hidden; content:".";}
.smbl{display:block;}
 .bdr-lft{border-left:0 none;}
  .lmg{margin-left:0; margin-bottom:2%;}
 
}
@media screen and (min-width: 320px) and (max-width: 360px) {.sidebar-header {line-height: 50px; }
#hide-menu {display: inline-block !important; font-size: 20px; margin-right: 25px;}
.sidebar-group li a i {display: none; } 
.sidebar-group .sidebar-link-addon {right: 25px;}
.header-nav > li > a {min-height: 50px;   min-width: 50px;   line-height: 45px;  padding: 0 4px; font-size:14px;} 
.smbl{display:block;}
 .bdr-lft{border-left:0 none;}
  .lmg{margin-left:0; margin-bottom:2%;}
 
}
@media screen and (max-width: 320px){.header-nav > li > a {font-size:12px;} 
.smbl{display:block;}
 .bdr-lft{border-left:0 none;}
  .lmg{margin-left:0; margin-bottom:2%;}
 }
.form-table  table > thead > tr > th{background:#e8e8e8; border-bottom:solid 2px #bbb;}
ul.list li{clear:both; padding:5px 0; list-style:none; margin-left:0;}

.profile-info h1{margin:0 0 7px 0; font-size:24px!important;}
dl.list-inline{margin-bottom:15px; margin-left:5px; color:#6b6b6b;font-size:14px;display:inherit!important;}
dl.list-inline dt{width:40%; float:left; clear:left; margin-bottom:10px; font-weight:400; margin-right:2%;}
dl.list-inline dd{width:56%; float:left; clear:right; margin-bottom:10px; padding-left:25px;color:#333}
dl.list-inline dd i{margin-left:-25px; width:25px; text-align:center;}
dl.list-inline dt:after{content:":"; float:right;}
.list-inline .form-control, .list-inline .form-control-1{display:initial!important; width:98%!important; height:28px!important;}
.list-inline .form-group{ margin-bottom:0!important;}
/*profile sales summary*/
.list-unstyled{clear:both;}
.sale-summary ul {margin-top:-12px;}
.sale-summary li {padding:10px 0;overflow:hidden;border-top:solid 1px #eee;}
.sale-summary li:first-child {border-top:none;}
.sale-summary li .sale-info {float:left;color:#646464;font-size:13px;text-transform:uppercase;}
.sale-summary li .sale-num {float:right;color:#169ef4;font-size:15px;font-weight:300; width:40%; text-align:right;}
.sale-summary li span i {top:1px;width:13px;height:14px;margin-left:3px;position:relative;display:inline-block;}
.sale-summary li i.icon-img-up {background:url(../../img/icon-img-up.png) no-repeat !important;}
.sale-summary li i.icon-img-down {background:url(../../img/icon-img-down.png) no-repeat !important;}
.sale-summary .caption h4 {color:#383839;font-size:18px;}
.sale-summary .caption {border-color:#c9c9c9;}
.portlet > .portlet-title > .caption { float: left; font-size: 18px; font-weight: 400; line-height: 18px; margin: 0 0 8px; padding: 0;}

.btn-round{border-radius:3px;}
.text-white, .text-white a{color:#fff;}
.control-value{padding-top:7px;}

/*search in siddebar*/