/* body
-------------------------------------------------- */
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,600italic,700,700italic');
html {
    height: 100%;
}
html, body {
    overflow: auto !important;
}
body {
    margin: 0;
    padding: 0;
    color: #6f6f6f !important;
    font: normal 10pt "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    background: #ffffff;
    opacity: 1;
    transition: .1s opacity;
}
/* Main Structure */

/* Typography */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
}
body.fade-out {
    opacity: 0;
    transition: none;
}

/* animations
-------------------------------------------------- */

/*
==============================================
pulseSlow
==============================================
*/

.animation-pulseSlow {
    animation-name: pulseSlow;
    -webkit-animation-name: pulseSlow;
    animation-duration: 45s;
    -webkit-animation-duration: 45s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}

.animation-pulseMedium{
    animation-name: pulseMedium;
    -webkit-animation-name: pulseMedium;
    animation-duration: 30s;
    -webkit-animation-duration: 30s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}

@keyframes pulseMedium {
    0% {
        transform: scale(1.5);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.5);
    }
}

@-webkit-keyframes pulseMedium {
    0% {
        -webkit-transform: scale(1.5);
    }
    50% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.5);
    }
}

@keyframes pulseSlow {
    0% {
        transform: scale(1.15);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.15);
    }
}

@-webkit-keyframes pulseSlow {
    0% {
        -webkit-transform: scale(1.15);
    }
    50% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.15);
    }
}
/*Select2 Box Font Override*/
.select2-container a.select2-choice {
    font-family: "Open Sans";
}

/* navbar
-------------------------------------------------- */
.navbar-default .navbar-white {
    background-color: #FFFFFF !important;
    border-color: #E7E7E7;
}
.navbar .breadcrumb{
    background-color:white !important;
}
.navbar .navbar-default {
    border-bottom-width: 1px;
    background-color: #ffffff;
    border-color: #4e4e4e;
    box-shadow: 1px 1px 1px #2a2a2a;
}

