/*@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic");
@import url("../../../libs/bower_components/font-awesome/css/font-awesome.min.css");*/

/*
*/

html {
    overflow-y: hidden !important;
}

a:hover,
a:focus {
    text-decoration: none;
}

.bold {
    font-weight: 500 !important;
}


body[role="button"] {
    cursor: default;
}

[data-size] {
    text-align: center;
}

.link {
    text-decoration: underline;
    color: #1976d2;
}

.indent {
    text-indent: 10px;
    white-space: nowrap;
}

.noBorder {
    border: 0 !important;
}

.panel {
    margin-bottom: 8px;
}

md-tooltip {
    z-index: 2000;
}

.md-select-icon:after {
    display: block;
    content: '\25BC';
    position: relative;
    top: 2px;
    speak: none;
    -webkit-transform: scaleY(.6) scaleX(1);
    transform: scaleY(.6) scaleX(1);
}

.md-dropdown {
    position: relative;
    display: flex;
}

.md-dropdown .md-select-icon {
    color: #fff;
    position: relative;
    top: -1px;
    right: -5px;
}

button.md-primary.md-button {
    color: #787882;
}

.md-sidenav-left {
    background-color: #787882;
    margin-top: 42px;
}

md-menu-item>.md-button {
    font-weight: 400;
    font-size: 15px;
}


/** Materialize Override **/

h3 {
    font-size: 1.2em;
    margin-bottom: 15px;
    margin-top: 8px;
    font-weight: 500;
}

md-dialog md-dialog-content h3,
.modal-body h3,
.panel-body h3 {
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 1em;
    color: #2196f3;
    text-transform: uppercase;
    clear: both;
    margin-top: 15px;
}

md-dialog md-dialog-content h3,
.panel-body h3 {
    margin: 0;
    margin-bottom: 8px;
    margin-top: 8px;
}

md-dialog md-dialog-content h3.normal,
.panel-body h3.normal {
    margin-bottom: 10px;
}

.panel-title {
    font-size: 1.2em;
}

.panel-body h4 {
    font-size: 0.9em;
    margin-bottom: 10px;
    margin-top: 8px;
    text-transform: uppercase;
}

.panel-body .panel-heading h4 {
    margin: 0;
    font-size: 1em;
    font-weight: 400;
    padding-left: 5px;
    outline: none;
}

.panel-body .panel-heading h4 a {
    display: block;
    font-size: 16px;
}


.center-block {
    float: none;
}

.panel-heading {
    padding: 10px;
}

.panel-heading .panel-title a::after {
    /*display: block;
        content: '\25BC';
        speak: none;
        position: absolute;
        top: 10px;
        right: 10px;
        -webkit-transform: rotate(180deg) scaleY(.6) scaleX(1);
        transform: rotate(180deg) scaleY(.6) scaleX(1);
        color: #212121;
        cursor: default;*/
    display: block;
    content: "";
    speak: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: default;
    background-image: url("../images/arrow-grey.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 8px;
    margin-top: 5px;
    width: 15px;
}

.panel-heading .panel-title a::after:hover {
    color: #212121;
}

.panel-heading .panel-title a.collapsed::after {
    -ms-transform: rotate(0deg) scaleY(.6) scaleX(1);
    /* IE 9 */
    -webkit-transform: rotate(0deg) scaleY(.6) scaleX(1);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg) scaleY(.6) scaleX(1);
}



/********** Layout Starts **********/

html,
body {
    min-height: 100%;
    height: 100%;
    font-family: "Roboto", sans-serif;
}

body {
    height: 100%;
}

.wrapper {
    width: 100%;
}


/* Main Header */

.container-fluid {
    top: 64px;
    position: relative;
}

header.container-fluid {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    height: 64px;
}

header.container-fluid .dropdown-toggle,
header.container-fluid .dropdown-toggle:hover {
    background: transparent;
    text-decoration: none;
}

header {
    padding: 20px 10px 7px;
}

.brandHolder {
    float: left;
    margin: 0 0 0 8px;
}

.logo-holder {
    margin-left: 8px;
    width: 252px;
}

.logo {
    margin: 0 0 0 68px;
}


.body-container {
    position: absolute;
    left: 64px;
    right: 8px;
}


.content-placeholder .top-bar {
    margin-top: -12px;
    min-height: 40px;
}

.top-bar .nav-wrapper {
    min-height: 40px;
}

.content-placeholder {
    clear: both;
}

.toastError {
    display: block;
    position: relative;
    top: 57px;
    float: right;
    left: 443px;
}

md-input-container .md-errors-spacer {
    float: right;
    display: none;
    min-width: 1px;
}

md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
    background-color: #787882;
}


md-input-container.invert md-select:not([disabled]):focus .md-select-value {
    padding-bottom: 1px;
    border-bottom-color: #fff;
}

md-input-container.invert .fa {
    color: #fff;
}

md-input-container.invert:not(.md-input-invalid).md-input-focused label {
    color: #fff;
}

md-input-container.invert .md-input,
md-input-container.invert:not(.md-input-invalid).md-input-focused .md-input {
    border-color: #fff;
    color: #fff;
}

md-input-container.currency .md-input,
md-input-container.currency .md-select-value :first-child {
    text-indent: 10px;
}

md-input-container.currency .curSymbol {
    position: absolute;
    order: 2;
    top: 8px;
    left: initial !important;
}

header.container-fluid .dropdown-toggle {
    min-height: initial;
    display: block;
}

header.container-fluid .dropdown-menu {
    right: -1px;
    top: 50px;
}

header .dropdown .caret {
    background: url("../images/up-down-white-arrow.png");
    border: 0 none;
    height: 8px;
    width: 15px;
    background-position: left -8px;
}

header.container-fluid .open .caret {
    background-position: left 0;
}

/***********OVERRIDE***********/

a {
    cursor: pointer;
}

.row .col {
    padding: 0 8px;
}

.container .row {
    margin-left: -8px;
    margin-right: -8px;
}

label.title {
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
}

.collapsible {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    margin: 0;
}

.error-msg {
    position: relative;
    order: 3;
}

.error,
.error-text,
.required-text {
    font-size: 12px;
}

.error-text,
.required-text {
    display: none;
    white-space: nowrap;
}

.error-text span {
    position: absolute;
    font-size: 12px;
    line-height: 24px;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: transparent;
    max-height: initial;
    width: 100%;
    height: 100%;
    max-height: inherit;
}


.modal-header .close {
    margin-top: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    outline: none;
}

.modal-body {
    padding: 8px;
    overflow: hidden;
    overflow-y: auto;
}

md-backdrop {
    position: fixed;
}

.modal .modal-content {
    padding: 0;
}


md-dialog md-dialog-content {
    padding: 0;
}


.panel,
.advanced-search,
.navbar ul li a span,
.panel-expand,
.panel-collapse,
.navToggle,
header .caret {
    -webkit-transition: all 0.1000s;
    -moz-transition: all 0.1000s;
    transition: all 0.1000s;
}

