@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: url('openSans/OpenSans.eot');
    src: local('Open Sans'), local('OpenSans'), url('openSans/OpenSans-Light.ttf') format('truetype');
}
/*
    menu color : #6189a4;
    colors : #0b577b;
*/

.zmdi-left {
    margin-right: 8px;
}
.overflow-action-btn a {
    background: #0b577b;
    color: #ffffff;
}
.overflow-action-btn a:hover {
    background: #cd0218;
    color: #ffffff;
}
.thumbnail-chor {
    background: url(../img/chart-wheel.png);
}
.separator-rule{
    border: 1px solid;
    height: 1px;
}
.success-msg{
    margin-top: 15px;
}

.label-rule{
    font-size: 16px;
    float: right;
    margin-top: 12px;
}
button, button:focus {
    outline: none !important;
}
body{font-family: 'Open Sans', sans-serif; font-size: 12px; background-color:#F9F9F9;/* Margin bottom by footer height */}

* {margin: 0;}

html {position: relative; min-height: 100%;}

.footer {z-index: 2000; position: absolute; bottom: 0; width: 100%; /*background-color:#333333; padding-top:10px; padding-bottom:30px;*/ font-size:12px}
.footerdisclaimer{padding-left:60px;position: absolute; bottom:0px;padding-top: 2px; padding-bottom: 2px;width: 100%; margin:0px auto; background-color:none; color: #96a7b4;text-align:center;}

.hp {
background-attachment: fixed;
background-position: -170px -30px, right -200px top -190px;
background-repeat: no-repeat;
}

.navbar-default {background-color:#ffffff;background-image:none; border: none;}
.navbar-default .navbar-brand{color: #fff; padding-left: 90px;}
.navbar-default .navbar-nav>li>a{
    cursor: pointer;
    color:#737373;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-size: 14px;
    font-weight: 300;
}
.navbar-default .navbar-nav>li.line-left {
    border-left: 1px solid rgba(97, 137, 164, .3);
}
.navbar-default .navbar-nav>li.line-right {
    border-right: 1px solid rgba(97, 137, 164, .3);
}
.navbar-nav>li>.dropdown-menu {
    border-radius: 5px;
}
.dropdown-scroll {
    min-width: 200px;
    max-height: 200px;
    overflow-x: auto;
}
.dropdown-menu li:not(.divider) {
    padding: 2px 4px;
    border-radius: 2px;
    background: #fbfbfb;
}
.dropdown-menu>li>a {
    padding: 2px 4px;
    color: #737373;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.navbar-default .navbar-nav>li>a .zmdi-chevron-down {
    margin-left: 8px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #7f7f7f;
    text-decoration: none;
    background-color: #f5f5f5;
    background-image: none;
    cursor: pointer;
}
.dropdown-menu>li.red-menu {
    background-color: #e74c3c;
}
.dropdown-menu>li.red-menu>a {
    color: #ffffff;
}
.dropdown-menu>li.red-menu>a:focus, .dropdown-menu>li.red-menu>a:hover {
    color: #ffffff;
    background-color: #c0392b;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav>.open>a {color:#7f7f7f; background-color: #ffffff; background-image: none;box-shadow: none;}
.subnav-fixed-top {background-color:#777;background-image:none;border-radius: 0;padding:5px 0 5px 0; margin:0 0 10px 0;}
span.navlabel {display: inline-block; font-size:12px;font-weight:bold; color:#fff; padding-right: 10px;}
ul.nav.navbar-nav.pull-right {margin-top:10px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#ffffff;}

.italic {font-style: italic;}
.underline {text-decoration: underline;}
.bold {font-weight: bold;}

.topPadding {padding: 10px 0 0 0;}
.rightPadding {padding: 0 10px 0 0;}
.bottomPadding {padding: 0 0 10px 0;}
.leftPadding {padding: 0 0 0 10px;}
.no-padding {padding-left:0px;padding-right:0px;}
.padding15 {padding: 15px 15px 15px 15px;}
.padding5 {padding: 5px;}

.table > tbody > tr > td {
     vertical-align: middle;
}

.panelEvent {
    border:none;
}
.panelEvent > .panel-heading {
    background-color: #1D3C4E;
    color:white;
    font-size:13px;
    font-weight: bold;
}
.panelEvent > .panel-heading .pointer i{
    font-size: 1.5em;
}
.panelEvent > .panel-body {
    padding:0px;
}
.panelEvent .table {
    border:none;
}

.panelEvent .table > thead{
    background:#E9E9E9;
    color:#858585;
    font-style: italic;
    font-size:12px;
}
.panelEvent .table tr td:first-child{
    font-size:11px;
    font-weight:bold;
    font-family: 'Museo-300', sans-serif;
}

.panelFilters > .panel-body {
    padding: 6px;
}
.panelFilters > .panel-heading {
    padding-top: 5px;
    padding-bottom: 5px;
}

.description{
    font-size:11px;color:#858585;
}



.white {color:#fff;}
.footerblue {color:#50BCDD;}

.page-header {margin-top:20px;}

.home {background-color: #E14417}

.tabs-left > .nav-tabs {
    border-bottom: 0;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 155px;
    margin-right: 0;
    margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
    float: left;
    /*margin-right: 19px;*/
    border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}
.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}




.darkblue {background-color:#0b577b; color:#fff; text-transform:uppercase;}
.darkblue:hover {color:rgba(93,175,211,1);}
.blueblue {background-color:#50BCDD; color:#fff; text-transform:capitalize;}
.panel-default-login>.panel-heading{color:#50BCDD; font-size:20px; text-align:center; font-weight:bold;}
.transparent{background:transparent; border:none;}
.panel-default-login{border: 2px solid #50BCDD; border-radius:4px; margin-top:10px; padding:0 10px 10px 10px;}

.error {color : red;}
.pointer {cursor: pointer;}

.btn-timeline {background-color:#A30052; color:#fff; font-size:14px;}
.btn-join {background-color:#1C958E; color:#fff; font-size:14px;}
.btn-schedule {background-color:#A6C120; color:#fff; font-size:14px;}
.btn-register {background-color:#428bca; color:#fff; font-size:14px;}

.margin-top-0 { margin-top: 0;}
.margin-top-10 { margin-top: 10px;}
.margin-bottom-10 { margin-bottom: 10px;}
.margin-right-10 { margin-right: 10px;}
.margin-left-10 { margin-left: 10px;}



.caption ul {list-style-type: none; margin: 5px;}

.color-white {color:white;}
.color-red {color:#D9534F;}
.color-grey {color:#777;}
.color-blue-dark {color:#314E67;}
.color-orange {color:#EB961D;}
.vertical-align {
    display: flex;
    align-items: center;
}
.vertical-align-jst {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.vertical-align-col {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.vertical-align-start {
    display: flex;
    align-items: flex-start;
}
.vertical-align-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.vertical-align-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.vertical-align-center-h {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-arrow-right,
.btn-arrow-left {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}
.right-marg {
    margin-right: 6px;
}
.btn-arrow-right:after,
.btn-arrow-left:before { /* make two squares (before and after), looking similar to the button */
    content:"";
    position: absolute;
    top: 5px; /* move it down because of rounded corners */
    width: 23px; /* same as height */
    height: 23px; /* button_outer_height / sqrt(2) */
    background: inherit; /* use parent background */
    border: inherit; /* use parent border */
    border-left-color: transparent; /* hide left border */
    border-bottom-color: transparent; /* hide bottom border */
    border-radius: 0px 0px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
}

.btn-arrow-right:after {
    transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.btn-arrow-left:before{
    transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}
.btn-arrow-right:before,
.btn-arrow-left:before { /* align the "before" square to the left */
    left: -10px;
}
.btn-arrow-right:after,
.btn-arrow-left:after { /* align the "after" square to the right */
    right: -10px;
}
.btn-arrow-right:after,
.btn-arrow-left:before { /* bring arrow pointers to front */
    z-index: 2;
}

.blue{color:#0b577b}
.logo {margin-left: -15px;}
/* BO : Diseases List Style BEGINS */
.diseaseList th:last-child{  width: 15%;  }
.disease-choices { margin-bottom: 1em;  }
/* BO : Diseases List Style ENDS */
.color-green{ color : green;  }
.rightelemnt{width: 96px; margin-left: 192px;margin-top: -24px;}
.entityName{ border-radius: 4px; background:rgba(204,204,210,1)}
.role-header{ border-radius: 4px; background:#0b577b }
.bloc-6{min-height: 256px; height: auto}
.form-download{margin-top: -49px; margin-left: 329px;}
.tableProduct {padding-left: 2%; padding-right: 2%;}
.tableSites {padding-left: 3.5%; padding-right: 3%;}
.disabled{ pointer-events: none !important;  opacity: 0.5 !important;  background: #CCC !important;  }

.event-header{ border-radius: 4px; background:#0b577b !important; color: white !important;font-size: 16px !important;width: 100%;margin: 0%;}


.modal-body .popover-content {  width: 250px;  }
.tab-right{ min-height: 210px }


.showEventName {
    font-size: 2em;
    color:#314E67
}

.modal.schedule .modal-dialog {
    width: 85%;
}

.font-size-1-3{
    font-size: 1.3em;
}
/******************************** checkbox radio design */

/******************************** home page */
.home-page {
    height: calc(100vh - 50px);
    padding-right: 40px;
    padding-left: 40px;
    background: #f6f6f6;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background: url(../img/login-bg.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;*/
}
.auth0-btn {
    margin: 16px 0px;
    width: 100%;
    background: rgb(234, 83, 35);
    color: #ffffff;
}
.auth0-btn:hover,
.auth0-btn:focus {
    background: rgb(212, 74, 30);
    color: #ffffff;
}
.or-auth {
    text-align: center;
    width: 100%;
    height: 1px;
    background: #99A9B6;
    position: relative;
    margin: 10px 0px;
}
.or-auth span {
    position: absolute;
    top: -14px;
    left: calc(50% - 16px);
    color:  #99A9B6;
    background: #F9F9F9;
    padding: 6px;
}
.home-page .home-title {
    /*padding-left: 60px;*/
    color: #e11e25;
}
.home-page .home-title .title {
    color: #ef3e33;
    text-transform: uppercase;
    font-weight: bold;
}
.home-page .home-title img {
    width: 80%;
    height: auto;
/*    margin-top: 60px;*/
}
/*.home-container .login-panel {
    margin-top: 80px;
    color: #0b577b;
    margin: 0px;
}
.home-container .login-panel .error-well {
    margin-bottom: 6px;
}
.home-container .login-panel .panel-title {
    text-transform: uppercase;
}
.home-container .login-panel .login-button {
    background-color: #cd0218;
    color: #ffffff;
}
.home-container .login-panel .login-button:hover,
.home-container .login-panel .login-button:focus {
    background-color: #0b577b;
}
.home-container .login-panel .panel-content .form-group {
    margin-bottom: 15px;
    margin-top: 15px;
}*/
.home-container .login-panel {
    margin-top: 80px;
    color: #e3051d;
    margin: 0px;
}
.home-container .login-panel .error-well {
    margin-bottom: 6px;
}
.home-container .login-panel .panel-title {
    text-transform: uppercase;
}
.home-container .login-panel .login-button {
    background-color: #e3051d;
    color: #ffffff;
}
.home-container .login-panel .login-button:hover,
.home-container .login-panel .login-button:focus {
    background-color: #cd0218;
}
.home-container .login-panel .panel-content .form-group {
    margin-bottom: 15px;
    margin-top: 15px;
}

.home-container .login-panel .login-block {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 2px solid #e3051d;
    border-radius: 5px;
    margin-bottom: 10px;
}
.form-group.form-group-default .ipt-icon {
    position: absolute;
    top: 26px;
    right: 8px;
    color: #0b577b;
    font-size: 18px;
    cursor: pointer;
}
.or-auth-collapse {
    text-align: center;
    margin-top: 50px;
}
.or-auth-collapse span {
    cursor: pointer;
}
/******************************** buttons */
.link {
    cursor: pointer;
}
.btn.btn-full-w {
    width: 100%;
}
.full-w {
    width: 100%;
}
.full-h {
    height: 100%;
}
.btn-add {
    background-color: #3498db;
    color: #ffffff;
}
.btn-add:hover,
.btn-add:focus {
    background-color: #2980b9;
    color: #ffffff;
}
.btn-edit {
    background-color: #F2B92B;
    color: #ffffff;
}
.btn-edit:hover,
.btn-edit:focus {
    background-color: #F2B92B;
    color: #ffffff;
}
.btn-upload {
    background-color: rgba(29, 75, 102, 0.4);
    color: #ffffff;
}
.btn-upload:hover,
.btn-upload:focus {
    background-color: rgba(12, 29, 36, 0.62);
    color: #ffffff;
}
.btn-delete {
    background-color: #f1594b;
    color: #ffffff;
}
.btn-delete:hover,
.btn-delete:focus {
    background-color: #c0392b;
    color: #ffffff;
}

.btn-import {
    background-color: #1abc9c;
    color: #ffffff;
}
.btn-import:hover,
.btn-import:focus {
    background-color: #16a085;
    color: #ffffff;
}
/******************************** general */
ul {
    margin: 0px;
    padding: 0px;
}
.tooltip-inner {
    color: white;
    background-color: rgba(0, 0, 0, .8);
}
.toggle-switch {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #99A9B6;
    height: 35px;
}
.toggle-switch span {
    line-height: 25px;
}
ul, li {
    list-style: none;
}
p {
    margin: 0px;
    word-break: break-word;
}
textarea {
    min-width: 100%;
    max-width: 100%;
}

.active-element {
    color: #1abc9c;
}
.collapse-chevron {
    cursor: pointer;
}
.btn {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    outline: 0;
}
button.btn:hover,
button.btn:focus {
    outline: none;
    box-shadow: none;
}
div, span, div:focus, span:focus {
    outline: 0;
}
.delete-icon {
    color: #e74c3c;
}
.delete-icon:hover {
    color: #c0392b;
    cursor: pointer;
}
.message-wells-top {
    margin-bottom: 12px;
}
.success-well {
    margin-top: 4px;
    padding: 6px 10px;
    background-color: #1abc9c;
    border-radius: 6px;
    color: #ffffff;
}
.warning-well {
    margin-top: 4px;
    padding: 6px 10px;
    background-color: #f39c12;
    border-radius: 6px;
    color: #ffffff;
}
.error-well {
    margin-top: 4px;
    padding: 6px 10px;
    background-color: #e74c3c;
    border-radius: 6px;
    color: #ffffff;
}
/******************************** navigation sidenav style */
#sidenav-nav-container {
    z-index: 1030;
    position: fixed;
    margin-left: -180px;
    width: 240px;
    height: 100%;
    overflow-y: auto;
    background: #0b577b;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#sidenav-nav-container:hover {
    margin-left: 0px;
}
#sidenav-nav-container ul.sidenav-nav-list {
    border-top: 1px solid #ffffff;
}
#sidenav-nav-container li.sidenav-nav-element {
    position: relative;
}
#sidenav-nav-container li.sidenav-nav-element span.sidenav-nav-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
}
#sidenav-nav-container li.sidenav-nav-element span.sidenav-nav-icon .menu-icon-img {
    width: 50px;
}
#sidenav-nav-container li.sidenav-nav-logo span.sidenav-nav-icon {
    position: absolute;
    top: 0;
    right: 5px;
    width: 50px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
}
#sidenav-nav-container li.sidenav-nav-logo img.icon-text {
    width: 100px;
    height: auto;
}
#sidenav-nav-container li.sidenav-nav-logo span.sidenav-nav-icon img {
    width: 50px;
    height: 50px;
}
#sidenav-nav-container li.sidenav-nav-element span.sidenav-nav-icon i,
#sidenav-nav-container ul.sidenav-nav-list li {
    line-height: 60px;
}
#sidenav-nav-container ul.sidenav-nav-list li.sidenav-nav-logo > a {
    background: #ffffff;
    line-height: 50px;
}
#sidenav-nav-container ul.sidenav-nav-list li > a {
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    font-size: 13px;
    padding-left: 16px;
    display: block;
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#sidenav-nav-container ul.sidenav-nav-list li > a:hover,
#sidenav-nav-container ul.sidenav-nav-list li > a:focus,
#sidenav-nav-container ul.sidenav-nav-list li > a.active {
    color: #ffffff;
    background-color: rgba(0, 0, 0, .4);
}
#sidenav-nav-container ul.sidenav-nav-list li.sidenav-nav-logo > a:hover {
    background: #ffffff;
}
#filesSideNav small, #commentsSideNav small{
    font-weight: 300;
    color: #98A8B5;
}
/******************************** admin sidenav style */
.main-container {
    background-color: #f9f9f9;
    padding-top: 50px;
    padding-left: 60px;
}

#wrapper .admin-page-content-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}

#wrapper {
    padding-left: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 300px;
}

#sidebar-wrapper {
    z-index: 100;
    position: fixed;
    left: 300px;
    width: 0;
    height: 100%;
    margin-left: -300px;
    overflow-y: auto;
    background: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.dashboard-container #sidebar-wrapper {
    left: 160px;
    margin-left: -160px;
}
#wrapper #sidebar-wrapper .sidebar-nav .sidebar-section-title {
    color: #aeaeae;
    padding: 0px 12px;
}
#wrapper #sidebar-wrapper .sidebar-nav li {
    line-height: 40px;
    margin-bottom: 4px;
}
#wrapper #sidebar-wrapper .sidebar-nav li > a {
    border-bottom: 2px solid #f5f5f5;
    font-size: 14px;
    padding-left: 20px;
    display: block;
    text-decoration: none;
    color: #0b577b;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper #sidebar-wrapper .sidebar-nav li > a:hover,
#wrapper #sidebar-wrapper .sidebar-nav li > a:focus,
#wrapper #sidebar-wrapper .sidebar-nav li > a.active {
    color: #ffffff;
    background-color: #0b577b;
    border-color: #0b577b;
}
#wrapper.toggled #sidebar-wrapper {
    width: 300px;
}
.dashboard-container #wrapper.toggled #sidebar-wrapper {
    width: 160px;
}
#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -300px;
}

.dashboard-container #wrapper.toggled #page-content-wrapper {
    margin-right: -160px;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 240px;
    }
    .dashboard-container #wrapper {
        padding-left: 100px;
    }
    #wrapper.toggled {
        padding-left: 0;
    }
    #sidebar-wrapper {
        width: 300px;
        padding-left: 60px;
    }
    .dashboard-container #sidebar-wrapper {
        width: 160px;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }
    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}
.noactive-element {
    color: #bc0f0e;
}
.admin-page-content-wrapper .admin-section-header {
    min-height: 140px;
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    background: #7f7f7f;
    color: #ffffff;
}
.admin-page-content-wrapper .admin-section-header .form-group {
    margin: 0px;
}
.admin-page-content-wrapper .admin-section-header .form-control {
    box-shadow: none;
    border: 2px solid #ffffff;
}

.admin-page-content-wrapper .admin-section-header .form-control:focus {
    border-color: #ffffff;
}
.admin-page-content-wrapper .admin-section-header .input-group .input-group-addon {
    border: none;
    background: rgba(0,0,0,.26);
    color: #ffffff;
}
.admin-page-content-wrapper .admin-section-header .btn-tabnav {
    background: rgba(0,0,0,0);
    color: #ffffff;
}
.admin-page-content-wrapper .admin-section-header .btn-tabnav:hover,
.admin-page-content-wrapper .admin-section-header .btn-tabnav:focus,
.admin-page-content-wrapper .admin-section-header .btn-tabnav.active {
    background: rgba(0,0,0,.26);
    color: #ffffff;
}
.admin-page-content-wrapper .admin-section-header .section-title i {
    margin-right: 8px;
}
.admin-section-header .section-actions .btn-action-header {
    -moz-box-shadow: 0px 0px 10px 0px #656565;
    -webkit-box-shadow: 0px 0px 10px 0px #656565;
    -o-box-shadow: 0px 0px 10px 0px #656565;
    box-shadow: 0px 0px 10px 0px #656565;
    border-radius: 4px;
    color: #7f7f7f;
    background-color: #ffffff;
    margin-left: 8px;
}
.admin-wells-container .item-title {
    color: #e12135;
}
.admin-wells-container .unit-flag {
    height: 26px;
    width: auto;
    margin-right: 8px;
}
.admin-section-header .section-actions .btn-action-header.btn-action-save {
    color: #f39c12;
}
.admin-section-header .section-actions .btn-action-header.btn-action-cancel {
    color: #bdc3c7;
}

.admin-page-content-wrapper .admin-wells-container {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: -60px;
}
.admin-page-content-wrapper .admin-wells-container.sm-tp-marg {
  margin-top: -30px;
}
.admin-well .well-title .btn-action-header {
    background: #ffffff;
    color: #0b577b;
    border: 1px solid #0b577b;
}
.admin-well .well-title .btn-action-header:hover,
.admin-well .well-title .btn-action-header:focus {
    background: #0b577b;
    color: #ffffff;
    border: 1px solid #0b577b;
}
.admin-wells-container .admin-well {
    background-color: #ffffff;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 6px;
    color: #a6a6a6;
    margin-bottom: 16px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
.admin-wells-container .admin-well .well-title,
.admin-wells-container .admin-well .well-content {
    border-bottom: 1px solid #f5f5f5;
}
.admin-wells-container .admin-well .well-content {
    padding: 8px 0px;
    min-height: 50px;
}
.admin-wells-container .admin-well .well-content .field-view {
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #f5f5f5;
}
.admin-page-content-wrapper .admin-wells-container .update-actions .btn-update-action {
    width: 100%;
    margin-bottom: 8px;
    color: #ffffff;
}
.admin-page-content-wrapper .admin-wells-container .update-actions .btn-update-action i {
    line-height: 160px;
}
.admin-page-content-wrapper .admin-wells-container .update-actions .btn-update-action:hover,
.admin-page-content-wrapper .admin-wells-container .update-actions .btn-update-action:focus {
    outline: none;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
/************************** for fields **/
.admin-wells-container .admin-well .well-content .field-types,
.admin-wells-container .admin-well .well-content .fields-content {
    background: #f5f5f5;
    color: #666666;
    margin: 4px;
}
.admin-wells-container .admin-well .well-content .fields-content {
    padding-top: 6px;
    padding-bottom: 6px;
}
.admin-wells-container .admin-well .well-content .fields-content .form-group {
    margin-bottom: 6px;
}
.admin-wells-container .admin-well .well-content .fields-content .field-content-title {
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 4px;
    margin-bottom: 4px;
}
.admin-wells-container .admin-well .well-content .fields-content .field-content-title h5 {
    margin: 0px;
    text-transform: capitalize;
}
.admin-wells-container .admin-well .well-content .field-types h5 {
    text-transform: capitalize;
}
.admin-wells-container .admin-well .well-content .field-types:hover {
    background: #f1f1f1;
    cursor: move;
}
.admin-page-content-wrapper .admin-well-form .well-title-inputs .input-group .input-group-addon:hover {
    cursor: pointer;
    background-color: #666666;
}
/************************** for tasks **/
.admin-wells-container .admin-well .well-content .task-content {
    background: #f5f5f5;
    color: #666666;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 6px;
}
.admin-wells-container .admin-well .well-content .task-content .field-row .field-title {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-color: #c1c1c1;
    width: 100%;
    padding-left: 6px;
    color: #ffffff;
}
.admin-wells-container .admin-well .well-content .task-content .field-row .form-control,
.admin-wells-container .admin-well .well-content .task-content .field-row .input-group-addon {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.admin-wells-container .admin-well .well-content .task-content .form-group {
    margin-bottom: 6px;
}
.admin-wells-container .admin-well .well-content .task-content .sub-title {
    border-bottom: 2px solid #f1f1f1;
    border-top: 2px solid #f1f1f1;
    margin-bottom: 6px;
}
.admin-wells-container .admin-well .well-content .task-content .sub-title h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.admin-wells-container .admin-well .well-content .task-content .field-holder {
    margin-bottom: 4px;
}
.admin-wells-container .admin-well .well-actions {
    padding: 3px 0px;
    text-align: right;
}
.admin-wells-container .admin-well .well-actions .btn {
    padding: 4px 8px;
    font-size: 16px;
    background-color: #ffffff;
}

.admin-wells-container .admin-well .well-actions .btn-well-edit {
    color: #99a9b6;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 6px;
}
.admin-wells-container .admin-well .well-actions .btn-well-edit:hover,
.admin-wells-container .admin-well .well-actions .btn-well-edit:focus {
    color: #f39c12;
    /*background-color: rgba(158,158,158,.2);*/
}
.admin-wells-container .admin-well .well-actions .btn-well-delete {
    color: #99a9b6;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 6px;
}
.admin-wells-container .admin-well .well-actions .btn-well-delete:hover,
.admin-wells-container .admin-well .well-actions .btn-well-delete:focus {
    color: #e74c3c;
    /*background-color: rgba(158,158,158,.2);*/
}


.admin-page-content-wrapper .actions-side {
    padding-top: 30px;
    color: #3d4e57;
}

.admin-page-content-wrapper .actions-side .btn-side {
    text-align: left;
    width: 100%;
    background-color: rgba(0,0,0,0);
    border-radius: 0px;
    border-bottom: 1px solid #d4d4d4;
    margin-top: 6px;
}

.admin-page-content-wrapper .actions-side .btn-side:hover {
    padding-left: 20px;
}
.edit-color,
.edit-color:hover,
.edit-color:focus {
    color: #f39c12;
}
.cancel-color,
.cancel-color:hover,
.cancel-color:focus {
    color: #95a5a6;
}
/*
.admin-page-content-wrapper .admin-well-form .form-control {
    box-shadow: none;
    border: 2px solid #c1c1c1;
}*/

.admin-page-content-wrapper .admin-well-form .form-control:focus {
    background: rgba(153, 169, 182, 0.05);
    border: 1px solid #61839D;
}
.admin-page-content-wrapper .admin-well-form .input-group .input-group-addon {
    border: none;
    background: #c1c1c1;
    color: #ffffff;
}

.admin-page-content-wrapper .admin-well-form .steps-container {
    border-radius: 5px;
    margin-top: 12px;
    margin-bottom: 12px;
}
.admin-page-content-wrapper .admin-well-form ul {
    min-height: 50px;
}
.admin-page-content-wrapper .admin-well-form .steps-container li.selected {
    background: #f5f5f5;
}
.admin-well-form .steps-container .steps-title {
    margin: 0px;
    background: #f7f7f7;
    border-bottom: 1px solid #dcdcdc;
    color: #bbbbbb;
    display: inline-block;
    width: 100%;
}
.admin-well-form .steps-container .steps-title .link {
    color: #bbbbbb;
}
.admin-well-form .steps-container .steps-title span {
    padding: 10px 12px;
    margin: 0px;
}
.admin-well-form .steps-container .steps-title span.search-btn {
    background-color: #dcdcdc;
    color: #ffffff;
    cursor: pointer;
}
.admin-well-form .steps-container .step-content {
    border-bottom: 1px solid #f5f5f5;
    color: #666666;
    margin: 4px;
}
.admin-well-form .steps-container .step-content:hover {
    cursor: move;
}

.admin-well-form .steps-container .step-content div[class^="col-md-"],
.admin-well-form .fields-container .fields-content div[class^="col-md-"] {
    padding-left: 4px;
    padding-right: 4px;
}
.admin-well-form .fields-container .fields-content .row {
    margin-right: -4px;
    margin-left: -4px;
}
.admin-well-form .steps-container .form-group {
    margin: 0px 4px;
}
.admin-well-form .fields-container .dndPlaceholder,
.admin-well-form .tasks-container .dndPlaceholder,
.admin-well-form .steps-container .dndPlaceholder{
    background: #f5f5f5;
    color: #666666;
    margin: 4px;
    padding: 6px 12px;
}

/************************************** modals */
.modal-footer .btn-save {
    background-color: #f39c12;
    color: #ffffff;
}

.modal-footer .btn-save:hover,
.modal-footer .btn-save:focus {
    background-color: #e67e22;
    color: #ffffff;
}
.modal-footer .btn-cancel {
    background-color: #bdc3c7;
    color: #ffffff;
}
.modal-footer .btn-cancel:hover,
.modal-footer .btn-cancel:focus {
    background-color: #95a5a6;
    color: #ffffff;
}

.modal-header.modal-close,
.modal-header.modal-delete {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #e74c3c;
    color: #ffffff;
}
.modal-header.modal-add {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #3498db;
    color: #ffffff;
}
.modal-header.modal-edit {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #f39c12;
    color: #ffffff;
}

.modal-header.modal-flywheel {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #0b577b;
    color: #ffffff;
}
/*********************************** new input style */
.form-group.form-group-default {
/*    background-color: #fff;*/
    position: relative;
    /*border: 1px solid rgba(0,0,0,0.07);*/
    border-radius: 2px;
    padding-top: 6px;
/*    padding-left: 6px;
    padding-right: 6px;*/
    padding-bottom: 6px;
    /*overflow: hidden;*/
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}
.form-group.form-group-default .form-layer {
    margin-bottom: 6px;
}
.form-group.form-group-default label {
    margin: 0;
    display: block;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    color: #737373;
    font-size: 10px;
    font-weight: bold;
}
.form-group.form-group-default label i {
    margin-right: 6px;
}
.form-group.form-group-default .form-control {
    box-shadow: none;
    color: #8a8a8a;
    border: 1px solid #cbcbcb;
    min-height: 25px;
    /*padding: 0;*/
    border-radius: 3px;
    padding-left: 10px;
    min-height: 35px;
    font-weight: 300;
    padding-right: 10px;
    background: #fcfcfc;
}
.form-group.form-group-default input.form-control:focus{
	background: rgba(153, 169, 182, 0.05);
	border: 1px solid #0b577b;
}
.form-group.form-group-default .toggle-switch span {
    line-height: 25px;
}
.form-group.form-group-default input.form-control {
    height: 30px;
}
.full-width {
    width: 100%;
}
/*********************************** new input style */

/*********************************** ngjs-color-picker style */
ngjs-color-picker li.selectedColor {
    border: 2px solid #ffffff;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
ngjs-color-picker li:hover {
    cursor: pointer;
}
ngjs-color-picker ul {
    min-height: auto;
}
.label-text {
    color: #99A9B6;
}

/*********************************** ngjs-color-picker style */
.row-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.row-list.step-detail {
  height: 100px;
}
.row-list > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.row-list.row-list-table > [class*='col-'] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.row-list.row-list-table .align-left {
    justify-content: flex-start;
}
.row-list.row-list-table .align-right {
    justify-content: flex-end;
}
.row-list.row-list-table .align-center {
    justify-content: center;
}
.row-list.row-list-table .align-right .btn {
    margin-left: 6px;
}
.jst-items {
    display: flex;
    align-items: center;
    justify-content: center;
}
.vertical-align-media {
    display: flex;
    align-items: center;
}
ul.drag-area {
    max-height: 355px;
    overflow: auto;
}
.drop-area {
    text-align: center;
    padding: 10px;
    width: 100%;
    background-color: #fbfbfb;
    color: #cad1d9;
    border-radius: 5px;
    border: 2px dashed #cad1d9;
}
.drop-area i {
    line-height: 60px;
}

/* scrol bars */
ul.drag-area::-webkit-scrollbar,
.scroll-area::-webkit-scrollbar,
textarea::-webkit-scrollbar {
    width: 4px;
}
/* Track */
ul.drag-area::-webkit-scrollbar-track,
.scroll-area::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

/* Handle */
ul.drag-area::-webkit-scrollbar-thumb,
.scroll-area::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}
ul.drag-area::-webkit-scrollbar-thumb:window-inactive,
.scroll-area::-webkit-scrollbar-thumb:window-inactive,
textarea::-webkit-scrollbar-thumb:window-inactive {
    background: #c1c1c1;
}



.form-control-scroll::-webkit-scrollbar {
    width: 4px;
}
/* Track */
.form-control-scroll::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

/* Handle */
.form-control-scroll::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}
.form-control-scroll::-webkit-scrollbar-thumb:window-inactive {
    background: #c1c1c1;
}
/*********************************** front office navbars */
.navbar-front {
    position: fixed;
    width: 100%;
    z-index: 1020;
    padding-right: 60px;
    min-height: auto;
}
.front-main-container {
    margin-top: 70px;
}
.navbar-front .page-title {
    color: #737373;
}
.navbar-front img.flag-holder {
    max-height: 20px;
    max-width: auto;
    margin-right: 8px;
}


.navbar-front .navbar-default .navbar-nav>li>a {
    padding: 6px;
}

.navbar-nav.nav-icons {
    float: none;
}
.navbar-nav.nav-icons>li {
    width: 20%;
}
.navbar-nav.nav-icons>li>a {
    padding-top: 15px;
    padding-bottom: 12px;
    border-bottom: 3px solid #ffffff;
    margin-right: 2px;
    margin-right: 2px;
    padding-left: 0;
    padding-right: 0;
}
.navbar-default.navbar-front .navbar-nav.nav-icons>.active>a,
.navbar-default.navbar-front .navbar-nav.nav-icons>.open>a {
    box-shadow: none;
    background: #ffffff;
    border-color: #6189a4;
    color: #6189a4;
}

.steps-list-page {
    margin-bottom: 20px;
}
.steps-list-page .step-container {
    background-color: #ffffff;
    border-radius: 3px;
    /*-moz-box-shadow: 0px 0px 2px 0px #c0c0c0;
    -webkit-box-shadow: 0px 0px 2px 0px #c0c0c0;
    -o-box-shadow: 0px 0px 2px 0px #c0c0c0;
    box-shadow: 0px 0px 2px 0px #c0c0c0;*/
    border: 1px solid #D5D8DE;
    margin-bottom: 10px;
}

.steps-list-page .step-container .date-area {
    color: #ffffff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.steps-list-page .step-container .date-area .date-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100px;
    justify-content: center;
    font-weight: 300;
}
.date-area .date-cell .date-text {
    font-size: 16px;
    font-weight: bold;
}
.steps-list-page .step-container .date-area .line-right {
    border-right: 1px dashed rgba(255,255,255,.25);
}
.steps-list-page .progress {
    margin: 0px;
    height: 16px;
}
.steps-list-page .progress .progress-bar {
    background-image: none;
    line-height: 17px;
}

.actions-holder .btn-action-icon {
    background-color: #ffffff;
    color: #6189a4;
    padding: 6px;
}
.actions-holder .drag-anchor {
    color: #6189a4;
}
/*.btn-action-icon-edit:hover {
    color: #f39c12;
}
.btn-action-icon-delete:hover {
    color: #e74c3c;
}
.btn-action-icon-info:hover {
    color: #1abc9c;
}*/
.step-container .task-container .show-all {
    display: block;
}
.step-detail .show-more,
.step-container .task-container .show-more {
    display: none;
}
.step-detail:hover .show-more,
.step-container .task-container:hover .show-more {
    display: block;
}
.step-detail:hover .show-less,
.step-container .task-container:hover .show-less {
    display: none;
}

.step-container .task-list-header {
    border-top: 1px solid #d5d8df;
    color: #60849e;
    height: 50px;
}
.step-container .task-list-header div[class^="col-md-"],
.step-container .task-container div[class^="col-md-"] {
    padding-left: 4px;
    padding-right: 4px;
}
.step-container .task-list-header .row,
.step-container .task-container .row {
    margin-left: -4px;
    margin-right: -4px;
}
.step-container .task-list-header .header-nav-holder {
    width: 36px;
    text-align: center;
}
.step-container .task-list-header .header-nav,
.step-container .task-list-header .header-nav:hover,
.step-container .task-list-header .header-nav:focus {
    padding: 0px;
    margin: 0px;
    color: #60849e;
    outline: none;
    margin: 4px;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
}
.step-container .task-list-header .header-cells,
.step-container .task-container .task-fields {
    text-align: center;
    border-left: 1px dashed #d5d8df;
    border-right: 1px dashed #d5d8df;
}
.step-container .task-container .task-fields .task-field-holder h5 {
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
}
.step-container .task-container .task-fields .task-field-holder h5.icon-holder {
    padding-top: 4px;
    padding-bottom: 4px;
}
.step-container .task-container {
    color: #60849e;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.step-container .task-container:hover .add-anchor {
    opacity: 1;
}
.step-container .task-container:hover {
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0, .5);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0, .5);
    -o-box-shadow: 0px 0px 10px 0px rgba(0,0,0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0, .5);
    z-index: 10;
}
.step-container .task-container .actions-holder .btn-icon {
    padding: 4px 8px;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
}
.header-cells .title-cell{
    font-weight: 300;
}
.even-row {
    background-color: #f8f9fb;
}
.odd-row {
    background-color: #ffffff;
}
.white-text {
    color: #ffffff;
}
.drag-anchor {
    margin: 0px 8px;
    cursor: move;
}

.btn-icon-tag {
    position: relative;
}
.btn-icon-tag .tag-number {
    position: absolute;
    top: 3px;
    right: 3px;
    min-width: 12px;
    padding: 1px;
    height: 13px;
    font-size: 10px;
    line-height: 12px;
    color: #ffffff;
    background-color: #1abc9c;
    text-align: center;
    border-radius: 4px;
}
a.btn-icon-tag .tag-number {
    top: 10px;
    right: 8px;
}
.btn-icon-tag .tag-number-notif {
    position: absolute;
    padding: 1px 2px;
    font-size: 9px;
    line-height: 11px;
    color: #ffffff;
    background-color: #1abc9c;
    border-radius: 4px;
    top: -5px;
    left: -2px;
}
.add-anchor {
    position: absolute;
    left: -10px;
    bottom: -13px;
    color: rgba(0, 0, 0, .4);
    cursor: pointer;
    opacity: 0;
}

.mfb-component__wrap {
    padding: 15px;
    margin: -15px;
}
.mfb-component__button--main i {
    line-height: 56px;
}
.mfb-component__button--child {
    background-color: #ffffff;
    color: #0b577b;
    width: 36px;
    height: 36px;
    margin-right: 10px;
}
.mfb-component__button--child i {
    line-height: 36px;
}
.mfb-component__button--main {
    background-color: #0b577b;
    color: #ffffff;
}
.mfb-component__button--main:hover, .mfb-component__button--child:hover {
    background-color: #084a69;
    color: #ffffff;
}
.fields-manager .mfb-component__button--main {
    background-color: #ffffff;
    color: #0b577b;
}
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
}
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
}
/************************************* side navs */
.overlay-sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 3900;
    top: 0;
    left: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.9);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.overlay-sidenav.active {
    visibility: visible;
    opacity: 0.8;
}

