/***
*   !! set font family
*   ColorSet:
*       error: #ff0000
*       orange btn: #ff5800
*       input border: #bfbcba
*       background panel: #e9e6d8
*       blue bg: #005171
***/

/*************** GENERAL ***************/
html, body {
/*    font-family: 'Open Sans', sans-serif; */
    font-weight: 300;
}
h1, h2, h3 { /* font-family: 'Economica' */}

.grayed { color: #888; }
.red { color: #ff0000; }
.gray { color: #bfbcba; }
.blue { color: #005171; }
.bold { font-weight: bold; }
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
input, textarea, select {
    border: 1px solid #d5d4cf;
    border-radius: 5px;
    height: 34px;
    padding: 0 10px;
}
select {
    padding: 0 calc(10px - 3pt);
}
.icon-error {
    /*background-image: url(../img/ic-error.png);*/
    background-position: center;
    background-repeat: no-repeat;
}
/*** Buttons ***/
.btn-accept {
    background-color: #008e7b;
    border-color: #008e7b;
    color: #fff;
}
.btn-remove {
    background-color: #dd122f;
    border-color: #dd122f;
    color: #fff;
}
.btn-save {
    border-radius: 2px;
    background-color: #009581;
    background-image: -webkit-linear-gradient(top, #009581 0%, #008c7a 100%);
    background-image: -moz-linear-gradient(top, #009581 0%, #008c7a 100%);
    background-image: linear-gradient(to bottom, #009581 0%, #008c7a 100%);
    color: #fff !important;
}
.btn-save:hover { color: #fff; }
.btn-cancel {
    border-radius: 2px;
    background-color: #f2f0e8;
    background-image: -webkit-linear-gradient(top, #f2f0e8 0%, #e7e5df 100%);
    background-image: -moz-linear-gradient(top, #f2f0e8 0%, #e7e5df 100%);
    background-image: linear-gradient(to bottom, #f2f0e8 0%, #e7e5df 100%);
    color: #222221;
}
.btn-back {
    background-color: #ff5800; /*not necessary green*/
    border-color: #ff5800;
    color: #fff;
}
.btn-back:hover { color: #fff; }
.btn-render .btn-primary {
    background-color: #fff;
    border-color: #bfbcba;
    color: #333;
    width: 100px;
    padding: 6px 0;
    min-width: 50px;
}
.btn-render .btn-primary:hover,
.btn-render .btn-primary:focus,
.btn-render .btn-primary:active,
.btn-render .btn-primary.active {
    background-color: #f2f0e8;
    box-shadow: none;
    border-color: #bfbcba;
    color: #333;
}
.btn-render .btn-primary:active,
.btn-render .btn-primary.active {
    webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    background-image: linear-gradient(to top, #F2F0E8 0%, #DAD8D1 100%);
}
.btn-sync-full:hover, .btn-sync-all:hover {
    background-color: #2f6f2f;
}
.btn-sync:hover.btn-sync.focus, .btn-sync-all:hover.btn-sync-all.focus,
.btn-sync:hover.btn-sync:focus, .btn-sync-all:hover.btn-sync-all:focus {
    background-color: #2a5d2a;
}
.btn-sync-errors:hover{
    background-color: #871231;
}
.btn-sync-errors:hover.btn-sync-errors.focus,
.btn-sync-errors:hover.btn-sync-errors:focus {
    background-color: #5a0c21;
}
.btn-sync-remove {
    background-color: #800000;
    border-color: #800000;
    color: #fff;
}
.btn-sync-errors {
    background-color: #aa112c;
    border-color: #aa112c;
    color: #fff;
}
.btn-sync-scheduled {
    background-color: #333333;
    border-color: #333333;
    color: #fff;
    opacity: 0.8;
}
.btn.btn-sync .glyphicon-exclamation-sign {
    padding-right: calc(2 * 12px);
}
.btn-sync-partial {
    background-color: #e8c927;
    border-color: #e8c927;
    color: #fff;
}
.btn-sync-full {
    background-color: #3a8a3a;
    border-color: #3a8a3a;
    color: #fff;
}
/*** Status user images ***/
.available { /*background-image: url("../img/ic-available.png");*/ }
.away { /*background-image: url("../img/ic-away.png");*/ }
.dnd { /*background-image: url("../img/ic-dnd.png");*/ }
.extaway { /*background-image: url("../img/ic-extaway.png");*/ }
.offline { /*background-image: url("../img/ic-offline.png");*/ }
.available-inactive { /*background-image: url("../img/ic-available-inactive.png");*/ }
.away-inactive { /*background-image: url("../img/ic-away-inactive.png");*/ }
.dnd-inactive { /*background-image: url("../img/ic-dnd-inactive.png");*/ }
.extaway-inactive { /*background-image: url("../img/ic-extaway-inactive.png");*/ }
/*** Social icons ***/
.gmail { /*background-image: url(../img/ic-gmail.png);*/ }
.yahoo { /*background-image: url(../img/ic-yahoo.png);*/ }
.skype { /*background-image: url(../img/ic-skype.png);*/ }
/*** Pagination ***/
.pagination-wrap a { color: #333; }
a.page {
    border: 1px solid #bfbcba;
    border-radius: 2px;
    background-color: #fff;
}
a.page:hover {
    color: #008c7a;
    border: 1px solid #008c7a;
}
.pagination-wrap input {
    border: 1px solid #008c7a;
    border-radius: 2px;
    font-weight: bold;
}

/***Loading bar ***/
.loader-bar {
    height: 4px;
    background: #bfbcba;
}
.loader-bar:after {
    height: 3px;
    background: #009581;
}
/*** Search input ***/
.search-bundle .form-control {
    border-radius: 5px;
    border-color: #bfbcba;
}
.search-bundle .btn {
    color: #bfbcba;
    font-size: 16px;
    border-left: 1px solid #bfbcba;
    border-radius: 2px;
}
/*** Alert danger error ***/
.alert-danger {
    text-align: center;
    max-width: 600px;
    color: #ff0000;
    background-color: #f2f0e8;
    border-color: #bfbcba;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.icon-error {
    width: 22px;
    height: 22px;
    margin-right: 5px;
}
/*** List bundle ***/
.wrapper-list {
    background-color: #e7e5df !important;
    border: 1px solid #bcbfba !important;
    border-radius: 3px !important;
}
.list-heading > div {
    border-bottom: 1px solid #bfbcba !important;
    font-size: 16px !important;
    font-weight: bold !important;
}
.list-heading > div > span:first-child { color: #01337a !important; }

/*************** LOGIN PAGE ***************/
html.login, .login body {
    /* set background-color for login page */
    background-color: #003246;
}
.login .gradient {
    background: none; /* or remove class gradient*/
    /* used on body for gradient on login page */
    /*background: -moz-radial-gradient(top center, circle cover, #004c6a, #004c6a 50%, #003246 75%);
    background: -webkit-radial-gradient(top center, circle cover, #004c6a, #004c6a 50%, #003246 75%);
    background: -o-radial-gradient(top center, circle cover, #004c6a, #004c6a 50%, #003246 75%);
    background: -ms-radial-gradient(top center, circle cover, #004c6a, #004c6a 50%, #003246 75%);
    background: radial-gradient(top center, circle cover, #004c6a, #004c6a 50%, #003246 75%);
    background-attachment: fixed;
    background-repeat: no-repeat;*/
}
.login .container-fluid {
    background-image: none;
    /* used to add a background image on right-bottom page corner */
    /*background-image: url("../img/login-baner.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 20% auto;*/
}

/*** logo ***/
.login-logo {
    background-image: url("../img/login-logo-v.png");
    background-size: 100px auto;
    width: 200px;
    height: 300px;
}
@media screen and (min-width: 761px) and (max-width: 1024px) {
    .login-logo { background-size: 110px auto; }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
    .login-logo { background-size: 130px auto; height: 350px; }
}

@media screen and (min-width: 1441px) {
    .login-logo { background-size: 150px auto; height: 350px; }
}

.login .panel { background-color: #e9e7e8; }
.login input[type="text"],
.login input[type="password"] {
    border-color: #bfbcba;
}
form a, form a:hover, form a:focus {
    /*link for forgot password*/
    color: #005171;
}
.login form .btn {
    color: #fff;
    background-color: #ff5800;
    font-weight: normal;
    width: 100%;
}
.login .error input { border-color: #ff0000; }
.login .errorlist { color: #ff0000; }

.login h3 {
    color: #fff;
    font-size: 60px;
    width: 75%;
}
.login h3 > span { font-size: 20px; }

/*************** HEADER ***************/
header { background-color: #005171; }
.btn-header {
    border-radius: 4px;
    color: #b5cedf;
    background-color: #005171;
    border: 1px solid #02415a;
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(10, 95, 130, 1);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(10, 95, 130, 1);
    box-shadow: inset 1px 1px 0px 0px rgba(10, 95, 130, 1);
}
.btn-header:hover,
.btn-header:focus {
    color: #b5cedf;
}
.btn-header.btn-menu { /*background-image: url("../img/ic-menu.png");*/ }
.btn-header.btn-menu.opened { /*background-image: url("../img/ic-menu-open.png");*/ }
/*other buttons has glyphicons*/

/*verify all situations for btn header notifications*/
.btn-header .badge {
    background-color: #ff5800;
    border: 1px solid #fff;
    font-size: 11px;
}
@media screen and (min-width: 761px){
    .notification-wrapper .arrow { background-color: #024661; }
    .notification-wrapper .arrow:before,
    .notification-wrapper .arrow:after {
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }
    .notification-wrapper .arrow:before { border-left: 8px solid #024661; }
    .notification-wrapper .arrow:after{ border-left: 8px solid #005171; }
}
.notification-wrapper {
    background-color: #005171;
    border: 1px solid #02415a;
    color: #b5cedf;
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(10, 95, 130, 1);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(10, 95, 130, 1);
    box-shadow: inset 1px 1px 0px 0px rgba(10, 95, 130, 1);
}
.notification-name {
    font-weight: bold;
    color: #fff;
}
.notification-wrapper .btn:hover,
.notification-wrapper .btn:focus {
    color: #fff;
}
/*** user dropdown list **/
.btn-group .dropdown-menu { background-color: #024560; }
.set-status input {
    background-color: #004059;
    border: 1px solid #003c53;
    border-top-color: #003347;
    border-bottom-color: #0e5470;
    color: #a7becd;
}
.btn-group.open .dropdown-toggle,
.btn-group .dropdown-toggle:active,
.btn-group .dropdown-toggle:focus {
    color: #a7becd;
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(10, 95, 130, 1);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(10, 95, 130, 1);
    box-shadow: inset 1px 1px 0px 0px rgba(10, 95, 130, 1);
}
.set-status input::-webkit-input-placeholder,
.set-status input:-moz-placeholder,
.set-status input::-moz-placeholder,
.set-status input:-ms-input-placeholder {
    color: #a7becd;
}
.status-list li:not(.set-status) { color: #a7becd; }
.status-list li:not(.set-status):focus,
.status-list li:not(.set-status):hover {
    background-color: #005678;
}
.status-list li:not(.set-status).selected {
    color: #fff;
}
.btn-group .dropdown-menu>li>a {
    background-color: #005678;
    color: #a7becd;
    border: 1px solid #004662;
    border-top-color: #206b89;
}
.btn-group .dropdown-menu>li>a:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
/* header progress bar */
.line.progress { background-color: #005678; }
.line.progress .indeterminate { background-color: #b5cedf; }
/*** Header for mobile ***/
@media screen and (max-width: 760px) {
    .notification-wrapper .arrow { background-color: #024661; }
    .notification-wrapper .arrow:before,
    .notification-wrapper .arrow:after {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
    }
    .notification-wrapper .arrow:before { border-top: 8px solid #024661; }
    .notification-wrapper .arrow:after{ border-top: 8px solid #005171; }
}

/*************** FOOTER ***************/
footer {
    background-color: #005171;
    background-image: none;
    /* used to add a background image on left side */
    /*background-image: url(../img/login-footer.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 50px;*/
}
footer > span { color: #fff; }
footer > span a,
footer > span a:focus,
footer > span a:hover,
footer > span a:active {
    color: #fff;
}
@media screen and (max-width: 760px) {
    footer { background-image: none; }
}

/*************** CONTENT ***************/
.content { background-color: #fff; }
.page-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 34px;
    height: 34px;
    text-transform: uppercase;
}
/*** Main menu ***/
nav { background-color: #ecebe2; }
nav .nav>li>a {
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}
nav .nav>li>a.active,
nav .nav>li>a:hover,
nav .nav>li>a:focus {
    color: #ff5800;
    background-color: transparent;
}
/*nav li a.contacts-link {
    *//*background-image: url(../img/ic-contacts.png);*//*
}
nav li a.contacts-link.active,
nav li a.contacts-link:hover,
 av li a.contacts-link:focus {
    *//*background-image: url(../img/ic-contacts-active.png);*//*
}*/
nav li a.devices-link {
    /*background-image: url(../img/ic-devices.png);*/
}
nav li a.devices-link.active,
nav li a.devices-link:hover,
nav li a.devices-link:focus {
    background-image: url(../img/ic-devices-active.png);
}
/*nav li a.virtualdevice-link {
    background-image: url(../img/ic-virtual.png);
}*/
nav li a.virtualdevice-link.active,
nav li a.virtualdevice-link:hover,
nav li a.virtualdevice-link:focus {
    background-image: url(../img/ic-virtual-active.png);
}
/*nav li a.zwave-link {
    background-image: url(../img/ic-zwave.png);
}*/
nav li a.zwave-link.active,
nav li a.zwave-link:hover,
nav li a.zwave-link:focus {
    background-image: url(../img/ic-zwave-active.png);
}

@media screen and (min-width: 761px) and (orientation: portrait) {
    nav {
        /*height: 112px;*/
        border-bottom: 1px solid #bfbcba;
    }
    .brand {
        width: 128px;
        height: 75px;
        background-image: url("../img/menu-logo-h.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
}
@media screen and (orientation:landscape) {
    .brand {
        width: 70px;
        height: 115px;
        background-image: url("../img/menu-logo-v.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 761px) and (max-width: 960px) and (orientation: portrait) {
    .brand {
        width: 70px;
        height: 115px;
        background-image: url("../img/menu-logo-v.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
}

/*************** HOME PAGE***************/
/* without notifications */
.wrapper-welcome { padding: 120px 60px 120px 120px; }
.wrapper-welcome .img-thumbnail {
    width: 154px;
    height: 154px;
}
.wrapper-welcome .img-thumbnail img {
    max-height: 144px;
    max-width: 144px;
    width: 100%;
}
.welcome-message { padding-left: 40px; }
.welcome-message h3 {
    margin: 0;
    color: #005171;
    font-weight: bold;
    padding-bottom: 5px;
}
.welcome-message span {
    font-size: 16px;
    font-weight: bold;
}
/* with notifications */
.wrapper-notifications > div.row-fluid:nth-child(2) {
    background-color: #f2f0e8;
    border: 0.1rem solid #ece9e5;
    border-width: 0.1rem 0rem;
}
.request-header h2 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}
.request-header h2 span { color: #ff5800; }
.request-header .btn-collapsible { /*background-image: url(../img/ic-expanded.png);*/ }
/*** Notifications panel ***/
.grid .panel {
    border-color: #bfbcba;
    background-color: #f2f0e8;
}
.grid .panel:hover,
.grid .panel.selected {
    border-color: #ff5800;
    box-shadow: 0 0 0.2rem #ff5800;
}
.wrapper-notifications > div.row-fluid:nth-child(2) .grid .panel {
    background-color: #fff;
}
.panel-buttons .btn:hover { color: #fff; }
.contact-name {
    color: #005171;
    font-size: 16px;
    font-weight: bold;
}

/** Mobile notifications page **/
@media screen and (max-width: 760px) {
    .grid .panel {
        background-color: transparent;
    }
    .wrapper-notifications > div.row-fluid:nth-child(2) .grid .panel {
        background-color: transparent;
    }
    .request-header .btn-collapsible { display: none; }
    .request-header { padding: 20px 10px 10px; }
    .request-header h2 { font-size: 16px; margin-bottom: 0; }
    .request-header > span { font-size: 11px; }
    .contact-image {
        width: 70px;
        height: 70px;
        padding: 2px;
        margin-right: 10px;
    }
}

/*************** CHAT POPUP ***************/
/*** END  ***/

/*************** NOTIFICATIONS POPUP ******************/
/*** END  ***/

/*************** HELP PAGE ***************/
    /* !!!!should be rewrite */
/***END ***/

/*************** MY SETTINGS PAGE ***************/
.block-icon {
    background-color: #009480;

    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center center;
}
.block-icon.camera { /*background-image: url("../img/ic-camera.png");*/ }
.block-icon.microphone { /*background-image: url("../img/ic-microphone.png");*/ }
.block-icon.speacker { /*background-image: url("../img/ic-speacker.png");*/ }
.block-icon:before {
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 1px 0px #e9e9e9;
    -moz-box-shadow:    0px 0px 1px 0px #e9e9e9;
    box-shadow:         0px 0px 1px 0px #e9e9e9;
}
.block-group select {
    background-color: #fff;
    border-color: #dedbd8;
    border-radius: 3px;
    color: #333;
}
.block-group span.glyphicon {
    color: #005171;
    font-weight: bold;
    font-size: 22px;
}
.block-imagesize {
    background-color: #f2f0e8;
    border-radius: 3px;
}
.size {
    background-color: #fff;
    border: 1px solid #e9e6d8;
    border-radius: 1px;
}
.size.selected { background-color: #ff5800; }
.image-wrapper img {
    border: 5px solid #00b9a6;
}
.line {
    height: 1px;
    background-color: #e9e6d8;
    margin: 20px 0 40px;
}

/*** CHANGE PASSWORD ***/
.changepassword h1 {
    font-size: 24px;
    text-transform: uppercase;
}
.changepassword li.error > label { color: #ff0000; }
.changepassword li.error > input { border-color: #ff0000; }
.changepassword .alert {
    color: #ff0000;
    background-color: #f2f0e8;
    border-color: #bfbcba;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.changepassword .alert.succes { color: #005171; }

/*************** CONTACTS PAGE ***************/
.search-bundles .btn {
    border-radius: 2px;
    background-color: transparent;
    color: #bfbcba;
    font-size: 16px;
    border-left: 1px solid #bfbcba;
    padding: 0;
    width: 40px;
}
.contacts-page .panel {
    background-color: #f2f0e8;
    box-shadow: none;
    border-color: #bfbcba;
    margin-bottom: 6px;
}
.conference { /*background-image: url(../img/ic-conference.png);*/ }
.chat { /*background-image: url(../img/ic-chat.png);*/ }

/************ MEDIA EXTRACTOR PAGE ************/
table { background-color: #f2f0e8 !important; }
.table-bordered {
    border-color: #bfbcba !important;
    border-collapse: separate !important;
    border-radius: 3px !important;
}
.table > tbody > tr:nth-of-type(odd) {
    background-color: #fff !important;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #fff !important;
}
.export-table .progress {
    box-shadow: inset 0 1px 2px #bfbcba !important;
}
.export-table .progress-bar {
    background-color: #049683 !important;
    color: #fff !important;
}
td.text-center a { color: #005171 !important; }
td .error { color: #ff0000 !important; }
td .btn-remove:focus, td .btn-remove:hover { color: #fff !important;}

/************ PERMISSIONS PAGE ************/
@media screen and (max-width: 530px) {
    .permissions-header h1 {
        padding-bottom: 8px !important;
        margin-bottom: 8px !important;
        border-bottom: 1px solid #ccc !important;
    }
}
.permissions-page .column-wrap.right { width: 60% !important; }
.items-list li {
    font-size: 14px !important;
    border: 1px solid #f2f0e8 !important;
}
.items-list li:nth-of-type(odd) {
    background-color: #fff !important;
    border-color: #fff !important;
}
.items-wrap .items-list li.selected {
    border: 1px solid #ff5800 !important;
    font-weight: bold !important;
}
.selectize-input {
    border: 1px solid #bfbcba !important;
}
.selectize-control.single .selectize-input:after {
    border-color: #bfbcba transparent transparent transparent !important;
}
.selectize-control.single .selectize-input.dropdown-active:after {
    border-color: transparent transparent #bfbcba transparent !important;
}
.permissions-footer {
    background-color: #fff !important;
}
.permissions-footer > div {
    border-top: 1px solid #bfbcba !important;
}
@media screen and (max-width: 760px) {
    .permissions-page .column-wrap.right {
        width: 100% !important;
        padding-left: 0 !important;
    }
}

/**** User management ****/
.required > label:after {
    content: " *";
    color: #ff0000;
}
.edit-profile .error > label { color: #ff0000; }
.edit-profile .error input,
.error .custom-ck + label {
    border-color: #ff0000;
}
.edit-profile select {
    background-color: #fff;
}
.edit-buttons .btn:focus {
    color: #fff;
}
.edit-buttons .btn.btn-cancel:focus { color: #333; }

/**** Add member modal ****/
.modal-body .option.active { background-color: #fff; }

/************ MONITORING PAGE *************/
.monitoring-wrapper {
    background-color: #005171;
}
.monitoring-title h1 {
    font-size: 2rem;
    color: #e5e3d9;
}
.streaming-wrapper {
    background-color: #000;
}
.monitoring-footer {
    background-color: #a1a099;
    /*background-image: url(../img/bg-basic-footer.png);
    background-repeat: repeat;
    background-position: top left;*/
}
.monitoring-footer hr {
    background-color: #005171;
}
.basic-footer {
    border-top: 1px solid #b4b3ab;
}
.monitoring-footer .btn {
    border-color: #000;
    border-radius: 0.6rem;
    color: #000;
    background-color: transparent !important;
}
.btn.play { /*background-image: url(../img/ic-monit-play.png);*/ }
.btn.pause { /*background-image: url(../img/ic-monit-pause.png);*/ }
.btn.hq {
    background-color: #e5e3d9;
    color: #ff5800;
}
.monitoring-footer .btn.live {
    background-color: #e5e3d9;
    color: #dc1a00;
}
.monitoring-footer .btn:hover,
.monitoring-footer .btn.opened {
    background-color: #e5e3d9;
    outline: none;
}
.icon.audio { /*background-image: url(../img/ic-monit-audio.png);*/ }
.icon.mute { /*background-image: url(../img/ic-monit-mute.png);*/ }
/*** for webkit browsers ***/
input[type=range]::-webkit-slider-runnable-track {
    box-shadow: 0 1px 1px #c4c3be;
    background-color: #62615d;
    border: 1px solid #575753;
    border-top-color: #444441;
}
input[type=range]::-webkit-slider-thumb {
    border: 1px solid #c2c0ba;
    background-image: -webkit-linear-gradient(top, #faf9f6 0%, #d4d2cc 100%);
    background-image: linear-gradient(to bottom, #faf9f6 0%, #d4d2cc 100%);
    border-radius: 10px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f8f7f3;
}
/*** for mozzila browser ***/
input[type=range]::-moz-range-track {
    box-shadow: 0 1px 1px #c4c3be;
    background-color: #62615d;
    border: 1px solid #575753;
    border-top-color: #444441;
}
input[type=range]::-moz-range-thumb {
    border: 1px solid #c2c0ba;
    background-image: -webkit-linear-gradient(top, #faf9f6 0%, #d4d2cc 100%);
    background-image: linear-gradient(to bottom, #faf9f6 0%, #d4d2cc 100%);
    border-radius: 10px;
}
input[type=range]:focus::-moz-range-track {
  background: #f8f7f3;
}
.basic-footer input[type="text"]:focus {
    background-color: white;
    outline: 0;
}
/*** extended footer ***/
.extended-footer .btn {
    text-transform: capitalize;
    background-color: #bcbcb3;
}
/* settings */
.settings {
    background-color: #595854;
}
.settings .icon.volume { /*background-image: url(../img/ic-monit-audio-label.png);*/ }
.settings .icon.refresh {
    /*background-image: url(../img/ic-monit-refresh.png);*/
    background-size: 2.4rem;
}
.settings .label {
    font-size: 16px;
    color: #e5e3d9;
}
.settings select {
    background-color: #e5e3d9;
    border: 1px solid #000;

    /*background-image: url("../img/arrow-select.png");*/
    background-position: right center;
    background-repeat: no-repeat;
    box-shadow: none !important;
}
/* speed */
.speed {
    background-color: #595854;
}
.speed .label {
    font-size: 16px;
    color: #e5e3d9;
}
.speed select {
    background-color: #e5e3d9;
    border: 1px solid #000;

    /*background-image: url("../img/arrow-select.png");*/
    background-position: right center;
    background-repeat: no-repeat;
    box-shadow: none !important;
}
/* tools */
.tools {
    background-color: #595854;
}
.tool-group .tool-label {
    color: #dedcd2;
}
.round-btn {
    background-color: #c3c2bb;
    border-radius: 50%;
    color: #000;
    background-repeat: no-repeat;
    background-position: center 9px;
    background-size: 1.4rem;
}
.round-btn.zoom-out { /*background-image: url(../img/ic-monit-zoomout.png);*/ }
.round-btn.zoom-in { /*background-image: url(../img/ic-monit-zoomin.png);*/ }
.round-btn.top { /*background-image: url(../img/ic-monit-move.png);*/ }
.round-btn.bottom {
    /*background-image: url(../img/ic-monit-move.png);*/
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.round-btn.right {
    /*background-image: url(../img/ic-monit-move.png);*/
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.round-btn.left {
    /*background-image: url(../img/ic-monit-move.png);*/
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

/* cut - exports */
.exports {
    background-color: #464643;
    /*background-image: url(../img/bg-extended-dark.png);*/
    background-repeat: repeat;
    background-position: top left;
}
.exports input {
    border-color: #b5b4ac;
    color: #e1e0d6;
    font-size: 1.4rem;
}
/* cut - records */
.records {
    background-color: #5d5c58;

    /*background-image: url(../img/bg-extended-light.png);*/
    background-repeat: repeat;
    background-position: top left;
}
.time-block {
    background-color: #c5c3bd;
    border: 1px solid #4f4e4b;
}
.forward {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.backward, .forward {
    background-color: #878783;
    width: 3.5rem;
    border: 0;
    /*background-image: url(../img/ic-monit-backward.png);*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.4rem 2.4rem;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.time-block span {
    border: 0 solid #878782;
}

/************ DEVICE IMPORT PAGE *************/
.importer-page .list-heading span {
    border-bottom: 1px solid #bfbcba !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #005171 !important;
}
.items-list li:nth-of-type(odd) {
    background-color: #fff !important;
    border-color: #fff !important;
}
.items-list li {
    border: 1px solid #f2f0e8 !important;
}
.bundle-footer {
    background-color: #fff !important;
}
.bundle-footer > div {
    border-top: 1px solid #bfbcba !important;
}
.table-bordered {
    border-color: #bfbcba !important;
}
.importer-table .header ul {
    border-bottom: 1px solid #bfbcba !important;
    background: #f2f0e8 !important;
}
.importer-body {
    background: #f2f0e8 !important;
}
.importer-body ul > li {
    border: 1px solid #f2f0e8 !important;
}
.importer-body ul > li:nth-of-type(odd) {
    background-color: #fff !important;
    border-color: #fff !important;
}
.importer-body ul > li.selected { border-color: #aa112c !important; }
.importer-body .btn-remove {
    color: #fff !important;
}
.column-wrap .progress {
    box-shadow: inset 0 1px 2px #bfbcba !important;
}
.column-wrap .progress-bar {
    background-color: #049683 !important;
    color: #fff !important;
}
.column-footer {
    border-top: 1px solid #bfbcba !important;
}

/************ EDITOR PAGE *************/
.items-list li {
    font-size: 14px !important;
    border: 1px solid #f2f0e8 !important;
}
.items-list li:nth-of-type(odd) {
    background-color: #fff !important;
    border-color: #fff !important;
}
.items-wrap .items-list li.selected {
    border: 1px solid #ff5800 !important;
    font-weight: bold !important;
}
.member-wrap > label {
    color: #005171 !important;
}
.member-wrap > .jid-wrap {
    color: #555 !important;
}
.bundle-wrap > div .description-wrap {
    color: #555 !important;
    font-size: small !important;
    font-style: italic !important;
}
.info-wrap > span > label {
    font-weight: normal !important;
    color: #555 !important;
}
.remove-wrap .btn {
    color: #fff !important;
}
.bundle-footer {
    background-color: #fff !important;
}
.bundle-footer > div {
    border-top: 1px solid #bfbcba !important;
}

/*** modal window ***/
.btn-wrap.text-right .btn {
    background-color: #fff !important;
    border: 1px solid #bfbcba !important;
    color: #008c7a !important;
}
.modal-title {
    text-transform: uppercase !important;
    font-size: 18px !important;
}
.modal-body .bundle-group > select {
    background-color: #fff !important;
}
.custom_members ul {
    background-color: #f2f0e8 !important;
    border: 1px solid #bcbfba !important;
    border-radius: 6px !important;
}
.members-list > li:nth-of-type(even) {
    background-color: #f2f0e8 !important;
}
.required > label:after {
    content: " *" !important;
    color: #ff0000 !important;
}
/***tree view***/
.tree-wrap > li:nth-of-type(odd) { background-color: #fff !important; }
#tree .ui-sortable-placeholder { border: 1px dotted red !important; }


/************ VIRTUAL DEVICES PAGE *************/
.select-virtualdevices select {
    background-color: #fff !important;
}
.wrap-virtualdevices {
    background-color: #f2f0e8 !important;
    border: 1px solid #bcbfba !important;
    border-radius: 3px !important;
}
.items-list li {
    border: 1px solid #f2f0e8 !important;
}
.items-list li:nth-of-type(odd) {
    background-color: #fff !important;
    border-color: #fff !important;
}
.items-list li.selected {
    border: 1px solid #ff5800 !important;
    font-weight: bold !important;
}
.actions-wrap .set {
    border-color: #bfbcba !important;
    background-color: #f2f0e8 !important;
    color: #333 !important;
}
.actions-wrap .set:hover,
.actions-wrap .btn-primary:hover {
    background-image: -ms-linear-gradient(bottom, #F2F0E8 0%, #DAD8D1 100%) !important;
    background-image: -moz-linear-gradient(bottom, #F2F0E8 0%, #DAD8D1 100%) !important;
    background-image: -o-linear-gradient(bottom, #F2F0E8 0%, #DAD8D1 100%) !important;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F2F0E8), color-stop(1, #DAD8D1)) !important;
    background-image: -webkit-linear-gradient(bottom, #F2F0E8 0%, #DAD8D1 100%) !important;
    background-image: linear-gradient(to top, #F2F0E8 0%, #DAD8D1 100%) !important;
}
.actions-wrap .btn-remove {
    color: #fff !important;
}
.group select {
    background-color: #fff !important;
}
.virtualdevice-footer {
    border-top: 1px solid #bfbcba !important;
    background-color: #fff !important;
}
/***** MOBIL ****/
@media screen and (max-width: 380px) {
    .virtualdevice-header h1 {
        border-bottom: 1px solid #ccc !important;
    }
}

/************ DEVICES PAGE ************/
input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 1px 1px #7e7d79 !important;
    border: 0px solid transparent !important;
    border-radius: 50% !important;
    background-image: -webkit-linear-gradient(bottom, #d3d2cb 0%, #faf8f4 100%) !important;
    background-image: linear-gradient(to top, #d3d2cb 0%, #faf8f4 100%) !important;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #049683 !important;
}
/*** for Firefox ***/
input[type=range]::-moz-range-track {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    background: #94928b !important;
}
input[type=range]::-moz-range-thumb {
    box-shadow: 0px 1px 1px #7e7d79 !important;
    border: 0px solid transparent !important;
    background-image: linear-gradient(to top, #d3d2cb 0%, #faf8f4 100%) !important;
}
input[type=range]:focus::-moz-range-track {
    background: #049683 !important;
}
/***top header for mobile***/
@media screen and (max-width: 760px) {
    .btn-header.btn-tree-menu {
        /*background-image: url("../img/ic-treemenu.png") !important;*/
     }
    .btn-header.btn-tree-menu.opened {
        background-color: #ff5800 !important;
        /*background-image: url("../img/ic-treemenu-open.png") !important;*/
    }
}
.select-all {
    background-color: transparent !important;
    color: #333 !important;
    border: 1px solid #bfbcba !important;
}
.select-all:hover{ background-color: #f2f0e8 !important; }
.select-all.all-selected { color: #ff5800 !important; }
.overlap-wrapper {
    border-right: 1px solid #bfbcba !important;
}
.btn-expand {
    /*background-image: url("../img/arrow-expand.png") !important;*/
    background-position: 11px 6px !important;
    border: 1px solid #dbd9d7 !important;
    background-color: #fff !important;
}
.overlap-tree {
    background: #fff !important;
    border-right: 1px solid #bfbcba !important;
}
@media screen and (max-width: 760px) {
    .buttons-wrapper .clearfix { border-bottom: 1px solid #bfbcba !important; }
}
@media screen and (max-width: 420px) {
    .devices-header .rendering-name {
        border-bottom: 1px solid #ccc !important;
    }
    .buttons-wrapper .clearfix {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}
/***panel design***/
li .panel.panel-default {
    border-color: #bfbcba !important;
    background-color: #f2f0e8 !important;
}
li .panel.panel-default.transitioning {
    border-color: #ff0000 !important;
}
li .panel-default>.panel-heading {
    background-color: transparent !important;
    border-color: #bfbcba !important;
}
.panel-heading h3 {
    color: #005171 !important;
    /* text-transform: capitalize !important; */
    font-weight: bold !important;
}
.panel-heading h3 > span { vertical-align: middle !important; }
.panel-heading.error-collapsed h3 {
    color: #ff0000 !important;
}
.panel-heading span.arrow-panel {
    /*background-image: url("../img/arrow-down.png") !important;*/
    background-repeat: no-repeat !important;
    width: 11px !important;
    height: 9px !important;
}
.collapsed .panel-heading span.arrow-panel {
    /*background-image: url("../img/arrow-up.png") !important;*/
}
/*panel-body - feature style*/
.feature.selected {
    border: 1px solid #ff5800 !important;
    box-shadow: 0 0 0.2rem #ff5800 !important;
}
.feature-details {
    color: #333 !important;
    font-weight: bold !important;
}
.feature-details span {
    text-transform: capitalize !important;
    font-size: 13px !important;
}
.feature-details .grayed {
    font-weight: normal !important;
}
.feature-controller .panel .btn {
    border-color: #bfbcba !important;
    color: #333 !important;
    background-color: transparent !important;
    border-radius: 2px !important;
}
.feature-controller .btn-primary:hover, .feature-controller .btn-primary:focus,
.feature-controller .btn-primary.active, .feature-controller .btn-primary:active,
.feature-controller .btn-primary.active:focus, .feature-controller .btn-primary.active:hover,
.feature-controller .btn-primary:active:focus, .feature-controller .btn-primary:active:hover {
    border-color: #bfbcba !important;
    color: #333 !important;
    background-color: transparent !important;
}
.panel .btn.active,
.simple-btn:hover,
/*.picker .btn:hover*/ {
    background-image: -ms-linear-gradient(bottom, #F2F0E8 0%, #DAD8D1 100%) !important;
    background-image: -moz-linear-gradient(bottom, #F2F0E8 0%, #DAD8D1 100%) !important;
    background-image: -o-linear-gradient(bottom, #F2F0E8 0%, #DAD8D1 100%) !important;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F2F0E8), color-stop(1, #DAD8D1)) !important;
    background-image: -webkit-linear-gradient(bottom, #F2F0E8 0%, #DAD8D1 100%) !important;
    background-image: linear-gradient(to top, #F2F0E8 0%, #DAD8D1 100%) !important;
}
.panel .btn-group > .btn {
    color: #777 !important;
}
.panel .btn-group > .btn.active { font-weight: bold !important; color: #333 !important; }
.feature-controller p {
    font-size: 24px !important;
    color: #333 !important;
}
.feature-controller .btn.apply {
    /*background-image: url("../img/ic-set.png") !important;*/
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.feature-controller .btn.cancel {
    /*background-image: url("../img/ic-cancel.png") !important;*/
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.feature-wrapper select {
    border-radius: 2px !important;
    /*background-image: url("../img/arrow-select.png") !important;*/
    background-position: right center !important;
    background-repeat: no-repeat !important;
    color: #333 !important;
}
.picker input {
    color: #333 !important;
    border-radius: 0px !important;
    box-shadow: none !important !important;
}
.panel .picker .btn {
    color: #049683 !important;
    font-size: 24px !important;
    font-weight: bold !important;
}
.picker .btn.minus { /*background-image: url('../img/ic-minus.png') !important;*/ }
.picker .btn.plus { /*background-image: url('../img/ic-plus.png') !important;*/ }
.panel .btn-remove {
    background-color: #dd122f !important;
    border-color: #dd122f !important;
    color: #fff !important;
}
.panel .btn-accept {
    background-color: #008e7b !important;
    border-color: #008e7b !important;
    color: #fff !important;
}
.feature-controller.passcode input {
    color: #333 !important;
    border-radius: 2px !important;
}
.color-picker input {
    color: #333 !important;
}
/*monitoring feature*/
.video-stopped .embed-responsive {
    border: 1px dashed #bfbcba !important;
    color: #979593 !important;

    /*background-image: url('../img/play.png') !important;*/
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.embed-responsive {
    border: 1px dashed #bfbcba !important;
}
.icon.ic-video {
    /*background-image: url(../img/video.png') !important;*/
}
.video-stopped .icon.ic-video {/*background-image: url(../img/video-off.png) !important;*/ }
.icon.ic-volume { /*background-image: url(../img/sound.png) !important;*/ }
.audio-mute .icon.ic-volume { /*background-image: url(../img/sound-off.png) !important;*/ }
.icon.ic-maximize {/*background-image: url(../img/ic-maximize.png) !important; float: right*/ !important; }
/*** for Webkit ***/
.streaming-control input[type=range]::-webkit-slider-runnable-track {
    background-color: #979593 !important;
    border: 1px solid #888684 !important;
    border-bottom-color: #979593 !important;
    border-top-color: #696766 !important;
}
.streaming-control input[type=range]::-webkit-slider-thumb {
    border: 1px solid #c2c0ba !important;
    background-image: -webkit-linear-gradient(top, #faf9f6 0%, #d4d2cc 100%) !important;
    background-image: linear-gradient(to bottom, #faf9f6 0%, #d4d2cc 100%) !important;
}
.streaming-control input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ff9f60 !important; /*#f8f7f3 audio-mute*/
}
/*** for Firefox ***/
.streaming-control input[type=range]::-moz-range-track {
    background-color: #979593 !important;
    border: 1px solid #888684 !important;
    border-bottom-color: #979593 !important;
    border-top-color: #696766 !important;
}
.streaming-control input[type=range]::-moz-range-thumb {
    border: 1px solid #c2c0ba !important;
    background-image: -webkit-linear-gradient(top, #faf9f6 0%, #d4d2cc 100%) !important;
    background-image: linear-gradient(to bottom, #faf9f6 0%, #d4d2cc 100%) !important;
}
.streaming-control input[type=range]:focus::-moz-range-track {
  background: #ff9f60 !important;
}
/***workflow feature***/
.parameter .feature-details span.required:after {
    content: " *" !important;
    color: #ff0000 !important;
}
.parameter .input-group-addon {
    background-color: #fff !important;
    color: #005171 !important;
    border-color: #bfbcba !important;
}
.workflow-data .wk-arrow {
    /*background-image: url("../img/arrow-down.png") !important;*/
}
.workflow-data .wk-arrow.collapsed {
    /*background-image: url("../img/arrow-up.png") !important;*/
}
/**error style**/
.device-error {
    /*background-image: url(../img/ic-error.png) !important;*/
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.denied-error {
    /*background-image: url(../img/ic-not-auth.png) !important;*/
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.feature-error .feature-details span,
.feature-error .feature-controller .btn,
.feature-error .feature-controller input,
.feature-error .feature-controller select,
.feature-error .feature-controller p {
    color: #ff0000 !important;
    border-color: #ff0000 !important;
}
.feature-wrapper .error { color: #ff0000 !important; } /** for N/A values **/
.feature-error .feature-controller .btn.minus { /*background-image: url('../img/ic-minus-er.png') !important;*/ }
.feature-error .feature-controller .btn.plus { /*background-image: url('../img/ic-plus-er.png') !important;*/ }
.feature-error output { color: #ff0000 !important; }
.feature-error input[type=range]::-webkit-slider-runnable-track { background-color: #ff0000 !important; }
.feature-error input[type=range]::-moz-range-track { background-color: #ff0000 !important; }
.popover-msg{
    color: #ff0000 !important;
}
.dismiss-error {
    color: #ff0000 !important;
}
.feature-wrapper .popover,
.panel-heading .popover {
    background-color: #f2f0e8 !important;
    border-color: #bfbcba !important;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5) !important;
    box-shadow: 0 0 10px rgba(0,0,0,.5) !important;
}
.feature-wrapper .popover.bottom>.arrow,
.panel-heading .popover.bottom>.arrow {
    border-bottom-color: #bfbcba !important;
}
 .feature-wrapper .popover.bottom>.arrow:after,
.panel-heading .popover.bottom>.arrow:after {
    border-bottom-color: #f2f0e8 !important;
}

/*selected items for history*/
.history-selected {
    background-color: #fff !important;
    border-top: 1px solid #bfbcba !important;
}
.history-selected .wrapper-list {
    background-color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
}
.history-buttons .btn {
    background-color: #00937f !important;
    color: #fff !important;
}
.history-buttons .btn:focus,
.history-buttons .btn:hover {
    color: #fff !important;
}
.show-history .icon { /*background-image: url(../img/ic-history.png)*/ }
.show-scheduler .icon { /*background-image: url(../img/ic-scheduler.png)*/ }
.selected-for-history {
    background-color: #f2f0e8 !important;
    border: 1px solid #bfbcba !important;
    color: #005171 !important;
}
.selected-for-history .btn-close {
    /*background-image: url("../img/ic-close.png") !important;*/
    background-repeat: no-repeat !important;
}
.selected-for-history:hover {
    color: #ff7642 !important;
}

/***mobile devices list***/
@media screen and (max-width: 760px) {
     .custom-ck:checked + label {
         /*background-image: url('../img/ic-checked.png') !important;*/
     }
}

/******************HISTORY PAGE**************/
/**style datetimepicker**/
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover,
.bootstrap-datetimepicker-widget .btn-primary {
    background-color: #005171 !important;
}
.bootstrap-datetimepicker-widget a.btn {
    color: #005171 !important;
}
.history-header .input-group-addon {
    background-color: #fff !important;
    color: #005171 !important;
}
.history-header .form-control:focus { border-color: #ccc !important; }
.history-header select {
    /*background-image: url("../img/arrow-select.png") !important;*/
    background-repeat: no-repeat !important;
    background-position: center right !important;
}
.history-header .btn {
    background-color: #f2f0e8 !important;
    border-color: #bcbfba !important;
}
.history-table {
    background-color: #e7e5df !important;
    border: 1px solid #bcbfba !important;
}
.header-table {
    border-bottom: 1px solid #bfbcba !important;
}
.header-table li:nth-child(2) {
    border-left: 1px solid #bfbcba !important;
    border-right: 1px solid #bfbcba !important;
}
li.device-data:nth-of-type(even) {
    border: 1px solid #fff !important;
}
li.device-data:nth-of-type(odd) {
    background-color: #fff !important;
}
li.device-data:nth-of-type(even) > span:nth-child(2) {
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
}
.row-separator {
    background-color: #005171 !important;
    border: 1px solid #fff !important;
}

/*** MAP AND ICON RENDERING ***/
.iconWidget > .popover.left>.arrow:after { border-left-color: #f2f0e8 !important; }
.iconWidget > .popover.left>.arrow { border-left-color: #bfbcba !important; }
.iconWidget > .popover.right>.arrow:after { border-right-color: #f2f0e8 !important; }
.iconWidget > .popover.right>.arrow { border-right-color: #bfbcba !important; }
.iconWidget > .popover {
    border: 1px solid #bfbcba !important;
}
/*** map rendering ***/
.iconWidget > label {
    color: #fff !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 0 #000,
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        0px 1px 0 #000,
        1px 0px 0 #000,
        0px -1px 0 #000,
        -1px 0px 0 #000 !important;
}
/*** icon rendering ***/
.iconWidget > figcaption {
    color: #333 !important;
}
.alarm-icon {
    color: #ff0000 !important;
}

/************ SCHEDULER PAGE ************/
.scheduler-page select {
    /*background-image: url("../img/arrow-select.png") !important;*/
    background-position: right center !important;
}
.panel-heading h3 {
    color: #333 !important;
}
.scheduler-row.list {
    color: #005171 !important;
}
.scheduler-row.footer { border-top: 1px solid #f9f8f4 !important; }
.popover.bottom {
    border-color: #d7d3d0 !important;
    background-color: #f3f0e9 !important;
    color: #dd122f !important;
}
.popover.bottom>.arrow {
    border-bottom-color: #d7d3d0 !important;
}
.popover.bottom>.arrow:after { border-bottom-color: #f3f0e9 !important; }
.scheduler-list .wrap li:nth-child(odd) { background-color: #f9f8f4 !important; }
.scheduler-row.footer select {
    border: 1px solid #d5d4cf !important;
    background-color: #fff !important;*/
}

.scheduler-row.footer select:disabled {
    color: #d5d4cf;
    cursor: not-allowed;
}

.cron a, .advanced-mode input {
    background-color: #fff !important;
    border: 1px solid #d5d4cf !important;
    color: #333 !important;
}
.advanced-mode.error input,
.error .controller-wrap input,
.error .controller-wrap .btn,
.error .controller-wrap select {
    border-color: #ff0000 !important;
    color: #ff0000 !important;
}
.error .controller-wrap .btn.minus { /*background-image: url('../img/ic-minus-er.png') !important;*/ }
.error .controller-wrap .btn.plus { /*background-image: url('../img/ic-plus-er.png') !important;*/ }
.error output { color: #ff0000 !important; }
.error input[type=range]::-webkit-slider-runnable-track { background-color: #ff0000 !important; }
.error input[type=range]::-moz-range-track { background-color: #ff0000 !important; }
.advanced-mode.error span { color: #ff0000 !important; }
.advanced-mode .alert {
    border-color: #d5d4cf !important;
    background-color: #f9f8f4 !important;
}
.scheduler-list .wrap li:nth-child(odd) .alert {
    background-color: #f2f0e8 !important;
}
.multiSelectOptions {
    border: 1px solid #d5d4cf !important;
    background-color: #fff !important;
}
.multiSelectOptions span input:checked ~ label,
.multiSelectOptions label:hover { background-color: #f9f8f4 !important; }
.multiSelectOptions span input:checked ~ label {
    /*background-image: url('../img/ic-selected.png') !important;*/
    background-position: center right !important;
    background-repeat: no-repeat !important;
}
.controller-set .icon {
    /*background-image: url('../img/ic-wheel.png') !important;*/
}
.controller-set .icon.advanced { /*background-image: url('../img/ic-wheel-adv.png') !important;*/ }

/************ PROFILE PAGE ************/
.view-profile, .edit-profile { overflow: hidden; }
.view-profile,
.edit-profile { max-width: 1100px !important; }
.btn:focus { outline: none !important; }
.view-profile h1 {
    position: relative !important;
    left: 50% !important;
    padding: 60px 0 100px !important;
    font-size: 28px !important;
}
.myprofile .user-name, .profile-pic, .profile-info {
    float: right !important;
    width: 50% !important;
}
.myprofile .user-name span {
    display: block !important;
    line-height: 1.2 !important;
    font-size: 16px !important;
}
.myprofile .user-name span:first-child {
    color: #005171 !important;
    font-size: 36px !important;
    font-weight: bold !important;
}
.profile-pic {
    text-align: right !important;
    padding: 0 50px 0 40px !important;
    float: left !important;
}
.user-status {
    padding: 15px 0 20px !important;
    font-weight: bold !important;
    font-size: 20px !important;
}
.user-status span {
    display: inline-block !important;
    vertical-align: middle !important;
    position: static !important;
}
.info-list {
    margin: 0 !important;
    list-style: none !important;
    padding: 0 !important;
}
.info-list li {
    padding-bottom: 10px !important;
    font-size: 16px !important;
}
.view-profile .info-list li {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
    max-width: 410px !important;
    padding-bottom: 10px !important;
    font-size: 16px !important;
}
.info-list li > label {
    width: 140px !important;
    margin-bottom: 0px !important;
}
.view-profile .info-list li > label,
.view-profile .info-list li > div {
    display: table-cell !important;
}
.info-list li > div a { color: #005171 !important; }
.info-list li .icon {
    width: 21px !important;
    height: 21px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
.profile-info .btn {
    background-color: #00907d !important;
    border-radius: 2px !important;
    width: 190px !important;
    height: 40px !important;
    color: #fff !important;
    font-weight: bold !important;
    margin-top: 20px !important;
}
.profile-info .btn span { padding-right: 10px !important; }
@media screen and (max-width: 1020px) {
    .edit-profile .profile-pic,
    .social-wrapper,
    .info-wrapper,
    .edit-buttons,
    .error-wrap {
        float: none  !important;
        width: 100%  !important;
        text-align: center  !important;
        max-width: none  !important;
        min-width: initial  !important;
    }
    .edit-profile .profile-pic {
        padding: 20px 0  !important;
    }
    .pic-wrapper {
        float: none  !important;
        margin: auto  !important;
    }
    .info-wrapper, .edit-buttons,
    .error-wrap {
        margin-left: 0  !important;
        padding-left: 0  !important;
    }
    .edit-profile .info-list,
    .social-list {
        margin: 25px auto 0  !important;
        text-align: left  !important;
        max-width: 750px  !important;
        padding: 0 0 0 50px  !important;
    }
    .error-wrap { padding-right: 0  !important; }
    .alert-danger { margin: 30px auto 20px  !important; }
}
@media screen and (max-width: 760px) {
    .view-profile h1 { display: none !important; }
    .myprofile .user-name, .profile-pic, .profile-info {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }
    .myprofile .user-name { padding: 15px 0 20px !important; }
    .profile-pic { padding: 0 !important; }
    .pic-wrapper img {
         border: 0 !important;
         padding: 0 !important;
         border-radius: 0 !important;
    }
    .profile-info { padding: 0 5% !important; }
    .info-list li { padding-bottom: 15px !important; text-align: left !important; }
    .profile-info .btn { width: 60% !important; }
}

/*********** Edit Profile page **********/
.pic-wrapper {
    border: 1px solid #e0ddda !important;
}
.pic-wrapper button.btn {
    background-color: transparent !important;
    color: rgba(255, 0, 0, .7) !important;
}
.pic-wrapper a {
    background-color: rgba(0, 81, 113, .7) !important;
    color: #fff !important;
}
.edit-buttons .btn:focus {
    color: #fff !important;
}
.edit-buttons .btn.btn-cancel:focus { color: #333 !important; }
.required > label:after {
    color: #ff0000 !important;
}
.password a {
    color: #005171 !important;
}
.edit-profile li > textarea.cell {
    border: 1px solid #dedbd8 !important;
}
.error > label { color: #ff0000 !important; }
.error > select,
.error > input,
.error > textarea {
    border-color: #ff0000 !important;
}
@media screen and (max-width: 1020px) {
    .edit-profile .profile-pic {
        background-color: #f2f0e8 !important;
        border-bottom: 1px solid #d3d2c7 !important;
    }
}

/*********** ZWAVE PAGE **********/
.wrap-zwave {
    background-color: #f2f0e8 !important;
    border: 1px solid #bcbfba !important;
    border-radius: 3px !important;
}
.wrap-header { border-bottom: 1px solid #bcbfba !important; }
.items-list li {
    font-size: 14px !important;
    border: 1px solid #f2f0e8
}
.wrap-zwave .items-list li:nth-of-type(odd) {
    background-color: #fff !important;
    border-color: #fff !important;
}
.zwave-footer {
    border-top: 1px solid #bfbcba !important;
    background-color: #fff !important;
}

@media (hover: none) {
    .selected-for-history:hover {
        color: #01337a !important;
    }
}