.panel {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.panel .panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

md-content .panel {
    margin-bottom: 0;
}


/**** BreadCrumb ****/

.breadcrub-flag {
    margin-bottom: 0;
}

ul.breadcrumb {
    background-color: transparent !important;
    margin: 0;
    padding: 8px 0 10px;
    text-transform: uppercase;
}

ul.breadcrumb a {
    text-decoration: none;
}

ul.breadcrumb li {
    display: inline;
}

ul.breadcrumb .active {
    font-size: 1.4em;
    font-weight: 400;
    top: 1px;
    position: relative;
    padding: 0;
}

ul.breadcrumb li.active span:first-child {
    color: #727272;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.breadcrumb li .glyphicon {
    margin-left: 10px;
    font-size: 1.3em;
    top: -1px;
    font-weight: 400;
    padding-right: 8px;
}

.breadcrumb>li+li:before {
    content: "";
    padding: 0;
}


.alert {
    text-align: left;
    font-size: 14px;
    overflow: hidden;
    padding: 8px;
    margin: 0 0 0 0;
}

.alert h4 {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 5px;
}

.tabbarHolder {
    position: relative;
}

.tabbarHolder ul.tabbar-icons {
    position: absolute;
    top: 4px;
    right: 8px;
    margin: 0;
}

ul.tabbar-icons .md-button.md-fab.md-mini {
    position: relative;
    line-height: 28px;
    width: 28px;
    height: 28px;
    min-height: initial;
    top: -4px;
    background: #727272;
}

ul.tabbar-icons .md-button.md-fab.md-mini i {
    font-size: 1.1em;
    margin-top: 6px;
    color: #fff;
    margin-left: 2px;
}

ul.topnav {
    padding: 0;
}

ul.topnav li {
    padding: 0;
}

ul.topnav li a {
    position: relative;
    display: block;
    padding: 12px 20px;
    padding-top: 13px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

.top-bar li:hover {
    transition: none;
    background-color: transparent;
}

ul.topnav li:hover a {
    cursor: pointer;
}

ul.tabbar-icons {
    margin-right: 0;
    text-align: right;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

ul.tabbar-icons li {
    display: inline;
    list-style: outside none none;
    padding: 0;
    margin-left: 0;
}

ul.tabbar-icons li .md-button.md-icon-button {
    padding: 0;
    margin: 0;
}

.icon-help,
.icon-shortcut,
.icon-panels {
    /* background-image: url("../images/icons-tabbar.png"); */
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    position: relative;
    top: 3px;
}

.icon-help {
    background-image: url("../images/help.svg");
}

.icon-shortcut {
    background-image: url("../images/hotkeys.svg");
}

.icon-panels {
    background-image: url("../images/panellayout.svg");
}

.content-widget {
    position: relative;
}

.content-widget .buttonCorner {
    position: absolute;
    z-index: 1;
    top: -14px;
    right: -20px;
}


.content-widget .buttonCorner .content-widget .panel {
    margin-bottom: 20px;
}


.content-widget.panelExpander .buttonCorner {
    top: -10px;
    right: -28px;
}


.rowR {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

.clearfix {
    clear: both;
    display: table;
}

.verticalButton .md-button {
    width: 100%;
    margin: 0;
    margin-bottom: .9rem;
    font-size: 14px;
    padding: 0;
    text-decoration: none;
    white-space: normal;
    line-height: 22px;
}

.grid .btn {
    margin-top: 10px;
}


.btn-large i {
    font-size: 2.5rem;
    font-weight: bold;
}

.panel .btn-floating {
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index: 150;
}

.dropdown-content {
    max-height: 200px;
}

.dropdown-content li>a,
.dropdown-content li>span {
    font-size: 1rem;
}

.dropdown-content li:first-child,
.dropdown-content li.active:first-child {
    font-weight: 400;
    display: none;
}

.dropdown-content li.active>a,
.dropdown-content li.active>span {
    font-weight: 700;
}


/**IE 11 fixes */

input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

label {
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 0;
    color: rgba(0, 0, 0, 0.54);
}

label.active {
    transform: scale(.889);
    transform-origin: left top;
    color: rgba(0, 0, 0, 0.54);
}

label.pull-right.active {
    transform-origin: right top;
}

.text-right label.active {
    transform-origin: right top;
}

.md-input-read label.active {
    transform: scale(.889);
    transform-origin: left top;
    white-space: nowrap;
    font-size: 14px;
}

.md-input-read {
    padding: 2px;
    margin: 0px 0 2px 0;
}

.value {
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: -4px;
    clear: both;
    float: none;
    word-break: break-all;
}

.largeValue .value {
    font-size: 1.8em;
    line-height: 26px;
}


td .tcCheckbox {
    margin-left: 8px;
    height: auto;
    margin-bottom: 0;
}

td .tcCheckbox md-checkbox {
    margin-top: 0;
}

.tcCheckbox+.error {
    margin-left: 8px;
}

.icon.fa {
    font-size: 24px;
    color: #727272;
}

.icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    margin: 10px 0;
    /* margin-top: 8px; */
}

.icon+.controller {
    margin-left: 45px;
    padding-top: 0;
    margin-right: 5px;
}


input.large {
    text-align: center;
    font-size: 2.2em;
}

.largeValue label {
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 25px;
    min-height: 21px;
    white-space: nowrap;
}


/* icons */

.icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    /*margin-top: 8px;*/
}

.icon-cancel {
    background-image: url("../images/cancel.svg");
}


.icon-contrast {
    background-image: url("../images/adjust_contrast.svg");
    background-size: 24px 24px;
}

.icon-brightness {
    background-image: url("../images/adjust_brightness.svg");
    background-size: 24px 24px;
}

.icon-performance {
    background-image: url("../images/performance.svg");
    background-size: 24px 24px;
}

.icon-adjustment {
    background-image: url("../images/adjustments.svg");
    background-size: 24px 24px;
}



.icon-unlock {
    background-image: url("../images/changepassword.png");
}

.icon-setting {
    background-image: url("../images/endshift.png");
}


.icon-theme {
    background-image: url("../images/mythemes.png");
}

.dropdown-menu .icon-performance {
    background-image: url("../images/myperformance.png");
}

.icon-sign-out {
    background-image: url("../images/logout.png");
}


/*** panel ****/

.panel {
    border-radius: 0;
    border: 0;
    position: relative;
}

.panel header {
    background-color: transparent;
    padding: 5px 0 4px 6px;
    position: relative;
}

.panel header .dropdown {
    ;
    position: absolute;
    width: 22px;
    height: 21px;
    top: 12px;
    left: 16px;
}

header .dropdown b.caret {
    background: url("../images/up-down-white-arrow.png");
    border: 0 none;
    height: 8px;
    width: 15px;
    background-position: left -8px;
}

.panel header .caret {
    background: transparent url("../images/icon-ellipses.png") no-repeat scroll 8px 0px;
    height: 20px;
    width: 20px;
}

ul.panel-header {
    margin: 0;
    display: table;
    margin-bottom: 0;
    padding: 9px 0 10px 16px;
    width: 100%;
}

ul.panel-header li {
    list-style: outside none none;
    margin: 0 5px;
    display: table-cell;
    font-weight: 700;
    text-transform: uppercase;
}

/ ul.panel-header li.collapsed,
ul.panel-header li.panel-expand {
    /* display: inline-block; */
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: d;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}

ul.panel-header li.panel-expand:before,
ul.panel-header li.collapsed:before {
    position: absolute;
    right: 15px;
    top: 13px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

ul.panel-header li.collapsed:before,
ul.panel-header li.panel-expand:before {
    content: "\f078";
}

.panel.maxH50 ul.panel-header li.collapsed:before,
.panel.maxH50 ul.panel-header li.panel-expand:before {
    transform: rotate(180deg);
}

ul.panel-header li.collapsed,
ul.panel-header li.panel-expand {
    /* display: inline-block; */
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: d;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}

ul.panel-header li.panel-expand:before,
ul.panel-header li.collapsed:before {
    position: absolute;
    right: 15px;
    top: 13px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

ul.panel-header li.collapsed:before,
ul.panel-header li.panel-expand:before {
    content: "\f078";
}

.panel.maxH50 ul.panel-header li.collapsed:before,
.panel.maxH50 ul.panel-header li.panel-expand:before {
    transform: rotate(180deg);
}

i.arrow::after {
    display: block;
    content: '\25BC';
    speak: none;
    -webkit-transform: rotate(180deg) scaleY(.6) scaleX(1);
    transform: rotate(180deg) scaleY(.6) scaleX(1);
    color: #212121;
}


i.arrow.down::after {
    -ms-transform: rotate(0deg) scaleY(.6) scaleX(1);
    /* IE 9 */
    -webkit-transform: rotate(0deg) scaleY(.6) scaleX(1);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg) scaleY(.6) scaleX(1);
}

.panel-tab ul {
    padding: 0;
}

ul.panel-header li.panel-tab ul {
    position: relative;
    float: left;
}

.panel-tab ul li {
    display: inline-block;
}

ul.panel-header li.panel-tab li a {
    position: relative;
    top: 3px;
    cursor: default;
}

.panel-tab ul li a {
    text-decoration: none;
    font-weight: 400;
    /*font-size: 1em;*/
    font-size: 1.1em;
}

.panel-tab ul li.active a,
.panel-tab ul li.active,
.panel-tab ul li a.active {
    text-decoration: none;
}

md-dialog .panel {
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.settingPanel {
    position: absolute;
    z-index: 151;
    right: 0;
    left: 0;
    padding: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(255, 255, 255);
    border: 4px solid rgba(163, 163, 163, 1);
    display: none;
}

.settingPanel .panel-body {
    padding-left: 24px;
    padding-top: 24px;
    padding-bottom: 20px;
}

.settingPanel header small {
    margin-top: 5px;
}

.settingPanel small {
    font-weight: 300;
    text-transform: initial;
    display: block;
    font-size: .8rem;
}

.panel .settingPanel header {
    padding: 2px 0 1px 4px;
}

.panel .settingPanel header .dropdown {
    top: 8px;
    left: 12px;
    z-index: 99;
}

.settingPanel ul.panel-header {
    position: relative;
}

.settingPanel ul.panel-header li.panel-expand {
    right: -20px;
    top: 24px;
    background-position: left -8px;
}

.panel .settingPanel footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
}

.panel-body {
    padding: 0;
    position: static;
    /* min-height: 150px; */
    overflow-y: auto;
    overflow-x: hidden;
}


.panel-body.noScroll {
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
}

.panel-body .fullBlock {
    margin: -8px;
}

.panel-body .fullHeight {
    height: 100%;
}

.panel-body iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.panel footer {
    float: none;
    overflow: hidden;
    text-align: right;
}


/*** panel ****/


/**** panel Specific Override ****/


/**** Contact Pane ****/

textarea.materialize-textarea#oAddress {
    height: auto !important;
    padding-bottom: 0;
    min-height: 4.5rem;
    padding-top: 1em;
}


.setHorizandal,
.setVertical {
    overflow: hidden;
}



md-checkbox#termsAgree .md-container {
    top: 12px;
}

.panel .card {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0 0 0.5rem 0;
}

.panel .card p {
    margin: 0 0 2px;
}

.container .row.leftSet {
    margin-right: 2px;
    margin-bottom: 0;
}

.container .row.rightSet {
    margin-left: 1px;
    margin-bottom: 0;
}

.agentStat {
    position: relative;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-indent: -9999px;
}

td .agentStat {
    top: 3px;
}


/**** panel Specific Override ****/


/** Kendo Grid Custom */


/*
#grid {
margin-top: -8px;
}*/

.kg-custom td a {
    color: #1976d2;
    text-decoration: underline;
}

.kg-custom th a {
    text-decoration: none !important;
}


.kg-custom td .tcCheckbox {
    top: 3px;
}

.kg-custom .k-grid {
    border-left: 0;
    border-right: 0;
    position: static;
}

.kg-custom .k-grid .k-grouping-header {
    padding: 2px 16px;
    color: #1976d2;
    font-size: .889em;
    background-color: #bbdefb;
}

.k-grouping-header .k-group-indicator {
    padding: .1em .15em .1em .4em;
}

.k-grid .k-grouping-header {
    color: rgba(255, 255, 255, 1);
}

.kg-custom .k-pager-info,
.kg-custom .k-pager-wrap .k-pager-sizes,
.kg-custom .k-pager-wrap .k-pager-numbers li {
    font-size: 16px;
}

.kg-custom .k-pager-wrap .k-pager-sizes {
    padding-top: 2px;
}

.kg-custom.noFullHeight .k-pager-wrap {
    position: initial;
    width: 100%;
    bottom: auto;
}

.kg-custom td md-select .md-select-value.md-select-placeholder {
    color: #212121;
}

.kg-custom td button.md-raised.md-button {
    margin-left: 2px;
    margin-right: 2px;
}


.compact {
    border: 0;
}

.compact .k-grid-content {
    overflow: hidden;
}

.compact .k-grid {
    border: 0;
}

.compact div.k-grid-header,
.compact div.k-grid-footer {
    border: 0;
}

.compact .k-grid-content table tr:first-child td,
.compact .k-grid-content-locked table tr:first-child td {
    padding: 8px 0 0 8px;
    vertical-align: top;
}

.kg-custom .k-grid-header-wrap,
.kg-custom .k-grid-header th.k-header,
.kg-custom .k-filter-row th {
    font-weight: 400;
    white-space: nowrap;
    vertical-align: top;
    padding-bottom: 5px;
}

.k-grid-header th.k-header {
    padding: .786em .6em;
}

.kg-custom table[role=grid]>tbody>tr>td {
    /*border-top: 1px solid #e6e6e6;*/
}

.kg-custom table[role=grid]>tbody>tr:nth-of-type(odd) {
    /*background :#eeeeee;*/
}

.kg-custom .k-grid-header th.k-header,
.kg-custom .k-grid-header th.k-header>.k-link,
.kg-custom .k-grid-header .k-grid-filter,
.kg-custom .k-grid-header .k-header-column-menu {
    font-weight: 400;
    /*font-size: 16px;*/
    font-size: 1em;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.54);
}