.md-sidenav {
    height: 100%;
    position: fixed;
    z-index: 4000;
    top: 0;
    background-color: #ffffff;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.md-sidenav .flag-icon {
    width: 25px;
    height: auto;
}
.md-sidenav .flag-row {
    padding: 6px 0px;
    border-bottom: 1px dashed #e4e7ea;
}
.md-sidenav .flag-row .chevron-holder {
    margin-right: 4px;
}
/* scrol bars */
.md-sidenav::-webkit-scrollbar {
    width: 4px;

}
/* Track */
.md-sidenav::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

/* Handle */
.md-sidenav::-webkit-scrollbar-thumb {
    background: #255778;
}
.md-sidenav::-webkit-scrollbar-thumb:window-inactive {
    background: #255778;
}
.md-sidenav.md-sidenav-sm {
    width: 280px;
}
.md-sidenav-sm.md-sidenav-close {
    right: -300px;
}

.md-sidenav.md-sidenav-md {
    width: 380px;
}
.md-sidenav-md.md-sidenav-close {
    right: -400px;
}

.md-sidenav.md-sidenav-lg {
    width: 700px;
}
.md-sidenav-lg.md-sidenav-close {
    right: -720px;
}

.md-sidenav.md-sidenav-lgx {
    width: 55%;
}
.md-sidenav-lgx.md-sidenav-close {
    right: -58%;
}