.logo-menu-size{
    max-height:40px;
}
nav.navbar-white{
    background-color: white !important;
}
.navbar .container-fluid {
    padding-left: 8px;
}
.navbar .btn-group {
    margin: 5px 0;
    padding: 5px 0;
}
.navbar-brand {
    padding: 25px;
}
.navbar-brand-custom {
    /*padding: 10px 5px 5px 20px;*/
    height: auto;
    width: auto;
    max-width: 200px;
    max-height: 40px;
    margin-top: 5px;
    margin-bottom: 4px;
    float: left;
}
.navbar-brand-custom img {
    height: auto;
    width: auto;
    max-width: 100px;
    max-height: 60px;
    padding-left: 20px;
}
.navbar-center{
    position: absolute;
    right: -32px;
    top: 20%;
    width: 100%;
    text-align: center;
    font-size: 18px;
}
.navbar-center-image{
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
}
.logo-under-image{
    position: absolute;
    top: 48%;
}
.text-logo-center{
    position: absolute;
    left: 50%;
    top: 33%;
    transform: translate(-50%, -50%);
}
.text-under-image{
    position: fixed;
    top: 55px;
    left: 25px;
}
.navbar-element-float-left{
    float: left;
}
.navbar button, .navbar a {
    /*margin-right: 4px;*/
}
.navbar button.menu-toggle {
    margin-right: 10px;
}
.navbar-spacer {
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
h3.navbar-header {
    color: #333;
    font-weight: bold;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.nav-header{
    font-size: 12px !important;;
    font-weight: bold !important;
}
.navbar-fixed-top .navbar-btn {
    margin: 10px 10px !important;
}
.navbar-fixed-top .dropdown.navbar-btn {
    margin: 5px !important;
}
.navbar-fixed-bottom .navbar-btn {
    margin: 5px 10px !important;
}
.navbar-fixed-bottom .navbar-collapse {
    padding-bottom: 10px;
}

.btn-comparatio-blue {
    background-color: #4468AA;
    color:white;
}
.btn-comparatio-blue:hover {
    background-color: #003B69;
    color:white !important;
}


/* sidebar
-------------------------------------------------- */
.body-wrapper {
    margin-top: 50px;
    margin-bottom: 10px;
    padding-left: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.body-wrapper.toggled {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
/*.sidebar-wrapper {*/
/*z-index: 2;*/
/*position: fixed;*/
/*left: 250px;*/
/*width: 50px;*/
/*min-height: 100%;*/
/*margin-left: -250px;*/
/*!*background: #003B69;*!*/
/*background: #003B69;*/
/*!*background: #ffffff;*!*/
/*!*background: #333;*!*/
/*-webkit-transition: all 0.4s ease;*/
/*-moz-transition: all 0.4s ease;*/
/*-o-transition: all 0.4s ease;*/
/*transition: all 0.4s ease;*/
/*overflow-x: hidden;*/
/*overflow-y: hidden;*/
/*}*/
.body-wrapper.toggled .sidebar-wrapper {
    width: 250px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow-y: auto;
}
.content-wrapper {
    positio: absolute;
    margin-left: 50px;
    padding: 10px 0;
    width: auto;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.body-wrapper.toggled .content-wrapper {
    position: absolute;
    margin-left: 250px;
    width: -webkit-calc(100% - 250px);
    /*width: -o-calc(100% - 250px);*/
    width: -moz-calc(100% - 250px);
    width: calc(100% - 250px);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
/* Small Menu */
.sidebar-sm-nav .sidebar-top-spacer {
    display: block;
    min-height: 5px;
    margin-top: 0;
}
.sidebar-sm-nav .sidebar-spacer {
    display: block;
    min-height: 5px;
}
.sidebar-sm-nav hr {
    margin: 5px 4px;
    width: auto;
    min-height: 0px !important;
}
.sidebar-sm-nav {
    position: absolute;
    top: 0;
    width: 50px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    color: #ffffff;
}
.sidebar-sm-nav a {
    margin-left: 5px;
    margin-right: 5px;
    width: auto !important;
    color: #ffffff;
    font-size: 15px;
    border-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
.sidebar-sm-nav a:hover{
    background-color: #739DA9;
    /*border-color: #013149;*/
}
.sidebar-sm-nav a.active {
    background-color: #739DA9;
    /*border-color: #5BC0DE;*/
}
.body-wrapper.toggled .sidebar-wrapper .sidebar-sm-nav {
    margin: 50px 0 0 0;
    display: none;
}
/* Large Menu */
.sidebar-wrapper .sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    font-weight: normal !important;
    font-style: normal !important;

}
.body-wrapper.toggled .sidebar-wrapper .sidebar-nav {
    margin: 0;
    display: block;
}
.sidebar-wrapper ul:not(.sidebar-menu-group) > .sidebar-brand {
    height: 45px;
    font-size: 14px;
    line-height: 35px;
    padding-right: 25px;
    background: #000000;
}

.sidebar-wrapper .sidebar-nav > .sidebar-brand a {
    color: #fff;
    font-weight: bold;
}
.sidebar-wrapper .sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
.sidebar-wrapper .sidebar-nav > .nav-header {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.sidebar-wrapper .sidebar-nav > .nav-bottom {
    height: 65px;
    border-bottom: none !important;
}
.sidebar-wrapper .sidebar-nav > li {
    text-indent: 15px;
    line-height: 35px;
    border-bottom:1px solid #838383;
}
.sidebar-wrapper .sidebar-nav > li.nav-divider {
    margin: 1px 0 2px 0;
    display:none;
}
.sidebar-wrapper .sidebar-nav > li a {
    display: block;
    text-decoration: none;
    color: #eee;
    padding: 0;
}
.sidebar-wrapper .sidebar-nav > li a:hover,
.sidebar-wrapper .sidebar-nav > li.active a:hover,
.sidebar-wrapper .sidebar-nav > li.active
{
    color: #fff;
    text-decoration: none;
    background: #739DA9;
}
.sidebar-wrapper .sidebar-nav > li.active a,
.sidebar-wrapper .sidebar-nav > li a:focus
{
    color: #fff;
    text-decoration: none;
    background: #739DA9;
}
/* Collapse */
.sidebar-wrapper .panel-group {
    margin-bottom: 0;
}
.sidebar-wrapper .panel-group .panel {
    border-radius: 0;
    border: 0 solid transparent;
}
.sidebar-wrapper .panel-group .panel .panel-heading {
    padding: 0;
    background-color: #003B69;
    /*background-color: #333;*/
    border-color: #dddddd;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.sidebar-wrapper .panel-group .panel .panel-body,
.sidebar-wrapper .panel-group .panel .panel-body ul{
    position: relative;
    padding: 0;
    /*border-top: 0 solid transparent;*/
}

.sidebar-wrapper .panel-group .panel .panel-body ul.sidebar-collapse .sidebar-item-header {
    text-indent: 10px;
    /*text-decoration: underline;*/
    color: #999999;
    background-color: #4e4e4e;
    font-style: italic;
}

.sidebar-wrapper .panel-group .panel .panel-body ul.sidebar-collapse li a {
    text-indent: 30px;
    text-decoration: none;
    color: #fff;
    /*background-color: #4e4e4e;*/
    background-color: #003B69;
}

.sidebar-wrapper .panel-group .panel .panel-body ul.sidebar-collapse li a:hover,
.sidebar-wrapper .panel-group .panel .panel-body ul.sidebar-collapse li.active a:hover,
.sidebar-wrapper .panel-group .panel .panel-body ul.sidebar-collapse li.active
{
    text-decoration: none;
    color: #fff;
    background: #739DA9;
}
.sidebar-wrapper .panel-group .panel .panel-body ul.sidebar-collapse li.active a,
.sidebar-wrapper .panel-group .panel .panel-body ul.sidebar-collapse li a:focus
{
    text-decoration: none;
    color: #fff;
    background: #739DA9;
}

.sidebar-submenu-arrow{
    position: absolute;
    right:10%;
    top:10px;
}

.btn-primary.btn-transparent{
    background-color: transparent;
    border-color: transparent;
}

.side-menu-checkbox {
    display: inline-block;
    padding: 0;
    margin-right: 10px;
}
.side-menu-checkbox label input {
    margin: 10px -10px 0 0 !important;
}

/* breadcrumb
-------------------------------------------------- */
.breadcrumb {
    margin: 0px 0px 5px !important;
}

/* dependency/relation menu
-------------------------------------------------- */
.top-menu {
    width: auto;
    margin-right: 20px;
}
.operations {
    list-style-type: none;
    margin: 0;

}
.operations li {
    padding-bottom: 2px;
}
.operations li a {
    font: 12px Arial;
    color: #0066A4;
    display: block;
    padding: 2px 2px 2px 12px;
    line-height: 20px;
    text-decoration: none;
}
.operations li a:visited {
    /*color: #0066A4;*/
}
.operations li a:hover {
    background: dodgerblue;
}
.operations.btn-group .visible-lg.first-child,
.operations.btn-group .visible-md.first-child,
.operations.btn-group .visible-sm.first-child,
.operations.btn-group .visible-xs.first-child
{
    -webkit-border-top-left-radius: 4px !important;
    -webkit-border-bottom-left-radius: 4px !important;
    -moz-border-radius-topleft: 4px !important;
    -moz-border-radius-bottomleft: 4px !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.operations.btn-group .visible-lg.last-child,
.operations.btn-group .visible-md.last-child,
.operations.btn-group .visible-sm.last-child,
.operations.btn-group .visible-xs.last-child
{
    -webkit-border-top-right-radius: 4px !important;
    -webkit-border-bottom-right-radius: 4px !important;
    -moz-border-radius-topright: 4px !important;
    -moz-border-radius-bottomright: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.tab-pane .row .btn-group-sm {
    padding-left:15px !important;
}


/* content
-------------------------------------------------- */
h2.app-title {
    font-style: italic;
}
img.app-image {
}
h3.content-header {
    margin: 2px 5px;
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
}
h4.content-header {
    margin: 2px 20px;
    padding: 3px;
    font-weight: bold;
    position: relative;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    float:right;
}
.main-content-container {
    min-height: 500px;
}

/* footer
-------------------------------------------------- */
.footer-version-label
{
    color: #959595;
    font-size: 12px !important;
}

.footer-links {
    /*margin-top: 15px;*/
    padding: 0 20px
}


.footer-absolute {
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    background-color: #efefef;
    /*clear: both;*/
    padding: 0px 35px 0;
    z-index: 1000;
    /*overflow: hidden;*/
    /*vertical-align: text-top;*/
    position:fixed;bottom:0;left:0;right:0;height:30px;
}

/* dashboard
-------------------------------------------------- */

#clientStatuses > #yw0.list-view {
    margin: 0 15px;
}

.dashboard-menu .dashboard-menu-btn {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
    padding: 0;
    width: 140px;
    height: 140px;
    cursor: pointer;
}
.dashboard-menu .item {
    position: relative;
    padding: 15px;
    margin: 0;
    width: 100%;
    height: 100%;
    background:rgba(245, 246, 250, .5);
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    text-align: center;
    -webkit-transition: 200ms linear 0s;
    -moz-transition: 200ms linear 0s;
    -o-transition: 200ms linear 0s;
    transition: 200ms linear 0s;
}

.item:hover{
    background:rgba(245, 246, 250, .9);
    box-shadow:0 0 20px 12px rgba(150, 180, 200, .6);
    -webkit-transition: 100ms linear 0s;
    -moz-transition: 100ms linear 0s;
    -o-transition: 100ms linear 0s;
    transition: 100ms linear 0s;
}

.dashboard-menu .item > img, .dashboard-menu .item > a {
    display: block;
    margin: auto;
    vertical-align: middle;
}
.dashboard-menu .item > img {
    text-align: center;
}
.dashboard-menu .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px;
    height: 100%;
    width: 100%;
    opacity: 1;
    color: #d4c5b3;
    background-color: transparent;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    text-align: center;
    word-wrap: break-word;
    cursor: pointer;
}
.dashboard-menu .overlay .dashboard-menu-title {
    position: absolute;
    bottom: 5px;
    width: 92%;
    opacity: 0.8;
    background-color: #d4c5b3;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}
.dashboard-menu .overlay .dashboard-menu-title h4 {
    color: #fff;
    font-size: 12px;
}
.dashboard-menu-title{
    color:white;
    text-align:center;
    font-size:17px;
    margin-top:5px;
    text-shadow: 1px 1px 20px grey;
}

button#refresh-toggle {
    margin-left: 15px;
}

.glow:hover {
    /*-webkit-box-shadow: 0px 0px 15px white;*/
    /*-moz-box-shadow: 0px 0px 15px white;*/
    /*box-shadow: 0px 0px 15px white;*/
    /*transition-timing-function: ease-out;*/
    /*-webkit-transition-timing-function: ease-out;*/
    /*-moz-transition-timing-function: ease-out;*/
    /*-ms-transition-timing-function: ease-out;*/
    /*transition-duration: .19s;*/
}
div#clientStatusesCount {
    float: right;
    font-size: large;
    margin-right: 20px;
}
/* login
-------------------------------------------------- */
.login {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 45px 60px;
    width: 450px;
    height: auto;
    color: #000000;
    background-color: rgba(0,0,0,.50);

    /*background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 15%,  rgba(255,255,255,.9) 80%, rgba(255,255,255,0) 100%); !* FF3.6+ *!*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(15%,rgba(255,255,255,.9)), color-stop(80%,rgba(255,255,255,.9)), color-stop(100%,rgba(255,255,255,0))); !* Chrome,Safari4+ *!*/
    /*background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 15%,  rgba(255,255,255,.9) 80%,rgba(255,255,255,0) 100%); !* Chrome10+,Safari5.1+ *!*/
    /*background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 15%,  rgba(255,255,255,.9) 80%,rgba(255,255,255,0) 100%); !* Opera 11.10+ *!*/
    /*background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 15%,  rgba(255,255,255,.9) 80%,rgba(255,255,255,0) 100%); !* IE10+ *!*/
    /*background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 15%,  rgba(255,255,255,.9) 80%,rgba(255,255,255,0) 100%); !* W3C *!*/
    /*box-shadow: 2px 2px 2px #2a2a2a;*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#696a6c', endColorstr='#222222'); /* IE7-8-9 */
    /*Valid, works in IE 8-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#696a6c, endColorstr=#222222)";
    zoom: 1; /* IE7-8-9 */
}
.login form {
    margin: 0;
    padding: 20px 10px 10px 10px;
}
.login form .form-group .control-label {
    float: left;
}
.login .btn-group input[type=checkbox] {
    margin-top: 1px;
}
/*.login .btn-group a:hover  {*/
/*color: #fff;*/
/*}*/
.login .version-label {
    width: 100%;
    color: white;
    font-size: x-small;
    text-align: right;
}

.login-header {
    position: relative;
    height: 100px;
}
.login-header-image-wrapper {
    text-align: left;
}
.login-header-image {
    width: auto;
    height: auto;
    max-width: 450px;
}
.login-header-title-wrapper {
    position: absolute !important;
    bottom: 0;
    right: 0;
    text-align: right;
}
.login-header-title {
    margin: 10px;
    font-size: 26px;
}

.lost-password a {

    text-decoration: none;
    color: white;
}

.lost-password a:hover {
    color: #cccccc;
}

/* tab
-------------------------------------------------- */
.nav-tabs {
    margin-right: 0;
}
.tab-content {
    padding: 10px 5px;
}
.tab-content > .tab-pane, .pill-content > .pill-pane {
    margin-top: 10px;
}

/* form
-------------------------------------------------- */
.disabled-tab {
    pointer-events: none;
}
.ct-form-control {
    min-width: 200px;
}

/* grid
-------------------------------------------------- */
/*.grid-view .no-class:first-child {
    padding-top: 30px !important;
}*/
.grid-view {
    overflow-x: auto;
    margin:0 0 20px 0;
}
.grid-view > table {
    padding: 1px !important;
}
.grid-view .filters {
    background-color: #ffffff;
    opacity: 1;
    font-size: 12px;
}
.grid-view thead.tableFloatingHeader .filters input,
.grid-view thead.tableFloatingHeader .filters select {
    opacity: 0;
}
.list-view {
    padding-top: 0 !important;
}
.pagination {
    margin: 5px 0 0 0 !important;
}
.grid-map-btn {
    cursor: pointer;
}
.grid-view thead tr th {
    background: #ffffff none repeat scroll 0% 0% !important;
}
.shop-taxable-toggle-btn {
    cursor: pointer !important;
}
.grid-highlighted-row {
    background-color: #d4d4d4 !important;
    cursor: pointer !important;
}
.grid-search-btn {
    cursor: pointer !important;
    color: #0babff;
}
/* grid cell
-------------------------------------------------- */
.grid-view > table > tbody > tr > td {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow-ellipsis: true;
    font-size: 12px;
}
/* table
-------------------------------------------------- */
.panel-body table tbody tr td {
    word-break: break-all;
}

/* column
-------------------------------------------------- */
.row-centered {
    text-align: center;
    margin: 0px;
}
.col-centered {
    display: inline-block;
    float: none;
    text-align: left;
}

/* panel
-------------------------------------------------- */
.panel-title {
    font-size: 13px !important;
}

/* alert
-------------------------------------------------- */
.alert {
    margin: 5px 0;
}

/* label
-------------------------------------------------- */
.label-po-status-open {
    background-color: #008000 !important;
}
.label-po-status-approved {
    background-color: #ffcc37 !important;
}
.label-po-status-invoiced {
    background-color: #c4791c !important;
}
.label-po-status-shipped {
    background-color: #c4791c !important;
}
.label-po-status-delivered {
    background-color: #808080 !important;
}

.fa-po-status-open {
    color: #008000 !important;
}
.fa-po-status-approved {
    color: #ffcc37 !important;
}
.fa-po-status-invoiced {
    color: #c4791c !important;
}
.fa-po-status-shipped {
    color: #c4791c !important;
}
.fa-po-status-delivered {
    color: #808080 !important;
}

/* bootbox
-------------------------------------------------- */
.modal {
    overflow-y: auto !important;
}
.modal-footer {
    margin-top: 0;
    padding: 8px
}
.extended-bootbox {
    top: 5% !important;
    margin: 0 auto !important;
    width: 95% !important;
}
.extended-bootbox > .modal-dialog {
    width: 100% !important;
    margin: 0 !important;
}
.extended-bootbox > .modal-dialog > .modal-content > .modal-body {
    padding: 15px !important;
}

.bootbox.modal {
    z-index: 9999 !important;
    margin-top:5%;
}
/* datepicker
-------------------------------------------------- */
.datepicker  {
    /*margin-top: -50px;*/
}
.datepicker thead {
    /*color:white !important;*/
}
/* textarea
-------------------------------------------------- */
textarea.form-control {
    height: 100%;
    min-height: 200px;
}

/* text-input
-------------------------------------------------- */
.form-control{
    font-size: 12px !important;
}
.grid-view .form-control{
    background-color: white;
}
.grid-view .editable-input .form-control{
    background-color: #fff;
}
.form-control::-webkit-input-placeholder {
    font-size: 12px;
    color: #646464;
    font-style: italic;
}
.form-control:-moz-placeholder {
    font-size: 12px;
    color: #646464;
    font-style: italic;
}
.form-control::-moz-placeholder {
    font-size: 12px;
    color: #646464;
    font-style: italic;
}
.form-control:-ms-input-placeholder {
    font-size: 12px;
    color: #646464;
    font-style: italic;
}

/* select
-------------------------------------------------- */
.select2_image {
    width: 28px;
    height: 28px;
    border: 1px solid #595959;
    border-radius: 14px !important;
}
.select2-search-choice {
    font-size: 12px;
}
.select2-choices {
    width: 100%;
}
.select2-search-field input {
    width: 100% !important;
}
.select2-container-multi .select2-choices {
    font-size: 12px !important;
}

/* switch
-------------------------------------------------- */
.bootstrap-switch {
    width: 180px;
}

/* switch
-------------------------------------------------- */
.top-menu .navbar-btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* popover
-------------------------------------------------- */
.sidebar-menu-group {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sidebar-menu-group li {
    margin: 8px 0;
}
.sidebar-menu-group li a {
    color: #ffffff;
}
.sidebar-menu-group li.active a {
    color: #739DA9;
}
.popover1, .popover2 {
    background: #003B69 !important;
}
.popover1.top .arrow:after, .popover2.top .arrow:after {
    border-top-color: #003B69;
}
.popover1.right .arrow:after, .popover2.right .arrow:after {
    border-right-color: #003B69;
}
.popover1.bottom .arrow:after, .popover2.bottom .arrow:after {
    border-bottom-color: #003B69;
}
.popover1.left .arrow:after, .popover2.left .arrow:after {
    border-left-color: #003B69;
}

/* badge
-------------------------------------------------- */
.badge {
    font-size: 12px;
}

/* icons
-------------------------------------------------- */
.fa-event-status-tentative {
    color: #808080;
}
.fa-event-status-ready {
    color: #008000;
}
.fa-event-status-partially-ready {
    color: #dd9a2c;
}
.fa-event-status-not-ready {
    color: #FF0000;
}
.fa-event-status-completed {
    color: #3276B1;
}

/* tooltip
-------------------------------------------------- */
.tooltip {
    z-index: 1051 !important;
}
.tooltip-inner {
    max-widows: 400px !important;
    text-align:center;
    white-space: normal !important;
    max-width:500px !important;
}

/* company
-------------------------------------------------- */
.company-image-sm {
    border: 1px solid #595959;
    border-radius: 2px !important;
}
.company-image-md {
    border: 1px solid #595959;
    border-radius: 5px !important;
}
.company-image-lg {
    border: 1px solid #595959;
    border-radius: 15px !important;
}

/* profile
-------------------------------------------------- */
.profile-image-wrapper {
    margin: 0 0 10px 0;
}
.profile-image-wrapper > div {
    padding: 0;
}
.profile-image-wrapper input {
    background-color: inherit;
}
.profile-image-lg {
    width: 128px;
    height: 128px;
    border: 1px solid #595959;
    border-radius: 64px !important;
}
.profile-image-md {
    width: 64px;
    height: 64px;
    border: 1px solid #595959;
    border-radius: 32px !important;
}
.profile-image-sm {
    width: 48px;
    height: 48px;
    border: 1px solid #595959;
    border-radius: 24px !important;
}
.profile-image-xs {
    width: 32px;
    height: 32px;
    border: 1px solid #595959;
    border-radius: 16px !important;
}

/* radio or check box
-------------------------------------------------- */
.form-horizontal .radio, .form-horizontal .checkbox{
    line-height: 20px;
}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 0 !important;
}

/* unordered list
-------------------------------------------------- */
.alert ol, .alert ul {
    list-style: circle !important;
}
.alert ol li, .alert ul li {
    margin-left: 20px;
}

/* kendo
-------------------------------------------------- */
.k-nav-day {
    font-size: 12px;
}
#scheduler .k-scheduler-layout.k-scheduler-timelineMonthview tbody tr:first-child .k-scheduler-table tr:nth-child(2) {
    display: none;
}
#scheduler .k-scheduler-layout.k-scheduler-timelineMonthview .k-scheduler-header-wrap > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) {
    display: none;
}
#scheduler .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell {
    cursor: pointer !important;
}
#scheduler .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell:hover {
    background-color: #e3e3e3 !important;
}
#scheduler .k-event-content {
    margin-right: 5px;
}
#scheduler-placeholder .panel-heading {
    padding: 10px 3px;
    text-align: center;
}
#scheduler-placeholder .panel-heading .panel-title {
    font-size: 12px !important;
}
#scheduler-placeholder a {
    color: #3276B1 !important;
}
#scheduler-placeholder ul {
    margin: 0;
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}
#scheduler-placeholder ul li {
    padding: 5px;
    text-align: center;
    cursor: move;
}