.kg-custom .k-grid-header th.k-header>.k-link {
    /*font-size: 16px;*/
    font-size: 1em;
}

.kg-custom .k-state-focused,
.kg-custom .k-grid-header .k-state-focused {
    box-shadow: none;
}

.kg-custom .k-grid-header th>.k-link>.k-icon {
    margin-right: -3px;
}

.kg-custom .k-grid-header {
    /*padding-left: .9em;*/
}

.kg-custom .k-grid td {
    text-overflow: initial;
    /*font-size: 16px;*/
    font-size: 1em;
}

.kg-custom .k-i-funnel,
.kg-custom .k-filter {
    background-position: 0px -33px;
}

.kg-custom .k-grid-header th.k-with-icon .k-link {
    margin-right: 0;
}

.k-grid-header .k-i-arrow-n,
.k-grid-header .k-link:not(.k-state-disabled):hover>.k-i-arrow-n {
    background-image: url("../images/sort-icon-n.png");
    background-position: 0 0;
    height: 9px;
    width: 5px;
    margin-left: 5px;
    margin-top: 2px;
    opacity: 1;
}

.kg-custom .k-grid-header .k-i-arrow-s,
.kg-custom .k-grid-header .k-link:not(.k-state-disabled):hover>.k-i-arrow-s {
    background-image: url("../images/sort-icon-s.png");
    background-position: 0 0;
    height: 9px;
    width: 5px;
    margin-left: 5px;
    margin-top: 2px;
    opacity: 1;
}

.kg-custom td md-radio-button {
    margin-bottom: 0;
}


/** Kendo Grid Custom */

#vcontainer {
    display: table;
    height: 100%;
    width: 100%;
}

#hcontainer {
    display: table-cell;
    vertical-align: middle;
}

#hcontainer .btn-group {
    text-align: center;
}

md-content.login {
    overflow: hidden;
}

ul.login {
    width: 100%;
    list-style: none;
}

ul.login .verticalButton {
    padding-top: 20px;
}

ul.login a {
    font-size: 85.7%;
}

#hcontainer {
    padding-top: 10px;
}

body.login #content {
    width: 70%;
    margin: 30px auto 40px auto;
}


body.login .accessDenied #content {
    margin-top: 100px;
}

.accessDenied .alert {
    margin-top: 20px;
    width: 500px;
    margin: auto;
}

body.login #content img {
    margin-bottom: 25px;
}