.md-sidenav.md-sidenav-risk-lg {
    width: 900px;
}
.md-sidenav.md-sidenav-risk-close {
    right: -920px;
}

.md-sidenav.md-sidenav-lg2 {
    width: 80%;
}
.md-sidenav-lg2.md-sidenav-close {
    right: -82%;
}

.md-sidenav.open-sidenav {
    right: 0;
}

.md-sidenav .md-sidenav-body-sp {
    height: calc(100vh - 42px);
    overflow: auto;
}
/******************************** side nav tabs */
.md-sidenav .nav-tabs.nav-justified>li>a {
    border-radius: 0px;
    color: #97aab8;
    border-bottom: 1px solid #97aab8;
}
.md-sidenav .nav-tabs.nav-justified>li>a:hover {
    color: #97aab8;
    background-color: #ffffff;
    border-color: #ffffff;
    border-bottom: 1px solid #97aab8;
}
.md-sidenav .nav-tabs.nav-justified>.active>a,
.md-sidenav .nav-tabs.nav-justified>.active>a:focus,
.md-sidenav .nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ffffff;
    border-bottom: 2px solid #0b577b;
    color: #0b577b;
}
/******************************** side nav tabs */


.md-sidenav .md-sidenav-title {
    background-color: #0b577b;
    color: #ffffff;
    padding: 5.5px 0px;
}

.md-sidenav .comment-content-text{
    font-weight: 300;
    color: #99A9B6;
    text-align: justify;
}


.md-sidenav .md-sidenav-actions {
    margin-bottom: 8px;
}

.md-sidenav .md-sidenav-actions .btn-cancel {
    color: #5b9dda;
    background-color: #ffffff;
}
.md-sidenav .md-sidenav-actions .btn-cancel:hover {
    background-color: #F9F9F9;
}
.md-sidenav .md-sidenav-actions .btn-save {
    color: #ffffff;
    background-color: #5b9dda;
}
.md-sidenav .md-sidenav-actions .btn-save:hover {
    background-color: #4881b5;
}

.md-sidenav .field-container {
    margin-bottom: 8px;
    color: #63839c;
}
.md-sidenav .field-container .link {
    color: #97aab8;
    text-align: center;
    cursor: move;
}

.md-sidenav .filter-element {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #8bafc9;
    color: #63839c;
}
.md-sidenav .list-element {
    padding: 10px;
    border-bottom: 1px dashed #8bafc9;
    color: #63839c;
}
.md-sidenav .list-element .element-title {
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 4px;
}
.md-sidenav .list-element img {
    width: 100%;
    height: auto;
    opacity: .6;
}

.md-sidenav .list-element div[class^="col-md-"] {
    padding-left: 4px;
    padding-right: 4px;
}

.md-sidenav  .actions-holder .btn-icon {
    padding: 4px 8px;
    cursor: pointer;
    display: inline-block;
}
.md-sidenav .list-container {
    overflow-x: auto;
    margin-bottom: 8px;
}
.md-sidenav .list-container.files-list-container {
    height: calc(100vh - 300px);
}
.md-sidenav .list-container.comments-list-container {
    height: calc(100vh - 230px);
}

.md-sidenav .list-container.task-list-container {
    height: calc(100vh - 155px);
}
.md-sidenav .list-container.risk-list-container {
    height: calc(100vh - 230px);
}
.md-sidenav .list-container.gantfilter-list-container {
    height: calc(100vh - 180px);
}
.md-sidenav .list-container.blockelement-list-container {
    height: calc(100vh - 220px);
}
.md-sidenav .list-container.risks-list-container {
    height: calc(100vh - 100px);
}
.md-sidenav .form-group {
    margin: 0px;
}
.scroll-body.show-scroll {
    overflow-y: scroll;
}
/* scrol bars */
.md-sidenav .task-predecessors .predecessor-side::-webkit-scrollbar,
.md-sidenav .list-container::-webkit-scrollbar,
.scroll-body::-webkit-scrollbar {
    width: 6px;
}
/* Track */
.md-sidenav .task-predecessors .predecessor-side::-webkit-scrollbar-track,
.md-sidenav .list-container::-webkit-scrollbar-track,
.scroll-body::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* Handle */
.md-sidenav .task-predecessors .predecessor-side::-webkit-scrollbar-thumb,
.md-sidenav .list-container::-webkit-scrollbar-thumb,
.scroll-body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #0b577b;
}
.md-sidenav .task-predecessors .predecessor-side::-webkit-scrollbar-thumb:window-inactive,
.md-sidenav .list-container::-webkit-scrollbar-thumb:window-inactive,
.scroll-body::-webkit-scrollbar-thumb:window-inactive {
    background: #0b577b;
}
.md-sidenav .manage-fields,
.md-sidenav .task-risk-management .risk-list {
    color: #63839c;

}
.md-sidenav .task-risk-management .risk-list {

    padding-bottom: 12px;

}
.md-sidenav .task-risk-management .risk-list .risk-list-header {

    border-top: 1px solid rgba(0,0,0,.2);

    background: rgba(216, 216, 216, 0.3);

    height:100px;

}


.md-sidenav .manage-fields .field-holder {
    padding: 4px 6px;
}
.md-sidenav .manage-fields .main-task-fields {
    padding-bottom: 12px;
    border-bottom: 1px dashed #8bafc9;
}
.md-sidenav .manage-fields .custom-task-fields {
    margin-bottom: 10px;
}

.md-sidenav .section-title{
    text-align: center;
    font-weight: bold;
}

.md-sidenav .input-group {
    margin: 0px;
}
.md-sidenav .input-group .form-control {
    box-shadow: none;
    border: 2px solid #5b9dda;
}

.md-sidenav .input-group .form-control:focus {
    border-color: #5b9dda;
}
.md-sidenav .input-group .input-group-addon {
    border: none;
    background: #5b9dda;
    color: #ffffff;
}
.md-sidenav .col-sm-padding {
    padding-left: 6px;
    padding-right: 6px;
}

