html,
body
{
    height:100%;
    margin:0;
    padding:0;
    background: #eef6fc;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Source Sans Pro', sans-serif;
}

a{ color:#389DD6; }
a:focus{text-decoration: none; outline: 0 !important; }

.menu_wrapper{
    height: 50px;
    background:#389dd6;
    padding: 0;
    margin: 0;
    border: 0;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a1d8+1,56acdc+100 */
    background: -moz-linear-gradient(45deg,  #40a1d8 1%, #56acdc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #40a1d8 1%,#56acdc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #40a1d8 1%,#56acdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a1d8', endColorstr='#56acdc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#menu{
    height: auto;

}
.menu_wrapper .k-menu-scroll-wrapper{
    width: calc(100% - 200px - 200px);
    float: right;
    margin-right: 30px;
}
.menu_wrapper .k-menu-scroll-wrapper .k-scroll-left{
    left: -30px;
    color: #fff !important;
}
.menu_wrapper .k-menu-scroll-wrapper .k-scroll-right{
    right: -20px;
    color: #fff !important;
}

#menu .k-item {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 50px;
    color: #fff;
    padding: 0 12px;
    padding-top: 2px;
    border: 0;
    font-weight: 300;
    height: 50px;
    box-sizing: border-box;
}
#menu .k-item a{ color:#fff; }
#menu .k-item:hover, #menu .k-item:hover a, #menu .k-link:hover, #menu .k-item.active, #menu .k-item.active a, .top-submenu .k-item:hover a, .top-submenu .k-item.active a{
    background:#f6fbfd !important;
    color:#132b35 !important;
}
#menu .k-item.active, #menu .k-item.active a, .top-submenu .k-item.active a{
    font-weight: 400;
}

#menu li{
    visibility: hidden;
}
.top-submenu{
    background: #fff;
}
#menu li ul .k-item, .top-submenu .k-item{
    height: auto;
}
#menu li ul .k-item a, .top-submenu .k-item a{
    color: #132B35 !important;
    background: none !important;
    font-size: 15px;
    padding: 10px 27px 10px 15px !important;
    text-transform: uppercase;
}
.k-menu .k-state-default .k-state-border-down{
    background-color: transparent !important;
    box-shadow: none !important;
}


#menu.smallFont a{
    font-size: 16px;
    padding-top: 14px !important;
}
#menu.smallFont .k-item{
    padding: 0 4px;
}

.top_menu_icon{
    float: right;
    color: #fff;
    font-size: 20px;
    display: block;
    margin-top: 12px;
    margin-right: 10px;
    text-decoration: none !important;
}

#profile_menu{
    float: right;
}
#profile_menu > ul span.k-icon{ display: none; }
#profile_menu span.icon-user{
    color: #fff;
    font-size: 20px;
    display: block;
    margin-top: 10px;
}
#profile_menu span.menu-user{
    background: #fff;
    color: #389DD6;
    font-size: 19px;
    display: block;
    margin-top: 0;
    border-radius: 20px !important;
    text-transform: uppercase;
    padding: 3px;
    width: 40px;
    height: 40px;
    line-height: 33px;
    box-sizing: border-box;
    letter-spacing: 1px;
    text-align: center;
}

#profile_menu > ul{
    background: transparent !important;
    border:0;
    margin: 0;
    margin-top: 5px;
    height: 45px;
    list-style: none;
}
#profile_menu > ul > li{ height: 46px; }
#profile_menu > ul > li .k-link {
    padding: 0;
    background: transparent !important;
    box-shadow: none;
}
#profile_menu > ul .k-item:hover, #profile_menu > ul .k-item:hover a, #profile_menu > ul .k-link:hover {
    background:none;
}
#profile_menu ul ul.k-menu{
    padding: 10px;
    margin: 0;
    background: #f6fbfd;
    list-style: none;
}
#profile_menu ul .k-item a{
    color: #132B35 !important;
    background: none !important;
    font-size: 15px;
    font-weight: 300;
    padding: 3px;
    text-transform: uppercase;
}


.menu_logo{ margin-left: 0; margin-top: 5px; background-image: none; width: auto; height: 40px; }
.menu_logo img{ max-height: 40px; }

#profile_menu li{display: none;}





#settings_menu{
    float: right;
    font-size: 16px;
    padding-top: 2px;
    background: transparent !important;
}
#settings_menu > ul span.k-icon{
    display: none;
}
.top_setting_icon{
    float: right;
    color: #fff;
    font-size: 20px;
    display: block;
    margin-top: 12px;
    margin-right: 10px;
    text-decoration: none !important;
}
#settings_menu li{
    display: none;
    border-style: none;
    border-width: 0px;
    float: none;
}
#settings_menu > ul{
    background: transparent !important;
    border:0;
    margin: 0;
    list-style: none;
}
#settings_menu > ul > li{
    height: 48px;
    border-style: none;
    border-width: 0px;
}
#settings_submenu > li {
    padding: 10px;
}
#settings_menu > ul > li .k-link {
    padding: 0;
    background: transparent !important;
    box-shadow: none;
    border-style: none;
    border-width: 0px;
}

#settings_menu ul ul li:hover {
    background: #f6fbfd !important;
}
#settings_menu ul ul.k-menu{
    margin: 0;
    background: #ffffff;
}
#settings_menu ul .k-item a{
    background: none !important;
    font-weight: 300;
    text-transform: uppercase;
}
#settings_menu .menu-users-list .active{
    color: black;
}
#settings_menu .menu-users-list {
    background: none;
    box-shadow: none;
    width: 18em;
}



.sub_header{
    background: #f5fafd;
    padding: 5px 0;
    height: 40px;
    box-sizing: border-box;
    margin-bottom: 7px;
}
.time_container{
    font-size: 21px;
    color: #41a2d8;
    float: left;
    font-weight: 300;
}

.user_info_container{
    float: left;
    margin: 9px 15px;
    font-weight: 600;
}

#content{
    background: none;
    box-shadow: none;
}

#content > div:first-child{ padding: 0; }
.subhead{
    margin-bottom: 7px;
    background: #F5FAFD;
    border: 0;
    padding: 5px;
}

