html {
    /*background-color: #fafaff;*/
    /*    min-width: 1024px !important; */
    /*overflow-x: hidden;
   font-family: Verdana !important;
     color: #000024 !important;*/
    background-color: #fafaff;
    /*    min-width: 1024px !important; */
    overflow-x: hidden;
    /*font-family: Verdana !important;*/
    color: #000024 !important;
}


body {
    /*    min-width: 1022px !important;*/
    /* min-height: 850px;*/
    margin: 0 auto;
    font-family: Futura Book !important;
    font-size: 12px !important;
    color: #000024 !important;
    padding-left: 1px;
    padding-right: 1px;
    overflow-x: hidden;
    min-height: calc(99vh);
}

.panel-body {
    padding: 5px !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 10px;
    padding-right: 10px;
}

.brdown {
    margin-top: 16px;
}

/*.transitionEffect 
{
      opacity: 0;
    transition: opacity 1s;
}*/

/*.loaded 
{
  opacity: 1;
}*/

.deleteMeBtn {
    text-decoration: none;
    border-radius: 5px;
    padding: 2px 4px;
    background-color: #bf2a2a;
    color: white;
    margin-top: 1px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.footer {
    width: 98%;
    border-top: dotted 2px #FFEAA0;
    padding-top: 3px;
    margin-top: 22px;
    position: absolute;
    top: 720px;
}

body .alert {
    padding: 10px !important;
    margin-bottom: 5px !important;
    border: 1px solid transparent;
    border-radius: 5px !important;
}

body .a-small {
    padding: 6px !important;
    margin: 0px !important;
    border-radius: 4px !important;
}

body hr {
    margin: 2px !important;
}

body .roundMe {
    border-radius: 4px !important;
    -webkit-box-shadow: 6px 6px 18px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 18px 2px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 18px 2px rgba(0,0,0,0.75);
}

body .roundMeSimple {
    border-radius: 4px !important;
    border: solid 1px rgba(0, 0, 0, .075);
}

body .roundMeSimpleBold {
    border-radius: 4px !important;
    border: solid 1px rgba(0, 0, 0, .275);
    color: #242424;
    padding: 3px;
    font-weight: 500;
}

.shelltextbox {
    height: 34px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.2;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.shelltable > tbody > tr > th {
    border-top: none;
    background-color: #FFEAA0;
}

.shelltablegreen > tbody > tr > th {
    border-top: none;
    background-color: #eef6eb;
}

.shelltablegreen > thead > tr > th {
    border-top: none;
    background-color: #eef6eb;
}

.escfactorstextbox {
    width: 50px;
    border: dotted 1px #888;
    padding: 2px 3px;
    border-radius: 3px;
    text-align: right;
    min-height: 12px;
}

.sbselementlink {
    font-size: 13px;
    text-decoration: none;
}

    .sbselementlink.selected {
        font-size: 14px;
        font-weight: bold;
        background-color: #fcf5c8;
        border: solid 2px #fcd36f;
        padding: 5px 5px;
        width: 430px;
        margin-top: 1px;
        z-index: 1160;
        text-decoration: none;
        border-radius: 4px;
        color: #333;
    }

.zoomTextBox {
    padding: 5px;
    font-size: 22px;
    width: 250px;
    max-width: 250px;
    border-radius: 3px;
}

.popupzoomtextdiv {
    width: 320px;
    height: 55px;
    border-radius: 6px;
    position: fixed;
    border: outset 1px #f4f4f4;
    background-color: #fbfffb;
    padding: 40px 25px;
    z-index: 510;
    font-weight: 400;
}

.popUPdivEscCategory {
    height: 100px;
    position: fixed;
    z-index: 111;
}

.progress-bar {
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out;
}

body a.btn-xs, .btn-group-xs > .btn {
    padding: 2px 4px !important;
    font-size: 9px !important;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 2px 4px;
    font-size: 9px !important;
}

a.btn.btn-default.btn-xs {
    padding: 2px 4px !important;
    font-size: 9px !important;
}

.btn-xxs, .btn-group-xs > .btn {
    padding: 2px 4px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    border-radius: 3px !important;
}

.btn-nature {
    color: #fff;
    background-color: #379f5f;
    border-color: #346b53;
}

.btn-grass {
    color: #fff;
    background-color: #cfe5af;
    border-color: #cfe9ae;
}

.btn-plum {
    color: #fff;
    background-color: #b473ca;
    border-color: #a526e0;
}

.k-grid {
}



    .k-grid th.k-header,
    .k-grid-header {
        background: #FFEAA0;
        background: #97b8e140;
    }

th.k-header {
    padding: 6px 8px 6px 8px !important;
}

.k-grid th.k-header,
.k-grid th.k-header .k-link {
    color: #424242;
    font-weight: bold;
}

a.k-state-active {
    background-color: #FFEAA2 !important;
}

.shelltable {
    border: none !important;
}

.shelltablegreen {
    border: none !important;
}

.ShowError {
    font-family: Arial;
    margin-left: 35px;
    font-size: 13px;
    font-weight: bold;
    min-width: 280px;
    padding: 6px;
    color: #a1281e;
    margin-bottom: 11px;
}

.disabledLabelPresent {
    display: inline;
    font-weight: normal;
    background-color: #949494;
    color: #fff;
    background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
    background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
    background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
    background: -ms-linear-gradient(top, #00df00 0%, #009400 100%);
    background: linear-gradient(to bottom right, #00bf00 0%, #009400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bf00', endColorstr='#009400',GradientType=0 ); /* IE6-9 */
}

.greenInformerLabel {
    font-size: 8px;
    color: #379f5f;
    padding: 4px;
    margin-left: 17px;
    margin-top: 3px;
}

.greenInformerBlocked {
    font-size: 9px;
    color: #379f5f;
    border: 1px dotted #379f5f;
    padding: 4px;
    margin-left: 55px;
    margin-top: 3px;
}

.greenInformerBlockedUpper {
    font-size: 9px;
    color: #379f5f;
    border: 1px dotted #379f5f;
    padding: 4px;
}

.horizNavHolder {
    background: #f7d117;
    border-bottom: 6px solid #d42e12;
}

.horizNav {
    width: auto;
    height: 27px;
    border: 1px solid #e8bf0a;
    border-bottom: none;
    list-style-type: none !important;
}

    .horizNav div.menuExpandDown {
        background: transparent url(/cfr/apps/Themes/2014-09-29-05-55-46-10/Shell6Fixed/images/btn_nav_expand.gif) no-repeat 0 7px;
    }

    .horizNav a, .horizNav a:link, .horizNav a:visited, .horizNav span {
        padding: 0 8px;
        color: #3f3f3f;
        font-weight: normal !important;
        line-height: 26px;
    }

        .horizNav a:hover, .horizNav span:hover {
            color: #3f3f3f !important;
        }

    .horizNav ul {
        border: 1px solid #e8bf0a;
        border-top: none;
    }

    .horizNav li {
        font-weight: normal !important;
        background: none !important;
        line-height: inherit !important;
        padding: 0 !important;
    }

        .horizNav li.active {
            background: #ffeaa0 url(/cfr/apps/Themes/2014-09-29-05-55-46-10/Shell6Fixed/images/nav_horizontal_sprite.gif) repeat-x left -17px !important;
        }

        .horizNav li.lvl1 ul {
            top: 27px;
            margin-left: -1px;
        }

        .horizNav li.lvl1:hover, .horizNav li.lvl1.parent.menuActive {
            background: #ffeaa0;
        }

        .horizNav li li {
            background: #ffeaa0 !important;
        }

            .horizNav li li:hover {
                background: #fcfedf !important;
            }

        .horizNav li.parent.menuActive > table div.menuExpandDown {
            background: transparent url(/cfr/apps/Themes/2014-09-29-05-55-46-10/Shell6Fixed/images/btn_nav_minimise.gif) no-repeat 0 7px;
        }

        .horizNav li.parent li a, .horizNav li.parent li a:link, .horizNav li.parent li a:visited, .horizNav li.parent li span {
            background-color: transparent;
            color: #3f3f3f;
        }

    .horizNav .lvl1.parent .leftNavItem a {
        padding-right: 4px;
    }

    .horizNav .lvl1.parent div.menuExpandDown {
        width: 15px;
    }

.shellnavbar {
    background-color: #f7d117;
    border-bottom: 6px solid #d42e12;
    height: 38px;
    margin: 0;
    width: 100%;
    position: absolute;
    z-index: 300 !important;
}

navbar-default {
    z-index: 300 !important;
}

.navbar-default .navbar-nav > li > a {
    color: #484848;
    font-size:12px !important;
}

.shellnav > li > a {
    color: #222222;
    margin: 0;
    padding: 9px;
    line-height: 20px;
    font-size: 11px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #f7d117;
    border-bottom: solid 1px #999;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #f7d117;
    border-color: #999;
}

.dropdown:hover .dropdown-menu {
    display: block;
}


.fixed-width {
    padding: 1px;
    max-width: 605px;
    overflow: auto;
    font-size: 13px;
}

    .fixed-width li {
        padding: 4px;
        border-bottom: 1px dotted #ccc;
    }

.ui-helper-hidden-accessible {
    display: none;
}

body .shellbgcolor {
    position: relative;
    background-color: #f7d117 !important;
    border-bottom: 6px solid #d42e12;
    height: 38px;
    z-index: 300;
}

body .dropdown-menu {
    position: absolute;
    background: #f7d117;
    border: 1px solid #e8bf0a;
    border-top: none;
    z-index: 300;
    left: 11px;
    -webkit-box-shadow: 6px 6px 18px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 18px 2px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 18px 2px rgba(0,0,0,0.75);
}

    body .dropdown-menu > li {
        position: relative;
        background: #ffeaa0;
        padding: 5px;
        border-bottom: solid 1px #e8bf0a;
        z-index: 300;
    }


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #222;
    text-decoration: none;
    background-color: #f9f9e3;
}

.dropdown-menu > li:hover,
.dropdown-menu > li:focus {
    color: #444;
    text-decoration: none;
    background-color: #f9f9e3;
}

body .dropdown-menu > li > a {
    position: relative;
    display: block;
    padding: 3px 5px;
    clear: both;
    font-weight: normal;
    line-height: 1.1;
    color: #333;
    white-space: nowrap;
    font-size: 11px;
    z-index: 300;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

select {
    color: #424242 !important;
    background-color: #fcf5c8 !important;
    font-size: 12px !important;
    padding: 2px 4px !important;
}

    select .WhiteSpace {
        white-space: pre;
    }

body .li-separator {
    height: 5px;
    padding: 0px !important;
    background-color: #d4d4d4 !important;
}

body .li-separatorInfo {
    height: 5px;
    padding: 0px !important;
    background-color: #009400 !important;
    border: none;
}

input.text-box.single-line {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    padding: 5px;
    min-width: 200px;
}

.sbselement {
    padding-left: 14px;
    margin-bottom: 3px;
}

/* Used on chart page */

.k-radio-label, .k-checkbox-label {
    font-weight: normal;
    padding-right: 20px;
}

.k-panelbar > .k-item > .k-link {
    font-weight: bold;
}

.k-panelbar > .k-item > .k-content {
    padding: 0px 10px 10px 10px;
}

.k-notification-info.k-group {
    background: rgba(0%,0%,0%,.9);
    color: #fff;
}

li.nostyle {
    background-color: white;
    list-style: none;
    margin-top: 3px;
}

.BigDCSubPageTitle {
    font-size: 17px;
    padding: 5px;
    color: #444;
    margin-left: 80px;
    background-color: #f7eea5;
    border: solid 2px #faae45;
    border-radius: 6px;
}

.SubPageTitle {
    font-size: 15px;
    font-weight: bold;
    color: #D42E12;
    text-decoration: none;
}

.mapperDivMain {
    border: solid 1px #FFEAA0;
    border-radius: 4px;
    padding: 3px;
    margin: 3px 0px;
}

.backToList {
    font-size: 14px;
    color: #009400;
}

.escMapperDropDown {
    font-size: 8px;
    max-width: 230px;
    /* width: 160px; */
    border-radius: 4px;
    padding: 1px;
    margin-top: -3px;
}

.html5-progress-bar {
    margin-top: 5px;
    padding: 10px;
    border-radius: 4px;
    background-color: #fefeff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2);
}

    .html5-progress-bar progress {
        background-color: #f3f7f3;
        border: 0;
        width: 85%;
        height: 20px;
        border-radius: 6px;
    }

        .html5-progress-bar progress::-webkit-progress-bar {
            background-color: #e4e4e4;
            border-radius: 9px;
        }

        .html5-progress-bar progress::-webkit-progress-value {
            background: #fec641;
            background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
            background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
            background: -o-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
            background: -ms-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
            background: linear-gradient(to bottom, #cdeb8e 0%,#a5c956 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
            border-radius: 9px;
        }

        .html5-progress-bar progress::-moz-progress-bar {
            background: #fec641;
            background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
            background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
            background: -o-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
            background: -ms-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
            background: linear-gradient(to bottom, #cdeb8e 0%,#a5c956 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
            border-radius: 9px;
        }

    .html5-progress-bar .progress-value {
        padding: 0px 5px;
        line-height: 20px;
        margin-left: 5px;
        font-size: .8em;
        color: #444;
        height: 18px;
        float: right;
    }

.k-multiselect .k-button {
    background-color: white;
    color: black;
}

.gridSelectableRows tbody tr:hover {
    background: #AACFEF;
}

/***** Generic styling *****/

/* Used for popup title bar */
.k-header {
    background-color: white;
}

/***** Generic control styling *****/

.dcmtButton {
    background-color: #41618A; /* #668ab8; */
    color: white;
}

.rotate {
    -webkit-transform: rotate(90deg); /* Safari */
    -moz-transform: rotate(90deg); /* Firefox */
    -ms-transform: rotate(90deg); /* IE */
    -o-transform: rotate(90deg); /* Opera */
    transform: rotate(90deg);
    transform-origin: left top 0;
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/***** Chart *****/

.chart-wrapper {
    margin-left: 25px;
    margin-top: 15px;
}

.chart-noChart {
    margin-top: 40px;
    font-size: 12px;
}

.chart-error {
    margin-top: 40px;
    font-size: 12px;
    color: black;
}

/***** Left Panel *****/

#leftPanel {
    position: absolute;
    top: 120px;
    left: 0;
    width: 550px;
    margin-left: -550px;
    border: solid #e9e9e9;
    border-width: 1px 1px 1px 0;
    background-color: #ffeaa0;
    z-index: 10;
    opacity: .99;
}

.leftPanelContentInside {
    width: 530px; /* = .leftPanel - 20 */
    margin: 10px;
    padding: 10px;
    background-color: white;
    border: 1px;
    border-color: #668ab8;
    border-style: solid;
}

.leftPanelChartButtons {
    margin: 0 5px 0 5px;
}

.chartButton {
    margin: 10px 5px 10px 5px;
}

.leftPanelHandle {
    position: absolute;
    height: 31px;
    width: 69px;
    border-radius: 0px 10px 0px 0px;
}

    .leftPanelHandle.selected {
        background-color: #668ab8;
        color: white;
    }

#leftPanelHandleProject {
    left: 581px; /* = width of #leftPanel + height, necessary because of rotation */
    top: 0px;
}

#leftPanelHandleXY {
    left: 581px; /* = width of #leftPanel + height, necessary because of rotation */
    top: 73px;
}

#leftPanelHandleSettings {
    left: 581px; /* = width of #leftPanel + height, necessary because of rotation */
    top: 146px;
}

.filterHeader {
    background-color: lightgray;
    font-weight: bold;
    font-size: 13px;
    padding: 5px;
    margin: 5px 0 8px;
}

.filterLabel {
    width: 150px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 4px;
}

.filterControl {
    /* width: 320px; */ /* = .leftPanelContent - .filterLabel */
    min-height: 30px;
    display: inline-block;
}

/***** Property value editing *****/

.propertyValueEditButton .k-edit {
    display: none;
    background-position: 0 0;
    background-image: none;
}

.k-edit-form-container {
    width: 600px;
}

div.k-tooltip {
    /*   position: absolute;  */
    display: inline-block;
    /*   border-width: 1px;
    padding: 2px 5px 1px 6px; */
}

/*Access control Styles*/

.main-div-style {
    text-align: center;
    margin-top: 60px;
    min-width: 650px !important;
    padding: 15px;
    max-width: 99% !important;
}

#divAccessControlMain ul > li {
    list-style-type: none;
}

.ul-inline {
    display: inline !important;
    list-style-type: none;
}

.margin-top {
    margin-top: 40px;
}

.lbl-margin-right {
    margin-right: 10px;
}

#divAccessControlMain ul > li > span {
    margin-right: 10px;
}

.divGridAssetStyle {
    max-width: 99% !important;
    min-width: 650px !important;
}

/*August 2020 Release*/
/*pro-act-report-new-font*/

@font-face {
    font-family: 'futur';
    src: url('../fonts/futura/futur.ttf') format('truetype');
}

@font-face {
    font-family: 'Futura Bold';
    src: url('../fonts/futura/Futura Bold font.ttf') format('truetype');
}

@font-face {
    font-family: 'Futura Book';
    src: url('../fonts/futura/Futura Book font.ttf') format('truetype');
}

@font-face {
    font-family: 'Futura Heavy';
    src: url('../fonts/futura/Futura Heavy font.ttf') format('truetype');
}

@font-face {
    font-family: 'futura light bt';
    src: url('../fonts/futura/futura light bt.ttf') format('truetype');
}

@font-face {
    font-family: 'Futura Light';
    src: url('../fonts/futura/Futura Light font.ttf') format('truetype');
}

@font-face {
    font-family: 'futura medium bt';
    src: url('../fonts/futura/futura medium bt.ttf') format('truetype');
}

@font-face {
    font-family: 'futura medium condensed bt';
    src: url('../fonts/futura/futura medium condensed bt.ttf') format('truetype');
}


/*Updated CSS*/


/*Material Icons*/
.material-icons-outlined {
    color: #404040 !important;
    font-size: 16px;
}

    .material-icons-outlined.withBorder {
        border: 1.5px solid #404040 !important;
        border-radius: 5px;
    }

    .material-icons-outlined.updateProgress {
        height: 15px;
        width: 18px;
    }

/*proActCard*/
.proActCard {
    margin-bottom: 1%;
    padding: 4px 10px 4px 10px;
    box-shadow: 0px 1px 1px 0px #ddd;
    border: 1px solid #ddd;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.padding15 {
    padding: 15px;
}

.actionButton {
    padding: 20px 15px 20px 15px;
}

.saveButton {
    width: 7%;
    background-color: red;
    color: white;
}

.cancelButton {
    width: 7%;
    background-color: white;
    color: black;
    margin-left: 5px;
}

.refreshButton {
    width: 7%;
    margin-left: 5px;
}

.form-control {
    display: inline-block;
    outline: 0;
    border-width: 0 0 1.5px;
    border-color: lightgrey;
    border-radius: 0px;
    box-shadow: none;
}

    .form-control:focus {
        box-shadow: none !important;
        transition: all 0.1s ease-out;
    }

    .form-control::after {
        /*position: absolute;*/
        display: block;
        height: 2px;
        /* left: 0;
        bottom: 0;
        right: 0;*/
        background: purple;
        content: "\00a0";
        transform: scaleX(0);
        transition: all 0.2s ease-out;
    }

textarea:focus {
    box-shadow: none !important;
    transition: all 0.6s ease-out;
    border-color: #66afe9 !important;
    outline: 0;
}

.k-dropdown-wrap {
    border-width: 0px;
    border-bottom: 1.5px solid lightgrey;
    border-radius: 0px;
    border-style: solid;
}

.k-state-hover {
    background-color: white !important;
    border-color: lightgrey !important;
}

.k-state-default {
    border-color: lightgrey !important;
}

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

.k-dropdown-wrap.k-state-active.k-state-border-down, .k-numeric-wrap .k-link.k-state-selected, .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-picker-wrap.k-state-active.k-state-border-down {
    box-shadow: none;
}

.k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-picker-wrap.k-state-active {
    background-color: white;
}

..k-datepicker {
    border-radius: 0px;
}

.k-picker-wrap {
    border-width: 0px 0px 1.5px 0px;
    border-style: solid;
}

    .k-picker-wrap.k-state-default .k-input {
        box-shadow: none;
    }

    .k-picker-wrap .k-select {
        border-width: 0 0 0 0px;
    }

.k-datepicker {
    width: 100%
}

.addBtn {
    background-color: #D0ECF1;
}

button.btn, a.btn {
    border-radius: 0px;
    font-weight: bold;
    /*border: 1px solid black;*/
}

    button.btn:focus {
        outline: none !important;
    }

.vl {
    border-left: 1px solid lightgrey;
}

.pTop10 {
    padding-top: 10px;
}

.pTop20 {
    padding-top: 20px !important;
}

.pBott5 {
    padding-bottom: 5px;
}

.pTBLR50 {
    padding: 5px 0px;
}

.pTB5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pTB15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p0 {
    padding: 0px;
}

.pT5 {
    padding-top: 5px !important;
}

.rIcon {
    color: red !important;
}

.mTop20 {
    margin-top: 20px;
}

.k-editor, .k-grid, .k-menu, .k-scheduler {
    border-radius: 0px;
}

.icon22 {
    font-size: 22px;
}

.cleanIcon {
    color: red !important;
}

.cleanText {
    text-decoration: underline;
    color: red !important;
}

.dExcelTemp {
    font-size: 11px;
    font-weight: 600;
    text-decoration: underline;
    color: #008443;
    cursor: pointer;
}

.dwnIcon {
    vertical-align: bottom;
    font-size: 18px;
    color: #008443 !important;
}

.delText {
    color: red;
    font-weight: bold;
    font-size: 12px;
}

.delIcon {
    vertical-align: bottom;
    font-size: 20px;
    color: red !important;
}

.viewUploadHist {
    width: 11em !important;
    float: right;
    margin: 0px;
}

.uploadexcelBtns {
    text-align: right;
    padding: 0px;
}

.saveBtnSec {
    margin-top: 10px;
    margin-bottom: 10px;
}

label.subTitle {
    font-size: 14px;
    padding-bottom: 5px;
    color: lightslategray;
}

.textAR {
    text-align: right;
}

.proSetUp {
    color: #339D69;
    text-decoration: underline;
    cursor: pointer;
}

.mTB20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

#viewResults {
    margin-top: 3%;
}