.md-sidenav .md-sidenav-body {
    margin-top: 10px;
    margin-bottom: 10px;
}
.md-sidenav .task-risk-management .search-area {
    padding-top: 10px;
    padding-bottom: 10px;
    height:100px;
    background:#fff;
    padding-top:30px;



}
.md-sidenav .task-risk-management .btn-block-collapse {
    cursor: pointer;
    width: 100%;
    border-radius: 4px;
    text-align: center;
    padding: 1px;
    margin-top: 4px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
.md-sidenav .mitigation-plan-list .mitigation-plan {

    padding-bottom:15px;
    padding-top:15px;
    border-bottom: 1px dashed rgba(0,0,0,.2);
}
.md-sidenav .mitigation-plan-list .mitigation-plan .sub-label {
    margin: 0px;
    font-weight: bold;
}
.md-sidenav .mitigation-plan-list .mitigation-plan .sub-value {
    margin: 0px;
    margin-bottom: 4px;
}
.state-label {
    margin-right: 2px;
    padding: 2px 4px;
    border-radius: 4px;
    color: #ffffff;
}

.state-label.label-red {
    color: #e74c3c;
}
.state-label.label-green {
    color: #2ecc71;
}
.check-value {
    color: #1abc9c;
}
.md-sidenav .task-predecessors .predecessor-side {
    height: 500px;
    color: #63839c;
    padding-bottom: 12px;
    overflow-x: auto;
}
.md-sidenav .task-predecessors .predecessor-side .title {
    text-align: center;
    font-weight: bold;
}
.md-sidenav .task-predecessors .predecessor-side .step-row {
    border-left: 5px solid #ffffff;
    padding: 1px 8px;
    border-radius: 4px;
    margin-top: 6px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
.md-sidenav .task-predecessors .predecessor-side .tasks-list {
    padding-left: 10px;
}
.md-sidenav .task-predecessors .predecessor-side .tasks-list .task-row {
    border-left: 3px solid #ffffff;
    padding: 1px 8px;
    border-radius: 4px;
    margin-top: 6px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
.md-sidenav .task-predecessors .predecessor-side .tasks-list .task-row .drag-anchor {
    margin-right: 8px;
    cursor: move;
}
.md-sidenav .task-predecessors .predecessor-side.line {
    border-right: 1px dashed #8bafc9;
}
.md-sidenav .side-title {
    color: #ffffff;
    background-color: #98a8b5;
}
.md-sidenav .btn-bot {
    margin-top: 6px;
}
.md-sidenav .uib-tab-content {
    padding-top: 8px;
}


/*******************************************************/
.dashboard-wells-container {
    margin-bottom: 20px;
}
.last-in-page {
    margin-bottom: 60px;
}
.dashboard-wells-container .dashboard-well {
    background-color: #ffffff;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 6px;
    margin-bottom: 16px;
    /*-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);*/
    border: 1px solid #D5D8DE;
}
.dashboard-wells-container .dashboard-well .well-title {
    color: #62829c;
    border-bottom: 1px solid #eceff2;
}

.dashboard-wells-container .dashboard-well .well-body {
    color: #96a7b4;
    min-height: 240px;
    max-height: 240px;
    overflow-x: auto;
}
.main-dashboard-content .well-body .answer-state {
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
}
.last-in-page .dashboard-wells-container .dashboard-well .well-body .row,
.dashboard-wells-container .dashboard-well .well-body .completed-task{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #d5d8df;
}
.dashboard-wells-container .dashboard-well .well-body .completed-task{
    padding-left: 15px;
    padding-right: 15px;
}

.dashboard-wells-container .dashboard-well .well-body h5{
    margin: 0;
    font-weight: 500;
}
.dashboard-wells-container .dashboard-well .well-body h5 i{
    color: #DCDEE3 !important;
}

.dashboard-wells-container i.zmdi.zmdi-check-circle {
    color: #5FBE80 !important;
}

.dashboard-wells-container .dashboard-well .well-body .before-after{
    color: #61839D !important;
}

/* slider selector */
.rzslider .rz-bar {
    background-color: #f1f1f1;
}
.rzslider .rz-pointer,
.rzslider .rz-selection {
    background-color: #61839e;
}
.rzslider .rz-pointer.rz-active:after {
    background-color: #ffffff;
}

/******************************************************************/

.empty-data-area {
    background-color: #ffffff;
    color: #6189a4;
    padding: 30px;
    font-weight: 300;
    text-align: center;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px 0px #c0c0c0;
    -webkit-box-shadow: 0px 0px 2px 0px #c0c0c0;
    -o-box-shadow: 0px 0px 2px 0px #c0c0c0;
    box-shadow: 0px 0px 2px 0px #c0c0c0;
}

.btn-empty-data,
.btn-empty-data:hover,
.btn-empty-data:focus {
    width: 50px;
    height: 50px;
    color: #6189a4;
    background-color: #ffffff;
    border-radius: 50%;
    border: 2px solid #6189a4;
}

.empty-data-area h5 {
    margin-bottom: 0px;
    font-weight: 500;
}

/*
dueDateColor
*/

.ddcolors {
    max-height: 200px;
    overflow-x: hidden;
}


.empty-data-default {
    text-align: center;
    padding-top: 40px;
}

#items-container{
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.field-content-model{
    margin: 10px;
}

.task-step-fields{
    background: #f5f5f5;
    color: #666666;
    margin-bottom: 20px;
    padding-top: 3px;
    padding-bottom: 10px;
    padding-left: 10px;
}

/*******************1*************************/
.field-container .dndPlaceholder {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.md-sidenav .dndPlaceholder,
.tasks-dnd-list .dndPlaceholder {
    background-color: #bdc3c7;
    text-align: center;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
}

.collections-dnd-list .dndPlaceholder {
    background-color: #bdc3c7;
    text-align: center;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
}

.steps-list-page .dnd-step-placeholder {
    background-color: #bdc3c7;
    text-align: center;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

y-drop-zone { border: dotted 3px lightgray; }
.nv-file-over { border: dotted 3px red; } /* Default class applied to drop zones on over */
.another-file-over-class { border: dotted 3px green; }


/****************************** filter zone */
.filter-zone {
    margin-bottom: 10px;
}
.filter-zone .title {
    color: #62829c;
    display: inline-block;
    margin-right: 6px;
}
.filter-zone .filter-element,
.filter-zone .filter-clear {
    display: inline-block;
    margin-right: 6px;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    color: #ffffff;
}
.filter-zone .filter-element {
    background-color: #61839d;
}
.filter-zone .filter-element .remove {
    cursor: pointer;
    margin-left: 6px;
}
.filter-zone .filter-clear {
    background-color: #f39c12;
    cursor: pointer;
}

/************************************************* dashboard */
.dashboard-wells-container .col-sm-well,
.dashboard-wells-container .col-sm-well {
    padding-left: 6px;
    padding-right: 6px;
}
.dashboard-wells-container .progress-wells,
.dashboard-wells-container .latest-wells {
    margin-bottom: 16px;
}
.progress-wells .title {
    margin-top: 1px;
    margin-bottom: 1px;
}
.progress-wells .global-progress {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eceff2;
}
.progress-wells .entity-progress {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eceff2;
}
.progress-wells .step-progress {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eceff2;
}
.progress-wells .global-progress.active,
.progress-wells .entity-progress.active {
    background-color: #f8f9fb;
}
.progress-wells .progress {
    margin: 0px;
    height: 16px;
}
.progress-wells .progress .progress-bar {
    background-image: none;
    line-height: 17px;
}
.col-no-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.dashboard-wells-container .col-sm-padding {
    padding-left: 10px;
    padding-right: 10px;
}
.dashboard-wells-container .progress-wells .dashboard-well .well-body {
    min-height: 280px;
    max-height: 280px;
}
.dashboard-well .dashboard-country-element {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px dashed #d5d8df;
}
.dashboard-well .action {
    cursor: pointer;
}
.dashboard-well .dashboard-country-element img,
.progress-wells .entity-progress img {
    width: 26px;
    height: auto;
    margin-right: 6px;
}
.dashboard-well .dashboard-country-element .icon-zone i {
    padding-right: 8px;
    line-height: inherit;
    margin-right: 6px;
    border-right: 1px solid #d5d8df;
}
.dashboard-well .dashboard-country-element .icon-zone img {
    height: 26px;
    width: auto;
    opacity: .6;
}
.dashboard-well .dashboard-country-element .icon-zone {
    float: left;
}
.dashboard-well .dashboard-country-element .description-content {
    padding-left: 10px;
    padding-right: 10px;
}
.dashboard-well .dashboard-country-element .descriptions {
    margin-bottom: 1px;
    margin-top: 1px;
    font-size: 11px;
}

/************************************************************ timeline */
.time-line-container .date-border {
    margin-bottom: 1px;
    margin-top: 1px;
    font-weight: bold;
    border-bottom: 1px solid white;
}

.time-line-container .date-border-label, .popover-content small {
    color: #96a7b4;
    font-weight: 300;
}

.time-line-container .progress-holder {
    border-left: 1px dashed #d5d8df;
    padding: 0px;
    position: relative;
}
.time-line-container .progress-holder .progress-bg {
    background-color: #e6e6e6;
    height: 100%;
    position: absolute;
    top: 0px;
    border-top: 1px solid white;
}

.time-line-container .progress-holder .progress-bg .progress-bar-value {
    height: 100%;
    position: absolute;
    top: 0px;
    text-align: center;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.time-line-container .popover,
.task-fields .task-field-holder .popover {
    min-width: 300px;
}
.time-line-container .popover .popover-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.time-line-container .popover .popover-content {
    padding: 0px;
}
.time-line-container .popover .popover-content h4 {
    margin-top: 0px;
    margin-bottom: 2px;
}
.time-line-container .popover .popover-content p {
    margin-bottom: 6px;
    color: #95a5a6;
}
.modification-view {
    color: #6189a4;
}
.modification-view img {
    width: 100%;
    height: auto;
}
.modification-view .sub-title {
    margin: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #d5d8df;
}
.modification-view .icon-zone {
    float: left;
}
.modification-view .description-content {
    padding-top: 10px;
}
.modification-view .descriptions {
    margin-bottom: 1px;
    margin-top: 1px;
}
/**************************** waves**/

.selected-element {
    background: rgba(17, 43, 58, 0.12);
}

.hover-element:hover {
    background: rgba(22, 52, 70, 0.07);
}

.multiSelect .checkboxLayer {

    max-height:300px; overflow: auto;
}

/************** ui-tree **/
.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #7c9eb2;
    padding: 10px 10px;
}

.angular-ui-tree-handle:hover {
    color: #438eb9;
    background: #f4f6f7;
    border-color: #dce2e8;
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

tr.angular-ui-tree-empty {
    height: 100px
}

.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}


/* --- Tree --- */

.tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2;
}

.nodrop {
    background-color: #f2dede;
}

.tree-node-content {
    margin: 10px;
}

.tree-handle {
    padding: 10px;
    background: #428bca;
    color: #FFF;
    margin-right: 10px;
}

.angular-ui-tree-handle:hover {}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




/**************** task impact tree view */
.impact-header {
    margin-bottom: 8px;
}
.impact-header .left-side {
    border-right: 1px dashed #bed2db;
}
.impact-header .section-title {
    font-weight: bold;
    color: #63839c;
}

.impact-header .impacted-task {
    margin-bottom: 6px;
    margin-left: 0px;
    margin-right: 0px;
    color: #63839c;
    background-color: #ffffff;
    padding: 6px 0px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.08);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.08);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.08);
}
.impact-header .impacted-task .highlight {
    margin-top: 2px;
    margin-bottom: 2px;
}
.arrow-separator {
    margin-left: 4px;
    margin-right: 4px;
}
.impact-sidenav .md-sidenav-actions {
    margin-top: 12px;
}
.impact-highlight {
    color: #63839c;
}
.impact-highlight .label {
    font-size: 14px;
    font-weight: normal;
}
.impact-highlight .label-transparent {
    color: #60829d;
    background-color: transparent;
    padding-right: 0px;
}
.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding: 0px;
}