.list-panel{ width: auto; }
.head{
    padding:10px;
    margin: 0;
    border-bottom: 1px solid #2f9cd9;
}
.head .name{
    font-size: 21px;
    color: #132b35;
    font-weight: bold;
    text-transform: uppercase;
}
.head .buttons{
    float: right;
}
.head .buttons .k-button{
    color: #132b35;
    font-size: 17px;
}
.head .buttons .dropdown-toggle{
    border: 0;
    padding: 0;
}
.head .buttons .caret{
    margin-top:-6px;
}
.head .small{
    font-size: 12px;
}

.subhead .k-button{
    color: #132b35;
    font-size: 19px;
    font-weight: bold;
}
.subhead .filters-control-bar .k-button{
    font-size: 16px !important;
    font-weight: normal;
    line-height: 16px;
}

#vertical_split, .page_wrapper, .content_wrapper, #content, .module_container, .module_content
{
    height:100%;
    border-width: 0;
}




.list-results-panel,.detail-panel{
    -webkit-box-shadow: 0px 0px 10px 0px #c6deed;
    -moz-box-shadow: 0px 0px 10px 0px #c6deed;
    box-shadow: 0px 0px 10px 0px #c6deed;
    background: #ffffff;
    overflow-x: hidden !important;
}
.detail-panel{ display: block; }

.detail-panel .head{
    padding:0;
    margin: 0;
    border: none;
    font-size: 21px;
    color: #132b35;
    font-weight: bold;
}
.oneColumnLayout .head{
    padding: 10px;
}
.detail-panel .head.left{ float: left}
.detail-panel .buttons{
    float: right;
    text-align: right;
    padding-top: 4px;
}
.detail-panel .buttons a{
    margin-left:5px;
    background: none !important;
}
.detail-panel .buttons a span{
    color: #389dd6;
    font-size: 18px;
}