body.login footer {
    text-align: center;
    padding: 15px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

body.login footer p {
    font-size: .85em;
    margin: 0;
}

body.login footer p.info {
    font-size: .9em;
    margin: 10px 0 5px;
    font-weight: 400;
}

.btm-Link {
    padding-top: 20px;
}


.item {
    height: auto;
    clear: both;
    margin: 0 0 20px;
    overflow: hidden;
}



table {
    border-collapse: collapse;
}

table tr td {
    border-collapse: separate;
    /*CHANGED*/
}


/*CHANGED*/

.kg-custom table tr td {
    border-collapse: separate;
}

.k-bar {
    padding: 8px;
    overflow: hidden;
    min-height: 64px;
}

tr.k-footer-template {
    background: #1976d2;
}

tr.k-footer-template td {
    background: transparent;
    color: #fff;
    text-align: right;
}



/*.layout-padding + .k-bar,
.layout-padding + .kg-custom {
    margin-top: -24px;
}*/

.top-bar {
    clear: both;
    position: relative;
}



/************ THEMEING ****************/

header,
.flyout-navbar,
.navbar-fixed .mainNav,
.flyout-navbar .collapsible-body li a,
.flyout-navbar li,
.flyout-navbar .collapsible-header,
.flyout-navbar .collapsible-body,
ul.flyout-navbar li a,

/* .slider-handle,
.slider-selection,
.picker__weekday-display, */

.flyout-navbar .open>.dropdown-menu {
    background-color: #1976d2;
}


.flyout-navbar .open>.dropdown-menu,
.flyout-navbar .open>.dropdown-menu li {
    background-color: #146cd0;
}

.flyout-navbar .open>.dropdown-menu {
    -webkit-box-shadow: inset 0px -2px 45px -8px rgba(0, 0, 0, 0.73);
    -moz-box-shadow: inset 0px -2px 45px -8px rgba(0, 0, 0, 0.73);
    box-shadow: inset 0px -2px 45px -8px rgba(0, 0, 0, 0.73);
}

ul.breadcrumb .active,
.panel-tab ul li.active a,
.panel-tab ul li.active,
.panel-tab ul li a.active {
    color: #787882;
    margin-left: -2px;
}

ul.topnav li a.active {
    border-bottom: 2px solid #2196f3;
    color: #2196f3;
}

.panel-tab ul li.active a,
.panel-tab ul li.active,
.panel-tab ul li a.active {
    font-weight: 500;
}

.navbar ul li a:hover,
.navbar ul li a.active {
    border-left: 8px solid #1976d2;
}

th[data-dir="desc"] a,
th[data-dir="asc"] a {
    color: #1976d2 !important;
}


/*********** Dark Primary Color **************/


/*********** Primary Color  **************/

header.container-fluid .open .dropdown-toggle {
    background-color: #2196f3 !important;
}

.flyout-navbar ul li a:hover,
.pagination li.active,
ul.flyout-navbar li:hover,
.mainNav .open .dropdown-toggle,
input[type=range]+.thumb
/*.picker__date-display,
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected
*/

{
    background-color: #2196f3;
}

a:hover,
a:focus,
.picker__day.picker__day--today,
.dropdown-content li.active>a,
.dropdown-content li.active>span,
.collapsible-header.active a,
.collapsible-header.active,
.main-search .group label {
    color: #2196f3;
}



/*********** Primary Color  **************/


/*********** Light Primary Color  **************/

.picker__nav--prev:hover,
.picker__nav--next:hover {
    background-color: #bbdefb;
}


/*********** Light Primary Color  **************/


/*********** Accent Color   **************/

.text-success {
    color: #4caf50;
}

.alert-success {
    border-color: #4caf50;
}


/*********** Accent Color   **************/


/*********** White Color **************/

.btn,
.top-bar,
nav.top-bar,
.dropdown-menu,
.dropdown-content li.active,
.kg-custom .k-grid-header-wrap,
.kg-custom .k-grid-header th.k-header,
.kg-custom .k-filter-row th,
.kg-custom div.k-grid-header,
.kg-custom table[role=grid]>tbody>tr,
body.login {
    background-color: #fff;
}

.flyout-navbar ul li a,
.flyout-navbar ul li a:hover ul.flyout-navbar li a,
ul.flyout-navbar li a:hover,
.dropdown .dropdown-toggle,
.main-search input[type=text]:focus:not([readonly])+label,
.btn.btn-raised,
.btn.btn-raised:hover,
.btn.btn-raised:active,
.btn.btn-raised:focus,
.modal .modal-content .picker__day--selected,
.modal .modal-content .picker__date-display div {
    color: #fff;
}

header .nav>li>a,
header .nav>li>a:hover,
header .nav>li>a:focus {
    color: #fff !important;
}

.kg-custom .k-grid-header-wrap,
.kg-custom .k-grid-header th.k-header,
.kg-custom .k-filter-row th {
    border: 1px solid #fff;
}

.panel header {
    background-color: transparent;
}


/*********** White Color **************/


/*********** App Background Color **************/

html,
body.tcoreApp,
.dropdown-menu>li>a:hover,
.dropdown-content li:hover {
    background: #ebebeb;
}


/*********** App Background Color **************/


/*********** Panel Background Color **************/

.content-widget .panel {
    background: #fff;
}


.btn,
.btn:hover,
.btn:focus {
    background: #fafafa;
}


/*********** Panel Background Color **************/


/*********** Divider Color **************/

hr,
.panel footer {
    border-top: 1px solid #b6b6b6;
}

.panel header,
.panel header {
    border-bottom: 1px solid #b6b6b6;
}

.divider,
.slider.slider-horizontal .slider-track,
.kg-custom table[role=grid]>tbody>tr.k-state-selected {
    background-color: #ebebeb;
}

.kendoGridAlternateRowColor .kg-custom table[role=grid]>tbody>tr.k-alt {
    background-color: #ebebeb;
}

.kg-custom div.k-grid-header {
    border-bottom: 2px solid #b6b6b6;
}

.kg-custom.removeHeader div.k-grid-header {
    display: none;
}


/*********** Divider Color **************/


/*********** Primary Text Color **************/

html,
body,
.btn,
.btn:hover,
.btn:focus,
.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input,
.kg-custom table[role=grid]>tbody>tr.k-state-selected>td,
body.login footer p.info,
.kg-custom .k-grid-header-wrap,
.kg-custom .k-filter-row th {
    color: #212121;
}




/*********** Primary Text Color **************/


/*********** Secondary Text Color **************/

.switch label .lever {
    background-color: #727272;
}

.username-container .dropdown-menu>li>a,
.username-container .dropdown-menu>li>a i.fa,
a,
.settingPanel .dropdown a,
.contact-member h5,
.dropdown-menu>li>a,
ul.breadcrumb a,
.dropdown-content li>a,
.dropdown-content li>span,
.dropdown-content li:first-child,
.dropdown-content li.active:first-child,
.rangeShow b,
ul.panel-header li,
.panel-tab ul li a,
.contactPane h5,
.review .value,
.imgAudit-holder .collapsible-header,
body.login footer p,
.serieName,
.accordianMenu .collapsible-header i.fa.iconExCol,
.breadcrumb li .glyphicon {
    color: #727272;
}



/*********** Status Alert  Color **************/

.alert-danger {
    border-color: #f44336;
}

.flag .alert {
    color: #f44336;
}

.error,
.error-text,
.required-text {
    color: #f44336;
}


/* .alert-danger, */

.flag .alert,
.text-danger {
    color: #f44336 !important;
}


/**** Misc***/

.alert-danger {
    background-color: #f2dede;
}

.alert-warning {
    background-color: #fcf8e3;
}

.alert-success {
    background-color: #dff0d8;
}

.alert {
    color: #212121;
}

body.login footer {
    background: #f2f2f2;
}

.icon-btn:hover,
.icon-btn:focus {
    background-color: #e6e6e6;
}

.md-icon-button.modalClose {
    height: 24px;
    width: 24px;
    position: absolute;
    right: 5px;
    top: 12px;
    line-height: 24px;
}

.md-icon-button.modalClose .fa {
    font-size: 20px;
    color: #727272;
}

md-input-container.datePicker span.k-datepicker {
    width: 100%;
}

md-input-container.datePicker.noIcon .md-button.md-datepicker-button {
    display: none;
}

md-input-container.datePicker.noIcon {
    padding-top: 21px;
}

md-input-container.datePicker label {
    webkit-transform: translate3d(0, 26px, 0) scale(1);
    transform: translate3d(0, 26px, 0) scale(1);
}

md-input-container.datePicker .k-picker-wrap::before {
    content: none;
}

md-input-container.datePicker .k-webkit .k-combobox .k-dropdown-wrap:before,
md-input-container.datePicker .k-webkit .k-picker-wrap:before,
.k-webkit .k-numeric-wrap:before {
    padding-bottom: 0;
    height: auto;
}


.md-datepicker-input {
    width: 100%;
    font-size: 1em;
    min-width: 128px;
}

md-tooltip .md-content {
    font-size: 12px;
    background: #bbdefb;
    color: #1976d2;
    padding-top: 8px;
    line-height: 8px;
}

md-switch.md-checked.md-primary .md-thumb {
    background-color: #1976d2 !important;
}

md-switch.md-checked.md-primary .md-bar {
    background-color: #1976d2 !important;
}

md-switch .md-container {
    margin-right: 18px;
}

.modal-body md-switch.pull-right .md-container {
    margin-right: -6px;
}

.modal {
    z-index: 1041;
}

.md-datepicker-calendar-pane {
    z-index: 1080;
}

.modal-footer {
    padding: 10px;
    box-sizing: initial;
}

.panel-group .panel-body ul.menu {
    padding: 0 0 0 10px;
    list-style: none;
}

.panel-group .panel-body ul.menu li {
    padding: 5px 0;
    outline: none;
}

.panel-group .panel-body ul.menu li a {
    font-size: 14px;
}


/** Angular Material Override ***/

md-input-container textarea,
md-input-container input,
md-input-container input[type="text"],
md-input-container input[type="password"],
md-input-container input[type="datetime"],
md-input-container input[type="datetime-local"],
md-input-container input[type="date"],
md-input-container input[type="month"],
md-input-container input[type="time"],
md-input-container input[type="week"],
md-input-container input[type="number"],
md-input-container input[type="email"],
md-input-container input[type="url"],
md-input-container input[type="search"],
md-input-container input[type="tel"],
md-input-container input[type="color"] {
    width: 100%;
    border-style: solid;
    padding-top: 5px;
}

md-input-container label {
    white-space: nowrap;
    text-overflow: ellipsis;
}

md-input-container span.label {
    transform: translate3d(0, 8px, 0) scale(0.889);
    color: rgba(0, 0, 0, 0.54);
    font-weight: 400;
    white-space: inherit;
    padding: 0;
}


md-input-container.auto {
    max-height: none;
    margin-bottom: 20px;
    padding-bottom: 0;
}


md-checkbox[disabled] .md-label {
    color: rgba(0, 0, 0, 0.85);
}

td md-checkbox {
    padding: 0;
    margin: 0;
}

md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
  border-color: #787882; }

md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
  background-color: #787882; }

.md-datepicker-calendar-pane md-checkbox .md-label,
md-radio-button .md-label,
.md-switch-thumb .md-label {
    line-height: 12px;
    font-size: 1em;
    font-weight: 400;
}

md-checkbox .md-label {
    /*white-space: nowrap;
text-overflow: ellipsis;*/
}

md-input-container .md-label {
    color: rgba(0, 0, 0, 0.50);
}

md-input-container .md-input.ng-invalid.ng-dirty,
md-input-container.md-input-focused .md-input {
    /*border-width: 0 0 1px;*/
}

md-input-container.required .k-datepicker.md-input,
md-input-container.required input,
md-input-container.required textarea {
    border-color: rgb(244, 67, 54);
}

md-input-container.required.md-input-has-value .k-datepicker.md-input,
md-input-container.required.md-input-has-value input,
md-input-container.required.md-input-has-value textarea,
md-input-container.md-input-has-value input {
    border-color: rgba(0, 0, 0, 0.12);
}

md-input-container.required md-select .md-select-value {
    border-bottom-color: rgb(244, 67, 54);
}

md-select.md-default-theme:not([disabled]):focus .md-select-value,
md-select:not([disabled]):focus .md-select-value {
    border-bottom-color: rgb(33, 150, 243) !important;
    color: rgba(0, 0, 0, 0.87) !important;
}

md-input-container.md-input-has-value.md-input-focused input,
md-input-container.md-input-focused input,
md-input-container.md-input-focused .md-input {
    border-color: rgb(33, 150, 243) !important;
}

md-input-container .md-input[disabled],
md-input-container .k-datepicker.md-input[disabled],
md-input-container input[disabled],
md-input-container.md-input-has-value input[disabled],
md-input-container md-select[disabled] .md-select-value,
md-input-container .md-input[readonly],
md-input-container .k-datepicker.md-input[readonly],
md-input-container input[readonly],
md-input-container.md-input-has-value input[readonly],
md-input-container md-select[readonly] .md-select-value {
    border-color: transparent;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.20);
    background-image: none;
    border-image: none;
    color: #727272;
}

 span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-numerictextbox, span.k-timepicker {
   border-bottom: solid 1px #dddddd;
    margin-top: 8px;
}

md-input-container.required.md-input-has-value md-select .md-select-value,
md-input-container.md-input-has-value md-select .md-select-value {
    border-bottom-color: rgba(0, 0, 0, 0.12);
}

md-dialog-content md-switch {
    margin-right: 0;
}


.textEntryButton .md-button {
    margin-top: 10px;
}

.LabelWithLabel .md-button.md-icon-button {
    margin-left: -8px;
}

.LabelWithLabel .md-button.md-icon-button:hover {
    box-shadow: none;
}

.LabelWithLabel .md-button+span {
    line-height: 32px;
    display: inline-flex;
    margin-top: 10px;
    margin-left: -10px;
}

.btn-group .md-button {
    margin-right: 10px;
}

.md-button.close {
    font-size: 14px;
    opacity: 1;
    text-shadow: none;
    line-height: 36px;
}

md-input-container.invert md-select .md-select-value {
    border-bottom-color: #fff;
}

md-input-container.invert:not(.md-input-invalid).md-input-has-value label,
md-input-container.invert label,
md-input-container.invert md-select .md-select-value,
md-input-container.invert .md-select-value span,
md-input-container.invert .ng-valid .md-select-value span,
md-input-container.invert.md-input-has-value .md-select-value span {
    color: #fff;
}

.main-search md-input-container label:not(.md-no-float),
.main-search md-input-container .md-placeholder,
.main-search md-input-container label,
.main-search md-input-container .md-placeholder,
.main-search md-input-container.md-input-invalid.md-input-focused label,
.main-search md-input-container:not(.md-input-invalid).md-input-focused label,
.main-search md-input-container.md-input-focused .md-placeholder,
.main-search md-input-container .md-input {
    color: #fff;
}

md-input-container.editable .md-input {
    border: 1px solid #2196f3;
    padding-bottom: 0;
}

.md-calendar-day-header {
    display: block;
}

.md-raised {
    padding: 0 20px;
}

.md-fab i {
    font-size: 2.4em;
    margin-top: 12px;
}

md-input-container.large input {
    font-weight: 500;
    font-size: 1.4em;
}