.impact-tree, .impact-tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.impact-tree {
    padding-right: 12px;
}
.impact-tree .tree-node-container {
    margin: 0px;
}
.impact-tree .ref-holder {
    cursor: pointer;
}
.popover-title {
    padding: 6px 8px;
    font-weight: bold;
}
.impact-tree .popover-content {
    padding: 6px 6px;
    font-weight: normal;
    min-width: 250px;
}
.tree-titles {
    margin-bottom: 8px;
    padding-right: 12px;
    color: #63839c;
    border-bottom: 1px solid #bed2db;
}
.impact-tree .icon-holder {
    max-height: 24px;
}
.impact-tree .impact-tree-node {
    cursor: default;
    background-color: #ffffff;
    padding: 6px 0px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.08);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.08);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.08);
}
.impact-tree .impact-tree-node .toggle-btn {
    cursor: pointer;
}
.impact-tree .impact-tree-node.selected-node {
    background-color: #f5f6f8;
}
.impact-tree .impact-tree-node .node-title {
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
}
.impact-tree .impact-tree-node .node-step {
    font-weight: normal;
}
.impact-tree .btn-check,
.tree-titles .btn-check {
    background-color: transparent;
    color: transparent;
    padding: 0px 2px;
    line-height: 14px;
    border: 2px solid #7ca5b7;
}
.impact-tree .btn-check.active, .impact-tree .btn-check:active,
.tree-titles .btn-check.active, .tree-titles .btn-check:active {
    background-image: none;
    border-color: #0c587c;
    background-color: #0c587c;
    color: #ffffff;
}
.impact-tree .impact-tree-node .check-holder,
.tree-titles .check-holder {
    width: 40px;
    text-align: center;
}
.impact-tree .impact-tree-node .date-holder,
.tree-titles .date-holder {
    width: 150px;
    text-align: center;
}
.impact-tree .impact-tree-node .date-holder .label {
    font-weight: normal;
    font-size: 14px;
}
.impact-tree .impact-tree-node .date-holder .label-transparent {
    color: #60829d;
}
.impact-tree .impact-tree-node .date-holder h5 {
    margin: 0px;
}
.impact-tree ul {
    margin-left:12px;
    position:relative;
}
.impact-tree ul ul {
    margin-left: 12px;
}
.impact-tree ul:before {
    content:"";
    color: #bed2db;
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.impact-tree li {
    margin:0;
    padding:0;
    padding-top: 10px;
    padding-left: 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.impact-tree ul li:before {
    content:"";
    color: #bed2db;
    display:block;
    width:11px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:36px;
    left:0
}
.impact-tree ul li:last-child:before {
    background:#fff;
    height:auto;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.impact-tree li a {
    text-decoration: none;
    color:#369;
}
/*.impact-tree li button, .impact-tree li button:active, .impact-tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
*/

/* ====== ====== */
.ta-editor.form-control.myform1-height, .ta-scroll-window.form-control.myform1-height  {
    min-height: 300px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;

}

.form-control.myform1-height > .ta-bind {
    height: auto;
    min-height: 300px;
}
.fa-red {
    margin-left: 10px;
}
.fa-red:hover {
    color: #c0392b;
    cursor: pointer;
}
/****************************************** global use */
.sm-margin {
    margin: 4px 0px;
}
.md-margin {
    margin: 8px 0px;
}
.lg-margin {
    margin: 12px 0px;
}
.no-margin {
    margin: 0px;
}
.sm-padding {
    padding: 4px 0px;
}
.md-padding {
    padding: 8px 0px;
}
.lg-padding {
    padding: 12px 0px;
}
.no-padding {
    padding: 0px;
}
.no-padding-left {
    padding-left: 0px;
}
.no-padding-right {
    padding-right: 0px;
}
.green-value {
    color: #92c356;
}
.red-value {
    color: #f1594b;
}
.text-label {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.label-state {
    background-color: #61839e;
    color: #ffffff;
    width: 100%;
    padding: 6px;
    border-radius: 5px;
    text-align: center;
}
.sm-margin-top {
    margin-top: 6px;
}
.sm-labeled-value {
    padding: 0px 15px;
    margin-bottom: 6px;
}
.sm-labeled-value .sm-label {
    font-weight: bold;
    font-size: 11px;
}
.sm-labeled-value .sm-value {
    font-size: 16px;
}
/**************************************** end global use */

/**************************************** Begin Answers Isatisfaction */

.user-answer{
    background-color: #ffffff;
    color: #6189a4;
    padding: 5px;
    height: 50px;
    font-weight: 300;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px 0px #c0c0c0;
    -webkit-box-shadow: 0px 0px 2px 0px #c0c0c0;
    -o-box-shadow: 0px 0px 2px 0px #c0c0c0;
    box-shadow: 0px 0px 2px 0px #c0c0c0;
}

.user-answer-overview{
    background-color: #ffffff;
    color: #6189a4;
    padding: 5px 5px 5px 15px;
    margin-left: 10px;
    height: 100px;
    font-weight: 300;
    border-radius: 6px;
    -moz-box-shadow: 0px 0px 2px 0px #c0c0c0;
    -webkit-box-shadow: 0px 0px 2px 0px #c0c0c0;
    -o-box-shadow: 0px 0px 2px 0px #c0c0c0;
    box-shadow: 0px 0px 2px 0px #c0c0c0;
}




/****************************************************************************** MS style */
.ms-col-sm-padding {
    padding-left: 4px;
    padding-right: 4px;
}
.ms-col-md-padding {
    padding-left: 10px;
    padding-right: 10px;
}
.form-group.blank-select-input {
    margin: 0px;
}
.form-group.blank-select-input .form-control {
    background: transparent;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
}
.form-group.blank-select-input .form-control option {
    color: #98a8b5;
}
.ms-nav-front {
    background-color: #ffffff;
    border-radius: 0px;
    color: #98a8b5;
    border-color: #ffffff;
    min-height: 40px;
    max-height: 40px;
    margin: 0px;
    z-index: 200;
    padding-top: 6px;
    top: 50px;
    padding-bottom: 6px;
    position: fixed;
    right: 0;
    left: 0;
    padding-left: 70px;
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
}
.ms-nav-front.ms-nav-home {
    min-height: 80px;
    max-height: 80px;
    height: 80px;
}
.ms-nav-front .filter-separator {
    font-weight: bold;
    color: #0b577b;
    margin: 0px 4px;
}
.ms-nav-front .filter-action {
    margin-left: 10px;
    cursor: pointer;
}

.ms-nav-front .nav-actions>li>a {
    cursor: pointer;
    color: #98a8b5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-size: 14px;
    font-weight: 300;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background: #0b577b;
    color: #ffffff;
}
.ms-nav-front .nav-actions>li>a i {
    margin-left: 8px;
}
.ms-nav-front .nav-actions>li>a:hover {
    text-decoration: none;
}

.ms-nav-front .filter-content {
    background: #98a8b5;
    padding: 4px 8px;
}

.color-palette {
    height: 20px;
    width: 100%;
    border-radius: 10px;
    line-height: 20px;
    padding: 0px 10px;
    color: #ffffff;
}
.admin-well-form .form-row {
    margin-bottom: 6px;
    margin-top: 6px;
}
.admin-well-form .image-flag {
    width: 60%;
    height: auto;
}
.admin-wells-container .admin-well-form .ui-select-container .form-control {
    box-shadow: none;
    color: #a4a4a4;
    border: 1px solid #cbcbcb;
    min-height: 25px;
    border-radius: 3px;
    padding-left: 10px;
    min-height: 35px;
    font-weight: 300;
    padding-right: 10px;
    background-color: #fcfcfc !important;
    outline: none !important;
}
.admin-wells-container .btn-default {
    background-image: none;
    box-shadow: none;
    outline: none !important;
}
.admin-wells-container .collection-item-img {
    width: auto;
    height: 26px;
    margin-top:5px;
    margin-right: 5px;
}
.ui-select-bootstrap > .dropdown-menu {
    margin-top: 1px;
    height: auto;
    max-height: 200px;
}
.ui-select-bootstrap > .dropdown-menu li:not(.divider) {
    padding: 0px;
    margin: 4px 0px;
}
.ui-select-bootstrap > .dropdown-menu .ui-select-choices-row.active .ui-select-choices-row-inner {
    background: #0b577b;
}
.ui-select-bootstrap > .dropdown-menu .ui-select-choices-row:not(.active) .ui-select-choices-row-inner:hover {
    color: #0b577b;
    background-color: #f5f5f5;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    background: #0b577b;
    color: #ffffff;
    text-shadow: none;
    border-radius: 10px;
    padding-left: 10px;
    margin-right: 6px;
    border: 1px solid #0b577b;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item .close {
    margin-top: 1px;
}
.link-option {
    color: #0b577b;
}
.link-option:hover,
.link-option:focus {
    color: #0b577b;
    cursor: pointer;
}

.ms-nav-back {
    background-color: #ffffff;
    border-radius: 0px;
    color: #7f7f7f;
    border-color: #ffffff;
    min-height: 40px;
    max-height: 40px;
    margin: 0px;
    z-index: 90;
    padding-top: 6px;
    padding-bottom: 6px;
    position: fixed;
    right: 0;
    left: 240px;
    height: 56px;
    padding-left: 60px;
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
}
.page-nav-content {
    margin-top: 50px;
    margin-right: 0px;
}
.ms-nav-back .title-nav-back {
    color: #0b577b;
}

.ms-nav-back .btn-nav-back {
    color: #0b577b;
    border: 1px solid #0b577b;
    background-color: #ffffff;
}

.ms-nav-back .btn-nav-back:hover,
.ms-nav-back .btn-nav-back:focus {
    color: #ffffff;
    background-color: #0b577b;
}

.no-data-well {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 6px;
    border-radius: 5px;
    text-align: center;
    color: #aeaeae;
}
.no-data-well .create-btn {
    color: #3498db;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.no-data-well .create-btn:hover,
.no-data-well .create-btn:focus {
    color: #2980b9;
    cursor: pointer;
}

textarea.form-control:focus {
    border-color: #0b577b;
}



.models-list-container .btn-model-actions {
    color: #aeaeae;
    background: transparent;
    border: none;
    padding: 2px 6px;
    font-size: 16px;
}

.models-list-container .btn-model-actions:hover,
.models-list-container .btn-model-actions:focus {
    color: #7f7f7f;
    background: transparent;
    border: none;
}
.models-list-container .btn-model-actions.btn-model-add {
    color: #3498db;
}
.models-list-container .btn-model-actions.btn-model-add:hover,
.models-list-container .btn-model-actions.btn-model-add:focus {
    color: #2980b9;
}

.models-list-container .angular-ui-tree-handle {
    color: #aeaeae;
    background: transparent;
    border: none;
    padding: 2px 6px;
    font-size: 16px;
    margin: auto;
}
.models-list-container .model-title-container {
    color: #7f7f7f;
    font-weight: bold;
}

.models-list-container li li {
    margin-left: 20px;
}

.list-item-row {
    padding-bottom: 6px;
    margin-top: 6px;
    border-bottom: 1px dashed #dcdcdc;
}

.list-item-row .btn-delete-item {
    color: #aeaeae;
    background: transparent;
    border: none;
    padding: 2px 6px;
    font-size: 16px;
}
.list-item-row .btn-delete-item:hover,
.list-item-row .btn-delete-item:focus {
    color: #7f7f7f;
    background: transparent;
}
.ms-bold {
    font-weight: bold;
}
.ms-lighter {
    font-weight: lighter;
}

/*********************************************** fly wheel design */
.front-data-container {
    margin-top: 60px;
}
.front-data-container.container-push-down {
    margin-top: 90px;
}
.ms-list .ms-list-header {
    color: #0b577b;
    padding: 8px 0px;
    border-bottom: 1px solid #f5f5f5;
}
.ms-list .ms-list-items {
    padding: 8px 0px;
    border-bottom: 1px dashed #f5f5f5;
}
.checkbox-btn, .checkbox-btn:hover, .checkbox-btn:focus {
    padding: 0px 4px;
    margin: 0px;
    background: #ffffff;
    color: #95a5a6;
    border: 1px solid #95a5a6;
}
.checkbox-btn.active, .checkbox-btn.active:hover, .checkbox-btn.active:focus {
    background: #95a5a6;
    color: #ffffff;
    border: 1px solid #95a5a6;
}
.flywheel-btn {
    background: #0b577b;
    color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}
.flywheel-btn:hover,
.flywheel-btn:focus {
    background: #c90419;
    color: #ffffff;

}
.flywheel-answer-container {
    margin-bottom: 60px;
}
.flywheel-answer-container .answer-well {
    background: #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #9f9f9f;
}

.flywheel-answer-container .answer-well .well-row {
    margin: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.flywheel-answer-container .answer-well .well-row .unit-icon {
    max-width: 30px;
    max-height: 30px;
    margin-left: 10px;
}
.flywheel-answer-container .answer-well .filter-row {
    background: #f2f2f2;
}


.flywheel-answer-container .answer-well .filter-row .pet-filter {
    width: 42px;
    height: 42px;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    opacity: .6;
    padding: 4px;
    /*border: 2px solid transparent;*/
    background: #f2f2f2;
}
.flywheel-answer-container .answer-well .filter-row .pet-filter:hover,
.flywheel-answer-container .answer-well .filter-row .pet-filter.active {
    cursor: pointer;
    opacity: 1;
    background: #ffffff;
    /*border: 2px solid #eeeeee;*/
}
.flywheel-answer-container .answer-well .filter-row .pet-filter img {
    width: 34px;
    height: 34px;
    border-radius: 5px;
}
.metric-pet {
    padding: 4px;
    float: left;
    margin-right: 8px;
    border-radius: 5px;
    position: relative;
}
.metric-pet.active {
    width: 120px;
    background: #0b577b;
}

.metric-pet .metric-value {
    visibility: hidden;
    position: absolute;
    color: #ffffff;
    right: 10px;
    top: 6px;
}
.metric-pet.active .metric-value {
    visibility: visible;
}



.flywheel-answer-container .model-container {
    margin: 0px;
    padding-bottom: 10px;
}
.flywheel-answer-container .model-container .domain-panel {
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed rgba(255, 255, 255, .6);
}

.flywheel-answer-container .subdomain-container {
    margin-bottom: 6px;
}

.flywheel-answer-container .subdomain-container .subdomain-panel {
    color: #ffffff;
    /*padding-top: 6px;
    padding-bottom: 6px;*/
    text-align: center;
}
.flywheel-answer-container .subdomain-container .subdomain-panel .type-container {
    padding: 6px 20px;
    border-left: 1px dashed rgba(255, 255, 255, .6);
}
.flywheel-answer-container .subdomain-container .subdomain-panel .type-container.dashed-right {
    border-right: 1px dashed rgba(255, 255, 255, .6);
}
.flywheel-answer-container .subdomain-container .subdomain-panel p {
    margin: 0px;
}
.flywheel-answer-container .subdomain-container .subdomain-panel .sm-text {
    font-size: 10px;
}

.flywheel-answer-container .subdomain-container .node-row {
    /*padding-top: 16px;
    padding-bottom: 16px;*/
    text-align: center;
    border-bottom: 1px dashed #f4f4f4;
}
.flywheel-answer-container .subdomain-container .node-row .node-type-container {
    padding: 16px 20px;
    border-left: 1px dashed #f4f4f4;
}
.flywheel-answer-container .subdomain-container .node-row .node-type-container.dashed-right {
    border-right: 1px dashed #f4f4f4;
}
.metric-holder {
    color: #ffffff;
    width: 100%;
    padding: 6px;
    border-radius: 5px;
    margin-top: 2px;
    background: #0b577b;
}
.metric-holder .metric-value {
    margin-left: 20px;
}
.mertic-well {
    padding: 4px 10px;
    border-radius: 5px;
    border-color: #f87567;
    color: #ffffff;
    background: #0b577b;
}
.mertic-well .btn-close {
    width: 100%;
    background: #0b577b;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.success-well {
    padding: 4px 10px;
    border-radius: 5px;
    border-color: #16a085;
    color: #ffffff;
    background: #1abc9c;
}
.success-well .btn-close {
    width: 100%;
    background: #1abc9c;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.pointer {
    cursor: pointer;
}
.node-row .alert-span {
    color: #f6594a;
    margin-right: 4px;
}

.node-row .info-span {
    color: #9f9f9f;
    background: transparent;
    border-color: transparent;
    padding: 0px;
    margin: 0px;
}
.node-row .node-info-name {
    position: absolute;
    right: 6px;
    top: -6px;
    width: 20px;
}
.node-row .contact-span {
    color: #9f9f9f;
    background: transparent;
    border-color: transparent;
    padding: 0px;
    margin: 0px;
    line-height: 24px;
    font-size: 24px;
}
.node-row .node-info-name .info-span {
    margin: 0px;
    line-height: 20px;
    font-size: 12px;
}
.node-row .node-name {
    padding-right: 16px;
}
.node-row .form-group.form-group-default {
    margin: 0px;
    padding: 0px;
}
.node-row .form-group.values-form-group {
    margin-bottom: 0px;
}
.node-row .input-helpers {
    width: 100%;
    margin-top: 4px;
}
.node-row .input-helpers .measure-unit {
    line-height: 14px;
    font-size: 14px;
    color: #98a8b5;
}
.node-row .form-group.values-form-group .form-control {
    min-height: 22px;
    height: 22px;
    font-size: 13px;
    line-height: 7px;
    padding: 6px 4px;
}

.node-row .form-group.values-form-group .orange-form-control {
    border-color: #ffc055;
    color: #ffffff;
    background: #ffc055;
}
.node-row .form-group.values-form-group .orange-form-control:focus {
    border-color: #eca938;
    color: #ffffff;
    background: #ffc055;
}

.node-row .form-group.values-form-group .red-form-control {
    border-color: #f87567;
    color: #ffffff;
    background: #f87567;
}
.node-row .form-group.values-form-group .red-form-control:focus {
    border-color: #ea5445;
    color: #ffffff;
    background: #f87567;
}

.node-row .form-group.values-form-group .green-form-control {
    border-color: #a3d264;
    color: #ffffff;
    background: #a3d264;
}
.node-row .form-group.values-form-group .green-form-control:focus {
    border-color: #88b847;
    color: #ffffff;
    background: #a3d264;
}

.node-row .form-group.values-form-group .gray-form-control {
    border-color: #98a8b5;
    color: #ffffff;
    background: #98a8b5;
}
.node-row .form-group.values-form-group .gray-form-control:focus {
    border-color: #7c8a96;
    color: #ffffff;
    background: #98a8b5;
}

.node-row .comments-btn {
    text-align: center;
    color: #ffffff;
    background: #98a8b5;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 6px;
}
.node-row .comments-btn:hover,
.node-row .comments-btn:focus {
    color: #ffffff;
    background: #7c8a96;
}
.node-row .popover {
    margin-right: -10px;
}
.node-row textarea {
    max-height: 100px;
}
.popover {
    padding: 0px;
}
.data-popover-holder .popover {
    min-width: 450px;
}
.data-popover-holder .popover-content {
    padding: 6px;
}
.data-popover-holder .popover-inner .popover-content-title {
    text-align: left;
}
.data-popover-holder .popover-content textarea {
    max-height: 100px;
    min-height: 100px !important;
}


.contact-popover-holder .popover-content {
    padding: 6px;
    min-width: 250px;
}
.popover-inner .popover-title {
    text-align: center;
    background-color: #e7e8ec;
    border-bottom: 1px solid #f5f5f5;
}
.popover-inner .popover-content-title {
    text-align: center;
    color: #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
}
.popover-inner .popover-row {
    margin: 0px;
    border-top: 1px dashed #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
}
.flywheel-answer-container .progress-well {
    background: #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-bottom: 14px;
    color: #9f9f9f;
    overflow: hidden;
}

.flywheel-answer-container .progress-well .well-panel {
    padding: 8px 0px;
    margin: 0px;
    color: #ffffff;
}
.flywheel-answer-container .progress-well img {
    width: auto;
    height: 30px;
}
.flywheel-answer-container .progress-well .row-tab-header {
    padding: 10px 0px;
    margin: 0px;
}
.flywheel-answer-container .progress-well .row-tab-line {
    padding: 10px 0px;
    margin: 0px;
    border-top: 1px dashed #e7e7e7;
}
.progress.progress-items {
    background: #e7e8ec;
    height: 18px;
    margin: 0;
}

.progress.progress-items .progress-bar {
    background: #98a8b5;
}


/**************************************************************** home */
.ms-nav-home .multiSelect > button {
    color: #8a8a8a;
    border: 1px solid #cbcbcb;
    background: #fcfcfc;
    width: 100%;
    text-align: left;
    max-height: 38px;
    overflow: hidden;
}

.ms-nav-home .multiSelect > button .caret {
    border-top-color: #8a8a8a;
    position: absolute;
    top: 16px;
    right: 10px;
}
.ms-nav-home .checkboxLayer {
    /*width: 100%;*/
}
.multiSelect .multiSelectItem {
    min-height: auto;
    padding: 6px;
    margin-bottom: 4px;
    border: 1px solid transparent;
}
.ms-nav-home .multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
    background-image: none;
    border: 1px solid transparent;
    background: #0b577b !important;
    color: #ffffff
}
.ms-nav-home .multiSelect .multiSelectItem:hover,
.ms-nav-home .multiSelect .multiSelectGroup:hover {
    background: #0b577b !important;
    background-image: none;
    border: 1px solid transparent;
    color: #ffffff !important;
    text-shadow: none;
}
.home-data-container {
    margin-top: 100px;
    margin-bottom: 20px;
}
.home-data-container .row-section {
    background: #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #9f9f9f;
}
.home-data-container .row-section h5 {
    line-break: auto;
}
.home-data-container .row-section .no-data-row {
    border-top: 1px solid #dbdbdb;
}
.home-data-container .row-section .section-panel {
    padding: 16px 0px;
}

.home-data-container .row-section .section-panel .collapse-handler {
    padding-left: 16px;
    float: left;
}

.home-data-container .row-section .section-btn {
    background: transparent;
    color: #9f9f9f;
    border-color: transparent;
    padding: 0px;
    margin: 0px 4px;
}
.home-data-container .row-section .section-btn.lg-size {
    font-size: 30px;
    line-height: 30px;
}
.home-data-container .row-section .section-btn.md-size {
    font-size: 20px;
    line-height: 20px;
}
.home-data-container .row-section .section-tab-header {
    background: #a9bac7;
    color: #ffffff;
    padding: 10px 0px;
    text-align: center;
}
.home-data-container .row-section .section-tab-header .card-border-top{
    border: 1px solid #818e98;
    width: 100%;
    position: absolute;
    top: -10px;
    left: 0;
    height: 80px;
    border-bottom: 0;
    border-top: 0;
}

.home-data-container .row-section .section-tab-row {
    border-top: 1px dashed #f4f4f4;
    padding: 12px 0px;
    text-align: center;
}
.home-data-container .row-section .section-tab-row h5 {
    font-size: 13px;
}
.home-data-container .row-section .section-tab-row .action-by-text p {
    font-size: 12px;
}
.home-data-container .row-section .section-tab-row .card-border-bottom{
    border: 1px solid #818e98;
    width: 100%;
    position: absolute;
    top: -21px;
    left: 0;
    height: 50px;
    border-top: 0;
    border-bottom: 0;
    z-index: 1;
}

.card-border-bottom.mouse-notallowed{
  cursor: not-allowed;
}


.state-panel {
    border: 1px solid #98a8b5;
    border-radius: 5px;
    margin-bottom: 4px;
}
.state-panel .state-item {
    padding: 6px;
    text-align: center;
    font-size: 11px;
}
.state-panel .state-item.bordred {
    border-right: 1px solid #98a8b5;
}
.state-panel .state-item.active {
    background: #98a8b5;
    color: #ffffff;
}

.even-row {
    background: #faf7f9;
}
/* dashboard style */
.dashboard-container {

}
.dashboard-container.container-push-down {
    margin-top: 40px;
}
.dashboard-container #wrapper #sidebar-wrapper .sidebar-nav {
    padding: 40px 0px;
}
.dashboard-container #wrapper #sidebar-wrapper .sidebar-nav li {
    display: table;
    height: 100px;
    width: 100%;
    padding: 0px 20px;
    text-align: center;
    border-bottom: 1px solid #e1e3e8;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 0px;
    color: #98a8b5;
}
.dashboard-container #wrapper #sidebar-wrapper .sidebar-nav li .img-holder {
    width: 100%;
    margin-bottom: 6px;
}
.dashboard-container #wrapper #sidebar-wrapper .sidebar-nav li img {
    width: 30px;
    height: 30px;
}
.dashboard-container #wrapper #sidebar-wrapper .sidebar-nav li:hover,
.dashboard-container #wrapper #sidebar-wrapper .sidebar-nav li:focus,
.dashboard-container #wrapper #sidebar-wrapper .sidebar-nav li.active {
    color: #ffffff;
    background-color: #98a8b5;
    border-color: #98a8b5;
    cursor: pointer
}
.dashboard-container #wrapper #sidebar-wrapper .sidebar-nav li > .sidebar-text {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.dashboard-container .main-dashboard-content {
    padding-top: 90px;
    padding-bottom: 12px;
