body {
    padding-top: 10px;
}

.ic-language {
    background: url('images/baseline_language_black_18dp.png') no-repeat;
    background-size: contain;
    display: inline-block;
    font-size: 16px;
    height: 18px;
    line-height: 1;
    vertical-align: text-top;
    width: 18px;
}

.loader {
    cursor: wait;
    background-color: white;
    background-image: url('https://kendo.cdn.telerik.com/2021.2.616/styles/Metro/loading-image.gif');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 25%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity: 0.75;
    position: absolute;
    z-index: 10000;
    display: none;
}

/* used for kendo.ui.progress() */
div.k-loading-mask {
    z-index: 10000;
}

.remove-all-margin-padding{
    margin:0 !important;
    padding:0 !important;
}

.masthead {
    color: #FFFFFF;
    height: 65px;
}

.panel-default > .panel-heading {
    background: #0E3449;
    color: white;
    font-weight: bold;
}

.panel-heading a {
    color: white;
    text-decoration: none;
}

.validation-summary-errors ul {
    list-style: none;
    margin-left: -40px
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #ADC67F;
    color: white;
}

.goodcolor {
    color: green;
}

.warningcolor {
    color: orange;
}

.badcolor {
    color: red;
}

.attentioncolor {
    color: red;
}

.gridGreenRow {
    background-color: green;
    color: white;
}

.gridYellowRow {
    background-color: yellow;
    color: black;
}

.gridOrangeRow {
    background-color: orange;
    color: white;
}

.gridBlueRow {
    background-color: lightskyblue;
    color: black;
}

.gridRedRow {
    background-color: red;
    color: white;
}

.gridBoldItalicRow {
    font-weight: bold;
    font-style: italic;
}

.inputvalid {
    background-color: #e7ffdb !important;
}

.inputinvalid {
    background-color: #ffdbdb !important;
}

.displayAlign {
    margin-top: 7px;
}

.marginTop-10 {
    margin-top: 10px;
}

.marginTop-20 {
    margin-top: 20px;
}

.marginBottom-0 {
    margin-bottom: 0;
}

.marginBottom-10 {
    margin-bottom: 10px;
}

.kendogridtab-details ul {
        list-style: none;
        margin: 15px;
        margin-left: 0;
        padding-left: 0;
    }
    
.kendogridtab-details ul li {
    margin: 0;
    line-height: 1.7em;

}

.kendogridtab-details label {
    display: inline-block;
    width: 200px;
    /*padding-right: 10px;*/
    font-style: normal;
    font-weight: bold;
}

.kendogriderrors {
    color: white;
    background-color: red;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/* USED TO AUTO SIZE CONTROL TO THE KENDO GRID POPUP EDITOR 
    http://www.telerik.com/forums/increase-the-width-of-editor-controls-in-grid-popup
*/                                      
div.k-edit-form-container
{
    width: 80%;
}

.form-horizontal .control-text {
    padding-top: 7px;
    margin-bottom: 0;
}

.form-horizontal .control-label.text-left {
    text-align: left !important;
}

.form-group.required .control-label:after {
    content: " *";
    color: red;
}

/* https://www.w3schools.com/howto/howto_css_cards.asp */
.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

.card-disabled {
    color: #cccccc;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card a {
    color: inherit;
    text-decoration: none;
}

/* Add some padding inside the card container */
.card-container {
    padding: 2px 16px;
}

/* override kendo grid active filter background color*/
.k-grid-filter.k-state-active {
    background-color: #ADC67F !important;
}