md-input-container.xlarge label.active,
md-input-container.xlarge.md-input-focused label:not(.md-no-float),
md-input-container.xlarge.md-input-has-placeholder label:not(.md-no-float),
md-input-container.xlarge.md-input-has-value label:not(.md-no-float),
md-input-container.xxlarge label.active,
md-input-container.xxlarge.md-input-focused label:not(.md-no-float),
md-input-container.xxlarge.md-input-has-placeholder label:not(.md-no-float),
md-input-container.xxlarge.md-input-has-value label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 6px, 0) scale(1);
    transform: translate3d(0, 6px, 0) scale(1);
}

.xxlarge1 {
    font-size: 1.556em;
    font-weight: 500;
    height: 40px !important;
}

md-input-container.xlarge .md-input,
md-input-container.xlarge md-select .md-select-value {
    font-size: 1.444em;
    height: 40px;
}

md-input-container.xxlarge .md-input,
md-input-container.xxlarge md-select .md-select-value {
    font-size: 1.556em;
    font-weight: 500;
    height: 40px;
}

md-input-container.xxlarge .md-placeholder,
md-input-container.xxlarge label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 33px, 0) scale(1.556);
    transform: translate3d(0, 33px, 0) scale(1.556);
}

md-input-container.currency .md-placeholder,
md-input-container.currency label:not(.md-no-float) {
    -webkit-transform: translate3d(15px, 28px, 0) scale(1);
    transform: translate3d(15px, 28px, 0) scale(1);
}

md-input-container.currency label.active,
md-input-container.md-input-focused.currency label:not(.md-no-float),
md-input-container.md-input-has-placeholder.currency label:not(.md-no-float),
md-input-container.currency.md-input-has-value label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 8px, 0) scale(0.889);
    transform: translate3d(0, 8px, 0) scale(0.889);
}

.md-select-value .md-select-icon {
    font-size: 18px !important;
    webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
}

md-input-container.nomargin {
    margin-bottom: 0;
    margin-top: 0;
}

.noPadding {
    padding: 0 !important;
}

.panel .card.editable .confirmEditHolder {
    margin-bottom: 0;
}

.inIcon {
    visibility: hidden;
}

.hasIcon {
    position: relative;
    clear: both;
}

.hasIcon:hover .inIcon.edit {
    visibility: visible;
}

.editable.hasIcon .inIcon.edit,
.editable.hasIcon:hover .inIcon.edit {
    visibility: hidden;
}

.editable .confirmEdit {
    display: block;
}

.verificationUnit .md-button {
    cursor: default;
}

.verificationUnit .fa {
    font-size: 20px;
}

td.flex {
    display: -webkit-flex;
    /* Safari */
    display: flex;
}

td.flex.vtl {
    flex-direction: column;
}

td.flex .unit,
td.flex .md-button {
    -webkit-flex: 1;
    /* Safari 6.1+ */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
}

td.flex .vtl {
    flex-direction: row;
}

.md-button.md-icon-button.topRight.edit {
    right: -14px;
}

.md-button.md-icon-button {
    font-size: 18px;
}

.largeIcon {
    text-align: center;
    padding-top: 5px;
    max-width: 50px !important;
}

.largeIcon .fa {
    font-size: 30px;
}

.verificationUnit .md-button.md-icon-button {
    font-size: 24px;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    line-height: 36px;
    margin: 0;
}

.editable .confirmEdit .md-button.md-icon-button {
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    min-width: 25px;
    min-height: 25px;
    border: 1px solid #b6b6b6;
    border-radius: 0;
    margin: 0;
    background: #f5f5f5;
}

md-select-menu:not(.md-overflow) md-content {
    padding-top: 0;
    padding-bottom: 0;
}

md-input-container.required .md-select-value.md-select-placeholder>span:first-child:after,
md-input-container.required label:after {
    color: #f44336;
}

md-input-container.withCheckbox md-checkbox {
    position: absolute;
    top: -5px;
    right: -16px;
}

md-switch {
    height: auto;
    margin-top: 8px;
    margin-bottom: 14px;
}

.md-switch-thumb,
md-radio-button {
    outline: none;
}

.md-button:not([disabled]).md-raised:hover {
    box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.4);
}

.md-button:not([disabled]).md-fab:hover {
    box-shadow: -2px 4px 11px 1px rgba(0, 0, 0, 0.4);
}


/*.md-button.md-icon-button:hover {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}*/

.md-dialog-content md-datepicker {
    margin-right: 10px;
    order: 2;
}

md-datepicker .md-button.md-icon-button:hover {
    box-shadow: none;
}

.md-select-menu-container {
    z-index: 9999;
    box-shadow: 0px 0px 0px -1px rgba(0, 0, 0, 0.14), 0px 6px 10px 0px rgba(0, 0, 0, 0.098), 0px 1px 18px 0px rgba(0, 0, 0, 0.084);
}

.panel-default>.panel-heading {
    color: #212121;
    background-color: #f5f5f5;
    border-color: #b6b6b6;
    border-top: 1px solid #b6b6b6;
    position: relative;
}

.panel-group .panel-default:first-child .panel-heading {
    border-top: 0;
}

.panel-group .panel+.panel {
    margin-top: 0;
}


/** Style tile **/

.controllers section .md-button {
    clear: both;
    display: block;
    text-align: center;
}



/*** Overlay Loader ***/

.body-container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 8px;
    top: 64px;
}

md-dialog md-dialog-content {
    max-height: 610px;
}

.no-data {
    background-color: lightgray;
}

.horizontaloverflow {
    overflow-x: auto !important;
}

.footerAbsolute {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.active-red {
    color: red !important;
}

.fa-check {
    color: green;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon,
md-toolbar:not(.md-menu-toolbar) md-icon {
    color: #fff;
}


/*** MEDIA QUERIES - RESPONSIVE UI ***/

@media (min-width: 1200px) {

    md-toast {
        max-width: 100%;
        max-height: 768px;
        overflow: hidden;
    }
}


@media only screen and (max-width:1366px) {
    ul.breadcrumb .active {
        font-size: 120%;
    }

    md-dialog md-dialog-content {
        max-height: 410px;
    }

    md-dialog-content md-tabs {
        min-height: 410px;
    }
}

@media only screen and (max-width:1280px) {
    html {
        overflow-y: auto !important;
        overflow-x: hidden;
    }

    .body-container {
        position: absolute;
        top: 0;
    }

    .content-widget .panel {
        margin-bottom: 0;
    }

    .panel header {
        margin-top: 50px
    }
    .panel-tab .addButton {
        margin-right: 50px
    }
    .panel-tab help-icon .helpIcon-button {
        margin-right: 5px
    }
}

@media only screen and (max-width:1200px) {

    .panel header {
        margin-top: 50px
    }
    .panel-tab .addButton {
        margin-right: 50px
    }
    .panel-tab help-icon .helpIcon-button {
        margin-right: 50px
    }

    .container .row.leftSet,
    .container .row.rightSet {
        margin: 0;
    }
}

@media screen and (min-width:992px) {
    .modal-body {
        max-height: 600px;
    }

    .modal-lg {
        max-width: initial;
    }

    .kg-custom .k-pager-wrap {
        position: absolute;
        width: 100%;
        bottom: -2px;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    md-dialog-content .kg-custom .k-pager-wrap {
        position: static;
        bottom: auto;
    }
}

@media screen and (min-width:768px) {
    .setVertical {
        overflow-y: auto;
    }

    .breadcrumb-holder {
        max-height: 50px;
        height: 52px;
    }

    .setHorizandal {
        overflow-x: auto;
    }


    .compact .k-grid {
        background: transparent;
    }

    .compact .edit {
        display: none;
    }

    .compact:hover .edit {
        display: block;
    }

    .kg-custom .k-grid td {
        padding: .4em .7em;
    }

    .kg-custom.compact .k-grid td {
        padding: 4px 0;
        vertical-align: top;
    }

    .content-widget .panel.nomargin {
        margin-bottom: 0;
        max-height: 100%;
    }
}

@media only screen and (max-width:993px) {

    .brand-logo {
        display: none;
    }

    .logo {
        display: none;
    }
}

@media only screen and (max-width:768px) {

    .container {
        left: 0.75rem;
    }

    ul.breadcrumb {
        padding: 9px 0;
    }


    .body-container {
        left: 0;
    }

    .logo {
        display: none;
    }


    .breadcrumb-holder {
        margin-left: 8px;
    }

    ul.breadcrumb .active {
        font-size: 1.4em;
        font-weight: 400;
        position: relative;
        left: -5px;
        top: 0;
    }
}

@media (max-width: 600px) {
    .md-padding {
        padding: 8px;
    }
}

@media (min-width: 600px) {
    .md-padding {
        padding: 8px;
    }
}

@media only screen and (max-width:320px) {
    body.login #content {
        width: auto;
        margin: 30px 20px;
    }
}

@-moz-document url-prefix() {
    .flyout-navbar ul li a p,
    ul.flyout-navbar li a p,
    label,
    .settingPanel small,
    .vehicles .panel-body div,
    md-checkbox .md-label,
    md-radio-button .md-label,
    .md-switch-thumb .md-label,
    md-radio-button .md-label,
    .md-switch-thumb .md-label,
    .md-select-value *: first-child;

    {
        font-weight: 400;
    }

    md-autocomplete md-input-container label,
    md-input-container label {
        left: 0;
    }

    .row md-input-container label {
        left: 8px;
    }

    .row md-autocomplete md-input-container label {
        left: 0;
    }
}

:-webkit-full-screen ul.panel-header li.panel-expand,
:full-screen ul.panel-header li.panel-expand {
    border: 1px solid red;
}

:-webkit-full-screen ul.panel-header li.restore,
:full-screen ul.panel-header li.restore {
    display: block;
}

.k-slider-horizontal .k-slider-items {
    display: none;
}



.k-slider-horizontal .k-draghandle.k-state-selected,
.k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected,
.k-slider-horizontal .k-draghandle {
    top: -7px;
}

.k-slider-horizontal .k-draghandle,
.k-slider-vertical .k-draghandle,
.k-flatcolorpicker .k-hue-slider .k-draghandle,
.k-flatcolorpicker .k-transparency-slider .k-draghandle {
    width: 12px;
    height: 12px;
}

.k-draghandle.k-state-selected,
.k-draghandle.k-state-selected:link,
.k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected,
.k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
    width: 12px;
    height: 12px;
}


.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
    background: transparent;
    border: 0;
}