.btn-default {
    background: none !important;
   /* width: 7em;*/
    margin-right: 10px;
}

.mIcon {
    vertical-align: middle;
    font-size: 22px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.k-button {
    border-radius: 0px;
}

.saveChangesBtn {
   /* width: 7em;*/
    margin-right: 10px;
    background-color: red;
    color: white;
}

.k-switch {
    font-size: 10px !important;
    width: 4.5em !important;
}

.k-autocomplete .k-input, .k-multiselect-wrap, .k-textbox > input {
    border-radius: 0px;
}

.k-autocomplete, .k-block, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-split-button, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-titleless .k-window-content {
    border-radius: 0px;
}

    .k-autocomplete .k-input, .k-combobox .k-state-default .k-input, .k-multiselect-wrap, .k-numeric-wrap.k-state-default .k-input, .k-picker-wrap.k-state-default .k-input, .k-progress-status-wrap, .k-slider-selection, .k-slider-track {
        box-shadow: none;
    }

.k-autocomplete, .k-dropdown-wrap, .k-multiselect-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox {
    border-width: 0px;
    border-bottom-width: 1px;
    border-style: solid;
    border-bottom-color: lightgrey;
}

    .k-autocomplete :focus, .k-dropdown-wrap, .k-multiselect-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox {
        border-bottom-color: #66afe9;
    }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: none !important;
}