/* drag & drop
-------------------------------------------------- */
[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}

/* maintenance
-------------------------------------------------- */
.maintenance-update-btn {
    cursor: pointer !important;
}

/* other
-------------------------------------------------- */
div.view {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

/* spinner
-------------------------------------------------- */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
/*.se-pre-con {*/
/*position: fixed;*/
/*left: 0px;*/
/*top: 0px;*/
/*width: 100%;*/
/*height: 100%;*/
/*z-index: 9999;*/
/*background: url(../img/loading/ring.gif) center no-repeat #fff;*/
/*}*/



/* RESPONSIVE CSS
-------------------------------------------------- */
/* Small devices (tablets, 767px and less) */
@media (max-width: 767px) {
    /* navbar
    -------------------------------------------------- */
    .navbar-spacer {
        display: none;
    }
    h3.navbar-header {
        font-size: 12px;
        max-width: 45px;
        margin-right: 25px;
    }
    /* sidebar
    -------------------------------------------------- */
    .sidebar-wrapper {
        width: 0;
    }
    .content-wrapper {
        margin-left: 0;
    }
    .body-wrapper.toggled .content-wrapper {
        width: auto;
    }
    .sidebar-sm-nav {
        display: none;
    }
    /* footer
    -------------------------------------------------- */
    .footer-version-label {
        margin-top: 0 !important;
    }
    /* dependency/relation menu
    -------------------------------------------------- */
    .top-menu {
        margin-right: 10px;
    }
    /* content
    -------------------------------------------------- */
    .main-content-container {
        min-height: 300px;
    }
    h2.app-title {
        font-size: 16px;
    }
    img.app-image {
        width: 180px;
    }
    h4.content-header {
        font-size: 14px;
    }
    /* dashboard
    -------------------------------------------------- */
    .dashboard-menu .dashboard-menu-btn {
        margin: 15px;
        padding: 0;
        width: 60px;
        height: 60px;

    }
    .dashboard-menu .overlay {
        opacity: 0;
    }


    .dashboard-menu-title{
        font-size:13px;
    }
    /* login
    -------------------------------------------------- */
    .login {
        padding: 15px !important;
        width: 100% !important;
    }
    .login-header {
        height: 70px;
    }
    .login-header-image-wrapper {
        text-align: center;
    }
    .login-header-image {
        width: 200px;
    }
    .login-header-title-wrapper {
        position: relative !important;
        text-align: center;
    }
    .login-header-title {
        font-size: 15px;
    }
    /* table
    -------------------------------------------------- */
    .panel-body table tbody tr td img {
        max-width: 60px;
    }
    /* bootbox
    -------------------------------------------------- */
    .extended-bootbox > .modal-dialog > .modal-content > .modal-body {
        padding: 10px !important;
    }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    /* navbar
    -------------------------------------------------- */
    h3.navbar-header {
        font-size: 16px;
    }
    /* sidebar
    -------------------------------------------------- */
    .sidebar-wrapper {
        width: 0;
    }
    .content-wrapper {
        margin-left: 0;
    }
    .sidebar-sm-nav {
        display: none;
    }
    /* dependency/relation menu
    -------------------------------------------------- */
    .top-menu {
        margin-right: 10px;
    }
    /* content
    -------------------------------------------------- */
    .main-content-container {
        min-height: 350px;
    }
    h2.app-title {
        font-size: 18px;
    }
    img.app-image {
        width: 200px;
    }
    h4.content-header {
        font-size: 14px;
    }
    /* dashboard
    -------------------------------------------------- */
    .dashboard-menu .dashboard-menu-btn {
        margin: 25px;
        padding: 0;
        width: 80px;
        height: 80px;
        text-align:center;
    }
    .dashboard-menu .overlay {
        opacity: 0;
    }
    /* login
    -------------------------------------------------- */
    .login-header {
        height: 85px;
    }
    .login-header-image-wrapper {
        text-align: center;
    }
    .login-header-image {
        width: 250px;
    }
    .login-header-title-wrapper {
        position: relative !important;
        text-align: center;
    }
    .login-header-title {
        font-size: 20px;
    }
    /* bootbox
    -------------------------------------------------- */
    .extended-bootbox > .modal-dialog > .modal-content > .modal-body {
        padding: 10px !important;
    }
    /* Dashboard
    -------------------------------------------------- */
    .overlay:hover {
        -webkit-box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
        -moz-box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
        box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
        transition-timing-function: ease-out;
        transition-duration: .13s;
    }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    /* content
    -------------------------------------------------- */
    .main-content-container {
        min-height: 40px;
    }
    /* dropdown
    -------------------------------------------------- */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    /*.dropdown-toggle:hover + .dropdown-menu {
        display: block;
    }*/
    /* Dashboard
    -------------------------------------------------- */
    .overlay:hover {
        -webkit-box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
        -moz-box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
        box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
        transition-timing-function: ease-out;
        transition-duration: .13s;
    }
    /* login
    -------------------------------------------------- */
    .login-header {
        height: 80px;
    }
    .login-header-image-wrapper {
    }
    .login-header-image {
        width: 300px;
    }
    .login-header-title-wrapper {
    }
    .login-header-title {
        font-size: 22px;
    }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /* content
    -------------------------------------------------- */
    .main-content-container {
        min-height: 500px;
    }
    /* dropdown
    -------------------------------------------------- */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    /*.dropdown-toggle:hover + .dropdown-menu {
        display: block;
    }*/
    /* Dashboard
    -------------------------------------------------- */
    .overlay:hover {
        -webkit-box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
        -moz-box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
        box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
        transition-timing-function: ease-out;
        transition-duration: .13s;
    }
}
/* Large devices */
@media (min-width: 992px) {
    /* content
    -------------------------------------------------- */

    .menu-to-bottom-screen{
        padding-bottom:100% !important;
        position:fixed !important;
        z-index: 1000;
    }
    .unset-menu-width {
    }
}

.grow { transition: all .1s ease-in-out; }
.grow:hover { transform: scale(1.075); }

/* Current Update */
.current-update-tile {
    text-decoration: none;
    transition: box-shadow 0.3s ease-in-out;
    display: block;
    padding: 2px;
    margin-bottom: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.current-update-tile .servicing-icon:after {
    content: "\f071"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;

    font-size: 800%;
    color: lightblue;

    z-index: 1;
  }
.current-update-tile:hover {
    text-decoration: none;
    box-shadow: 0px 4px 10px #8c8c8c;
    border:none;
    transform: scale(1.075);
}
.current-update-tile .current-update-tile-wrapper {
    font-size:14px;
}
.current-update-tile .current-update-tile-wrapper .name {
    color:#ffffff; 
    text-align:center;
    font-size:inherit;
}
.current-update-tile .current-update-tile-wrapper .ipaddress {
    text-align:center;
    font-size:70%;
    color:floralwhite; 
}
.current-update-tile .current-update-tile-wrapper .version-number {
    text-align:center;
    font-size:70%;
    color:floralwhite; 

}
.current-update-tile .current-update-tile-wrapper .icons-wrapper {
    font-size:inherit;
}
.current-update-tile .current-update-tile-wrapper .icons-wrapper .badge {
    font-size:100%;
}
.current-update-tile .current-update-tile-wrapper .icons-wrapper .icon {
    color:white;
    text-align:center;
    margin-top: 1px;
    font-size:100%;
}
.current-update-tile-servicing {
    background-color:blue !important;
    height: 80px;
    text-decoration: none;
}
.current-update-tile-warning {
    background: #D27E56 !important;
    height: 80px;
    text-decoration: none;
}
.current-update-tile-error {
    background: #b56969 !important;
    height: 80px;
    text-decoration: none;
}
.current-update-tile-normal {
    background: #67BB6A !important;
    height: 80px;
    text-decoration: none;
}
.current-update-tile-empty {
    background: #A7A7A7 !important;
    height: 80px;
    text-decoration: none;
}
.current-update-popup-button-row {
    display:inline-block;
    width:100%;
}
#popup-servicing-button {
    display:inline-block;
}
.btn-default.btn-servicing-begin {
}
.btn-default.btn-servicing-clear {
    color: white;
    background-color: blue;
}
#popup-btn-servicing-clear:hover {
    background-color: #0000bd9e;
    color: white;
}
.current-update-grid-cell-warning {
    background-color: rgba(255, 149, 0, 0.6) !important;
}
.current-update-grid-cell-error {
    background-color: rgba(255, 19, 0, 0.4) !important;
}
.current-update-grid-cell-normal {
    background-color: inherit;
}