.editmode.icon-check{ color: #8bbd46 !important; }
.editmode.icon-cross{ color: #e30b13 !important; }


.k-splitter{ background: none; box-shadow: none; }
.k-splitbar{
    width: 20px !important;
    background: transparent !important;
    box-shadow: none !important;
}
.k-splitbar .k-resize-handle{
    background-color: #88c4e6;
    width: 10px;
    height: 40px;
    margin: -20px 5px 0 5px;
    color:#c4e1f2;
    padding-top: 20px;
    box-sizing: border-box;
    background-image: none;
    font-size: 15px;
    font-family: 'Linearicons';
}
.k-splitbar .k-resize-handle::before{
    content: "\e9ab";
}
.k-splitbar .k-icon.k-collapse-prev, .k-splitbar .k-icon.k-collapse-next, .k-splitbar .k-icon.k-expand-next, .k-splitbar .k-icon.k-expand-prev{
    background-color: #88c4e6;
    width: 10px;
    height: 40px;
    margin: -40px 5px 0 5px;
    color:#c4e1f2;
    padding-top: 20px;
    box-sizing: border-box;
    background-image: none;
    font-size: 11px;
    font-family: 'Linearicons';
}
.k-splitbar .k-icon.k-collapse-next{
    background-color: #88c4e6;
    width: 10px;
    height: 40px;
    margin: 0 5px 0 5px;
}
.k-splitbar .k-icon.k-collapse-prev::before, .k-splitbar .k-icon.k-expand-next::before{
    content: "\e93b";
}
.k-splitbar .k-icon.k-collapse-next::before, .k-splitbar .k-icon.k-expand-prev::before{
    content: "\e93c";
}
.k-splitbar-draggable-horizontal .k-icon.k-collapse-prev{ margin: -60px 5px 0 5px; }
.k-splitbar-draggable-horizontal .k-icon.k-collapse-next{ margin: 20px 5px 0 5px; }
.k-splitbar .k-icon.k-expand-next,  .k-splitbar .k-icon.k-expand-prev{ margin-top: -20px; }



.middle_section{
    height: calc(100% - 160px);
    height: -o-calc(100% - 160px); /* opera */
    height: -webkit-calc(100% - 160px); /* google, safari */
    height: -moz-calc(100% - 160px); /* firefox */
}

.list-panel>div {
    border:0;
    cursor: pointer;
    padding: 10px;
    position: relative;
}

.list-panel>div:nth-child(odd) {
    background: #f2f2f2;
}
.list-panel .k-state-selected, .left-grid-panel .k-state-selected, .list-panel .k-state-selected:hover, .left-grid-panel .k-state-selected:hover, .left-grid-panel .k-state-selected td:hover{
    background: #132B35 !important;
    color: #fff !important;
}

.detail-panel{
    padding:0;
}
.detail-panel-inner{
    padding: 10px;
}

.list-result-name{ padding:0;}
.list-results-search{ width: 180px; }

.k-panelbar .k-item .k-link.k-header, .k-panelbar .k-item .k-link.k-header.k-state-hover, .k-panelbar .k-item.k-state-active .k-link.k-header{
    background: #132b35;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 17px;
}

.k-grouping-header, .k-grid-toolbar{
    background: #389dd6;
    padding: 4px 9px;
    border-color: #fff;
}


.k-grid th.k-header {
    background: #a4d2ec !important;
    font-size: inherit !important;
    text-transform: uppercase;
    border-bottom: 0;
    border-left: 1px solid #fff;
    border-top: 0;
    box-shadow: none;
    color: #fff !important;
}
.k-grid th.k-header:first-child {border-left:0;}
.k-grid .k-header .k-link {
    color: #fff !important;
    background: #a4d2ec !important;
    text-shadow: none;
}
.k-grid tr {
    background-color: #fff;
}
.k-grid .k-alt {
    background-color: #f2f2f2;
}
.k-grid tr td{
    border-color: #fff;
}
.k-grid{ border: none !important}
div.k-grid-footer, div.k-grid-header{
    border: 0;
}
.k-filter-row th, .k-grid-header th.k-header{
    padding-top: 8px;
    padding-bottom: 8px;
}

.commandCell{ background: #389dd6; }
.k-grid td.commandCell{ padding-top: 2px; padding-bottom: 6px; }
.k-grid th.k-header.commandCell{ background: #389dd6 !important; text-align: center; padding:5px; }

.k-button, .k-button:hover, .k-button.k-state-border-down{
    background: none !important;
    padding: 0 2px;
}
.k-multiselect .k-button, .k-multiselect .k-button:hover, .k-multiselect .k-button.k-state-border-down{
    background: #389dd6 !important;
    padding: 0.1em 1.6em 0.1em 0.4em;
    color: #fff;
}
.commandCell span.sf-icon{
    color:#fff;
    display: block;
}
.commandCell .k-button:hover span.sf-icon{
    color:#A4D2EC;
}
.k-button:hover span{
    color: #389dd6;
}

.k-button .sf-icon {
    background-image: none;
    font-size: 15px;
    height: auto;
    line-height: normal;
    margin: auto;
    width: auto;
}

.k-grid-header .sf-icon{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    font-size: 22px;
}

.k-window .k-button{
    background: #389dd6 !important;
    color: #fff !important;
}
.k-window .k-button:hover, .k-window .k-button span:hover, .k-window .k-button:hover span, .k-widget .k-button:hover span{
    color: #A4D2EC !important;
}

.k-grid-toolbar .k-button{
    color: #fff !important;
}
.k-grid-toolbar .k-button:hover span{
    color:#A4D2EC; !important;
}

.side_menu a{
    display: block;
    background: #fff;
    height: 70px;
    color: #2f9cd9;
    font-size: 30px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    box-sizing: border-box;
    padding-top: 18px;
    box-shadow: none !important;
}
.side_menu a:hover{
    background: #389dd6;
    color: #fff;
}
.side_menu a.active{
    background: #132b35;
    color: #fff;
}
.side_menu a.filters{
    background: #88c4e6;
    color: #fff;
    margin: 15px 0;
    height: auto;
    font-size: 21px;
    padding-top: 3px;
    display: none;
}

.k-grid td{ padding-top: 4px; padding-bottom: 4px; }

input, textarea:not(.editor){
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 12px;
}
input[type="text"], input[type="password"], textarea:not(.editor){
    border: 1px solid #dcdcdc;
    padding: 7px;
    box-sizing: border-box;
    border-radius: 25px !important;
    color: #333;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1);
    box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1);
    font-weight: bold;
}
input[type="text"]:focus{
    border-color:#c2c1c1 !important;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1);
    box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1);
}
textarea:not(.editor){
    border-radius: 7px !important;
}
.k-grid-content input[type="text"]{
    padding: 2px 7px;
}
.k-multiselect{
    border-radius: 25px !important;
}


.k-dropdown, .k-numerictextbox, .k-datepicker, .k-combobox{
    background: transparent !important;
}
.k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap{
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    border-radius: 25px !important;
    color: #333;
    -webkit-box-shadow: inset 0px 0px 5px 4px rgba(234,234,234,1);
    -moz-box-shadow: inset 0px 0px 5px 4px rgba(234,234,234,1);
    box-shadow: inset 0px 0px 5px 4px rgba(234,234,234,1);
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight:bold;
}
.k-pager-wrap .k-dropdown-wrap{
    padding: 0;
    box-shadow: none;
}
.k-dropdown-wrap input, .k-picker-wrap input, .k-numeric-wrap input{
    border: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: none !important;
    margin-top: 2px !important;
}
.k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-list-container.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down{
    padding-bottom: 2px;
    border-bottom: 1px solid #dcdcdc;
}

.k-grid-content .k-dropdown-wrap, .k-grid-content .k-picker-wrap, .k-grid-content .k-numeric-wrap{
    padding-top: 0;
    padding-bottom: 0;
}
.k-grid-content .k-autocomplete .k-input, .k-grid-content .k-dropdown-wrap .k-input, .k-grid-content .k-numeric-wrap .k-input, .k-grid-content .k-picker-wrap .k-input, .k-grid-content .k-selectbox .k-input, .k-textbox > input{
    padding-top: 1px;
    padding-bottom: 1px;
}

.k-numerictextbox input{ margin: 0 !important; }

.k-combobox .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select{ border: none; }

.tooltip{ z-index: 99999; }
.tooltip.top .tooltip-arrow{ border-top:5px solid #112b36; }
.tooltip.left .tooltip-arrow{ border-left:5px solid #112b36; }
.tooltip.bottom .tooltip-arrow{ border-bottom:5px solid #112b36; }
.tooltip.right .tooltip-arrow{ border-right:5px solid #112b36; }
.tooltip .tooltip-inner{ background: #112b36; }

.side_menu_tooltip{
    font-size: 18px;
    text-transform: uppercase;
}
.side_menu_tooltip .tooltip-inner{
    padding: 10px;
    max-width: none !important;
}

.sfFiltersContainer > span{
    background: none;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.form-control{ font-size: inherit; height: auto; }
#sfAddFilterSelectBox .k-dropdown-wrap{ height: auto; }


body.page-login, body.page-resetPassword{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#389dd6+0,7faad4+100 */
    background: #389dd6; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #389dd6 0%, #7faad4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #389dd6 0%,#7faad4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #389dd6 0%,#7faad4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#389dd6', endColorstr='#7faad4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
html.html-login, html.html-resetPassword{
    background: #389dd6;
}
.page-login .top_section, .page-resetPassword .top_section{ display: none; }

body.page-login input[type="text"], body.page-login input[type="password"]{
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid rgba(255,255,255,0.25) !important;
    background: none;
    border-radius: 0 !important;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    -webkit-text-fill-color: #fff !important;
}
body.page-login input[type="text"]:-webkit-autofill,
body.page-login input[type="password"]:-webkit-autofill,
body.page-login input[type="text"]:-webkit-autofill:hover,
body.page-login input[type="password"]:-webkit-autofill:hover,
body.page-login input[type="text"]:-webkit-autofill:focus,
body.page-login input[type="password"]:-webkit-autofill:focus,
body.page-login input[type="text"]:-webkit-autofill:active,
body.page-login input[type="password"]:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
body.page-login input[type="text"]:focus, body.page-login input[type="password"]:focus{
    border-bottom: 1px solid rgba(255,255,255,1) !important;
}
body.page-login button{
    width: 100%;
    background: #fff;
    color: #389dd6;
    text-align: center;
    padding: 5px;
    display: block;
    box-sizing: border-box;
    border: 0;
    font-size: 21px;
    font-weight: 300;
    width: 100%;
    -webkit-box-shadow: 0px 0px 10px 0px #428ec4;
    -moz-box-shadow: 0px 0px 10px 0px #428ec4;
    box-shadow: 0px 0px 10px 0px #428ec4;
    margin-top: 20px;
    margin-bottom: 20px;
}
body.page-login button:hover {
    background: #389dd6;
    color: #fff;
}

body.page-login .lang_selector{
    color: #fff;
    position: absolute;
    top: 20px;
    right: 20px;
}
body.page-login .lang_selector a{
    color: #fff;
}
body.page-login .lang_selector li{
    border-left: 1px solid #fff;
}
body.page-login .lang_selector li:first-child{ border:none; }

.login_logo{
    max-width: 170px;
    margin-bottom: 50px;
}
.login{ padding-top: 45px; height: auto; float: none; margin:0;}
#loginForm div{
    float: none;
    margin: 0;
}
#loginForm div { text-align: center}
#loginForm div a{ font-size: 15px; opacity: 0.5; color: #fff; }


.login_tooltip.right .tooltip-arrow{ border-right:5px solid #fff; }
.login_tooltip{
    font-size: 21px;
}
.login_tooltip .tooltip-inner{
    padding: 8px;
    background: #fff;
    color: #389dd6;
    font-weight: 300;
    width: 130px;
    text-align: center;
}
.login_tooltip.error_tooltip .tooltip-inner{ color: #e60f5d; }
.login_tooltip.in{ opacity: 1; }
.login_tooltip.remember_tooltip .tooltip-inner{ font-size: 15px; width: 280px; }

.login_remember{
    text-align: center;
    margin-top: 15px;
    font-size: 21px;
    color: #fff !important;
}
.login_remember label{
    font-size: 21px;
    color: #fff !important;
    font-weight: 300;
    width: auto !important;
    padding-right: 10px !important;
}
.login_remember input{
    width: auto !important;
    margin-right: 10px;
    height: 17px;
}
.page-login .unauthorized-content *{
    color: #fff !important;
}

.unauthorized-content {
    text-align: center;
    border: none;
}
.unauthorized-icon {
    color: #55ABDB;
    font-size: 100px;
}

.unauthorized-name {
    margin-top: 20px;
}

.panel-heading-sub {
    padding: 10px 15px;
}

.panel-heading,
.panel-heading-sub{
    border: 0;
    cursor: pointer;
}
.panel-primary .panel-heading,
.panel-primary .panel-heading-sub{
    background-color: #389dd6;
}
.panel-green .panel-heading,
.panel-green .panel-heading-sub {
    background-color: #8dc04c;
}
.panel-yellow .panel-heading,
.panel-yellow .panel-heading-sub {
    background-color: #fcbe00;
}
.panel-blue1 .panel-heading,
.panel-blue1 .panel-heading-sub {
    background-color: #679DC6;
}
.panel-blue2 .panel-heading,
.panel-blue2 .panel-heading-sub {
    background-color: #3980B5;
}
.panel-blue3 .panel-heading,
.panel-blue3 .panel-heading-sub {
    background-color: #0B62A4;
}
.panel-red .panel-heading,
.panel-red .panel-heading-sub {
    background-color: #D9534F;
}
.panel-lemon .panel-heading,
.panel-lemon .panel-heading-sub {
    background-color: #cbcd00;
}
.panel-grey .panel-heading,
.panel-grey .panel-heading {
    background-color: #bfbfbf;
}
.dashboard .panel{ border: 0; }
.dashboardWidget .panel-heading,
.dashboardWidget .panel-heading{ cursor: pointer; }
.dashboardWidget .k-header > .panel-heading,
.dashboardWidget .k-header > .panel-heading-sub { cursor: move; }
.dashboardWidgets .panel-body .panel .panel-heading,
.dashboardWidgets .panel-body .panel .panel-heading-sub {
    min-height: 140px;
}

.dropdown-menu-right{ left: auto !important; right: 0 !important; }
.open .dropdown-toggle{ box-shadow: none !important}
.dropdown-menu > li > a:hover{ background: #389DD6; }

.gallery_item{ width: 153px; }

.k-pager-wrap{ padding: 1px; }
.k-pager-wrap a.k-link:hover ,
.k-grid .k-pager-numbers .k-link:hover ,
.k-grid .k-pager-numbers .k-state-selected {
    background-color: #fff;
    color: #389DD6;
    border-color: #fff;
}

.k-pager-wrap a.k-link:hover {
    background: #fff !important;
}
.k-pager-wrap a.k-link {
    background: #9acfef;
}

.k-pager-wrap a.k-link.k-state-disabled ,
.k-pager-wrap a.k-link.k-state-disabled:hover {
    background: #fff;
}
.k-grid .k-pager-wrap{
    border-bottom: 0;
    background: #F5FAFD !important;
    color: #132B35;
}

.k-grid .k-pager-sizes .k-dropdown-wrap {
    background: #9acfef;
    border-color: #9acfef;
    color: #BBDEF1;
}


.btn-primary {
    background-color: #389DD6;
    border-color: #389DD6;
    color: #fff;
}

.k-tabstrip .k-item.k-state-default {
    background: #cdcbcc;
    margin-right: 1px;
}
.k-tabstrip .k-item.k-state-active {
    background: #389DD6;
}
.k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active{
    border-color: #389DD6;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color{
    background-color:#389DD6
}

.k-panelbar .k-state-default .k-link{ background: inherit; }


.row > div{
    box-sizing: border-box;
}


.detail-panel .fieldLabel{
    width: 28%;
    margin: 0;
    padding-right: 2%;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}
.detail-panel-right  .fieldLabel{
    /*text-align: left;*/
}
.detail-panel .fieldContainer{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.detail-panel .form-group{ padding: 5px 0; margin: 0; display: table; width: 100%; }
.detail-panel-title{
    margin-bottom: 10px;
}

.detail-panel .fieldContainer, .detail-panel .fieldContainer label { font-weight: bold !important; }


.statusDropdownContainer{
    background: #EEF6FC;
    margin-top: -10px;
    margin-right: -10px;
}
.statusDropdownContainer .k-dropdown-wrap{
    border: 0;
    box-sizing: border-box;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
    font-size: 21px;
    color: #fff;
    font-weight: 400;
}
.statusDropdownContainer .k-dropdown-wrap .k-input{
    height: auto;
    line-height: 34px;
}
.statusDropdownContainer .k-dropdown-wrap .k-select{
    line-height: 42px;
}

.statusDropdownContainer .invoiceReceiveTypeContainer{
    position: absolute;
    right: 10px;
    top: 2px;
    color: #6A6C6E;
    font-size: 17px;
}

.k-dropdown-wrap.k-state-disabled .k-select{ display: none; }


.dashboardPage .detail-panel{
    box-shadow: none;
    background: none;
}
.dashboardPage .k-panelbar{
    -webkit-box-shadow: 0px 0px 10px 0px #c6deed;
    -moz-box-shadow: 0px 0px 10px 0px #c6deed;
    box-shadow: 0px 0px 10px 0px #c6deed;
    background: #ffffff;
    margin: 0 10px 15px 10px;
}
.dashboardPage .k-panelbar .k-header{
    background: none !important;
    padding-left: 10px !important;
    border: none !important;
}
.dashboardPage .k-panelbar .k-header span:first-child{
    font-size:21px !important;
    color: #132b35 !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    display: block;
    padding: 3px 0;
}
.dashboardPage .k-panelbar .k-content{
    padding: 10px;
    padding-top: 0;
}
.dashboardPage .panel{ margin-bottom: 0; border: none !important; }

.dashboardPage #dashboard_main .k-panelbar, .dashboardPage #dashboard_side .k-panelbar{
    margin: 0;
    margin-bottom: 15px;
}

.dashboard-filters{ background: none; box-shadow: none; border: none; }
.dashboard-filters .filter-item {
    background: none;
    border: none;
    margin: 0;
    position: relative;
    margin-bottom: 20px;
}
.dashboard-filters .filter-item .deleteFilter{
    position: absolute;
    right:25px;
    top:27px;
    color: #fff;
}
.dashboard-filters .filter-item .editFilter{
    position: absolute;
    right:25px;
    top:7px;
    color: #fff;
}
.dashboard-filters .filter-item a{ display: block; text-decoration: none; }

.board_label{
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    color: #fff;
    opacity: 0.75;
    font-weight: 600;
}
.board_count{
    font-size: 55px;
    color: #fff;
    font-weight: 300;
    text-align: center;
}

.editFormWrapper input[type="text"], .editFormWrapper input[type="password"], .editFormWrapper textarea, .editFormWrapper .k-dropdown, .editFormWrapper .k-combobox, .editFormWrapper .k-numeric-wrap{
    margin: 3px 0;
}
.editFormWrapper .k-datepicker input[type="text"]{
    margin: 0;
}
.ui-dialog .wrapper form.editFormWrapper p label{ padding-bottom: 0; }
.editFormWrapper .k-combobox input{ margin: 0 !important; }

.k-numerictextbox input{
    height:26px !important;
}

.k-window .actions button {
    background: #b9b9b9;
    color: #fff;
}
.k-window .actions button:hover,
.k-window .actions button:active {
    background: #389DD6;
}

.gridCollapsed .k-pager-sizes, .gridCollapsed .gridColumnExpander{
    display: none;
}

.drag-handler{
    padding:3px;
    display: block;
}

.list_item_add .sf-icon{ font-size: 45px; }

.gallery_item a{ color: #333; }

.dashboard .bluebold{
    color: #333;
}
.list-results-panel .k-pager-info{ padding-top:0; }
.gridColumnExpander{ margin-top: 6px; }

#main-collapse-button{
    border: 1px solid #389dd6;
    border-bottom: 0;
    border-top: 0;
    color: #389dd6;
    font-size: 14px;
    line-height: 10px;
    padding: 0 2px;
    margin: 0;
    margin-top: 8px;
}
#main-collapse-button span:nth-child(2){ display: none; }
#main-collapse-button.expanded span:nth-child(2){ display: block; }
#main-collapse-button.expanded span:nth-child(1){ display: none; }

.invoice_address_container{
    line-height: 25px;
    margin-top: 2px;
}
.invoice_address_container label{
    color: #389dd6;
    font-weight: bold;
    margin: 0;
}

div.content_fullsize{ padding: 0 20px; }

.k-pager-wrap .k-link.k-state-disabled{
    color:#c2c1c1;
}
.k-pager-wrap .k-link{
    background: none !important;
    border: none !important;
    width: 18px;
    min-width: 18px;
    cursor: pointer !important;
}
.k-pager-wrap .k-pager-nav .k-i-seek-w, .k-pager-wrap .k-pager-nav .k-i-arrow-w, .k-pager-wrap .k-pager-nav .k-i-arrow-e, .k-pager-wrap .k-pager-nav .k-i-seek-e{
    font-size: 12px;
    line-height: 12px;
    font-family: 'Linearicons';
    background-image: none;
}
.k-pager-wrap .k-pager-nav .k-i-seek-w{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
}
.k-pager-wrap .k-pager-nav .k-i-arrow-w{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
}
.k-pager-wrap .k-pager-nav .k-i-seek-e{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
}
.k-pager-wrap .k-pager-nav .k-i-arrow-e{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
}
.k-pager-wrap .k-pager-nav .k-i-seek-w::before{
    content: "\e802";
}
.k-pager-wrap .k-pager-nav .k-i-arrow-w::before{
    content: "\e801";
}
.k-pager-wrap .k-pager-nav .k-i-arrow-e::before{
    content: "\e801";
}
.k-pager-wrap .k-pager-nav .k-i-seek-e::before{
    content: "\e802";
}

.k-pager-wrap .k-pager-input{ padding: 0; }
.k-pager-wrap .k-pager-input input{
    border: 1px solid #dcdcdc;
    padding: 7px;
    box-sizing: border-box;
    border-radius: 25px !important;
    color: #333;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1);
    box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1);
    text-align: center;
}
.k-pager-wrap .k-dropdown-wrap{
    background:#fff !important;
    border-color: #dcdcdc !important;
}
.k-pager-wrap .k-dropdown-wrap .k-input{ height: 20px; line-height: 20px; }
.k-pager-wrap .k-dropdown-wrap .k-i-arrow-s{ margin-top: -5px; }
.k-pager-wrap .k-dropdown-wrap .k-select{ border:0 !important; }


.k-button .k-icon.k-update, .k-button .k-icon.k-cancel{
    font-size: 15px;
    line-height: 15px;
    font-family: 'Linearicons';
    background-image: none;
    margin-right: 4px;
    color: #fff;
}
.k-grid .k-button .k-icon.k-update, .k-grid .k-button .k-icon.k-cancel{ margin-top: 4px;  }
.k-button .k-icon.k-update:hover, .k-button .k-icon.k-cancel:hover{
    color:#A4D2EC !important;
}
.k-button .k-icon.k-update::before{
    content: "\e934";
}
.k-button .k-icon.k-cancel::before{
    content: "\e935";
}

.k-popup-edit-form .k-edit-buttons .k-button{ padding: 3px 5px; color: #fff; }

.statusDropDown-row{
    padding: 10px; font-size: 14px; margin: -1px -5px;
}
.k-state-selected .statusDropDown-row{
    -webkit-box-shadow: inset 0px 0px 23px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: inset 0px 0px 23px 0px rgba(0,0,0,0.34);
    box-shadow: inset 0px 0px 23px 0px rgba(0,0,0,0.34);
    background: #fff;
    color: #333;
}

.k-header-column-menu .k-i-arrowhead-s{
    line-height: 17px;
    font-family: 'Linearicons';
    background-image: none;
    color: #fff;
}
.k-header-column-menu .k-i-arrowhead-s::before{
    content: "\e93a";
    font-size: 10px;
}

.k-menu .k-item > .k-state-border-left, .k-menu .k-item > .k-state-border-right{
    background: #389DD6;
}

.k-menu-group.k-popup li input[type='checkbox']{
    margin-right: 5px;
}

.k-multiselect-wrap input.k-input{
    height: 100% !important;
}
.k-multiselect .k-multiselect-wrap{
    background: transparent;
    box-shadow: none;
    /* width: 200px !important; */
}
.k-multiselect-wrap li{
    border-radius: 25px !important;
}
.k-multiselect-wrap .k-icon.k-clear-value{
    margin-top: -3px;
}

.k-panelbar > li > .k-header > span.k-icon{
    -webkit-filter: invert(100%); filter: invert(100%);
}

.lang_selector{ list-style: none; padding: 0; float: right; margin: 5px 10px 0; }
.lang_selector li{
    float: left;
    padding:0 5px;
    text-transform: uppercase;
    border-left: 1px solid #389DD6;
    font-size: 14px;
}
.lang_selector li.active a{ text-decoration: underline; }
.lang_selector li:first-child{ border:none; }

.master_search_container{
    float: right;
    width: 220px;
    display: none;
}
.master_search_container .k-autocomplete, .master_search_container .k-autocomplete.k-state-focused{
    border: none !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    display: block;
    box-shadow: none !important;

}
#master_search{
    height: auto;
    border: 1px solid #dcdcdc;
    box-shadow: none !important;
}

.textMaskDropdown .k-dropdown-wrap{
    background: none;
    border: 0;
    color: #333;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0 !important;
    font-weight:normal;
}
.textMaskDropdown .k-input{
    padding: 0 !important;
    margin: 0 !important;
}

#paymentFrameForm input, #paymentFrameForm select{
    height: auto !important;
}
#paymentFrameForm select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #dcdcdc;
    padding: 7px;
    box-sizing: border-box;
    border-radius: 25px !important;
    color: #333;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1);
    box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1);
}


.custom-multiselect-popup{
    width: auto !important;
    min-width: 140px;
}
.custom-multiselect-selectAll-item{
    background: #c9cdbf !important;
    font-weight: 600;
}
.k-list-filter > .k-textbox{
    padding: 7px;
    box-sizing: border-box;
    border-radius: 25px !important;
    color: #333;
}

.k-detail-cell .k-tabstrip > .k-content{
    border: none;
    padding: 0;
    border-top: 1px solid #389DD6;
}
.k-detail-cell .k-tabstrip .k-item.k-state-active{
    background: #A4D2EC !important;
}

tr.k-alt.warningRow td:not(.commandCell){
    background: #ffe3e3 !important;
}
tr.warningRow td:not(.commandCell){
    background: #ffebeb !important;
}
tr.warningRow:hover td:not(.commandCell), tr.k-alt.warningRow:hover td:not(.commandCell){
    background: #ecdbdb !important;
}
tr.warningRow.k-state-selected td:not(.commandCell){
    background: #132B35 !important;
}

tr.k-alt.successRow td:not(.commandCell){
    background: #f7fef7 !important;
}
tr.successRow td:not(.commandCell){
    background: #f3fff3 !important;
}
tr.successRow:hover td:not(.commandCell), tr.k-alt.successRow:hover td:not(.commandCell){
    background: #ecffed !important;
}
tr.successRow.k-state-selected td:not(.commandCell){
    background: #132B35 !important;
}

.maskedDropDown, .maskedDropDown span{
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    font-weight: normal !important;
}

.bulk_change_btn{
    margin-left: 15px;
}

.timetable_report_bar{
    float: right;
    /*margin-right:20px;*/
    line-height: 10px;
    font-size: 10px;
    text-align: right;
    padding: 2px 3px;
}
.timetable_report_bar span{ font-weight: bold; }
.timetable_report_bar.green{ background-color: #8dc04c; }
.timetable_report_bar.red{ background-color: #D9534F; color: inherit; }
.timetable_report_bar.orange{ background-color: #fcbe00; }

.agenda-view-only{
    float: left;
    margin-right: 20px;
}

tr.k-filter-row{
    background: #EEF6FC;
}
tr.k-filter-row input{
    border-color: #A4D2EC;
}

th.k-hierarchy-cell{
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}
th.k-hierarchy-cell span.expander{
    font-size: 13px;
    padding-left: 3px;
    cursor: pointer;
}

#menu span.k-icon{ display: none; }


.k-grid-header.fixed-header {
    top:0;
    position:fixed;
    width:auto;
    z-index: 1;
}

.grid-stack-item-content{
    -webkit-box-shadow: 0px 0px 10px 0px #c6deed;
    -moz-box-shadow: 0px 0px 10px 0px #c6deed;
    box-shadow: 0px 0px 10px 0px #c6deed;
    background: #ffffff;
}

#video-kendo-window-content .k-picker-wrap {
    padding-left: 10px;
    border-radius: 0px !important;
    padding-top: 2px;
}

@media screen and (max-width: 1300px) {
    div.content_centered{
        padding: 0 20px;
        box-sizing: border-box;
    }
    #menu{ margin-right: 5px; }

    #menu .k-item, #menu .k-item a{
        font-size: 16px;
        padding: 7px 5px;
    }
}

@media screen and (max-width: 800px) {
    .hideMobile{display: none;}
    .showMobile{display: block;}
    #main-collapse-button{ display: none; }
    .time_container{ float: right; }
    /*.sideMenuControl{ display: block; }*/

    #menu .k-item, #menu .k-item a{
        font-size: 13px;
        padding: 8px 4px;
    }

    .time_container{ display: none !important; }
}



/* kendo 2019 fixes */

.sfFiltersContainer .k-multiselect{
    display: inline-block;
    min-width: 140px;
}

.k-multiselect-wrap{
    border-radius: 25px !important;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1) !important;
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1) !important;
    box-shadow: inset 0px 0px 5px 0px rgba(234,234,234,1) !important;
}
#sfAddFilterSelectBox{
    min-width: 150px;
    display: inline-block;
}

#sfAddFilterSelectBox .k-multiselect-wrap, .sfFiltersContainer .k-multiselect-wrap{
    padding: 2px 1px 1px 1px;
}
#sfAddFilterSelectBox .k-multiselect-wrap span.k-select, .sfFiltersContainer .k-multiselect-wrap span.k-select{ display: none; }
#sfAddFilterSelectBox .k-multiselect-wrap > ul, .sfFiltersContainer .k-multiselect-wrap > ul{ float: left; }
#sfAddFilterSelectBox #filterMultiselectBox_taglist li.k-button, .sfFiltersContainer li.k-button, .sfFiltersContainer li.k-button:hover{
    background: none !important;
    margin: 0;
    color: #333;
    font-size: 12px !important;
    font-weight: bold;
}
#sfAddFilterSelectBox #filterMultiselectBox_taglist li.k-button span, .sfFiltersContainer li.k-button span{
    white-space: nowrap;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#sfAddFilterSelectBox::after, .sfFiltersContainer .k-multiselect::after{
    content: "\e006";
    font-family: 'WebComponentsIcons';
    position: absolute;
    top: 11px;
    right: 7px;
    z-index: 1;
}

.sfFiltersContainer .k-dropdowntree{
    background: none !important;
    box-shadow: none !important;
}

.sfFilter-date{
    width: 97px;
}

#sfAddFilterSelectBox input.k-input{ width: 50px !important}
.k-pager-wrap .k-pager-input input{
    height: 23px;
}
.k-pager-wrap .k-dropdown-wrap{
    height: 23px;
}
.k-pager-wrap .k-dropdown-wrap span.k-icon{
    margin-top: -3px;
}

.buttons .k-button{
    display: inline-block;
}

.k-grid th.k-header.commandCell{
    border-bottom: 2px solid #fff;
}

.quicksearch .k-button{
    margin-top: 7px;
}

.k-window-actions .k-button{
    background: none !important;
    color: #333 !important;
}


.k-i-check:before, .k-i-cancel:before {
    font-family: 'Linearicons';
}

.k-i-cancel:before {
    content: "\e92a";
}

.k-grid-cancel {
    color: #fff;
}

.k-i-check:before {
    content: "\e934";
}

/* end kendo 2019.1 fixes */


.k-filter-menu .k-button{
    background: #389DD6 !important;
}

.k-header-column-menu.k-state-active{
    background: #389DD6;
}

.top-filter-container {
    display:flex;
    align-items:center;
}

.icon-flag:before {
    content: "\e919";
}

.list-filter .k-daterangepicker{
    background: none;
    display: inline-block;
}
.list-filter .k-daterangepicker .k-textbox{
    width: 100px !important;
}
.list-filter .k-daterangepicker .k-textbox-container{
    width: auto;
    padding-top: 0;
}
.list-filter .k-daterangepicker .k-label{
    display: none;
}
.list-filter .k-daterangepicker .k-widget{
    box-shadow: none;
}
.list-filter .k-daterangepicker .k-textbox{
    padding-top: 15px;
    padding-bottom: 16px;
}

.menu-user-list li {
    display: block;
    float: left;
}


.k-window-titlebar .language_switch_container{
    position: absolute; top:4px; right:50px;
}
.k-window-titlebar .language_switch_container .btn{
    margin: 0 3px;
}

.content_centered.mobile_content{
    min-width: auto;
}

.perm-order-main-surveys-edit {
    display: block !important;
    width: 20px;
    float: left;
    margin-top: 5px !important;
}

.showContentDetailOnly .top_section, .showContentDetailOnly .subhead, .showContentDetailOnly .side_menu, .showContentDetailOnly .list-results-panel{
    display: none;
}


.k-colorpicker .k-selected-color{
    border-radius: 25px !important;
    margin-left: 2px;
}
.k-colorpicker .k-selected-color .k-icon:before{
    display: none;
}
.k-flatcolorpicker .k-button{
    color: #389dd6;
}

.survey-answer-images-block {
    margin-top: 7px;
}
.survey-answer-images {
    margin-top: 3px;
}

.settings-categories .subhead {
    margin-top: 10px;
}

.group-role-target-listbox {
    max-width: none;
    width: 543px;
}


.group-role-target-listbox label {
    margin-bottom: 5px;
    font-weight: bold;
    display: inline-block;
}

.group-role-target-listbox #all-targets-label{
    width: 270px;
}