.k-textbox:hover,
.k-overflow-anchor:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
    webkit-box-shadow: none;
    box-shadow: none;
}

.k-textbox>input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
    text-indent: 0;
    font-size: 14px;
    font-weight: 400;
}

.k-slider-selection {
    background-color: #2196f3;
    border-color: #2196f3;
}

.k-draghandle {
    border-color: #2196f3;
    background-color: #2196f3;
}

.k-draghandle:hover {
    border-color: #1976d2;
    background-color: #1976d2;
    -webkit-box-shadow: 0 0 0 8px rgba(25, 118, 210, 0.3);
    box-shadow: 0 0 0 8px rgba(25, 118, 210, 0.3);
}



.k-draghandle.k-state-focused,
.k-draghandle.k-state-focused:link,
.k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused,
.k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused {
    border-color: #2196f3;
    background-color: #2196f3;
}

.k-calendar td.k-state-selected,
.k-calendar .k-header .k-state-hover {
    background-color: #2196f3;
}

.k-calendar .k-header {
    background-color: #2196f3;
}

.k-list .k-state-selected {
    color: #2196f3;
}

.md-fab.md-primary.md-button,
.md-fab.md-accent.md-button,
.md-button.md-primary.md-raised,
.md-button.md-accent.md-raised {
    color: #fff;
}

.md-button:not([disabled]).md-fab.md-focused,
.md-button:not([disabled]).md-raised.md-focused {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .50);
}

md-slider .md-sign:after {
    border: 0;
}

md-slider.md-default-theme.md-primary .md-sign,
md-slider.md-primary .md-sign {
    background: #bbdefb;
    font-size: 12px;
    font-weight: 400;
}

md-slider .md-sign .md-thumb-text {
    color: #1976d2;
    font-weight: 400;
}

md-slider .md-sign {
    border-radius: 4px;
    -webkit-transform: scale(0.4) translate3d(0, 77px, 0);
    transform: scale(0.4) translate3d(0, 77px, 0);
    -webkit-box-shadow: 2px 1px 5px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 1px 5px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 1px 5px -2px rgba(0, 0, 0, 0.75);
}

md-slider .md-track-ticks {
    display: none;
}

md-slider .md-thumb:after,
md-slider .md-track-fill {
    background-color: #1976d2 !important;
    border-color: #1976d2 !important;
}

md-slider .md-focus-thumb,
#red-slider .md-focus-ring {
    background-color: #1976d2;
}

.k-slider-track {
    background-color: rgba(0, 0, 0, 0.26);
}

md-calendar,
md-calendar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
    color: #2196f3;
    background-color: #2196f3;
}

.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
    color: #fff;
}

.md-datepicker-input-container .md-input {
    color: rgba(0, 0, 0, 0.87) !important;
}


.md-datepicker-input-mask-opaque {
    left: 115px !important;
}


md-datepicker.customPicker .md-button.md-icon-button.md-datepicker-button {
    padding: 0;
    margin: 0;
    border-radius: 0;
    margin-left: -15px;
    margin-top: -9px;
}

.isInFullScreen {
    height: auto !important;
    width: 100%;
}

body.fullScreened .md-select-menu-container {
    z-index: 2147483648;
}

body.fullScreened.md-dialog-is-showing .md-scroll-mask {
    background-color: rgba(33, 33, 33, 1.0);
    opacity: .48;
    z-index: 2147483648 !important;
}

body.fullScreened.md-dialog-is-showing .md-scroll-mask+.md-dialog-container {
    z-index: 2147483648 !important;
}

.k-loading-mask {
    z-index: 79;
}

body.fullScreened .setter {
    padding-bottom: 30px;
}

md-input-container label.active,
md-input-container.md-input-focused label:not(.md-no-float),
md-input-container.md-input-has-placeholder label:not(.md-no-float),
md-input-container.md-input-has-value label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 12px, 0) scale(0.889);
    transform: translate3d(0, 12px, 0) scale(0.889);
}

md-input-container.datePicker label.active,
md-input-container.datePicker.md-input-focused label:not(.md-no-float),
md-input-container.datePicker.md-input-has-placeholder label:not(.md-no-float),
md-input-container.datePicker.md-input-has-value label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 12px, 0) scale(0.889);
    transform: translate3d(0, 12px, 0) scale(0.889);
}

md-select .md-select-value.md-select-placeholder,
md-input-container.md-default-theme label,
md-input-container label,
md-input-container.md-default-theme .md-placeholder,
md-input-container .md-placeholder {
    color: rgba(0, 0, 0, 0.50);
}

md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: rgba(0, 0, 0, 0.50);
}

.error-msg {
    position: relative;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    min-height: 18px;
    clear: both;
    white-space: nowrap;
}

.error {
    white-space: nowrap;
}

md-input-container {
    margin: 8px 0 4px 0;
    min-height: 48px;
}

.advanced-search md-input-container {
    margin: 8px 0;
}

.main-search md-input-container {
    margin-top: 9px;
}

md-dialog .md-dialog-content {
    min-height: 100px;
}

md-dialog .md-dialog-content>.panel {
    margin: -24px;
}

.md-dialog-content>md-tabs {
    margin: -24px;
}

md-dialog md-toolbar i.fa {
    color: #fff;
}

.tcCheckbox.unit {
    position: relative;
    height: 52px;
    padding-top: 0;
    margin-top: 8px;
    margin-bottom: 4px;
}

.tcCheckbox.unit md-checkbox {
    margin-top: 5px;
    margin-bottom: 0;
}

.groupCheckbox .tcCheckbox {
    height: auto;
    margin-bottom: 10px;
}

.groupCheckbox .tcCheckbox md-checkbox {
    margin-bottom: 0;
    margin-top: 0;
}

md-input-container [data-ng-messages],
md-input-container [ng-messages],
md-input-container [x-ng-messages],
md-input-container data-ng-messages,
md-input-container ng-messages,
md-input-container x-ng-messages {
    opacity: 1;
}


.top-bar-holder {
    max-height: 48px;
    margin: 0 8px;
    border-width: 0 0 1px;
    border-style: solid;
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.25);
}

ul.breadcrumb {
    padding: 0;
    padding-top: 6px;
}

.rowMargin {
    margin-top: -8px;
    margin-bottom: -8px;
}



.panel-body.advanced-search {
    position: absolute;
    background: #fff;
    border: 1px solid #b6b6b6;
    top: 51px;
    outline: none;
}

.panel-body.advanced-search .layout-padding {
    padding-bottom: 0;
}

.md-select-value :first-child {
    width: calc(100% - 30px);
    webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    display: block;
}


md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon,
md-toolbar:not(.md-menu-toolbar) md-icon {
    color: rgba(255, 255, 255, 0.87);
}

md-toolbar .md-button.md-icon-button:hover {
    box-shadow: none;
}

.mdDatepicker,
.datePicker {
    padding: 0 2px;
}

.datePicker label {
    display: flex;
}

.datePicker label.active {
    margin-bottom: -12px;
}

.nomargin {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}



.datePickerwithLabel md-datepicker {
    position: relative;
    top: -15px;
}

md-dialog .md-dialog-content .layout-margin,
md-dialog .md-dialog-content .layout-margin-gt-sm,
md-dialog .md-dialog-content .layout-margin-gt-sm>*,
md-dialog .md-dialog-content .layout-margin-md,
md-dialog .md-dialog-content .layout-margin-md>*,
md-dialog .md-dialog-content .layout-margin>*,
md-dialog .md-dialog-content .layout-margin>.flex,
md-dialog .md-dialog-content .layout-margin>.flex-gt-sm,
md-dialog .md-dialog-content .layout-margin>.flex-md,
.panel>.panel-body .layout-margin,
.panel>.panel-body .layout-margin-gt-sm,
.panel>.panel-body .layout-margin-gt-sm>*,
.panel>.panel-body .layout-margin-md,
.panel>.panel-body .layout-margin-md>*,
.panel>.panel-body .layout-margin>*,
.panel>.panel-body .layout-margin>.flex,
.panel>.panel-body .layout-margin>.flex-gt-sm,
.panel>.panel-body .layout-margin>.flex-md {
    margin: 12px;
}

md-dialog .md-dialog-content .layout-padding,
.layout-padding-gt-sm,
md-dialog .md-dialog-content .layout-padding-gt-sm>*,
md-dialog .md-dialog-content .layout-padding-md,
md-dialog .md-dialog-content .layout-padding-md>*,
md-dialog .md-dialog-content .layout-padding>*,
md-dialog .md-dialog-content .layout-padding>.flex,
md-dialog .md-dialog-content .layout-padding>.flex-gt-sm,
md-dialog .md-dialog-content .layout-padding>.flex-md,
.panel>.panel-body .layout-padding,
.layout-padding-gt-sm,
.panel>.panel-body .layout-padding-gt-sm>*,
.panel>.panel-body .layout-padding-md,
.panel>.panel-body .layout-padding-md>*,
.panel>.panel-body .layout-padding>*,
.panel>.panel-body .layout-padding>.flex,
.panel>.panel-body .layout-padding>.flex-gt-sm,
.panel>.panel-body .layout-padding>.flex-md {
    padding: 12px;
}

.uploader a {
    text-decoration: underline;
    color: #1976d2;
}

