/* GENERAL */
html, body {padding: 0; margin: 0; height:100%; min-height:100%; font-family: 'Source Sans Pro', sans-serif;}
#admin { min-height:100%; height: auto !important; height:100%; margin:0 auto -40px;}
body.login {background: url(../images/bg_login.jpg) repeat-x center bottom; position: relative; background-size: 53px 100%;}
#admin, #header, #footer {min-width: 800px;}
/* LOGIN */
#login {height: 380px; top: 0; left: 0; right: 0; bottom: 0; position: absolute; width: 311px; margin: auto; text-align: center;}
#login h2 {margin-top: 0; font-size: 0; background: url(../images/logo_login.png) no-repeat; width: 311px; height: 106px; background-size: 311px 106px; padding-bottom: 60px;}
#login label {display: none;}
#login div.form-item {padding: 5px 0;}
/*#login #username, #login #password { margin: 0; width: 180px; padding: 12px 10px 12px 50px; background-size: 240px 45px; background-repeat: no-repeat; border: 0; background-color: transparent; font-size: 21px; color: #fff;}
#login #username {background-image: url(../images/bg_txt_username.png);}
#login #password {background-image: url(../images/bg_txt_password.png);}*/
/*#login div.form-actions input {background: url(../images/bt_login.png) no-repeat transparent; width: 240px; height: 45px; margin: 0; border: 0; color: #fff; background-size: 240px 90px; margin-top: 20px; font-size: 20px; font-family: 'Source Sans Pro', sans-serif; cursor: pointer;}*/
#login div.form-actions input:hover {background-position: 0 -45px;}
#login div.error {font-size: 0.8em; color: #f00; text-shadow: 0 1px 0 #298BB0; display: none;}
/* HEADER */
#header {height: 126px; background-color: #2ea1c0;}
#header .header-logo {display: block; width: 172px; height: 63px; background-size: 172px 63px; background-image: url(../images/logo_site.png); font-size: 14px; overflow: hidden; text-indent: -999999em;}
#header .header-top {height: 63px;}
#header .header-top h1 {margin: 0; display: inline-block; line-height: 0; }
#header .header-bottom {background-color: #1b2a49; height: 63px; text-align: right;}
/* SEARCH FORM */
#search-form {float: right; padding: 16px;}
#search-form input.form-search {background-color: #016e8b; border: 0; border-radius: 16px; font-size: 14px; padding: 5px 25px 5px 15px; color: #9FC5D1; transition: all .4s ease 0s; width: 170px; background: url(../images/icon_search.png) 148px center no-repeat #016e8b; background-size: 15px 15px; }
#search-form input.form-search::-webkit-input-placeholder { color: #FFF; opacity: 0.6; }
#search-form input.form-search:-moz-placeholder { color: #FFF; opacity: 0.6; }
#search-form input.form-search::-moz-placeholder { color: #FFF; opacity: 0.6; }
#search-form input.form-search:-ms-input-placeholder { color: #FFF; opacity: 0.6; }
#search-form input.form-search:focus {outline: none; width: 220px; color: #fff; background-position: 198px center;}
/* USER MENU */
#user-menu, #top-menu, #icon-menu {display: inline-block;}
#user-menu {font-size: 0.8em; width: 160px; padding-top: 15px; position: relative; cursor: pointer; padding-left: 10px; height: 63px; transition: all .4s ease 0s; text-align: left; margin-right: 20px;}
#user-menu .user-avtr {width: 34px; height: 34px; border-radius: 18px; overflow: hidden; background-repeat: no-repeat; background-position: left center; background-size: 34px 34px; float: left; border: 2px solid #0a6079;}
#user-menu .user-name {color: #fff; font-weight: bold;}
#user-menu .user-type {font-weight: bold; font-style: italic; display: inline; background: url(../images/icon_down.png) no-repeat left center; background-size: 24px 24px; padding-right: 26px; background-position: right center; color:#2ea1c0;}
#user-menu .user-opts {display: inline;}
#user-menu .user-down {width: 24px; height: 24px; display: inline-block;}
#user-menu:hover {background-color: #32405c}
#user-menu:hover ul {display: block; }
#user-menu ul {float: left; width: 114px; padding-left: 10px; padding-top: 4px; }
#user-menu li {list-style: none;}
#user-menu ul ul {margin-left: -10px; color: #fff; width: 110px; padding-top: 0; display: none; position: absolute; margin-top: 5px; z-index: 9001;}
#user-menu ul ul li {margin-bottom: 1px; }
#user-menu ul ul li a {font-size: 0.9em; color: #fff; text-decoration: none; background-color: #2ea1c0; padding: 10px; display: block;}
#user-menu ul ul li a:hover {background-color: #19738b;}
/* TOP MENU */
#top-menu {float: left;}
#top-menu ul {padding: 0; margin: 0; padding-left: 25px;}
#top-menu li {display: inline-block; height: 63px; line-height: 63px; }
#top-menu li a {color: #fff; height: 63px; display: inline-block; padding: 0 10px;}
#top-menu ul li > a {transition: all .4s ease 0s;}
#top-menu li a:hover {text-decoration: none; color: #EEE; background-color: #32405c }
#top-menu ul ul {margin-left: 5px; color: #fff; width: 110px; display: none; position: absolute; margin-top: -15px; padding: 0; text-align: center;}
#top-menu ul ul li {margin-bottom: 1px; height: auto; display: block; line-height: normal; }
#top-menu ul ul li a {font-size: 0.9em; color: #fff; text-decoration: none; background-color: #2ea1c0; padding: 10px; display: block; transition: none; height: auto;}
#top-menu ul ul li a:hover {background-color: #19738b;}
#top-menu li:hover ul {display: block; }
/* ICON MENU */
#icon-menu ul {margin: 0; padding: 0; height: 63px; margin-right: 20px;}
#icon-menu li {list-style: none; display: inline-block; width: 40px; height: 43px; position: relative; border-right: 1px solid #354866; margin: 10px 0; float: left; }
#icon-menu .icon-menu-messages { border-left: 1px solid #354866;}
#icon-menu .icon-menu-messages a {width: 39px;}
#icon-menu li a {display: block; height: 43px; width: 39px; background-repeat: no-repeat; background-position: center center; background-size: 22px 22px; transition: all .4s ease 0s; }
#icon-menu li a:hover {background-color: #32405c}
#icon-menu .icon-menu-messages a {background-image: url(../images/icon_messages.png);}
#icon-menu .icon-menu-alert a {background-image: url(../images/icon_alert.png);}
#icon-menu .icon-menu-config a {background-image: url(../images/icon_config.png);}
span.icon-menu-qty {background-color: #f00; border-radius: 50%; color: #fff; border:1px solid #fff; text-align: center; width: 15px; height: 15px; font-size: 9px; line-height: 12px; position: absolute; z-index: 10; right: 5px; top:3px; }
/* MENU */
#sidebar-nav { margin-left: -150px; left: 70px; width: 150px; background: url(../images/bg_login.jpg) repeat-x; background-size: 100% 100%; position: fixed; height: 100%; z-index: 200; transition: all .4s ease 0s; }
#sidebar-nav #menu-content a {font-size: 0.95em !important;}
#sidebar-nav #menu-toggle, #sidebar-nav #menu-content {display: block; float: left; width: 163px; list-style: none; margin: 0; padding: 0;}
#sidebar-nav #menu-toggle > li {width: 150px;}
#sidebar-nav #menu-toggle {font-size: 2em; width: 70px; margin-left: 80px; text-align: center; color: #fff; margin-bottom: 30px; padding-top: 10px; }
#sidebar-nav #menu-toggle:hover {color: #caf0fa;}
#sidebar-nav #menu-content li.top {height: 82px; width: 160px; line-height: 56px; padding: 10px 0;}
#sidebar-nav #menu-content li.top div { display: inline-block;}
#sidebar-nav #menu-content li.top div.company-avtr {background-repeat: no-repeat; background-size: 50px 50px; border-radius: 50%; border:3px solid #2C8BAA; width: 56px; height: 56px; float: left; margin-left: 7px; margin-top: 2px;}
#sidebar-nav #menu-content li.top div.company-name {width: 82px; text-align: left; text-transform: uppercase; color: #fff; font-weight: 700; width: 71px; margin-left: 14px; line-height: 0;}
#sidebar-nav #menu-content li.top div.company-name span {line-height: normal; vertical-align: middle; display: inline-block; line-height: 1.1em; text-shadow: 0 1px 0 #333;}
#sidebar-nav #menu-content li.top div.company-name span.company-type {color: #1B2A49; font-size: 0.8em; font-style: italic; text-transform: none; text-shadow: none !important;}
#sidebar-nav #menu-content li a {color: #fff; transition: all .4s ease 0s;}
#sidebar-nav ul.menu > li > a {background-repeat: no-repeat; background-size: 30px 30px; display: block; width: 150px; background-position: 115px center; height: 36px; line-height: 36px; padding-left: 10px; text-decoration: none; cursor: pointer; text-transform: uppercase;}
#sidebar-nav ul.menu li {position: relative;}
#sidebar-nav ul.menu > li {border-top: 1px solid #55b4cd; border-bottom: 1px solid #25819a; transition: all .4s ease 0s;}
#sidebar-nav ul.menu > li.item:hover {background-color: #168bab}
#sidebar-nav ul.menu > li.companies > a {background-image: url(../images/menu_icon_companies.png);}
#sidebar-nav ul.menu > li.sites > a {background-image: url(../images/menu_icon_sites.png);}
#sidebar-nav ul.menu > li.users > a {background-image: url(../images/menu_icon_users.png);}
#sidebar-nav ul.menu > li.reports > a {background-image: url(../images/menu_icon_reports.png);}
#sidebar-nav ul.menu ul {padding-left: 0;}
#sidebar-nav ul.menu ul li {list-style: none; text-transform: uppercase; font-size: 0.9em; background-color: #2FA3C2; border-top: 1px solid #55b4cd;}
#sidebar-nav ul.menu ul li a {background: none; text-decoration: none; transition: all .4s ease 0s; display: block; padding: 5px 0; padding-left: 30px}
#sidebar-nav ul.menu ul li a:hover {background-color: #137e9b !important;}
#sidebar-nav ul.menu ul > li.title {padding-left: 30px;}
#sidebar-nav ul li.title {height: 57px; font-weight: 700; line-height: 56px; background: url(../images/menu_arrow@2x.png) #127792 left center no-repeat !important; color: #fff; background-size: 7px 15px !important; padding: 0; font-size: 1.1em !important; border-bottom: 1px solid #0b617a; border-top: 0 !important;}
#sidebar-nav ul.menu > li.top:hover {background-color: transparent !important;}
#sidebar-nav h1{font-size: 14px; font-weight: 700; margin: 0;}
/* CONTENT */
#content {padding-left: 70px; padding-top: 126px; transition: all .4s ease 0s; height: 100%;}
#content.active {padding-left: 150px;}
#content.active #sidebar-nav {left: 150px; }
#content.active #menu-content {overflow-y: scroll; height: 100%; padding-bottom: 150px;}
#content.active #menu-content li.top {width: 150px; margin-left: 0;}
#content.active #menu-content li.title {display: none;}
#content.active #sidebar-nav ul.menu ul li {border-top: none;}
#content:not(.active) #sidebar-nav ul.menu ul {display: none !important;}
#content:not(.active) #sidebar-nav ul.menu ul {background:#168bab; width: 150px;}
#content:not(.active) #sidebar-nav ul.menu li:hover ul {display: block !important; position: absolute; left: 150px; top:0;}
#content-content {padding: 30px;}
.table>tbody>tr>td {border-top: 0; vertical-align: middle; padding-left: 10px;}
/* CONTROLS */
#controls-display, #controls-search, #controls-show, #controls-pagination {display: inline-block;}
#controls-search, #controls-pagination {text-align: right; width: 50%;}
#form-controls input.form-control {font-size: 1.3em; padding: 4px 10px; margin: 0; font-style: italic; font-family: 'Source Sans Pro', sans-serif;}
#form-controls input.btn {height: 34px; display: inline-block; width: 36px; border: 0; background-color:#1b2a49; color: #fff; float: right;}
#controls-search label {height: 36px; font-weight: 600;}
#controls-display, #controls-show {font-weight: 300; width: 49%; }
#controls-pagination ul, #controls-pagination ul li {margin: 0; list-style: none;}
#controls-pagination ul li a {text-decoration: none; color: #333;}
#controls-search input.form-control {border-top-right-radius: 0; border-bottom-right-radius: 0;}
#controls-search input.btn.btn-default {border-top-left-radius: 0; border-bottom-left-radius: 0;}
#reports-table_filter, #reports-table_paginate {text-align: right;}
#reports-table_paginate ul.pagination {margin: 0;}
#reports-table_info {height: 39px; line-height: 39px;}
/* TABLE */
table .action {max-width:40px; text-align: center;}
table .avatar {width: 40px;}
table td {vertical-align: middle;}
table td.label {color: #333; font-size: 1.3em; width: 200px; font-weight: 300; display: table-cell; text-align: left;}
table .label label {font-weight: 300}
table td span.avatar {width: 36px; height: 36px; background-size: 36px 36px; display: inline-block; border-radius: 50%;}
table td.submit {text-align: right;}
table .column-short {width: 5%}
table .column-center {text-align: center;}
/* FOOTER */
#footer {height: 40px; background-color: #2ea1c0; text-align: center; position: relative; color: #fff; line-height: 40px; font-size: 0.8em;}
#footer .footer-logo {display: inline-block; width: 153px; height:23px; background-size: 153px 23px; background-image: url(../images/logo_grm.png); margin-top: 10px; position: absolute; right: 10px;}
div.footer-push { height:40px; clear:both; }
/* OTHERS */
.map_canvas {width: 100% !important}
div.error {color: #f00; font-size: 0.8em; padding-left: 10px; padding-top: 2px;}
#list-company {width: 320px;}
/* BLOCK UI */
div.blockUI.blockMsg.blockPage{border-radius:50% !important;width:100px !important;height:100px !important;margin-left:-50px !important;font-size:14px;margin:0;height:100px;line-height:90px;font-weight:bold;text-transform:uppercase;left:50% !important}
/* MSG UI */
#jquery-msg-bg{-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);background:black}
.jquery-msg-content{-webkit-background-clip:padding-box;padding:15px}
.black-on-white .jquery-msg-content{background:white;color:#333333;-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;filter:alpha(opacity=90);-webkit-box-shadow:5px 5px 30px 0 black;-moz-box-shadow:5px 5px 30px 0 black;box-shadow:5px 5px 30px 0 black;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-khtml-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-pie-lazy-init:true;behavior:url(PIE.htc)}
.white-on-black .jquery-msg-content{-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);background:black;color:white;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-khtml-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-pie-lazy-init:true;behavior:url(PIE.htc)}
.message { background-position: left center; background-size: 30px 30px; background-repeat: no-repeat; padding: 15px 0 15px 40px; display: block;}
.message.error {background-image: url(../images/icon_error.png);}
.message.success {background-image: url(../images/icon_success.png);}
/* MESSAGES */
.alert { border: 1px solid #ccc; border-radius: 5px; padding: 8px;}
.alert ul {display: inline-block; margin-left: 0; padding-left: 0; margin: 0;}
.alert ul li {list-style: none; margin-left: 0; padding-left: 0;}
.alert-error {border-color: #ed541d; background-color: #fef5f1; color: #8c2e0b;}
.alert-success {border-color: #be7; color: #234600; background-color: #f8fff0;}
.alert-dismissable .close, .alert-dismissible .close {top: auto; right: auto;}
.panel-default {overflow: hidden;}
table.ui-datepicker-calendar, div.ui-datepicker-header {font-size: 0.7em !important}
/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#login h2 {background-image: url(../images/logo_login@2x.png);}
#search-form input.form-search {background-image: url(../images/icon_search@2x.png); }
#user-menu .user-type {background-image: url(../images/icon_down@2x.png);}
#icon-menu .icon-menu-messages a {background-image: url(../images/icon_messages@2x.png);}
#icon-menu .icon-menu-alert a {background-image: url(../images/icon_alert@2x.png);}
#icon-menu .icon-menu-config a {background-image: url(../images/icon_config@2x.png);}
#sidebar-nav ul.menu > li.companies a {background-image: url(../images/menu_icon_companies@2x.png);}
#sidebar-nav ul.menu > li.sites a {background-image: url(../images/menu_icon_sites@2x.png);}
#sidebar-nav ul.menu > li.users a {background-image: url(../images/menu_icon_users@2x.png);}
#sidebar-nav ul.menu > li.resources a {background-image: url(../images/menu_icon_resources@2x.png);}
#sidebar-nav ul.menu > li.reports a {background-image: url(../images/menu_icon_reports@2x.png);}
#header .header-logo {background-image: url(../images/logo_site@2x.png)}}
#footer .footer-logo {background-image: url(../images/logo_grm@2x.png)}}
}