/*    overflow-x: hidden;*/
}
.dashboard-container .main-dashboard-content.sm-content {
    padding-top: 60px;
}

.dashboard-container .main-dashboard-content .mfb-menu-page {
    margin-bottom: 55px;
}
.dashboard-container .dashboard-well {
    background: #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #9f9f9f;
}
.dashboard-container .dashboard-well .well-panel {
    padding: 8px 0px;
}

.dashboard-container .dashboard-well .well-panel-btn {
    background: transparent;
    color: #9f9f9f;
    border-color: transparent;
    padding: 0px;
    margin: 0px 4px;
    font-size: 24px;
    line-height: 24px;
}

.dashboard-container .dashboard-well .well-body {
    padding: 20px 0px;
    border-top: 1px solid #dbdbdb;
}
.dashboard-container .dashboard-well .well-body .pet-row-side-top {
    width: 100%;
    height: 210px;
}
.dashboard-container .dashboard-well .well-body .pet-row {
    margin-bottom: 4px;
    min-height: 46px;
}
.dashboard-container .dashboard-well .well-body .pet-separator {
    width: 100%;
    height: 60px;
}
.dashboard-container .dashboard-well .well-body .pet-row-header {
    margin-bottom: 10px;
    /*margin-top: 10px;*/
}
.dashboard-container .dashboard-well .well-body .tooltip {
    width: 100px;
}
.dashboard-container .dashboard-well .well-body.gray-fill {
    background: #d5d8de;
    color: #ffffff;
}
.dashboard-container .dashboard-well .well-body .pet-chart-container {
    text-align: center;
    margin-top: 12px;
    height: 210px;
}

.dashboard-container .dashboard-well .well-body .pet-chart-container .chart-line {
    width: 2px;
    /*border-radius: 1px;*/
    height: 40px;
    background: #ffffff;
    margin: auto;
}
.dashboard-container .dashboard-well .well-body .pet-img {
    width: 30px;
    height: 30px;
}



.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-radius: 5px;
}

.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 8px;
  width: 100%;
  line-height: 8px;
  color: rgba(0, 0, 0, 0.6);
  content: "\25BC";
  position: absolute;
  text-align: center;
}

.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}

.mfb-component--tl, .mfb-component--tr, .mfb-component--bl, .mfb-component--br {
    margin: 10px 25px;
}

.dashboard-dialog-container .modal-dialog {
    width: 86%;
}
.dashboard-dialog-header {
    background: #ffffff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 2px;
}
.dashboard-dialog-header .action-nav-btn {
    color: #98a8b5;
    height: 46px;
}
.dashboard-dialog-header .action-nav-btn .action-nav-btn-text {
    margin: 0px;
    padding: 8px 0px;
    line-height: 30px;
}
.dashboard-dialog-header .action-nav-btn.active,
.dashboard-dialog-header .action-nav-btn:hover {
    color: #ffffff;
    background-color: #98a8b5;
    border-color: #98a8b5;
    cursor: pointer;
}
.dashboard-dialog-header .action-nav-btn .img-holder {
    margin-right: 10px;
}
.dashboard-dialog-header .action-nav-btn .img-holder img {
    width: 30px;
    height: 30px;
}

.dashboard-dialog {
    background: #d5d8de;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 2px solid #ffffff;
}

.dashboard-dialog .dashboard-container .main-dashboard-content {
    padding: 0px;
}
.dashboard-dialog .dashboard-container .dashboard-well .well-body {
    border: 0px;
}
.steps-title {
    margin: 0px;
    background: #f7f7f7;
    border-bottom: 1px solid #dcdcdc;
    color: #bbbbbb;
    display: inline-block;
    width: 100%;
    padding: 10px;
}
.criteria-add-button {
  padding: 5px 25px;
  background: #a2a2a2;
  border-radius: 6px;
  color: white;
  font-size: 30px;
  cursor:pointer;
}













/********************************************* all new */
/*** rework */
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: #0b577b;
    color: #ffffff;
}

/*** buttons */
.ms-btn-icon,
.ms-btn-icon:hover,
.ms-btn-icon:focus {
    padding: 6px;
    margin: 0px;
    font-size: 34px;
    line-height: 34px;
    color: #98a8b5;
    background: transparent;
}
.ms-btn-icon.btn-sm {
    font-size: 24px;
    line-height: 24px;
}
.ms-success-msg {
    background: #1abc9c;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 0px;
    margin-bottom: 10px;
}
.ms-warning-msg {
    background: #f2c851;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 0px;
    margin-bottom: 10px;
}
.ms-warning-msg .btn-msg {
    color: #ffffff;
    background: rgba(0, 0, 0, .1);
}
.ms-warning-msg .btn-msg:hover,
.ms-warning-msg .btn-msg:focus {
    color: #ffffff;
    background: rgba(0, 0, 0, .15);
}
.ms-success-msg .btn-msg {
    color: #ffffff;
    background: rgba(0, 0, 0, .1);
}
.ms-success-msg .btn-msg:hover,
.ms-success-msg .btn-msg:focus {
    color: #ffffff;
    background: rgba(0, 0, 0, .15);
}
.ms-error-msg {
    background: #e74c3c;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 0px;
    margin-bottom: 10px;
}
/*** panels */
.ms-header-panel {
    background: #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-bottom: 16px;
    padding: 0px 6px;
    color: #9f9f9f;
}
.ms-header-panel .form-group {
    margin: 0px;
}


.ms-card-well {
    background-color: #ffffff;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #8a8a8a;
    margin-bottom: 16px;
    border: 1px solid #dbdbdb;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.ms-card-well .well-title {
    color: #98a8b5;
    border-bottom: 1px solid #f5f5f5;
}
.ms-card-well .well-content {
    padding: 8px 0px;
    min-height: 50px;
}
.ms-card-well .well-content .field-view {
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #f5f5f5;
}
.ms-card-well .well-actions {
    padding: 3px 0px;
    text-align: right;
    margin-top: auto;
    border-top: 1px solid #f5f5f5;
}
.ms-card-well .well-actions .btn {
    padding: 4px 8px;
    font-size: 16px;
    background-color: #ffffff;
}
.ms-card-well .well-actions .btn-well-edit {
    color: #99a9b6;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 6px;
}
.ms-card-well .well-actions .btn-well-edit:hover,
.ms-card-well .well-actions .btn-well-edit:focus {
    color: #f39c12;
}
.ms-card-well .well-actions .btn-well-delete {
    color: #99a9b6;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 6px;
}
.ms-card-well .well-actions .btn-well-delete:hover,
.ms-card-well .well-actions .btn-well-delete:focus {
    color: #e74c3c;
}



.ms-block-well {
    background-color: #ffffff;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #737373;
    margin-bottom: 16px;
    border: 1px solid #dbdbdb;
    padding-bottom: 10px;
}

.ms-block-well .col {
    width: 13.33%;
}
.ms-block-well .col .form-group.form-group-default .form-control {
    width: 81%;
    margin: 0 auto;
}

/*.ms-block-well.set-padd-bt {
    padding-bottom: 6px;
}*/
.ms-block-well .search-list-area {
    /*max-height: 200px;*/
    overflow: auto;
}
.ms-block-well .well-title {
    color: #737373;
    border-bottom: 1px solid #f5f5f5;
}
.ms-block-well .well-title .btn{
    margin: 4px 0px;
}
.ms-block-well .well-title .ms-ico-title {
    width: 40px;
    padding-left: 15px;
}
.main-dashboard-content .btn-save {
    background: #95a5a6;
    color: #ffffff;
}
.main-dashboard-content .btn-save:hover,
.main-dashboard-content .btn-save:focus {
    background: #788788;
    color: #ffffff;
}

.main-dashboard-content .btn-cancel {
    background: #bfbfbf;
    color: #ffffff;
}
.main-dashboard-content .btn-cancel:hover,
.main-dashboard-content .btn-cancel:focus {
    background: #b6b6b6;
    color: #ffffff;
}

.ms-block-well .well-content {
    padding: 8px 0px;
    border-bottom: 1px solid #f5f5f5;
}
.ms-block-well .well-section-dev {
    background: #f5f5f5;
    color: #737373;
}
.ms-block-well .well-row-tab {
    border-bottom: 1px solid #f5f5f5;
}
.ms-block-well .ms-no-data-row-tab {
    border-top: 1px solid #f5f5f5;
}
.ms-block-well .well-row-tab.well-row-tab-hc:hover {
    background: #f4f4f4;
    cursor: pointer;
}
.ms-block-well .well-row-tab .form-group {
    margin: 0px;
}
.ms-classes-block-sm {
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 18px;
}
.ms-classes-block-sm.selected  {
    border: 2px solid #737373;
}