/* Remodal Custom styles */
.remodal-title {
    text-align:left;
    padding: 10px 15px;
    background: #f4f5f6;
    border-bottom: 1px solid #ddd;
    text-shadow: 0 1px 0 #fff;
}
.remodal-close {
    left: initial !important;
    right: 0px;
}

.dashboard-client-remodal-modal {
    padding:0px !important;
}
.dashboard-client-remodal-modal > div {
    padding: 12px 15px;
}
@media (min-width: 992px) {
    .page-container.page-container-display {
        height:100vh;
        overflow-y:hidden;
        margin-top:0 !important;
        padding-top: 68px;
    }
    .page-content-wrapper.page-content-wrapper-display {
        height: 100%
    }
    .container-fluid.container-fluid-display {
        height:100%;
    }
    .page-content.page-content-display {
        height:100%;
        margin: 0px !important;
        padding: 0px !important;
    }
    .container-fluid.container-fluid-display {
        height:100%;
        margin: 0px;
        padding: 0px;
    }
    #clientStatuses.row.client-statuses-display {
        height:70%;
        overflow-y:hidden;
        border-style: solid;
        border-width: 2px;
        border-color:rgba(0,0,0,0.5);
    }
    #mapWrapper.map-wrapper-display {
        height:30%;
        width:100%;
        bottom:0px;
    }
}