.proHeader {
    background-color: #97b8e140;
    padding: 8px 15px 8px 55px;
    height: 38px;
    margin: 0px;
    font-size: 12px;
}

.k-fieldselector .k-list .k-item, .k-listbox .k-item, .k-overflow-container .k-state-focused {
    padding: 8px 20px !important;
    margin: 0 30px;
}

.k-listbox {
    height: 400px;
}

.showInLine {
    display: inline-block !important;
}

.mL15B0 {
    margin-left: 15px;
    margin-bottom: 0px;
}

.k-alt {
    background-color: white;
}

.mT4p {
    margin-top: 4%;
}

.Btn-Tab {
    font-weight: normal;
    font-size: 12px !important;
    text-align: left;
    padding: 8px 0px 5px 0px !important;
   /* height: 28px !important;*/
    cursor: pointer;
    margin-right: 15px;
}
    .Btn-Tab:hover {
        font-weight: bold;
        border-bottom: 2px lightgrey solid !important;
        /* background-color: lightgrey;*/
    }
    .Btn-Tab.active {
        border-bottom: 2px red solid;
        font-weight: bold;
        opacity: 1 !important;
    }

.k-grid-delete, .k-grid-cancel {
    color: red !important;
}

.k-grid-edit {
    color: #16b7e7 !important;
}

.k-primary, .k-primary.k-state-hover, .k-primary:hover {
    color: #16b7e7 !important;
    border-color: white !important;
    background-color: white !important;
}

.k-grid tr:hover {
    background-color: #d0ecf145 !important;
}

.DisplayNone {
    display: none;
}

hr {
    width: 100% !important;
    background-color: #ddd !important;
}

.btn_save {
    margin-right: 10px;
    background-color: red;
    color: white;
}