.group-role-target-listbox #targets-with-roles-label{
    width: 240px;
}

.group-role-target-listbox .k-listbox:first-of-type {
    width: 270px;
    margin-right: 1px;
}

.group-role-target-listbox .k-listbox {
    width: 236px;
    height: 310px;
}

#erp-groups .row{
    margin-right: 0px;
    margin-left: 0px;
}
#erp-groups h3{
    margin-bottom: 10px;
}

.chart_buttons a{
    border-radius: 25px !important;
}

.k-ext-dialog-content .icon-warning{
    font-size: 37px;
    padding-right: 10px;
    color: #FCBE00;
    font-weight: bold;
}

.default_person_container{
    float: right;
    margin: 0 15px;
    font-weight: 600;
    min-width: 200px;
}

.default_person_container .create-button {
    font-size: 14px;
}

.k-grid .k-state-selected  {
    background-color: #8eadbc !important;
    color: #000000;
}

.k-grid .k-state-selected .kunden-select {
    width: 200px !important;
}

.select-my-person-popup .k-i-arrow-60-down {
    padding-top: 27px;
}

.select-my-person-popup .k-state-default>.k-i-close {
    top: 44%;
}
.select-my-person-popup .k-state-default>.k-input {
    padding-top: 5px;
}

form.product-group-edit-form p label {
    width: 59px
}