.k-bar,
.k-grouping-header {
    background-color: #1976d2;
}

.k-grouping-header .k-group-indicator,
.k-pivot-toolbar .k-button {
    background-color: #2196f3;
    border-color: #2196f3;
}



.k-pager-numbers .k-state-selected {
    border-color: #1976d2 transparent transparent;
    color: #1976d2;
}

.k-list>.k-state-selected.k-state-focused {
    color: #1976d2;
}



/*TODO: Toaster related styles start*/

md-toast.md-default-theme .md-toast-content,
md-toast .md-toast-content {
    background-color: #5CB85C;
}

md-toast {
    height: auto;
    padding: 0px;
}

md-toast * {
    font-size: 14px;
    color: #fff !important;
}

md-toast.error {
    color: #FFF;
    background-color: #D9534F;
    border-color: #D43F3A;
}

md-toast.warning {
    color: #FFF;
    background-color: #F0AD4E;
    border-color: #EEA236;
}

md-toast.success {
    color: #FFF;
    background-color: #40A347;
    border-color: #4CAE4C;
}


/*TODO: Toaster related styles end*/

md-input-container .md-char-counter {
    bottom: 0;
}

md-datepicker {
    background: transparent;
}



/**TEMP**/

.breadcrumb-holder .flag {
    position: absolute;
    right: 8px;
    top: -8px;
}


.panel-default>.panel-heading+.panel-collapse>.panel-body {
    overflow: hidden;
}


/*CHANGED*/

.panel-group .panel-body {
    margin: 0;
    height: auto !important;
}

.panel-content .panel-group md-list.active .panel-body {
    border-bottom: 1px solid #b6b6b6;
}

/*md-list {
    padding: 0;
}

md-list-item .md-button {
    width: 100%;
    text-align: left;
    text-transform: initial;
}*/

.max50 {
    max-width: 50px !important;
}


.k-tooltip {
    background: #bbdefb !important;
    opacity: 1 !important;
    font-size: 12px;
    color: #1976d2 !important;
}


.k-callout-n {
    border-bottom-color: #bbdefb !important;
}

.k-callout-s {
    border-top-color: #bbdefb !important;
}

.k-callout-e {
    border-left-color: #bbdefb !important;
}

.k-callout-w {
    border-right-color: #bbdefb !important;
}


md-input-container.datePicker {
    width: 100%;
}

.k-picker-wrap>.md-input {
    margin: 0;
    padding: 0;
    margin-top: 0;
    background: transparent;
    line-height: 26px;
    height: 26px;
    font-weight: 400;
    font-size: 1em;
}

.k-picker-wrap.k-state-default>.k-select {
    border-color: #fafafa;
    position: relative;
    top: -5px;
    border: 0;
    font-size: 16px;
    padding: 0;
    height: 16px;
    /* width: 16px; */
    right: -15px;
    min-height: 16px;
    line-height: 16px;
}


.k-link.k-nav-today {
    color: rgb(33, 150, 243);
}


.active .panel-heading .panel-title a::after {
    -ms-transform: rotate(180deg) scaleY(1) scaleX(1) !important;
    -webkit-transform: rotate(180deg) scaleY(1) scaleX(1) !important;
    transform: rotate(180deg) scaleY(1) scaleX(1) !important;
}


}

a.md-button.md-default-theme:not([disabled]):hover,
a.md-button:not([disabled]):hover,
.md-button.md-default-theme:not([disabled]):hover,
.md-button:not([disabled]):hover {
    background-color: #f5f5f5;
}

.panel-group {
    /* padding-bottom: 0; */

    padding: 0;
}

/*md-list-item .md-button {
    background-color: #f5f5f5;
    border: 0;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #b6b6b6;
    border-radius: 0;
}

md-list-item .md-button:focus {
    background-color: #f5f5f5;
}

md-list-item,
md-list-item .md-list-item-inner {
    min-height: auto;
}*/

a:active,
a:hover {
    color: #2196f3;
}

.panel-heading {
    border-color: #b6b6b6;
}

.panel-group.md-whiteframe-z2 {
    box-shadow: 1px 1px 1px #ddd;
}

md-list .submenu md-list-item a {
    color: #727272;
    font-weight: 400;
    padding-left: 20px;
    /*font-size: 16px;*/

    font-size: 1em;
}

md-list .submenu md-list-item a.active {
    color: #2196f3;
}

.panel-body md-list.active .panel-heading h4 {
    color: #2196f3;
}


.k-picker-wrap .k-icon.k-i-calendar {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    background-image: none;
    color: #212121;
    opacity: 1;
    /*margin-right: -20px;*/

    margin-right: 0;
    margin-top: 5px;
    width: 15px;
    position: relative;
    right: 20px;
}

.k-picker-wrap .k-icon.k-i-calendar:before {
    content: "\f073";
}


.k-grid-content {
    min-height: 10px;
}

.k-header.k-grid-toolbar {
    background-color: #2196f3;
}

.k-grid .k-header .k-button,
.k-scheduler .k-header .k-button,
.k-scheduler .k-header li,
.k-scheduler .k-header .k-link,
.k-gantt>.k-header li,
.k-gantt>.k-header .k-link,
.k-gantt-toolbar .k-button,
.km-pane-wrapper .k-header .k-button {
    color: #212121;
    background-color: #fff;
    box-shadow: none;
}

.md-button.md-darkprimary.md-raised:hover,
.md-button.md-darkprimary.md-raised {
    background-color: #1976d2 !important;
    color: #fff;
}

.md-autocomplete-suggestions li,
md-option .md-text {
    font-size: 1em;
}

.md-button.md-raised .fa {
    padding-left: 10px;
}



/**Header font size fix**/
header.container-fluid md-input-container .md-input {
    padding-top: 6px;
}

header.container-fluid md-input-container label:not(.md-no-float) {
    font-size: 16px;
    -webkit-transform: translate3d(0, 29px, 0) scale(1);
    transform: translate3d(0, 29px, 0) scale(1);
}

header.container-fluid .dropdown-toggle,
header.container-fluid md-input-container label,
header.container-fluid md-input-container .md-select-value,
header.container-fluid md-input-container .md-input {
    font-size: 16px;
}

.k-bar md-input-container.invert label,
.k-bar md-input-container.invert .md-select-value,
.k-bar md-input-container.invert .md-input {
    font-size: 14px;
}

md-input-container.invert label.active,
md-input-container.invert.md-input-focused label:not(.md-no-float),
md-input-container.invert.md-input-has-placeholder label:not(.md-no-float),
md-input-container.invert.md-input-has-value label:not(.md-no-float),
header.container-fluid md-input-container label.active,
header.container-fluid md-input-container.md-input-focused label:not(.md-no-float),
header.container-fluid md-input-container.md-input-has-placeholder label:not(.md-no-float),
header.container-fluid md-input-container.md-input-has-value label:not(.md-no-float) {
    font-size: 16px;
    -webkit-transform: translate3d(0, 16px, 0) scale(0.75);
    transform: translate3d(0, 16px, 0) scale(0.75);
}

.k-calendar-container.k-popup {
    z-index: 1;
}

.k-calendar .k-footer .k-nav-today {
    color: rgb(33, 150, 243);
}

.k-calendar .k-content .k-link {
    font-weight: 400;
    font-size: .9em;
}

.k-picker-wrap.k-state-default>[readonly],
.k-picker-wrap.k-state-disabled>[disabled] {
    margin-top: 2px;
}

.deactive_datepicker .k-state-disabled {
    border: 0;
}

.deactive_datepicker .k-state-disabled span.k-icon.k-i-calendar {
    right: 5px;
    font-size: 16px;
}

.deactive_datepicker .k-state-disabled .k-select {
    top: -10px;
    border: 0;
}

.deactive_datepicker .k-state-disabled #txtDeactivationDate {
    background: none;
    margin-top: 2px;
}