.ms-classes-A {
    background: #c6efce;
    color: #00737e;
}
.ms-classes-B {
    background: #d6dce4;
    color: #44546a;
}
.ms-classes-C {
    background: #ffeb9c;
    color: #9c6500;
}
.ms-classes-D {
    background: #ffc7ce;
    color: #9c0006;
}
.ms-block-well .well-content .ui-select-container .form-control {
    box-shadow: none;
    color: #a4a4a4;
    border: 1px solid #cbcbcb;
    min-height: 25px;
    border-radius: 3px;
    padding-left: 10px;
    min-height: 35px;
    font-weight: 300;
    padding-right: 10px;
    background-color: #fcfcfc !important;
    outline: none !important;
}
.ms-block-well .well-content .form-group {
    margin: 0px;
}
.ms-block-well .add-lg-btn {
    border-radius: 5px;
    padding: 6px 15px;
    background: #0b577b;
    color: #ffffff;
    text-transform: uppercase;
}
.ms-block-well .add-lg-btn i {
    font-size: 30px;
}
.ms-block-well .add-lg-btn:hover,
.ms-block-well .add-lg-btn:focus {
    cursor: pointer;
    background: #08415c;
}
.ms-input-well {
    background-color: #fcfcfc;
    border-radius: 5px;
    color: #99a9b6;
    margin-bottom: 16px;
    border: 1px solid #cbcbcb;
    padding-left: 15px;
    padding-right: 15px;
}
.ms-input-well .well-section {
    border-bottom: 1px solid #cbcbcb;
}
.ms-input-well .line-right {
    border-right: 1px solid #cbcbcb;
}
.ms-input-well .form-group.form-group-default label {
    margin-right: 10px;
}
.ms-input-well .form-group.form-group-default .form-control {
    background: #ececec;
    border-color: #ececec;
    color: #8a8a8a;
}
.ms-input-well .form-group.form-group-default .form-control:focus {
    background: #ececec;
    border-color: #99a9b6;
    color: #8a8a8a;
}
.ms-input-well .form-group.form-group-default textarea.form-control {
    min-height: 80px;
    max-height: 80px;
    overflow-y: auto;
}
.navbar-front {
    position: fixed;
    width: 100%;
    z-index: 1020;
    padding-right: 60px;
    border-radius: 0px;
}
.front-main-container {
    margin-top: 70px;
}
.navbar-front .page-title {
    color: #737373;
    /*    margin-top: 15px;
        margin-bottom: 15px;*/
}
.navbar-nav.nav-icons {
    float: none;
}
.navbar-nav.nav-icons>li>a {
    padding-top: 15px;
    padding-bottom: 12px;
    border-bottom: 3px solid #ffffff;
    margin-right: 2px;
    margin-left: 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.navbar-default.navbar-front .navbar-nav.nav-icons>.active>a,
.navbar-default.navbar-front .navbar-nav.nav-icons>.open>a {
    box-shadow: none;
    background: #ffffff;
    border-color: #6189a4;
    color: #6189a4;
}
@media (min-width: 768px) {
    .navbar-front .navbar-nav>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}


/************************* steps style */
.ms-step-ls {
    height: 40px;
}
.ms-step-ls .ms-step-item-sp {
    background: #d9d9d9;
    color: #737373;
    height: 40px;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}

.animated,
.circle-end {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ms-step-ls .ms-step-item-sp .step-item-tl {
    word-wrap: break-word;
    margin: 4px 0px;
    font-weight: bold;
}

.ms-step-ls .ms-step-item-sp .circle-end {
    background: #d9d9d9;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 0px;
    right: -20px;
    z-index: 10;
}

.ms-step-ls .ms-step-item-ct {
    background: #0b577b;
    color: #ffffff;
    height: 40px;
    padding-left: 80px;
    position: relative;
}
.ms-step-ls .ms-step-item-ct .step-item-tl {
    margin: 0px;
    font-weight: bold;
}
.ms-step-ls .ms-step-item-ct .step-item-ds {
    font-size: 10px;
    line-height: 10px;
}
.ms-step-ls .ms-step-item-ct .step-index-tl {
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    line-height: 32px;
    top: 0px;
    left: 30px;
    margin: 4px;
    padding-right: 4px;
    border-right: 1px solid #ffffff;
}
.ms-step-ls .ms-step-item-ct .circle-end {
    background: #0b577b;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 0px;
    right: -20px;
    z-index: 10;
}
.ms-step-ls .circle-end-w {
    background: #ffffff;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 0px;
    right: -26px;
    z-index: 5;
}
.ms-step-ls .ms-step-item-disabled {
    background: #ededed;
    color: #bbbbbb;
    height: 40px;
    padding-left: 30px;
    position: relative;
    cursor: not-allowed;
    pointer-events: none;
}
.ms-step-ls .ms-step-item-disabled .circle-end {
    background: #ededed;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 0px;
    right: -20px;
    z-index: 10;
}

.ms-matrix-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 500px;
    margin: auto;
}
.ms-matrix {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ms-matrix .ms-matrix-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.ms-matrix .ms-cell-v {
    margin: 4px;
    width: 40px;
    height: 80px;
    font-size: 36px;
    line-height: 80px;
    text-align: center;
    font-weight: bold;
    background: #737373;
    color: #ffffff;
    border-radius: 5px;
}
.ms-matrix .ms-cell-h {
    margin: 4px;
    width: 80px;
    height: 40px;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    background: #737373;
    color: #ffffff;
    border-radius: 5px;
}
.ms-matrix .anchor-cell {
    width: 40px;
    height: 40px;
    margin: 4px;
}
.ms-matrix .ms-cell-block {
    margin: 4px;
    width: 80px;
    height: 80px;
    background: #e4e4e4;
    color: #737373;
    line-height: 80px;
    text-align: center;
    border-radius: 5px;
    font-size: 26px;
    font-weight: bold;
}
.ms-matrix-container .v-text {
    position: relative;
    height: 300px;
    width: 40px;
}
.ms-matrix-container .v-text h4 {
    position: absolute;
    width: 300px;
    top: 120px;
    left: -130px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/*********************************** dash view */
.jst-blocks {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.jst-blocks > [class*='col-'] {
    display: flex;
}
.ms-block-sp.block-sp-values {
    cursor: pointer;
}

.ms-block-indicator {
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid #dbdbdb;
    width: 100%;
    background: #737373;
    color: #ffffff;
    text-align: center;
}
.ms-block-indicator .txt-ctx {
    font-weight: bold;
}
.ms-block-sp .info-icons {
    cursor: pointer;
    color: #b2b2b2;
    margin: 3px 0px;
}

.ms-block-input .form-group.form-group-default {
    margin: 0px;
}
.ms-block-input .form-group.form-group-default .form-control {
    background: #ececec;
    color: #737373;
    border-color: #ececec;
    text-align: center;
    min-height: 30px;
    font-weight: bold;
}
.ms-block-input .form-group.form-group-default .form-control:focus {
    background: #ececec;
    color: #737373;
}

.ms-block-input-txt .form-group.form-group-default {
    margin: 0px;
}
.ms-block-input-txt .form-group.form-group-default.form-grp-addons {
    position: relative;
}
.ms-block-input-txt .form-group.form-group-default .form-control {
    background: #ececec;
    color: #737373;
    border-color: #ececec;
    min-height: 30px;
}
.ms-block-input-txt .form-group.form-group-default .form-control:focus {
    background: #ececec;
    color: #737373;
}
.ms-block-input-txt .input-txt-addon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #ffffff;
    background: #737373;
    text-align: center;
    position: absolute;
    top: 9px;
    right: 4px;
    border-radius: 3px;
}

.ms-block-input-w .form-group.form-group-default .form-control {
    background: #ffffff;
    color: #737373;
    border-color: #ffffff;
    text-align: center;
    min-height: 30px;
    font-weight: bold;
}
.ms-block-input-w .form-group.form-group-default .form-control:focus {
    background: #ffffff;
    border-color: #737373;
    color: #737373;
}
.ms-block-sp {
    background-color: #ffffff;
    border-radius: 5px;
    color: #737373;
    margin-bottom: 15px;
    border: 1px solid #dbdbdb;
    /*overflow: hidden;*/
    width: 100%;
}
.ms-block-sp .ms-solid-line-b {
    border-bottom: 1px solid #dbdbdb;
}
.ms-block-sp .ms-solid-line-r {
    border-right: 1px solid #dbdbdb;
}
.ms-block-sp .ms-line-r {
    border-right: 1px solid rgba(0, 0, 0, .2);
}
.ms-block-sp .ms-line-b {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.ms-block-sp .block-index {
    background: #efefef;
    color: #737373;
    text-align: center;
    font-weight: bold;
}
.ms-block-sp .main-value {
    margin: 0px;
    margin-top: 8px;
}
.ms-block-sp .name-value {
    margin: 0px;
    margin-bottom: 8px;
    font-weight: bold;
}

.ms-block-sp.block-sp-values .main-value,
.ms-block-sp.block-sp-index .main-value {
    margin-top: 4px;
    font-size: 14px;
}
.ms-block-sp.block-sp-values .name-value,
.ms-block-sp.block-sp-index .name-value {
    margin-bottom: 4px;
    font-size: 11px;
}
.ms-block-sp.block-sp-index {
    background: #efefef;
    color: #737373;
    overflow: hidden;
    position: relative;
}
.ms-block-sp.block-sp-index .index-value {
    position: relative;
}
.ms-block-sp.block-sp-index .overlay-itl-img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
}
.ms-block-sp.block-sp-index .overlay-itl-br {
    position: absolute;
    text-align: right;
    right: 10px;
    bottom: 5px;
}
.ms-block-sp.block-sp-index .overlay-itl-tl {
    position: absolute;
    text-align: right;
    left: 10px;
    top: 5px;
}
.ms-block-sp.block-sp-index .index-value .overlay-trig-img {
    height: 100%;
    width: 10px;
    top: 0px;
    right: -10px;
    position: absolute;
    z-index: 100;
}
.border-top-sp-index {
    height: 4px;
    width: 100%;
    top: 0px;
    left: 0px;
    background: #737373;
    position: absolute;
}
.block-sp-index .index-value {
    justify-content: center;
    align-items: center;
    background: #737373;
    color: #ffffff;
}
.block-sp-index .index-value h1 {
    font-size: 80px;
    font-weight: bold;
}
.ms-block-sp .ms-inner-class-val {
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #ffffff;
}
.ms-class-A,
.ms-block-sp .block-index.ms-class-A {
    color: #00737e;
    background: #c6efce;
}
.ms-class-B,
.ms-block-sp .block-index.ms-class-B {
    color: #44546a;
    background: #eaedf1;
}
.ms-class-C,
.ms-block-sp .block-index.ms-class-C {
    color: #e67e22;
    background: #fff5cd;
}
.ms-class-D,
.ms-block-sp .block-index.ms-class-D {
    color: #c0392b;
    background: #ffe3e6;
}
.ms-class-p,
.ms-block-sp .block-index.ms-class-p {
    color: #3856ad;
    background: #dadeff;
}


.ms-class-tr-A {
    color: #00737e;
    background: rgba(200, 240, 208, .5);
}
.ms-class-tr-B {
    color: #44546a;
    background: rgba(234, 237, 241, .5);
}
.ms-class-tr-C {
    color: #e67e22;
    background: rgba(255, 245, 205, .5);
}
.ms-class-tr-D {
    color: #c0392b;
    background: rgba(255, 227, 230, .5);
}
.ms-class-tr-p {
    color: #3856ad;
    background: rgba(205, 206, 243, 0.5);
}
.btn-select-class, .btn-select-class:hover, .btn-select-class:focus {
    color: #ffffff;
    width: 100%;
    font-weight: bold;
    border: 1px solid #ffffff;
    background: transparent;
}
.ms-class-A .ms-inner-class-val {
    background: #00737e;
}
.ms-class-B .ms-inner-class-val {
    background: #44546a;
}
.ms-class-C .ms-inner-class-val  {
    background: #e67e22;
}
.ms-class-D .ms-inner-class-val {
    background: #c0392b;
}

.ms-class-A .btn-select-class {
    border: 1px solid #00737e;
    color: #00737e;
}
.ms-class-B .btn-select-class {
    border: 1px solid #44546a;
    color: #44546a;
}
.ms-class-C .btn-select-class {
    border: 1px solid #e67e22;
    color: #e67e22;
}
.ms-class-D .btn-select-class {
    border: 1px solid #c0392b;
    color: #c0392b;
}
.ms-class-A .btn-select-class.active,
.ms-class-A .btn-select-class:hover,
.dropdown-menu>.active>a.ms-class-A, .dropdown-menu>.active>a.ms-class-A:focus, .dropdown-menu>.active>a.ms-class-A:hover{
    background: #00737e;
    color: #ffffff;
}
.ms-class-B .btn-select-class.active,
.ms-class-B .btn-select-class:hover,
.dropdown-menu>.active>a.ms-class-B, .dropdown-menu>.active>a.ms-class-B:focus, .dropdown-menu>.active>a.ms-class-B:hover{
    background: #44546a;
    color: #ffffff;
}
.ms-class-C .btn-select-class.active,
.ms-class-C .btn-select-class:hover,
.dropdown-menu>.active>a.ms-class-C, .dropdown-menu>.active>a.ms-class-C:focus, .dropdown-menu>.active>a.ms-class-C:hover{
    background: #e67e22;
    color: #ffffff;
}
.ms-class-D .btn-select-class.active,
.ms-class-D .btn-select-class:hover,
.dropdown-menu>.active>a.ms-class-D, .dropdown-menu>.active>a.ms-class-D:focus, .dropdown-menu>.active>a.ms-class-D:hover{
    background: #c0392b;
    color: #ffffff;
}
.btn-select-class.btn-holder-value:not(.active):hover,
.btn-select-class.btn-holder-value:not(.active):focus {
    background: inherit;
    color: inherit;

}
.btn-select-class.btn-holder-value:hover,
.btn-select-class.btn-holder-value:focus{
    cursor: default;
}
.header-search-input {
    height: 36px;
    color: #737373;
}
.header-search-input .header-search {
    border: none;
    padding: 0px 4px;
    font-size: 12px;
    line-height: 14px;
    background: transparent;
    height: 36px;
}
.header-search-input .header-search:focus {
    outline: none !important;
}
.header-search-input .input-icons {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 18px;
    line-height: 36px;
}
/*********************************************************** actions plan */
.class-actions-container {
    margin-bottom: 50px;
}
.class-actions-container .rect-class-actions {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    font-size: 36px;
    text-align: center;
    line-height: 55px;
    font-weight: bold;
}
.ms-action-plan-well {
    background-color: #ffffff;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #737373;
    margin-bottom: 16px;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    height: 100%;
}
.ms-action-plan-well .border-sepr {
    height: 1px;
    width: 30%;
    background: #737373;
}
.ms-action-plan-well .txt-ctx {
    display: -webkit-box;
    max-width: 100%;
    height: 43px;
    text-align: justify;
    line-height: 14px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ms-action-plan-well .actions-well {
    margin-top: auto;
    text-align: center;
    border-top: 1px solid #dbdbdb;
}
.ms-action-plan-well .actions-well .br-left {
    border-left: 1px solid #dbdbdb;
}
.ms-action-plan-well .actions-well .action-control {
    font-size: 16px;
    padding: 4px;
}
.ms-action-plan-well .actions-well .action-control:hover {
    cursor: pointer;
    color: #0b577b;
}
.ms-action-plan-well .actions-well .action-control:hover .zmdi-edit {
    color: #f39c12;
}
.ms-action-plan-well .actions-well .action-control:hover .zmdi-delete {
    color: #e74c3c;
}

.ta-root.focussed > .ta-scroll-window.form-control:focus {
    border: 1px solid #0b577b;
    border-color: #0b577b;
    box-shadow: none;
}
text-angular .btn-toolbar {
    margin-bottom: 8px;
}
text-angular .btn-group {
    border-right: 1px solid #f5f5f5;
}
text-angular .btn-group .btn.btn-default,
text-angular .btn-group .btn.btn-default:hover,
text-angular .btn-group .btn.btn-default:focus {
    margin: 0px;
    border-color: transparent;
    background: transparent;
    color: #737373;
    text-shadow: none;
    box-shadow: none;
}

text-angular .btn-group .btn.btn-default:hover,
text-angular .btn-group .btn.btn-default:focus,
text-angular .btn-group .btn.btn-default.active {
    background: #f5f5f5;
}

.btn-icon-delete {
    color: #d9d9d9;
    background: transparent;
    padding: 0px 10px;
    font-size: 22px;
}

.btn-icon-delete:hover,
.btn-icon-delete:focus {
    color: #e74c3c;
}

.btn-icon-rect {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    color: #737373;
    background: #ececec;
    text-align: center;
    margin-right: 8px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.btn-icon-rect:hover {
    cursor: pointer;
    color: #ececec;
    background: #737373;
}
.page-section {
    margin-bottom: 15px;
}
.btn-tab {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px 15px;
    color: #737373;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.btn-tab:hover,
.btn-tab.active {
    cursor: pointer;
    background: #0b577b;
    color: #ffffff;
}


/***************************************** upload download step */
.upl-dwd-container .ms-upl-dwd-well {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 15px;
    color: #737373;
    border: 1px solid #dbdbdb;
    width: 100%;
}

.upl-dwd-container .ms-upl-dwd-well .title-well {
    background: #f5f5f5;
    border-radius: 5px;
}
.upl-dwd-container .ms-upl-dwd-well .title-well .txt-ctx {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.upl-dwd-container .ms-upl-dwd-well .body-well {
    min-height: 240px;
    margin-top: 10px;
    text-align: center;
    background: #f5f5f5;
    padding: 0px 40px;
}
.upl-dwd-container .ms-upl-dwd-well .body-well .icon-img {
    margin: 0px auto;
    width: 80px;
    height: auto;
}
.upl-dwd-container .next-arrow-img {
    width: 60px;
    height: auto;
    margin-top: 80px;
}

.upl-dwd-container .ms-upl-dwd-well .error-import {
    color: #e74c3c;
}
.upl-dwd-container .ms-upl-dwd-well .success-import {
    color: #1abc9c;
}
.upl-dwd-container .ms-upl-dwd-well .ms-success-msg {
    margin-top: 40px;
}

.zmdi-lft {
    margin-left: 10px;
}
.ms-filter-header {
    padding-bottom: 0px;
}
.ms-filter-header .input-zone {
    float: right;
}
.ms-filter-header .input-zone .btn-ipt-zne {
    background: transparent;
    color: #737373;
}
.ms-filter-header .input-zone .btn-ipt-zne:hover {
    background: transparent;
    color: #0b577b;
}
.ms-filter-header .input-zone.disabled {
    background: #cdcdcd;
    color: #aeaeae;
    pointer-events: none;
}
.ms-filter-header .input-zone.input-check-img {
    padding: 0px 15px;
    cursor: pointer;
}
.ms-filter-header .input-zone .form-group {
    margin: 0px;
}
.ms-filter-header .line-left {
    border-left: 1px solid #dbdbdb;
}
.ms-filter-header .line-right {
    border-right: 1px solid #dbdbdb;
}
.ms-filter-header .input-zone {
    height: 100%;
}
.ms-filter-header .input-zone .input-icons {
    font-size: 22px;
    padding: 0px 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
}

.ms-filter-header .input-zone .header-search {
    margin: 8px 0px;
    border: none;
    padding: 0px 4px;
    font-size: 14px;
    line-height: 14px;
    background: transparent;
    min-width: 250px;
    height: 36px;
}
.ms-filter-header .input-zone .header-search:focus {
    outline: none !important;
}

.ms-filter-header .input-zone.ms-view-off {
    background: #95a5a6;
    color: #ffffff;
}
.ms-filter-header .input-zone.ms-active-btn {
    background: #0b577b;
    color: #ffffff;
}
::placeholder {
    opacity: .6;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   opacity: .6;
}

::-ms-input-placeholder { /* Microsoft Edge */
   opacity: .6;
}

.img-icon-info {
    width: 30px;
    height: 30px;
}
.err-txt {
    color: #d80027;
}
.err-check-img:hover,
.err-check-img.active {
    background: #d80027;
}
.warn-txt {
    color: #f39c12;
}
.warn-check-img:hover,
.warn-check-img.active {
    background: #f39c12;
}

.ms-charts-carousel {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}
.ms-charts-carousel.get-padd-left {
    padding-left: 60px;
}
.ms-charts-carousel.get-padd-right {
    padding-right: 60px;
}
.ms-charts-carousel .carousel-nav  {
    position: absolute;
    width: 60px;
    height: 100%;
    top: -8px;
    background-color: #ffffff;
    border-radius: 5px;
    color: #737373;
    border: 1px solid #dbdbdb;
    font-size: 40px;
    cursor: pointer;
}
.ms-charts-carousel .carousel-nav.carousel-nav-right {
    right: -10px;
}
.ms-charts-carousel .carousel-nav.carousel-nav-left {
    left: -10px;
}
.ms-charts-carousel .carousel-nav i {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.ms-charts-carousel .carousel-nav.carousel-nav-left:hover i,
.ms-charts-carousel .carousel-nav.carousel-nav-right:hover i {
    font-size: 50px;
}

.overlay-sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1900;
    top: 0;
    left: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.9);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.overlay-sidenav.active {
    visibility: visible;
    opacity: 0.8;
}

.md-sidenav {
    height: 100%;
    width: 460px;
    position: fixed;
    z-index: 2000;
    top: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

.md-sidenav-left {
    left: -460px;
}

.md-sidenav-right {
    right: -800px;
}
.md-sidenav.xlg-sidenav-right {
    right: -1200px;
}
.xlg-sidenav.show-sidenav-right {
  right: 0;
}
.md-sidenav-filter-right {
    right: -800px;
}

.md-sidenav.show-sidenav-left {
    left: 0;
    width: 332px !important;
}

.md-sidenav.show-sidenav-right {
    right: 0;
}
.md-sidenav.show-sidenav-filter-right {
    right: 0;
    background-color: #0b577b;
}

.md-sidenav .md-sidenav-close {
    padding: 15px;
    text-align: center;
    background-color: #2980b9;
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.md-sidenav .md-sidenav-close:hover,
.md-sidenav .md-sidenav-close:focus {
    cursor: pointer;
    background-color: #34495e;
    color: #ffffff;
}

.md-sidenav .sidnav-title {
    background-color: #3498db;
    color: #ffffff;
}

.md-sidenav .sidnav-title .icon {
    color: #2980b9;
}
.md-sidenav .fltr-section-title {
    text-transform: uppercase;
    border-bottom: 1px dashed #737373;
    color: #737373;
}
.fltr-section-item {
    color: #737373;
}
.fltr-section-item .fltr-section-item-tlt {
    background: #efefef;
}
.fltr-section-item .fltr-section-sub-item {
    padding-left: 20px;
}
.fltr-section-item .ctx-txt {
    font-weight: bold;
}
.border-error {
    border: 1px solid transparent;
    border-color: #e74c3c;
}
.back-action {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.back-action span {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.back-action:hover {
    cursor: pointer;
    padding-left: -5px;
}
.back-action:hover span {
    opacity: 1;
}


.btn-check,
.btn-check:focus,
.btn-check:hover {
    background-color: transparent;
    color: transparent;
    padding: 0px 4px;
    line-height: 17px;
    border: 1px solid #737373;
    border-radius: 0px;
}

.btn-check.active,
.btn-check.active:hover {
    background-image: none;
    border-color: #737373;
    background-color: #737373;
    color: #ffffff;
}

.ms-class-selector-btn-grp .dropdown-menu>li>a,
.ms-class-selector-btn-grp .dropdown-menu>li>a:hover,
.ms-class-selector-btn-grp .dropdown-menu>li>a:focus {
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    color: inherit;
}
.ms-class-selector-btn-grp .dropdown-menu {
    right: 0px;
    left: auto;
}
.ms-class-selector-btn-grp.ms-tab-header-selector .dropdown-menu {
    width: 100%;
}

.territory-well .counter-holder {
    width: 45px;
    color: #ffffff;
    border-top-left-radius: 5px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-right: 8px;
}
.territory-well .well-title {
    border-bottom: 2px solid #ffffff;
}

.territory-well .territory-well-body {
    max-height: 320px;
    min-height: 320px;
    overflow: auto;
    border-top: 1px solid #f5f5f5;
}
.territory-well .territory-well-body .well-row-tab.selected-row {
    color: #ffffff;
}
.territory-well .territory-well-body .well-row-tab:hover {
    background: #f2f2f2;
    cursor: pointer;
}

.ms-selector-blocks-sp .ms-block-sp.active {
    border-color: #0b577b;
}
.ms-selector-blocks-sp .hr-value {
    background: #0b577b;
    color: #ffffff;
    border-top-left-radius: 5px;
    min-height: 75px;
}
.fx-auto-tp {
    margin-top: auto;
}
.ms-selector-blocks-sp .rzslider {
    margin: 0px;
}
.ms-selector-blocks-sp .rzslider .rz-bar {
    background: #05364d;
}
.ms-selector-blocks-sp .rzslider .rz-bar.rz-selection {
    background: #ffffff;
}
.ms-selector-blocks-sp .rzslider .rz-pointer {
    top: -6px;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
}
.ms-selector-blocks-sp .rzslider .rz-pointer:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #fff;
}
.cursor-show-area {
    position: relative;
}
.cursor-show-area .cursor-class-anchor {
    position: fixed;
    width: 40px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    z-index: 9000;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.08);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.08);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 1px -1px rgba(0,0,0,.08);
}
.cursor-show-area:hover .cursor-class-anchor {
    visibility: visible;
    opacity: 1;
}


/**** popover */
.btn-tab .popover {
    border-radius: 3px;
}
.btn-tab .pop-matrix-viewer {
    padding-right: 4px;
}
.btn-tab .popover-content,
.btn-tab .popover-inner {
    color: #737373;
    padding: 0px;
    width: 280px;
    height: 280px;
}
.btn-tab .popover-content .ms-matrix {
    position: relative;
}
.btn-tab .popover-content .softed-opacity {
    opacity: .5;
}
.btn-tab .popover-content .bordered-area {
    border: 2px solid #0b577b;
    border-radius: 2px;
}
.btn-tab .popover-content .pv-bordered {
    position: absolute;
    /*top: -50px;*/
    left: -30px;
    height: 260px;
    border: 2px solid #0b577b;
    border-radius: 5px;
    width: 58px;
}
.ms-matrix-container.sm-container {
    width: 280px;
    margin: auto;
}

.ms-matrix.sm-mtx .ms-cell-v {
    margin: 4px;
    width: 20px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border-radius: 5px;
}
.ms-matrix.sm-mtx .ms-cell-h {
    margin: 4px;
    width: 40px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
}
.ms-matrix.sm-mtx .anchor-cell {
    width: 20px;
    height: 20px;
    margin: 4px;
}
.ms-matrix.sm-mtx .ms-cell-block {
    margin: 4px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.ms-matrix-container.sm-container .v-text {
    height: 280px;
    width: 20px;
}
.ms-matrix-container.sm-container h4 {
    font-size: 14px;
}
.ms-matrix-container.sm-container .v-text h4 {
    font-size: 14px;
    top: 90px;
    left: -146px;
}

.ms-opp-sim-block .percent-value {
    font-weight: lighter;
    font-size: 50px;
    margin: 0px;
    text-align: center;
}
.ms-opp-sim-block .percent-title {
    margin: 0px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.ms-opp-sim-block .br-left {
    border-left: 1px solid #d9d9d9;
}
.ms-opp-sim-block .br-right {
    border-right: 1px solid #d9d9d9;
}

.ms-opp-sim-block .ms-block-section {
    margin-top: 10px;
    margin-bottom: 10px;
}
.ms-opp-sim-block .territory-item {
    margin: 0px;
    margin-top: 8px;
}
.ms-opp-sim-block .territory-item .label-values {
    height: 24px;
    border-radius: 12px;
    color: #ffffff;
}
.ms-opp-sim-block .ms-territory-selector {
    color: #ffffff;
    background: #95a5a6;
    cursor: pointer;
    min-height: 35px;
}
.ms-opp-sim-block .ms-territory-selector .br-l-trans {
    border-left: 1px solid rgba(0, 0, 0, .2);
}

.ms-opp-sim-block .ms-sku-ls {
    color: #737373;
}
.ms-opp-sim-block .ms-sku-ls .ms-ls-title {
    border-bottom: 1px solid #d9d9d9;
}
.ms-opp-sim-block .ms-sku-ls .ms-ls-item {
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #f5f5f5;
}
.ms-opp-sim-block .ms-sku-ls .ms-ls-content {
    height: 350px;
    overflow: auto;
}
.ms-opp-sim-block .ms-sku-ls .ms-ls-item .ms-ls-item-anchor {
    margin: 0px 6px;
    width: 28px;
    height: 28px;
    border-radius: 5px;
    color: #ffffff;
    line-height: 28px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.ms-opp-sim-block .ms-sku-ls .dndPlaceholder {
    background: #d9d9d9;
    color: #737373;
    text-align: center;
}

.border-blue {
    border: 2px solid #15577b;
}

.app-modal-window .modal-dialog {
  width: 90%;
}
.app-modal-window .modal-dialog .modal-body {
  padding: 0px;
}
.app-modal-window .modal-dialog .modal-list-cust .ms-block-well {
    border: none;
}
.app-modal-window .modal-dialog .modal-list-cust .search-list-area {
    max-height: 360px;
}
.section-row {
  margin-top: 8px;
  margin-bottom: 8px;
}
.ms-drag-msg{
    background: #95a5a6;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 0px;
    margin-bottom: 10px;
}
.clss-grp {
    width: 100%;
    line-height: 26px;
    font-size: 11px;
    font-weight: bold;
}
.clss-grp-lbl {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 8px;
}
.ms-action-title {
    background: #f5f5f5;
    color: #737373;
}
/* .disable-overlay {
    background: blue;
    background-color: rgba(1, 1, 1, 0.7);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3000;
}
#workflow-view {
    position: relative;
    background: green;
} */
.disable-input {
    pointer-events: none;
}
.disable-input-modal input,
.disable-input-modal select,
.disable-input-modal .form-group  {
    pointer-events: none;
}
.enable-input {
    pointer-events: all;
}

.remove ul {
    display: none !important;
}
.import-excel-errors-scroll {
  max-height: 290px;
  overflow-y: scroll;
}

.invisible {
    visibility: hidden;
}

.main-colored {
    color: #0b577b;
}
.translate-holder {
    width: 30px;
    text-align: right;
}
.translate-holder .btn-trslt {
    color: #737373;
}
.translate-holder .btn-trslt:hover {
    color: #0b577b;
    cursor: pointer;
}

#clear-fab-btn {
    margin-bottom: 80px;
}
#clear-fab-btn .mfb-component__button--main {
    background-color: #c0392b;
}
#clear-fab-btn .mfb-component__button--main:hover,
#clear-fab-btn .mfb-component__button--child:hover {
    background-color: #c0392b;
}

 #fab-btn:hover + #clear-fab-btn {
    display: none;
}


#leverdataprintdoc .ms-block-well {
    margin: 0px;
}
#leverdataprintdoc .sub-section {
    padding-bottom: 8px;
    padding-top: 8px;
}
.block-hint {
    max-width:600px;
}
.table-min-width {
    color: #777;
    min-width:400px;
}
.bg-grey {
    background-color:#777;
    color: #fff;
}

.dashboardStatusBlock {
  height: 10px;
  width: 60px;
  margin: auto;
}
.dashboardStatusBlock.success{
  background: green;
  cursor: pointer;
  display: block;
  position: relative;
  z-index: 2;
}
.dashboardStatusBlock.success.mouse-notallowed{
  cursor: not-allowed;
}
.dashboardStatusBlock.error{
  background: red;
}

.label-sticker-text {
  color: #a3a2a7;
}
.label-sticker-text.blue {
  color: #0b577b;
}
.wwregion-select .multiSelect>button {
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.segment-group-nav-color {
    background-color: #ececec !important;
}
.segment-nav-pad{
    padding-left: 10px !important;
}