#products-groups-dropdown-tree-form-group .k-button {
    padding: 10px;
}

#products-groups-dropdown-tree-form-group .k-readonly {
    display: none;
}

#products-groups-dropdown-tree-form-group .k-i-arrow-60-down:before {
    padding-top: 11px;
}

.automatic_tooltip_visible{
    cursor: help;
}


table.k-selectable tr{
    cursor: pointer;
}


.k-popup-dropdowntree .k-treeview{
    padding: 0 !important;
}

#toggle_left_list{
    display: none;
    float: left;
    background-color: #8dc04c !important;
    border-color: #8dc04c !important;
    margin-right: 10px;
    font-size: 23px;
    padding: 4px;
}

.k-grid-footer{
    padding-right: 0 !important;
}

.k-window .gallery_item .actions button{
    width: auto;
}

/* date range widget changes */
.k-calendar-range .k-calendar-monthview > table:nth-child(2){
    margin-left: 25px;
}
.k-calendar-range .k-calendar-header{
    text-align: center;
}
.k-calendar-range .k-calendar-header .k-calendar-nav{
    position: absolute;
    right: 0;
    top: 2px;
}


/* state icons */
.stateIcon{
    font-size: 14px;
    font-family: FontAwesome;
}
.stateIcon.ok::before {
    content: "\f058";
    color: green;
}
.stateIcon.ok2::before {
    content: "\f05d";
    color: ForestGreen;
}
.stateIcon.warning::before, .stateIcon.type_warning::before{
    content: "\f071";
    color: orange;
}
.stateIcon.error{
    float: none;
}
.stateIcon.error::before, .stateIcon.type_error::before{
    content: "\f2d3";
    color: red;
}