.content-widget,
.content-widget cmd-inv-management {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.content-widget>*,
.content-widget .panel {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
}

.maxH50 {
    max-height: 50px !important;
}

.panel.maxH50 .panel-body {
    display: none !important;
}


/*.bottom_btn #imgEditorToolz {height:200px; overflow-y:scroll;}*/
.radio_label {
    margin: 10px 5px 5px 5px;
    display: block;
    cursor: pointer;
    font-size: 16px;
    line-height: 1em;
}

.radio_primary {
    display: none;
}

.radio_primary:checked+span:before {
    width: 10px;
    height: 10px;
    margin: 0 auto;
    display: block;
    content: " ";
    background-color: #1976D2;
    border-radius: 100%;
}

.radio_inner {
    width: 10px;
    height: 10px;
    margin-right: .25em;
    padding: .125em;
    display: inline-block;
    position: relative;
    top: -2px;
    border: 1px solid #aaa;
    border-radius: 100%;
    vertical-align: middle;
}


md-select.md-default-theme[disabled] .md-select-value,
md-select[disabled] .md-select-value,
md-input-container.md-default-theme .md-input[disabled],
md-input-container .md-input[disabled],
md-input-container.md-default-theme .md-input [disabled],
md-input-container .md-input [disabled] {
    color: #727272;
}


md-list-item .md-button:not([disabled]):hover {
    background-color: transparent !important;
}


.k-calendar .k-today {
    background-color: rgb(33, 150, 243);
    webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.k-calendar .k-today.k-state-hover {
    background-color: #1976d2;
}

.form_records>div:nth-of-type(2) label,
.form_records>div:last-child label {
    color: #212121;
}

.k-window-titlebar .k-state-hover,
.k-window-titlebar.k-header {
    background-color: rgb(33, 150, 243);
}


.panel .panel-body>.md-fab.bottomRight {
    bottom: 48px;
    right: 48px;
}

.panel .panel-body>.md-fab.bottomRight.withFooter {
    bottom: 96px;
}

.panel .panel-body>.fabHolder {
    position: absolute;
    right: 48px;
    bottom: 120px;
    left: auto;
    text-align: right;
    z-index: 10;
    padding: 10px;
    max-width: 500px;
    z-index: 2;
    /* text-align: right; */
}

.panel .panel-body>.md-fab.bottomRight.withFooter+.fabHolder {
    bottom: 146px;
}


.panel .panel-body>.fabHolder ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.panel .panel-body>.fabHolder+.overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .6;
    z-index: 1;
}


.inEditor {
    min-width: 70px;
    max-width: 70px;
    width: 70px;
    max-height: 40px;
}

.inEditor .md-button {
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 2px;
    margin-left: 5px;
}

.md-input-read[disabled] {
    color: rgba(0, 0, 0, 0.50);
}


.custom_tooltip {
    position: absolute;
    right: 30px;
    width: 80%;
    top: -20px;
    background-color: #bbdefb;
    color: #1976d2;
    font-size: 12px;
    border-radius: 4px;
    padding: 10px;
    webkit-box-shadow: 2px 1px 5px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 1px 5px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 1px 5px -2px rgba(0, 0, 0, 0.75);
    z-index: 99;
}


/**INTRO JS**/
.introjs-tooltiptext h2 {
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    color: #1976d2;
    margin: 10px 0;
}

.introjs-tooltiptext h3,
.introjs-tooltiptext h4 {
    margin: 10px 0;
    font-size: 1em;
    color: #727272;
}

.introjs-tooltiptext h4 {
    font-size: .9em;
}

.introjs-tooltiptext p {
    margin: 0 0 15px;
    font-size: .9em;
    color: #727272;
    line-height: 24px;
}

.introjs-helperNumberLayer {
    width: 25px;
    height: 25px;
    line-height: 15px;
}

.introjs-button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    border-bottom: none;
    border-left: none;
    border-right: none;
    min-width: 60px;
    margin: 4px;
    color: #1976d2;
    background-color: transparent;
    text-align: center;
}

.activated {
    color: #2196f3 !important;
}

.deactivated {
    color: #727272 !important;
}


/******Themeing*******/

/******PURPLE*******/
body.tcoreApp.purpleTheme {}

body.tcoreApp.purpleTheme #activated,
body.tcoreApp.purpleTheme a:active,
body.tcoreApp.purpleTheme a:hover,
body.tcoreApp.purpleTheme .uploader a,
body.tcoreApp.purpleTheme .cssAccountIDLink,
body.tcoreApp.purpleTheme .link,
body.tcoreApp.purpleTheme md-list .submenu md-list-item a.active {
    color: #800080;
}

body.tcoreApp.purpleTheme .activated {
    color: #800080 !important;
}

body.tcoreApp.purpleTheme .k-calendar td.k-state-focused,
body.tcoreApp.purpleTheme .k-calendar td.k-state-selected,
body.tcoreApp.purpleTheme .k-calendar .k-header .k-state-hover,
body.tcoreApp.purpleTheme .k-calendar .k-today,
body.tcoreApp.purpleTheme .k-calendar .k-header,
body.tcoreApp.purpleTheme header,
body.tcoreApp.purpleTheme .flyout-navbar,
body.tcoreApp.purpleTheme .navbar-fixed .mainNav,
body.tcoreApp.purpleTheme .flyout-navbar .collapsible-body li a,
body.tcoreApp.purpleTheme .flyout-navbar li,
body.tcoreApp.purpleTheme .flyout-navbar .collapsible-header,
body.tcoreApp.purpleTheme .flyout-navbar .collapsible-body,
body.tcoreApp.purpleTheme ul.flyout-navbar li a,
body.tcoreApp.purpleTheme .flyout-navbar .open>.dropdown-menu {
    background-color: #800080;
}

body.tcoreApp.purpleTheme .k-calendar .k-footer .k-nav-today,
body.tcoreApp.purpleTheme .panel-body md-list.active .panel-heading h4,
body.tcoreApp.purpleTheme md-dialog md-dialog-content h3,
body.tcoreApp.purpleTheme .modal-body h3,
body.tcoreApp.purpleTheme .panel-body h3 {
    color: #800080;
}

body.tcoreApp.purpleTheme .k-draghandle.k-state-focused,
body.tcoreApp.purpleTheme .k-draghandle.k-state-focused:link,
body.tcoreApp.purpleTheme .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused,
body.tcoreApp.purpleTheme .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused,
body.tcoreApp.purpleTheme .k-draghandle,
body.tcoreApp.purpleTheme .k-slider-selection {
    background-color: #800080;
    border-color: #800080;
}

body.tcoreApp.purpleTheme .k-draghandle:hover {
    border-color: #871F78;
    background-color: #871F78;
    -webkit-box-shadow: 0 0 0 8px rgba(128, 0, 128, 0.3);
    box-shadow: 0 0 0 8px rgba(128, 0, 128, 0.3);
}

body.tcoreApp.purpleTheme ul.topnav li a.active {
    border-bottom: 2px solid #800080;
    color: #800080;
}

body.tcoreApp.purpleTheme .flyout-navbar ul li a:hover,
body.tcoreApp.purpleTheme .pagination li.active,
body.tcoreApp.purpleTheme ul.flyout-navbar li:hover,
body.tcoreApp.purpleTheme .mainNav .open .dropdown-toggle,
body.tcoreApp.purpleTheme input[type=range]+.thumb {
    background-color: #871F78;
}

body.tcoreApp.purpleTheme .k-calendar .k-today .k-link,
body.tcoreApp.purpleTheme .adv-search-holder.dropdown .dropdown-toggle,
body.tcoreApp.purpleTheme .flyout-navbar ul li a:hover {
    color: #fff;
}

body.tcoreApp.purpleTheme .introjs-button,
body.tcoreApp.purpleTheme .introjs-tooltiptext h2,
body.tcoreApp.purpleTheme .kg-custom td a,
body.tcoreApp.purpleTheme .advanced-search h3,
body.tcoreApp.purpleTheme ul.breadcrumb .active,
body.tcoreApp.purpleTheme .panel-tab ul li.active a,
body.tcoreApp.purpleTheme .panel-tab ul li.active,
body.tcoreApp.purpleTheme .panel-tab ul li a.active {
    color: #871F78;
}

body.tcoreApp.purpleTheme header.container-fluid .open .dropdown-toggle,
body.tcoreApp.purpleTheme .md-button.md-darkprimary.md-raised:hover,
body.tcoreApp.purpleTheme .md-button.md-darkprimary.md-raised {
    background-color: #871F78 !important;
}

body.tcoreApp.purpleTheme tr.k-footer-template,
body.tcoreApp.purpleTheme .k-bar {
    background-color: #871F78;
}

body.tcoreApp.purpleTheme .k-grouping-header {
    color: #871F78;
    background-color: #F6A4D5;
}

body.tcoreApp.purpleTheme .panel header {
    background-color: transparent;
}

body.tcoreApp.purpleTheme .k-grouping-header .k-group-indicator,
body.tcoreApp.purpleTheme .k-pivot-toolbar .k-button {
    background-color: #800080;
    border-color: #800080;
}

body.tcoreApp.purpleTheme .k-tooltip {
    background: #F6A4D5 !important;
    color: #800080 !important;
}

body.tcoreApp.purpleTheme .k-callout-s {
    border-top-color: #bbdefb !important;
}

body.tcoreApp.purpleTheme .k-callout-e {
    border-left-color: #bbdefb !important;
}

body.tcoreApp.purpleTheme .k-callout-w {
    border-right-color: #bbdefb !important;
}

body.tcoreApp.purpleTheme .k-callout-n {
    border-bottom-color: #F6A4D5 !important;
}

body.tcoreApp.purpleTheme th[data-dir="desc"] a,
body.tcoreApp.purpleTheme th[data-dir="asc"] a {
    color: #871F78 !important;
}

body.tcoreApp.purpleTheme .k-pager-numbers .k-state-selected {
    border-color: #871F78 transparent transparent;
    color: #871F78;
}

body.tcoreApp.purpleTheme md-tabs.md-default-theme md-ink-bar,
body.tcoreApp.purpleTheme md-tabs md-ink-bar {
    color: #800080;
    background-color: #800080;
}

body.tcoreApp.purpleTheme md-tooltip .md-content {
    background: #F6A4D5;
    color: #800080;
}

body.tcoreApp.purpleTheme md-select.md-default-theme:not([disabled]):focus .md-select-value,
body.tcoreApp.purpleTheme md-select:not([disabled]):focus .md-select-value {
    border-bottom-color: rgb(128, 0, 128) !important;
}


/******Themeing*******/
.k-autocomplete.k-state-disabled,
.k-picker-wrap.k-state-disabled,
.k-numeric-wrap.k-state-disabled,
.k-numeric-wrap.k-state-disabled .k-input,
.k-numeric-wrap.k-state-disabled .k-select,
.k-dropdown-wrap.k-state-disabled,
.k-multiselect.k-header.k-state-disabled {
    background-color: transparent;
    border-color: transparent;
}

.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
    color: #9a9a9a !important;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none;
}

.md-button.md-icon-button .md-ripple-container {
    -webkit-mask-image: initial;
}


/* Rules for sizing the icon. change the font size as per requirement*/
.material-icons.md-18 {
    font-size: 16px;
}
.material-icons.md-24 {
    font-size: 24px;
}
.material-icons.md-36 {
    font-size: 36px;
}
.material-icons.md-48 {
    font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}
.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3);
}
.md-button.md-fab.md-mini {
    margin-top: 3px;
    min-width: 22px;
    max-width: 22px;
    padding: 0;
    min-height: 22px;
    max-height: 22px;
    background-color: #0c7cd5;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 21px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}