@media (max-width:768px) {
    div.content_centered{
        padding: 0;
    }
    .list-results-panel, .detail-panel{
        box-shadow: none;
    }
    .list-results-panel{
        overflow: initial !important;
    }

    .navbar{
        margin-bottom: 0px;
    }
    .subhead{
        margin-bottom: 0;
    }

    .k-splitter .side_menu, .k-splitter .k-splitbar{
        display: none;
    }

    .k-splitter > div{
        position: initial !important;
        width: auto !important;
        height: auto !important;
    }

    .k-splitter > div.leftPanelCollapsed{
        display: none;
        /*position: absolute !important;*/
        background:#fff !important;
        z-index: 99;
        width: 100% !important;
        height: 500px !important;
        overflow: scroll !important;
        border-bottom: 4px solid #389dd6 !important;
        padding-bottom: 2px;
        box-sizing: border-box;
    }
    .k-splitter > div.leftPanelCollapsed.opened{
        display: block;
        background:#F5FAFD !important;
        padding: 0 5px;
    }
    .k-splitter > div.leftPanelCollapsed .head{
        background: #F5FAFD;
        border-bottom: 0 !important;
    }
    .k-splitter > div.leftPanelCollapsed .k-grid{
        width: 100% !important;
    }
    .k-splitter > div.leftPanelCollapsed .k-grid table{
        width: 100% !important;
    }

    .k-splitter > div.leftPanelCollapsed > div{

    }

    #toggle_left_list{
        display: inline-block;
    }
}

@media (max-width:767px) {  /* less than tablet */
    .page_wrapper{
        overflow-x:hidden;
    }

    /* swiper css functionality for dashboard items */
    .panel-body .row {
        min-width: 100%;
        display: flex !important;
        overflow-x: auto;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        flex-wrap: inherit !important;
    }
    .panel-body .row > div {
        min-width: 250px;
        margin: 5px;
    }
    .panel-body .row::-webkit-scrollbar {
        display: none;
    }

    .grid-stack > .grid-stack-item > .grid-stack-item-content{
        left: 0 !important;
        right: 0 !important;
    }
    .grid-stack-item-content{
        margin: 0 !important;
    }

    #global_search{
        width: 100px;
    }

    .row.detail-panel-title > .col-xs-8, .row.detail-panel-title > .col-xs-4{
        width: 100%;
    }
    .statusDropdownContainer{
        margin: 5px 0;
    }

    .k-splitter > div.leftPanelCollapsed{
        height: 250px !important;
    }

    /* dialog changes */
    .k-widget.k-window{
        width: 98% !important;
        margin-right:1%;
        box-sizing: border-box;
    }
    .ui-dialog .wrapper form p label{
        display: block;
        margin-top: 5px;
        margin-bottom: 0;
    }
    .ui-dialog .wrapper{
        padding: 10px;
    }
    .k-edit-form-container{
        width: auto;
    }

    div.module_content .buttons > a, .buttons .btn-group > a, .detail-panel .buttons a{
        font-size: 22px;
        line-height: 22px;
        background: #389dd6 !important;
        padding: 5px 10px !important;
        color: #fff !important;
    }
    .detail-panel .buttons a span{
        color: #fff !important;
    }

}