@import url('../fonts/font-awesome.css');


body {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin: 0px;
    padding: 0px;
}

#profile {
    position: relative;
}

.k-tooltip-validation {
    position: static;
}


.PLudEditwell {
    min-height: 20px;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.PLudwellheading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    min-height: 20px;
    color: #ffffff;
    background-color: #13688c;
    border-color: #E3E3E3;
    font-weight: bolder;
    font-size: 1.2em;
    line-height: 1em;
    margin: 0px 0px 0.8333em;
    padding: 0 0px 0.7222em;
}

.PLra-well-title {
    font-size: 12px;
    min-height: 13px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 1px solid #e7e7e7;
    margin: 0px 0px 5px 0px !important;
    background-color: #163E4F !important;
    color: #ffffff !important;
    padding: 5px;
    font-weight: bolder;
}

.udwell {
    min-height: 1px;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.udEditwell {
    min-height: 20px;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.udwellheading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    min-height: 20px;
    color: #ffffff;
    background-color: #13688c;
    border-color: #E3E3E3;
    font-weight: bolder;
    font-size: 1.2em;
    line-height: 1em;
    margin: 0px 0px 0.8333em;
    padding: 0 0px 0.7222em;
}

.ra-well-title {
    font-size: 14px;
    line-height: 2em;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 1px solid #e7e7e7;
    margin: 0px 0px 5px 0px !important;
    background-color: #13688c !important; /*title color*/
    color: #ffffff !important;
    padding-left: 5px;
    font-weight: bolder;
    padding-right: 10px;
}

.ra-avatar {
    border: 1px solid #e7e7e7;
    border-radius: 2px;
}

.ra-first-name {
    display: block;
    margin-top: 0.8571em;
}

.ra-last-name {
    display: block;
    font-size: 1.7143em;
    line-height: 1.3em;
}

.ra-position {
    font-size: 0.8571em;
    color: #999;
    padding-bottom: 2em;
}

.form-group .k-widget,
.form-group .k-textbox {
    width: 100%;
}

.buttons-wrap {
    border-top: 1px solid #e7e7e7;
    padding-top: .5em;
    text-align: right;
}

.ra-section {
    margin-bottom: 5px;
}

.ra-well-overlay {
    margin: -16px -20px -19px;
}

.udpanelsectionheading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    min-height: 23px;
    color: #ffffff;
    line-height: 2em;
    background-color: #13688c;
    border-color: #428bca;
    padding-top: 5px;
    font-weight: bolder;
}

.PLudpanelheading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    min-height: 19px;
    color: #ffffff;
    background-color: #163E4F;
    border-color: #428bca;
    padding: 2px;
    font-weight: bolder;
}

.udpanelheading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    min-height: 23px;
    color: #ffffff;
    background-color: #163E4F; /*heading color*/
    border-color: #13688c;
    padding-top: 5px;
    font-weight: bolder;
}

.udpanelviewheading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    min-height: 23px;
    color: #000000;
    background-color: #13688c;
    border-color: #F67777;
    padding-top: 5px;
    font-weight: bolder;
}

.udpaneltitle {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
}

.udtextdanger {
    color: #b94a48;
}

.udpagerFooter {
    min-height: 27px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.udpagerFooterDanger {
    min-height: 27px;
    background-color: red;
    text-align: left;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.udpagerFooterSuccess {
    min-height: 27px;
    background-color: green;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.udpagerFooterWarning {
    min-height: 27px;
    background-color: #FF851B !important;
    color: #ffffff !important;
    content: "\f071" !important;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.k-grid-header th.k-header {
    color: black !important;
    font-size: 12px !important;
    font-weight: bold !important;
    background-color: #7AA6CB !important;
}

.k-grid th.k-header .k-link {
    color: black;
    font-weight: bold !important;
    height: 10px !important;
}

.k-grid td {
    border-bottom: 1px solid #BBDCEB !important;
    white-space: nowrap;
    overflow: hidden;
}

.k-grid tbody tr {
    height: 22px;
    white-space: nowrap !important;
}

.k-dirty-clear {
    border-width: 0;
}

.k-grid table tr:hover td {
    /*background: #FCFFE9 !important;*/
    cursor: pointer !important;
    /*color: #003F59 !important;*/
}

.k-widget.k-tooltip {
    background: #E6F0A3 !important; /* Old browsers */
    width: auto !important;
    height: auto !important;
    color: black !important;
    /*white-space: nowrap !important;*/
}

.required {
    font-weight: bold;
}

.valid {
    color: green;
}

.invalid {
    color: red;
}

/* Info template */
.k-notification-info.k-group {
    background: rgba(0%,0%,0%,.7);
    color: #fff;
}

.new-mail {
    width: 300px;
    height: 100px;
}

    .new-mail h3 {
        font-size: 1em;
        padding: 32px 10px 5px;
    }

    .new-mail img {
        float: left;
        margin: 30px 15px 30px 30px;
    }

/* Error template */
.k-notification-error.k-group {
    background: rgba(100%,0%,0%,.7);
    color: #ffffff;
}

.wrong-pass {
    width: 300px;
    height: 100px;
}

    .wrong-pass h3 {
        font-size: 14px;
        font-weight: bold;
        padding: 15px 10px 5px;
    }

    .wrong-pass i {
        font-size: 30px !important;
        float: left;
        margin: 10px 15px 30px 10px;
        color: #DB3610;
    }

.errImage {
    background-repeat: no-repeat;
    background-image: url(Images/error-icon.png.png);
}

/* Success template */
.k-notification-upload-success.k-group {
    background: rgba(0%,60%,0%,.7);
    color: #fff;
}

.upload-success {
    width: 240px;
    height: 100px;
    padding: 0 30px;
    line-height: 100px;
    background-color: green;
}

    .upload-success h3 {
        font-size: 1.7em;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
    }

    .upload-success img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

/* warning template */
.k-notification-warning-success.k-group {
    background: rgba(0%,60%,0%,.7);
    color: #fff;
}

.warning-success {
    width: 240px;
    height: 100px;
    padding: 0 30px;
    line-height: 100px;
    background-color: orange;
}

    .warning-success h3 {
        font-size: 1.7em;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
    }

    .warning-success img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

.k-rtl .k-grid-header .k-with-icon .k-link {
    margin-right: -0.6em;
    margin-left: 1.3em;
}

#panelRight ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#panelRight li {
    margin: 5px 0;
    min-height: 30px;
}

.removeBullet ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.removeBullet li {
    margin: 5px 0;
    min-height: 30px;
}

.udpanel-body {
    padding: 5px;
}

    .udpanel-body:before,
    .udpanel-body:after {
        display: table;
        content: " ";
    }

    .udpanel-body:after {
        clear: both;
    }

    .udpanel-body:before,
    .udpanel-body:after {
        display: table;
        content: " ";
    }

    .udpanel-body:after {
        clear: both;
    }


.multiRow {
    margin-right: 0px;
    margin-left: 0px;
}

    .multiRow:before,
    .multiRow:after {
        display: table;
        content: " ";
    }

    .multiRow:after {
        clear: both;
    }

    .multiRow:before,
    .multiRow:after {
        display: table;
        content: " ";
    }

    .multiRow:after {
        clear: both;
    }

.row {
    margin-right: -5px;
    margin-left: -5px;
}

    .row:before,
    .row:after {
        display: table;
        content: " ";
    }

    .row:after {
        clear: both;
    }

    .row:before,
    .row:after {
        display: table;
        content: " ";
    }

    .row:after {
        clear: both;
    }

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}


.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after {
        display: table;
        content: " ";
    }

    .form-horizontal .form-group:after {
        clear: both;
    }

    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after {
        display: table;
        content: " ";
    }

    .form-horizontal .form-group:after {
        clear: both;
    }

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
    }
}

.udbtn-custom1 {
    background-color: hsl(145, 62%, 68%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cdf3dd", endColorstr="#7adfa4");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#cdf3dd), to(#7adfa4));
    background-image: -moz-linear-gradient(top, #cdf3dd, #7adfa4);
    background-image: -ms-linear-gradient(top, #cdf3dd, #7adfa4);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdf3dd), color-stop(100%, #7adfa4));
    background-image: -webkit-linear-gradient(top, #cdf3dd, #7adfa4);
    background-image: -o-linear-gradient(top, #cdf3dd, #7adfa4);
    background-image: linear-gradient(#cdf3dd, #7adfa4);
    border-color: #7adfa4 #7adfa4 hsl(145, 62%, 63%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-InformationIcon {
    background-image: url('Images/info_i.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-InformationIcon:hover,
    .btn-InformationIcon:active,
    .btn-InformationIcon:focus {
        background: url(Images/info_i.png) no-repeat 50%;
        background-color: #ebebeb;
        border-color: #adadad;
    }


    .btn-InformationIcon:disabled {
        background: url(Images/info_i.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #c4c0c0;
        border-color: #c4c0c0;
        color: black;
    }



.btn-Flag {
    background-image: url('Images/Flag-1.png');
    background-repeat: no-repeat;
    height: 64px;
    width: 64px;
    position: absolute;
}

    .btn-Flag:hover,
    .btn-Flag:active,
    .btn-Flag:focus {
        background: url(Images/Flag-1.png) no-repeat 50%;
        /*/*background-color: #ebebeb;
        border-color: #adadad;*/
    }

    .btn-Flag:disabled {
        background: url(Images/Flag-1.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #c4c0c0;
        border-color: #c4c0c0;
        color: black;
    }

.btn-Users {
    background-image: url('Images/duplicateIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    height: 22px;
    width: 25px;
    position: absolute;
}

    .btn-Users:hover,
    .btn-Users:active,
    .btn-Users:focus {
        background-image: url('Images/duplicateIcon.png');
        background-repeat: no-repeat;
        background-color: transparent;
        /*/*background-color: #ebebeb;
        border-color: #adadad;*/
    }

    .btn-Users:disabled {
        background: url(Images/duplicateIcon.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #c4c0c0;
        border-color: #c4c0c0;
        color: black;
    }



.informationcon::after {
    background-image: url('Images/info_i.png');
    position: absolute;
}


.udbtn-custom {
    background-color: hsl(145, 62%, 68%) !important;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    padding: 4px 0px;
    text-decoration: none;
    text-shadow: 0px 1px 8px #2f6627;
}

    .udbtn-custom:hover {
        background-color: #5cbf2a;
    }

    .udbtn-custom:active {
        position: relative;
        top: 1px;
    }

.udbtn-file {
    position: relative;
    overflow: hidden;
}

    .udbtn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }


/* reset everything to the default box model */

*,
:before,
:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Password Validation */

#pwdInformation {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 250px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-clip: padding-box;
}

    #pwdInformation h4 {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
    }

    #pwdInformation::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        left: 45%;
        font-size: 14px;
        line-height: 14px;
        color: #ddd;
        text-shadow: none;
        display: inline-block;
    }

.invalid {
    background: url(../Images/Invalid.png) no-repeat 0 50%;
    padding-left: 22px;
    line-height: 24px;
    color: #ec3f41;
}

.valid {
    background: url(../Images/Valid.png) no-repeat 0 50%;
    padding-left: 22px;
    line-height: 24px;
    color: #3a7d34;
}

#pwdInformation {
    display: none;
}

textarea {
    resize: none;
}

.k-checkbox-label {
    padding-right: 1.5em;
}

    .k-checkbox-label:after,
    .k-checkbox-label:before,
    .k-checkbox:checked + .k-checkbox-label:after {
        right: 0;
        left: auto;
    }


.scrollbar {
    width: 8px !important;
    height: 8px !important;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: RGB(207, 230, 241);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: RGB(207, 230, 241);
    }

.k-grid .k-state-selected {
    background: #F5FBCC !important;
    color: #003F59 !important;
}

.gridrowcolorGreen {
    color: green;
}

.gridrowcolorRed {
    color: red;
}

.gridrowcolorRedselected {
    background: #F5FBCC !important;
    color: red;
}

.gridrowcolorBlack {
    color: #003F59;
}

.gridrowcolorDisabled {
    color: #A87348;
}

.gridEditColumn {
    background-color: transparent;
    /*background-color: #FBF1E3;
    color: #003F59;*/
}

.gridEditColumnright {
    background-color: transparent;
    /*background-color: #FBF1E3;
    color: #003F59;*/
    text-align: right;
}

.columnRightToLeft {
    text-align: right;
}

.gridColumnMandatory {
    justify-content: flex-end;
    content: "\f005";
    font-family: FontAwesome;
}

    .gridColumnMandatory::after {
        content: "\f005" !important;
        font-family: FontAwesome !important;
        color: red;
        font-size: 6px;
        position: relative;
        align-content: flex-end;
        vertical-align: super;
    }

.gridMandatoryColumn {
    justify-content: flex-end;
    content: "\f005";
    font-family: FontAwesome;
}

    .gridMandatoryColumn::after {
        content: "\f005" !important;
        font-family: FontAwesome !important;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: red;
        font-size: 6px;
        position: relative;
        align-content: flex-end;
        vertical-align: super;
    }

/*.gridColumnMenu {
    content: "\F142";
    font-family: FontAwesome;
}*/

.fabutton {
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    background-color: #daecf4;
    color: black;
    border-radius: 5px;
}

.btn-gridColumnMenu {
    position: relative;
    height: 20px;
    width: 20px;
}

    .btn-gridColumnMenu:before {
        content: "\F142";
        align-content: center;
        justify-content: space-around;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #000;
        margin-top: -11px;
        margin-left: -6px;
        font-size: 14px;
        position: absolute;
    }

    .btn-gridColumnMenu:hover,
    .btn-gridColumnMenu:active,
    .btn-gridColumnMenu:focus {
        content: "\F142";
        font-family: FontAwesome;
        background-color: #ebebeb;
        border-color: #adadad;
    }


    .btn-gridColumnMenu:disabled {
        content: "\F142";
        font-family: FontAwesome;
        background-color: #c4c0c0;
        border-color: #c4c0c0;
        color: black;
    }

#rcornersRed {
    border-radius: 10px;
    background-color: red;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

#rcornersYellow {
    border-radius: 10px;
    background-color: yellow;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

#rcornersBlack {
    border-radius: 10px;
    background-color: #003F59;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

#rcornersGreen {
    border-radius: 10px;
    background-color: green;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

#rcornersBlue {
    border-radius: 10px;
    background-color: blue;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

#rcornersGray {
    border-radius: 10px;
    background-color: gray;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

#rcornersPink {
    border-radius: 10px;
    background-color: #F8D2DA;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

#rcornersOrange {
    border-radius: 10px;
    background-color: orange;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

#invGreen {
    border-radius: 6px;
    background-color: #A0D468;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
}

#invYellow {
    border-radius: 6px;
    background-color: #FFCE54;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
}

#invYellowc {
    border-radius: 6px;
    background-color: Yellow;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
}

#invGrapeFruit {
    border-radius: 6px;
    background-color: #ED5565;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
}

#invOrange {
    border-radius: 6px;
    background-color: orange;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
}

#invVividmagenta {
    border-radius: 6px;
    background-color: #C71DF1;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
}

#invGray {
    border-radius: 6px;
    background-color: #AC92EC;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
}

#invBlack {
    border-radius: 6px;
    background-color: black;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
}

#invRed {
    border-radius: 6px;
    background-color: red;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
}

#invtransparent {
    border-radius: 6px;
    background-color: transparent;
    width: 6px;
    height: 6px;
    border: 1px solid #ccc;
}

.dvBlack {
    border-radius: 2px !important;
    background-color: #003F59 !important;
    border: 1px solid #ccc;
    width: 1px !important;
}

.dvFullBlack {
    border-radius: 10px;
    background-color: black;
    border: 2px solid #ccc;
    width: 3px !important;
}

.dvRed {
    border-radius: 2px;
    background-color: red;
    border: 1px solid #ccc;
    width: 1px !important;
}

.dvgrdcolRed {
    border-radius: 2px;
    background-color: #ff4d4d;
    border: 1px solid #ccc;
    width: 1px !important;
}

.dvPink {
    border-radius: 2px;
    background-color: #F8D2DA;
    border: 1px solid #ccc;
    width: 1px !important;
}

.dvBlue {
    border-radius: 2px;
    background-color: blue;
    border: 1px solid #ccc;
}

.dvGreen {
    border-radius: 2px;
    background-color: Green;
    border: 1px solid #ccc;
}

.dvOrange {
    border-radius: 2px;
    background-color: orange;
    border: 2px solid #ccc;
}

.dvYellow {
    border-radius: 2px;
    background-color: Yellow;
    border: 2px solid #ccc;
}

.dvMaroon {
    border-radius: 2px;
    background-color: #470000;
    border: 1px solid #ccc;
}

.dvGray {
    border-radius: 2px;
    background-color: gray;
    border: 1px solid #ccc;
}

.dvAmber {
    border-radius: 2px;
    background-color: #FFBF00;
    border: 1px solid #ccc;
}

#rcornersSubRed {
    border-radius: 10px;
    background-color: red;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

#rcornersSubBlack {
    border-radius: 10px;
    background-color: #003F59;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

#rcornersSubGreen {
    border-radius: 10px;
    background-color: green;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

#rcornersSubPink {
    border-radius: 10px;
    background-color: #F8D2DA;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #ccc;
}

.tabInsideControl {
    margin-left: -10px !important;
    margin-bottom: -50px !important;
    margin-right: -10px;
}

.btn-Calendar {
    background: url(Images/Calendar.png);
    background-repeat: no-repeat;
    min-height: 20px;
    min-width: 20px !important;
    margin-left: 20px !important;
    /*background-color: #31b0d5;
    border-color: #285e8e;*/
}

    .btn-Calendar:hover,
    .btn-Calendar:active,
    .btn-Calendar:disabled,
    .btn-Calendar:focus {
        background: url(Images/Calendar.png) no-repeat 50%;
        min-height: 20px;
        /*background-color: #31b0d5;
        border-color: #285e8e;*/
    }

.btn-GridDelete {
    /*background: url(Images/delete.png);
    background-repeat: no-repeat;*/
    min-height: 20px !important;
    min-width: 20px !important;
    margin-left: 20px !important;
    /*background-color: #31b0d5;
    border-color: #285e8e;*/
}

.btn-Calendar:hover,
.btn-Calendar:active,
.btn-Calendar:disabled,
.btn-Calendar:focus {
    background: url(Images/Calendar.png) no-repeat 50%;
    min-height: 20px;
    min-width: 20px !important;
    /*background-color: #31b0d5;
        border-color: #285e8e;*/
}

.btn-GridUpload {
    background: url(Images/Upload.png);
    background-repeat: no-repeat;
    min-height: 20px;
    min-width: 20px !important;
    margin-left: 20px !important;
}

    .btn-GridUpload:hover,
    .btn-GridUpload:active,
    .btn-GridUpload:disabled,
    .btn-GridUpload:focus {
        background: url(Images/Upload.png) no-repeat 50%;
        min-height: 20px;
    }

.btn-GridDownload {
    background: url(Images/Download.png);
    background-repeat: no-repeat;
    min-height: 20px;
    min-width: 20px !important;
    margin-left: 20px !important;
}

    .btn-GridDownload:hover,
    .btn-GridDownload:active,
    .btn-GridDownload:disabled,
    .btn-GridDownload:focus {
        background: url(Images/Download.png) no-repeat 50%;
        min-height: 20px;
    }

.btn-Upload {
    background: url(Images/Upload.png);
    background-repeat: no-repeat;
    height: 20px !important;
    width: 20px !important;
    /*background-color: #31b0d5;
    border-color: #285e8e;*/
}

    .btn-Upload:hover,
    .btn-Upload:active,
    .btn-Upload:focus {
        background: url(Images/Upload.png) no-repeat 50%;
        /*background-color: #31b0d5;
        border-color: #285e8e;*/
    }

.btn-Download {
    background: url(Images/Download.png);
    background-repeat: no-repeat;
    height: 20px !important;
    width: 20px !important;
    /*background-color: #d2322d;
    border-color: #ac2925;*/
}

    .btn-Download:hover,
    .btn-Download:active,
    .btn-Download:focus {
        background: url(Images/Download.png) no-repeat 50%;
        /*background-color: #d2322d;
        border-color: #ac2925;*/
    }

.btn-Add {
    background-image: url(Images/add.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-Add:hover,
    .btn-Add:active,
    .btn-Add:focus {
        background: url(Images/add.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #d2322d;
        border-color: #ac2925;
    }


    .btn-Add:disabled {
        background: url(Images/add.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #c4c0c0;
        border-color: #c4c0c0;
        color: black;
    }

.btn-DefaultAdd {
    background-image: url(Images/add.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-DefaultAdd:hover,
    .btn-DefaultAdd:active,
    .btn-DefaultAdd:focus {
        background: url(Images/add.png) no-repeat 50%;
        background-color: #ebebeb;
        border-color: #adadad;
    }


    .btn-DefaultAdd:disabled {
        background: url(Images/add.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #c4c0c0;
        border-color: #c4c0c0;
        color: black;
    }

.btn-Edit {
    background-image: url(Images/Edit.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-Edit:hover,
    .btn-Edit:active,
    .btn-Edit:focus {
        background: url(Images/Edit.png) no-repeat 50%;
        background-color: #47a447;
        border-color: #398439;
    }


    .btn-Edit:disabled {
        background: url(Images/Edit.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #c4c0c0;
        border-color: #c4c0c0;
        color: black;
    }


.btn-DefaultEdit {
    background-image: url(Images/Edit.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-DefaultEdit:hover,
    .btn-DefaultEdit:active,
    .btn-DefaultEdit:focus {
        background: url(Images/Edit.png) no-repeat 50%;
        background-color: #ebebeb;
        border-color: #adadad;
    }


    .btn-DefaultEdit:disabled {
        background: url(Images/Edit.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #c4c0c0;
        border-color: #c4c0c0;
        color: black;
    }

.btn-Delete {
    background-image: url(Images/delete.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-Delete:hover,
    .btn-Delete:active,
    .btn-Delete:focus {
        background: url(Images/delete.png) no-repeat 50%;
        background-color: #d2322d;
        border-color: #ac2925;
    }


    .btn-Delete:disabled {
        background: url(Images/delete.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #c4c0c0;
        border-color: #c4c0c0;
        color: black;
    }

.btn-DefaultDelete {
    background-image: url(Images/delete.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-DefaultDelete:hover,
    .btn-DefaultDelete:active,
    .btn-DefaultDelete:focus {
        background: url(Images/delete.png) no-repeat 50%;
        background-color: #ebebeb;
        border-color: #adadad;
    }


    .btn-DefaultDelete:disabled {
        background: url(Images/delete.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #c4c0c0;
        border-color: #c4c0c0;
        color: black;
    }

.btn-View {
    background-image: url(Images/view.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-View:hover,
    .btn-View:active,
    .btn-View:disabled,
    .btn-View:focus {
        background: url(Images/view.png) no-repeat 50%;
        background-color: #ed9c28;
        border-color: #d58512;
    }

.btn-DefaultView {
    background-image: url(Images/view.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-DefaultView:hover,
    .btn-DefaultView:active,
    .btn-DefaultView:disabled,
    .btn-DefaultView:focus {
        background: url(Images/view.png) no-repeat 50%;
        background-color: #ebebeb;
        border-color: #adadad;
    }

.btn-Epex {
    background-image: url(Images/Export_excel.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-Epex:hover,
    .btn-Epex:active,
    .btn-Epex:disabled,
    .btn-Epex:focus {
        background: url(Images/Export_excel.png) no-repeat 50%;
        background-color: #47a447;
        border-color: #398439;
    }

.btn-DefaultEpex {
    background-image: url(Images/Export_excel.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-DefaultEpex:hover,
    .btn-DefaultEpex:active,
    .btn-DefaultEpex:disabled,
    .btn-DefaultEpex:focus {
        background: url(Images/Export_excel.png) no-repeat 50%;
        background-color: #ebebeb;
        border-color: #adadad;
    }

.btn-Refresh {
    background-image: url(Images/refersh.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-Refresh:hover,
    .btn-Refresh:active,
    .btn-Refresh:disabled,
    .btn-Refresh:focus {
        background: url(Images/refersh.png) no-repeat 50%;
        background-color: #d2322d;
        border-color: #ac2925;
    }

.btn-DefaultRefresh {
    background-image: url(Images/refersh.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-DefaultRefresh:hover,
    .btn-DefaultRefresh:active,
    .btn-DefaultRefresh:disabled,
    .btn-DefaultRefresh:focus {
        background: url(Images/refersh.png) no-repeat 50%;
        background-color: #ebebeb;
        border-color: #adadad;
    }

.btn-GridUpload {
    background: url(Images/Upload.png);
    background-repeat: no-repeat;
    height: 20px !important;
    width: 20px !important;
    /*background-color: #31b0d5;
    border-color: #285e8e;*/
}

    .btn-GridUpload:hover,
    .btn-GridUpload:active,
    .btn-GridUpload:focus {
        background: url(Images/Upload.png) no-repeat 50%;
        /*background-color: #31b0d5;
        border-color: #285e8e;*/
        width: 20px !important;
    }

.btn-GridDownload {
    background: url(Images/Download.png);
    background-repeat: no-repeat;
    height: 20px !important;
    width: 20px !important;
    /*background-color: #d2322d;
    border-color: #ac2925;*/
}

    .btn-GridDownload:hover,
    .btn-GridDownload:active,
    .btn-GridDownload:focus {
        background: url(Images/Download.png) no-repeat 50%;
        /*background-color: #d2322d;
        border-color: #ac2925;*/
        width: 20px !important;
    }

.k-list-container .k-item {
    white-space: nowrap;
    float: left;
    clear: left;
    min-width: 100%;
    box-sizing: border-box;
}

.disablepanel {
    cursor: none;
    pointer-events: none;
    z-index: 0;
    opacity: 0.5;
    filter: alpha(opacity = 65);
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user-info {
    width: auto;
    /*display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;*/
    text-align: left;
    /*vertical-align: top;
    line-height: 15px;
    position: relative;*/
    top: 10px;
}

.alert {
    padding: 3px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    background-color: transparent;
    border-color: transparent;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #ffffff;
    background-color: transparent;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #ffffff;
    /*background-color: #fcf8e3;
  border-color: #faebcc;*/
    font-weight: bold;
    font-size: 14px;
    background-color: transparent;
    border-color: transparent;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    /*color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;*/
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    background-color: transparent;
    border-color: transparent;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }


.alert-danger1 {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    font-weight: bold;
    font-size: 14px;
    background-color: transparent;
    border-color: transparent;
}

    .alert-danger1 hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger1 .alert-link {
        color: #843534;
    }

.alert-info1 {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info1 hr {
        border-top-color: #a6e1ec;
    }

    .alert-info1 .alert-link {
        color: #245269;
    }

.marginRow {
    margin: 0px !important;
}

#top-nav {
    margin-bottom: 0px !important;
}


.btn-canceldanger {
    color: #fff;
    background-color: #A17074;
    border-color: #A17074;
}

    .btn-canceldanger:hover,
    .btn-canceldanger:focus,
    .btn-canceldanger.focus,
    .btn-canceldanger:active,
    .btn-canceldanger.active,
    .open > .dropdown-toggle.btn-canceldanger {
        color: #fff;
        background-color: #812B2E;
        border-color: #812B2E;
    }

    .btn-canceldanger:active,
    .btn-canceldanger.active,
    .open > .dropdown-toggle.btn-canceldanger {
        background-image: none;
    }

.lbl-Amber {
    color: #f77800;
    background-color: #fce8a9 !important;
    border-color: #fce8a9 !important;
    max-width: 55px !important;
    min-width: 15px !important;
    height: 15px !important;
    padding: 2px 2px !important;
    margin: 2px !important;
    font-size: 12px;
    text-align: center;
}

.lbl-green {
    color: #038a17;
    background-color: #bcf7c5 !important;
    border-color: #bcf7c5 !important;
    max-width: 60px !important;
    min-width: 15px !important;
    height: 15px !important;
    padding: 2px 2px !important;
    margin: 2px !important;
    font-size: 12px;
    text-align: center;
}

.lbl-red {
    color: #e82a0c;
    background-color: #fcd1ca !important;
    border-color: #fcd1ca !important;
    width: 15px !important;
    height: 15px !important;
    padding: 2px 2px !important;
    margin: 2px !important;
    font-size: 12px;
    text-align: center;
}

.lbl-blue {
    color: #0043ce;
    background-color: #edf5ff !important;
    border-color: #edf5ff !important;
    width: 15px !important;
    height: 15px !important;
    padding: 2px 2px !important;
    margin: 2px !important;
    font-size: 12px;
    text-align: center;
}

.paleBlue {
    background-color: #DDEBF7 !important;
}

.statusMessage {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    border-color: transparent;
}


.login_Background {
    position: fixed;
    background-color: black;
    background: url(Images/loginWallpaper.jpg) no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
    /*background-image: url('Images/loginWallpaper.jpg');
    background-repeat: no-repeat;*/
    height: 100vh;
    width: 100vw;
}

.sharp {
    border-radius: 0;
    font-size: 1.2em;
    background-color: #555555;
    color: #ffffff;
    border: #434344;
    height: 40px;
}

    .sharp:hover {
        background-color: #4B4B4B;
    }


    .sharp:disabled {
        background-color: #CCCCCC;
        color: #8E8989;
    }


.vcsharp {
    border-radius: 0;
    font-size: 1.2em;
    background-color: #ABA9A9;
    color: #ffffff;
    border: #434344;
    height: 40px;
    border: 1px solid #ffffff;
}

    .vcsharp:hover,
    .vcsharp:focus,
    .vcsharp.focus,
    .vcsharp:active,
    .vcsharp.active,
    .open > .dropdown-toggle.vcsharp {
        background-color: #737171;
    }

    .vcsharp:active,
    .vcsharp.active,
    .open > .dropdown-toggle.vcsharp {
        background-color: #555555;
        background-image: none;
    }

    .vcsharp.disabled,
    .vcsharp[disabled],
    fieldset[disabled] .vcsharp,
    .vcsharp.disabled:hover,
    .vcsharp[disabled]:hover,
    fieldset[disabled] .vcsharp:hover,
    .vcsharp.disabled:focus,
    .vcsharp[disabled]:focus,
    fieldset[disabled] .vcsharp:focus,
    .vcsharp.disabled.focus,
    .vcsharp[disabled].focus,
    fieldset[disabled] .vcsharp.focus,
    .vcsharp.disabled:active,
    .vcsharp[disabled]:active,
    fieldset[disabled] .vcsharp:active,
    .vcsharp.disabled.active,
    .vcsharp[disabled].active,
    fieldset[disabled] .vcsharp.active {
        background-color: #CCCCCC;
        color: #8E8989;
    }


.vcsharpsm {
    border-radius: 0;
    font-size: 1em;
    background-color: #13688C;
    color: #ffffff;
    border: #434344;
    height: 22px;
    border: 1px solid #ffffff;
    font-weight: bold;
}

    .vcsharpsm:hover,
    .vcsharpsm:focus,
    .vcsharpsm.focus,
    .vcsharpsm:active,
    .vcsharpsm.active,
    .open > .dropdown-toggle.vcsharpsm {
        background-color: #0C435A;
    }

    .vcsharpsm:active,
    .vcsharpsm.active,
    .open > .dropdown-toggle.vcsharpsm {
        background-color: #0C435A;
        background-image: none;
    }

    .vcsharpsm.disabled,
    .vcsharpsm[disabled],
    fieldset[disabled] .vcsharpsm,
    .vcsharpsm.disabled:hover,
    .vcsharpsm[disabled]:hover,
    fieldset[disabled] .vcsharpsm:hover,
    .vcsharpsm.disabled:focus,
    .vcsharpsm[disabled]:focus,
    fieldset[disabled] .vcsharpsm:focus,
    .vcsharpsm.disabled.focus,
    .vcsharpsm[disabled].focus,
    fieldset[disabled] .vcsharpsm.focus,
    .vcsharpsm.disabled:active,
    .vcsharpsm[disabled]:active,
    fieldset[disabled] .vcsharpsm:active,
    .vcsharpsm.disabled.active,
    .vcsharpsm[disabled].active,
    fieldset[disabled] .vcsharpsm.active {
        background-color: #A0BDCA;
        color: #04375A;
    }

.vcsharpsmhdr {
    border-radius: 7px;
    font-size: 1em;
    background-color: #006CB4;
    color: #ffffff;
    border: #434344;
    height: 22px;
    border: 1px solid #ffffff;
    font-weight: bold;
}

    .vcsharpsmhdr:hover,
    .vcsharpsmhdr:focus,
    .vcsharpsmhdr.focus,
    .vcsharpsmhdr:active,
    .vcsharpsmhdr.active,
    .open > .dropdown-toggle.vcsharpsmhdr {
        border-radius: 7px;
        background-color: #108BEA;
    }

    .vcsharpsmhdr:active,
    .vcsharpsmhdr.active,
    .open > .dropdown-toggle.vcsharpsmhdr {
        border-radius: 7px;
        background-color: #108BEA;
        background-image: none;
    }

    .vcsharpsmhdr.disabled,
    .vcsharpsmhdr[disabled],
    fieldset[disabled] .vcsharpsmhdr,
    .vcsharpsmhdr.disabled:hover,
    .vcsharpsmhdr[disabled]:hover,
    fieldset[disabled] .vcsharpsmhdr:hover,
    .vcsharpsmhdr.disabled:focus,
    .vcsharpsmhdr[disabled]:focus,
    fieldset[disabled] .vcsharpsmhdr:focus,
    .vcsharpsmhdr.disabled.focus,
    .vcsharpsmhdr[disabled].focus,
    fieldset[disabled] .vcsharpsmhdr.focus,
    .vcsharpsmhdr.disabled:active,
    .vcsharpsmhdr[disabled]:active,
    fieldset[disabled] .vcsharpsmhdr:active,
    .vcsharpsmhdr.disabled.active,
    .vcsharpsmhdr[disabled].active,
    fieldset[disabled] .vcsharpsmhdr.active {
        border-radius: 7px;
        background-color: #ACD6F3;
        color: #04375A;
    }

.PLvcsharpsm {
    border-radius: 0;
    font-size: 1em;
    background-color: #13688C;
    color: #ffffff;
    border: #434344;
    height: 22px;
    border: 1px solid #ffffff;
    font-weight: bold;
}

    .PLvcsharpsm:hover {
        background-color: #00C0EF;
    }

    .PLvcsharpsm:focus,
    .PLvcsharpsm.focus,
    .PLvcsharpsm:active,
    .PLvcsharpsm.active,
    .open > .dropdown-toggle.PLvcsharpsm {
        background-color: #FF851B;
    }

    .PLvcsharpsm:active,
    .PLvcsharpsm.active,
    .open > .dropdown-toggle.PLvcsharpsm {
        background-color: #FF851B;
        background-image: none;
    }

    .PLvcsharpsm.disabled,
    .PLvcsharpsm[disabled],
    fieldset[disabled] .PLvcsharpsm,
    .PLvcsharpsm.disabled:hover,
    .PLvcsharpsm[disabled]:hover,
    fieldset[disabled] .PLvcsharpsm:hover,
    .PLvcsharpsm.disabled:focus,
    .PLvcsharpsm[disabled]:focus,
    fieldset[disabled] .PLvcsharpsm:focus,
    .PLvcsharpsm.disabled.focus,
    .PLvcsharpsm[disabled].focus,
    fieldset[disabled] .PLvcsharpsm.focus,
    .PLvcsharpsm.disabled:active,
    .PLvcsharpsm[disabled]:active,
    fieldset[disabled] .PLvcsharpsm:active,
    .PLvcsharpsm.disabled.active,
    .PLvcsharpsm[disabled].active,
    fieldset[disabled] .PLvcsharpsm.active {
        background-color: #D4CECE;
        color: #8D8989;
    }

.PLvcsharpsmhdr {
    border-radius: 3px;
    font-size: 1em;
    background-color: transparent;
    color: #E6F2F8;
    border: #434344;
    height: auto;
    border: 1px solid #B0D2E0;
    font-weight: bold;
}

    .PLvcsharpsmhdr:hover,
    .PLvcsharpsmhdr:focus,
    .PLvcsharpsmhdr:active,
    .PLvcsharpsmhdr.active,
    .open > .dropdown-toggle.PLvcsharpsmhdr {
        border-left-width: 3px;
        border-left-color: orange;
        background-color: #00C0EF;
        color: #FFFFFF;
    }

    .PLvcsharpsmhdr:active,
    .PLvcsharpsmhdr.active,
    .open > .dropdown-toggle.PLvcsharpsmhdr {
        border-left-width: 3px;
        border-left-color: orange;
        background-color: #FFFFFF;
        color: #13688C;
    }

    .PLvcsharpsmhdr.disabled,
    .PLvcsharpsmhdr[disabled],
    fieldset[disabled] .PLvcsharpsmhdr,
    .PLvcsharpsmhdr.disabled:hover,
    .PLvcsharpsmhdr[disabled]:hover,
    fieldset[disabled] .PLvcsharpsmhdr:hover,
    .PLvcsharpsmhdr.disabled:focus,
    .PLvcsharpsmhdr[disabled]:focus,
    fieldset[disabled] .PLvcsharpsmhdr:focus,
    .PLvcsharpsmhdr.disabled.focus,
    .PLvcsharpsmhdr[disabled].focus,
    fieldset[disabled] .PLvcsharpsmhdr.focus,
    .PLvcsharpsmhdr.disabled:active,
    .PLvcsharpsmhdr[disabled]:active,
    fieldset[disabled] .PLvcsharpsmhdr:active,
    .PLvcsharpsmhdr.disabled.active,
    .PLvcsharpsmhdr[disabled].active,
    fieldset[disabled] .PLvcsharpsmhdr.active {
        border-radius: 3px;
        background-color: #ACD6F3;
        color: #13688C;
        pointer-events: none;
    }

.vcsharpsmhdrBckbtn {
    border-radius: 3px;
    font-size: 1em;
    background-color: greenyellow;
    color: #000000;
    border: #434344;
    height: auto;
    border: 1px solid #B0D2E0;
    font-weight: bold;
}

    .vcsharpsmhdrBckbtn:hover,
    .vcsharpsmhdrBckbtn:focus,
    .vcsharpsmhdrBckbtn:active,
    .vcsharpsmhdrBckbtn.active,
    .open > .dropdown-toggle.vcsharpsmhdrBckbtn {
        border-radius: 3px;
        background-color: #FFFFFF;
        color: #000000;
    }

    .vcsharpsmhdrBckbtn:active,
    .vcsharpsmhdrBckbtn.active,
    .open > .dropdown-toggle.vcsharpsmhdrBckbtn {
        border-radius: 3px;
        background-color: #FFFFFF;
        color: #000000;
    }

    .vcsharpsmhdrBckbtn.disabled,
    .vcsharpsmhdrBckbtn[disabled],
    fieldset[disabled] .vcsharpsmhdrBckbtn,
    .vcsharpsmhdrBckbtn.disabled:hover,
    .vcsharpsmhdrBckbtn[disabled]:hover,
    fieldset[disabled] .vcsharpsmhdrBckbtn:hover,
    .vcsharpsmhdrBckbtn.disabled:focus,
    .vcsharpsmhdrBckbtn[disabled]:focus,
    fieldset[disabled] .vcsharpsmhdrBckbtn:focus,
    .vcsharpsmhdrBckbtn.disabled.focus,
    .vcsharpsmhdrBckbtn[disabled].focus,
    fieldset[disabled] .vcsharpsmhdrBckbtn.focus,
    .vcsharpsmhdrBckbtn.disabled:active,
    .vcsharpsmhdrBckbtn[disabled]:active,
    fieldset[disabled] .vcsharpsmhdrBckbtn:active,
    .vcsharpsmhdrBckbtn.disabled.active,
    .vcsharpsmhdrBckbtn[disabled].active,
    fieldset[disabled] .vcsharpsmhdrBckbtn.active {
        border-radius: 3px;
        background-color: #ACD6F3;
        color: #13688C;
    }
/*
        Rating CSS
    */
#jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.jquery-script-center {
    width: 960px;
    margin: 0 auto;
}

    .jquery-script-center ul {
        width: 212px;
        float: left;
        line-height: 45px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .jquery-script-center a {
        text-decoration: none;
    }

.jquery-script-ads {
    width: 728px;
    height: 90px;
    float: right;
}

.jquery-script-clear {
    clear: both;
    height: 0;
}

.rating {
    float: left;
}

    .rating > ul {
        list-style: none;
        float: left;
        padding: 0;
        margin: 0;
    }

        .rating > ul > li {
            float: left;
            margin-left: 2px;
            background: url('../../Content/Images/star-rating.gif') no-repeat;
            width: 25px;
            height: 25px;
            cursor: pointer;
        }

            .rating > ul > li:first-child {
                margin-left: 0;
            }

            .rating > ul > li.hover {
                background-position: -25px;
            }

            .rating > ul > li.active {
                background-position: -50px;
            }

    .rating > span.less {
        cursor: pointer;
        background: url('../../Content/Images/star-rating.gif') -75px no-repeat;
        display: block;
        float: left;
        height: 25px;
        width: 25px;
    }

#imgSample {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.transition {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    z-index: 4;
}


.btn-DefaultAddRow {
    background-image: url(Images/add.png);
    background-repeat: no-repeat;
    min-height: 20px;
    min-width: 20px !important;
}

    .btn-DefaultAddRow:hover,
    .btn-DefaultAddRow:active,
    .btn-DefaultAddRow:disabled,
    .btn-DefaultAddRow:focus {
        background: url(Images/add.png) no-repeat 50%;
        background-color: #ebebeb;
        border-color: #adadad;
        min-height: 20px;
        min-width: 20px !important;
    }

/*dhinakaran added*/
.btn-DefaultPrimaryRow {
    /*background-image: url(Images/Edit.png);*/
    background-repeat: no-repeat;
    min-height: 20px;
    min-width: 20px !important;
}

    .btn-DefaultPrimaryRow:hover,
    .btn-DefaultPrimaryRow:active,
    .btn-DefaultPrimaryRow:disabled,
    .btn-DefaultPrimaryRow:focus {
        /*background: url(Images/Edit.png) no-repeat 50%;*/
        background-color: #ebebeb;
        border-color: #adadad;
        min-height: 20px;
        min-width: 20px !important;
    }

.btn-DefaultSecRow {
    /*background-image: url(Images/Invalid.png);*/
    background-repeat: no-repeat;
    min-height: 20px;
    min-width: 20px !important;
}

    .btn-DefaultSecRow:hover,
    .btn-DefaultSecRow:active,
    .btn-DefaultSecRow:disabled,
    .btn-DefaultSecRow:focus {
        /*background: url(Images/Invalid.png) no-repeat 50%;*/
        background-color: #ebebeb;
        border-color: #adadad;
        min-height: 20px;
        min-width: 20px !important;
    }
/*dhinakaran added*/

.btn-DefaultDeleteRow {
    background-image: url(Images/delete.png);
    background-repeat: no-repeat;
    /*height: 20px;
    width: 20px;*/
    min-height: 20px;
    min-width: 20px !important;
}

    .btn-DefaultDeleteRow:hover,
    .btn-DefaultDeleteRow:active,
    .btn-DefaultDeleteRow:disabled,
    .btn-DefaultDeleteRow:focus {
        background: url(Images/delete.png) no-repeat 50%;
        background-color: #ebebeb;
        border-color: #adadad;
        min-height: 20px;
        min-width: 20px !important;
    }

#dvSuccMsgwindow {
    background-repeat: no-repeat;
    background-image: url(Images/Success.png);
    border: solid;
    border-color: #bbf1cb;
}

#dvInfoMsgwindow {
    background-repeat: no-repeat;
    background-image: url(Images/Warning.png);
    border: solid;
    border-color: #bbdaf6;
}

#dvErrorMsgwindow {
    background-repeat: no-repeat;
    background-image: url(Images/Error.png);
    border: solid;
    border-color: #f87373;
}

#dvfooterClDtls {
    position: absolute;
    bottom: 5px;
    width: 40px;
    float: right;
    margin-bottom: 5px;
    margin-left: 350px;
    padding: 19px 0 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.grdreadOnly th:hover {
    cursor: text !important;
}

.grdreadOnly tbody tr:hover td {
    cursor: text !important;
}

.RED {
    background-repeat: no-repeat;
    background-image: url(Images/RED.jpg);
    height: 10px;
    width: 60px;
}

.GREEN {
    background-repeat: no-repeat;
    background-image: url(Images/GREEN.jpg);
    height: 10px;
    width: 60px;
}

.YELLOW {
    background-repeat: no-repeat;
    background-image: url(Images/YELLOW.jpg);
    height: 10px;
    width: 60px;
}

.Improving {
    background-repeat: no-repeat;
    background-image: url(Images/Improving.jpg);
    height: 10px;
    width: 60px;
}

.Unchanged {
    background-repeat: no-repeat;
    background-image: url(Images/Unchanged.jpg);
    height: 10px;
    width: 60px;
}

.Worsening {
    background-repeat: no-repeat;
    background-image: url(Images/Worsening.jpg);
    height: 10px;
    width: 60px;
}

.Approve {
    background-repeat: no-repeat;
    background-image: url(Images/Approve.png);
    height: 10px;
    width: 60px;
}

.Reject {
    background-repeat: no-repeat;
    background-image: url(Images/Reject.png);
    height: 10px;
    width: 60px;
}

.btn-DefaultBack {
    background-image: url(Images/refersh.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-DefaultBack:hover,
    .btn-DefaultBack:active,
    .btn-DefaultBack:disabled,
    .btn-DefaultBack:focus {
        background: url(Images/back.png) no-repeat 50%;
        background-color: #d2322d;
        border-color: #ac2925;
    }

.btn-DefaultBack {
    background-image: url(Images/back.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-DefaultBack:hover,
    .btn-DefaultBack:active,
    .btn-DefaultBack:disabled,
    .btn-DefaultBack:focus {
        background: url(Images/back.png) no-repeat 50%;
        background-color: #ebebeb;
        border-color: #adadad;
    }

input[type=number] {
    -moz-appearance: textfield;
}
/*
       END Rating CSS
    */

.ROBackground {
    background-color: #FFFFFF;
}

.PLROCntrl {
    background-color: #EFF3F9;
    height: 28px;
}

    .PLROCntrl:hover {
        background-color: #DBE2EF;
    }

.ROCntrl {
    background-color: #DBE2EF;
    height: 28px;
}

    .ROCntrl:hover {
        background-color: #C8D1E3;
    }


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.product-view {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-top: 0;
    position: relative;
}


.k-listview {
    border-width: 1px 0 0;
    padding: 0;
    overflow: hidden;
}

.k-add-button {
    margin-bottom: 2em;
}

.k-numerictextbox .k-input {
    text-align: right;
}

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

    .product-view {
        width: 100%;
    }

        .product-view:nth-child(even) {
            border-left-width: 1px;
        }
}

/*When using Grid alone without header bands */


.btn-listPrice {
    background-image: url(Images/list_price.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-listPrice:hover,
    .btn-listPrice:active,
    .btn-listPrice:disabled,
    .btn-listPrice:focus {
        background: url(Images/list_price.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #d2322d;
        border-color: #ac2925;
    }

.btn-totalPrice {
    background-image: url(Images/total_price.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-totalPrice:hover,
    .btn-totalPrice:active,
    .btn-totalPrice:disabled,
    .btn-totalPrice:focus {
        background: url(Images/total_price.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #d2322d;
        border-color: #ac2925;
    }

.btn-sellingprice {
    background-image: url(Images/selling_price.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-sellingprice:hover,
    .btn-sellingprice:active,
    .btn-sellingprice:disabled,
    .btn-sellingprice:focus {
        background: url(Images/selling_price.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #d2322d;
        border-color: #ac2925;
    }

.btn-DefaultAttachment {
    background-image: url(Images/attachment.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

    .btn-DefaultAttachment:hover,
    .btn-DefaultAttachment:active,
    .btn-DefaultAttachment:disabled,
    .btn-DefaultAttachment:focus {
        background: url(Images/attachment.png) no-repeat 50%;
        background-color: #daecf4 !important;
        border-color: #a3d0e4 !important;
    }

.k-grid tbody button.k-smallbutton {
    min-width: 20px !important;
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
    align-content: center !important;
}

.k-grid .k-smallbutton {
    background-color: #337ab7 !important;
    margin: 1px;
    border-color: #2e6da4 !important;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px !important;
    align-content: center !important;
}

.k-smallbutton {
    display: inline-block;
    vertical-align: central;
    padding: 2px;
    font-family: inherit;
    line-height: 1.3em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    align-content: center !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}


.btn-Config {
    /*background-image: url(Images/Config.png);
    background-repeat: no-repeat;*/
    height: 20px;
    width: 20px;
}

.bttn-group, .bttn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .bttn-group > :first-child:not(.dropdown-toggle):not(:last-child).bttn {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .bttn-group > :first-child.bttn {
        margin-left: 0px;
    }

.bttn-flat.bttn {
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
}

.bttn-group-vertical > .bttn, .bttn-group > .bttn {
    position: relative;
    float: left;
}

.bttn-info {
    border-radius: 2px;
    color: #fff;
    background-color: #1884b2;
    border-color: #13688c !important;
}

.bttn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bttn-group > .bttn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.dropdown-menu > .divide {
    background-color: #eee !important;
    height: 1px !important;
}

.dropdown-menu .divide {
    height: 1px !important;
    margin: 9px 0 !important;
    overflow: hidden !important;
    background-color: #e5e5e5 !important;
}

::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*.dropdown-menu {
    position: absolute  !important;
    top: 100%  !important;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
}*/

/*.dropdown-menu > li {
    margin: 1px !important;
    padding: 1px !important;
}

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}*/

/*.bttn .caret {
    margin-left: 0px;
}*/

.collapsableBlock {
    font-size: 14px;
    line-height: 2em;
    border-radius: 2px;
    border: 1px solid #7bd2f6;
    margin: 0px 0px 5px 0px !important;
    background-color: #daecf4 !important;
    color: #13688c !important;
    padding-left: 5px;
    /*linear-gradient:rgba(255, 255, 255, 0.45098) 0px, rgba(255, 255, 255, 0) 100%;*/
}

.gridWithoutHeaderBand th {
    background-color: #13688c !important;
    background-image: linear-gradient(#13688c, #13688c) !important;
    color: white !important;
    font-size: 12px !important;
    border-color: #7bd2f6 !important;
}


.gridWithoutHeaderBand .k-grid-header {
    background-color: #13688c !important;
    background-image: linear-gradient(#13688c, #13688c) !important;
    color: white !important;
    font-size: 12px !important;
    border-color: #7bd2f6 !important;
}

.gridWithoutHeaderBand th.k-header .k-link {
    background-color: #13688c !important;
    background-image: linear-gradient(#13688c, #13688c) !important;
    color: white !important;
    font-size: 12px !important;
    border-color: #7bd2f6 !important;
}

.GrdPopupBorder {
    border: 8px solid #96A9C5;
    font-size: 1.05em;
    color: black;
    background-color: #FFF8CF;
}

.PopupBorder {
    border: 5px solid #04375A;
    font-size: 1.05em;
    color: black;
}

.FavError {
    color: #FF0000 !important;
    font-weight: bold;
    font-size: 1em;
}

.FavSuccess {
    color: #009900 !important;
    font-weight: bold;
    font-size: 1em;
}

.FavWarning {
    color: #800000 !important;
    font-weight: bold;
    font-size: 1em;
}
/* ============================================================
  COMMON
============================================================ */
.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

    .cmn-toggle + label {
        display: inline-block;
        position: relative;
        cursor: pointer;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

/* ============================================================
  SWITCH 1 - ROUND
============================================================ */
input.cmn-toggle-round + label {
    padding: 2px;
    width: 120px;
    height: 60px;
    background-color: #dddddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
}

    input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
        display: block;
        position: absolute;
        top: 1px;
        left: 1px;
        bottom: 1px;
        content: "";
    }

    input.cmn-toggle-round + label:before {
        right: 1px;
        background-color: #f1f1f1;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        -ms-border-radius: 60px;
        -o-border-radius: 60px;
        border-radius: 60px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
    }

    input.cmn-toggle-round + label:after {
        width: 58px;
        background-color: #fff;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        -webkit-transition: margin 0.4s;
        -moz-transition: margin 0.4s;
        -o-transition: margin 0.4s;
        transition: margin 0.4s;
    }

input.cmn-toggle-round:checked + label:before {
    background-color: #8ce196;
}

input.cmn-toggle-round:checked + label:after {
    margin-left: 60px;
}

/* ============================================================
  SWITCH 2 - ROUND FLAT
============================================================ */
input.cmn-toggle-round-flat + label {
    padding: 2px;
    width: 120px;
    height: 60px;
    background-color: #dddddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}

    input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {
        display: block;
        position: absolute;
        content: "";
    }

    input.cmn-toggle-round-flat + label:before {
        top: 2px;
        left: 2px;
        bottom: 2px;
        right: 2px;
        background-color: #fff;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        -ms-border-radius: 60px;
        -o-border-radius: 60px;
        border-radius: 60px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
    }

    input.cmn-toggle-round-flat + label:after {
        top: 4px;
        left: 4px;
        bottom: 4px;
        width: 52px;
        background-color: #dddddd;
        -webkit-border-radius: 52px;
        -moz-border-radius: 52px;
        -ms-border-radius: 52px;
        -o-border-radius: 52px;
        border-radius: 52px;
        -webkit-transition: margin 0.4s, background 0.4s;
        -moz-transition: margin 0.4s, background 0.4s;
        -o-transition: margin 0.4s, background 0.4s;
        transition: margin 0.4s, background 0.4s;
    }

input.cmn-toggle-round-flat:checked + label {
    background-color: #8ce196;
}

    input.cmn-toggle-round-flat:checked + label:after {
        margin-left: 60px;
        background-color: #8ce196;
    }

/* ============================================================
  SWITCH 3 - YES NO
============================================================ */
input.cmn-toggle-yes-no + label {
    padding: 2px;
    width: 60px;
    height: 18px;
    border: 1px solid #ffffff;
}

    input.cmn-toggle-yes-no + label:before, input.cmn-toggle-yes-no + label:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        color: #fff;
        font-size: 1.1em;
        text-align: center;
        line-height: 20px;
    }

    input.cmn-toggle-yes-no + label:before {
        background-color: #670228;
        content: attr(data-off);
        -webkit-transition: -webkit-transform 0.5s;
        -moz-transition: -moz-transform 0.5s;
        -o-transition: -o-transform 0.5s;
        transition: transform 0.5s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    input.cmn-toggle-yes-no + label:after {
        background-color: #B2104D;
        content: attr(data-on);
        -webkit-transition: -webkit-transform 0.5s;
        -moz-transition: -moz-transform 0.5s;
        -o-transition: -o-transform 0.5s;
        transition: transform 0.5s;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }

input.cmn-toggle-yes-no:checked + label:before {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

input.cmn-toggle-yes-no:checked + label:after {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}

/* ============================================================
  SWITCH 3 - YES NO  - For PL
============================================================ */
input.PLcmn-toggle-yes-no + label {
    padding: 1px 5px;
    width: 60px;
    height: 13px;
    border: 1px solid #ffffff;
}

    input.PLcmn-toggle-yes-no + label:before, input.PLcmn-toggle-yes-no + label:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        color: #fff;
        font-size: 1.0em;
        text-align: center;
        line-height: 15px;
    }

    input.PLcmn-toggle-yes-no + label:before {
        background-color: transparent;
        content: attr(data-off);
        -webkit-transition: -webkit-transform 0.5s;
        -moz-transition: -moz-transform 0.5s;
        -o-transition: -o-transform 0.5s;
        transition: transform 0.5s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    input.PLcmn-toggle-yes-no + label:after {
        background-color: transparent;
        content: attr(data-on);
        -webkit-transition: -webkit-transform 0.5s;
        -moz-transition: -moz-transform 0.5s;
        -o-transition: -o-transform 0.5s;
        transition: transform 0.5s;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }

input.PLcmn-toggle-yes-no:checked + label:before {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

input.PLcmn-toggle-yes-no:checked + label:after {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}

/*When using Grid alone without header bands */

.gridWithoutHeaderBand th {
    background-color: #13688c;
    background-image: linear-gradient(#13688c, #13688c);
    color: white;
    font-size: 12px;
    border-color: #7bd2f6;
}


.gridWithoutHeaderBand .k-grid-header {
    background-color: #13688c;
    background-image: linear-gradient(#13688c, #13688c);
    color: white;
    font-size: 12px;
    border-color: #7bd2f6;
}

.gridWithoutHeaderBand th.k-header .k-link {
    background-color: #13688c !important;
    background-image: linear-gradient(#13688c, #13688c) !important;
    color: white !important;
    font-size: 12px !important;
    border-color: #7bd2f6 !important;
}

/*When using Grid alone without header bands */

/*.k-loading-mask {
    position: absolute;
    float: right;
    background-image: url(Images/LoadingBackground.jpg) !important;
    background-repeat: no-repeat;
}*/
/* Custom Checkbox and Radio */
.icheckbox_flat-red, .iradio_flat-red {
    display: inline-block;
    vertical-align: middle;
    border-color: #13688c !important;
    color: #ebebeb !important;
    cursor: pointer;
    border-image-width: 2px !important;
}

:checked.icheckbox_flat-red + label {
    color: #13688c !important;
}

:disabled.icheckbox_flat-red + label {
    color: #7adfa4 !important;
}

input[type=radio] {
    line-height: normal;
    border-color: #7adfa4;
    border-radius: 2px !important;
    text-rendering: auto;
    color: #7adfa4;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}

.customizedCheckbox, .customizedRadioButton {
    background: none;
    opacity: 0;
}

.checkbox_outer {
    position: relative;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.customizedCheckbox + span, .customizedRadioButton + span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(Images/controls.png);
    background-repeat: no-repeat;
}

.customizedCheckbox, .customizedRadioButton, .checkbox_outer {
    height: 16px;
    width: 16px;
    position: relative;
    z-index: 10;
    cursor: pointer;
}
    /*Checkbox*/
    .customizedCheckbox:checked + span {
        background-position: -16px 0;
    }

    .customizedCheckbox:hover:checked + span,
    .customizedCheckbox:focus:checked + span {
        background-position: -16px -16px;
    }

    .customizedCheckbox:hover + span,
    .customizedCheckbox:focus + span {
        background-position: 0 -16px;
    }

    .customizedCheckbox:active + span {
        background-position: 0 -48px;
    }

    .customizedCheckbox:disabled + span {
        background-position: 0 -32px;
    }

    .customizedCheckbox:disabled:checked + span {
        background-position: -16px -32px;
    }

    .customizedCheckbox:hover:disabled + span,
    .customizedCheckbox:focus:disabled + span {
        background-position: 0 -32px;
    }

    .customizedCheckbox:hover:disabled:checked + span,
    .customizedCheckbox:focus:disabled:checked + span {
        background-position: -16px -32px;
    }

    .customizedCheckbox:active:checked + span {
        background-position: -16px -48px;
    }

    /*Radiobutton*/
    .customizedRadioButton + span {
        background-position: -32px 0;
    }

    .customizedRadioButton:checked + span {
        background-position: -48px 0;
    }

    .customizedRadioButton:hover:checked + span,
    .customizedRadioButton:focus:checked + span {
        background-position: -48px -16px;
    }

    .customizedRadioButton:hover + span,
    .customizedRadioButton:focus + span {
        background-position: -32px -16px;
    }

    .customizedRadioButton:disabled + span {
        background-position: -32px -32px;
    }

    .customizedRadioButton:disabled:checked + span {
        background-position: -48px -32px;
    }

    .customizedRadioButton:hover:disabled + span,
    .customizedRadioButton:focus:disabled + span {
        background-position: -32px -32px;
    }

    .customizedRadioButton:hover:disabled:checked + span,
    .customizedRadioButton:focus:disabled:checked + span {
        background-position: -48px -32px;
    }

    .customizedRadioButton:active + span {
        background-position: -32px -48px;
    }

    .customizedRadioButton:active:checked + span {
        background-position: -48px -48px;
    }

/*Disabled Textbox*/
:disabled.customTextbox {
    border-color: #C4E0EE !important;
    background-color: #F4F9FC !important;
    color: #585C5F !important;
}

:active.customTextbox {
    border-color: #C4E0EE !important;
    background-color: #F4F9FC !important;
    color: #585C5F !important;
}

/*Breadcrumb*/
.breadcrumbs {
    background: none !important;
    margin-bottom: 20px;
    line-height: 30px;
    color: #daecf4;
    padding: 1px;
    /*border: 1px solid #daecf4;*/
}

    .breadcrumbs > button {
        outline: 0;
        display: block;
        float: left;
        background: #daecf4;
        padding-right: 10px;
        height: 28px;
        margin-right: 31px;
        position: relative;
        text-decoration: none;
        color: white;
        text-align: center;
        padding: -10px 10px 20px 1px;
        font-size: 14px;
        cursor: pointer;
        border-width: 0;
        border-style: none;
    }

        .breadcrumbs > button:last-of-type {
            margin-right: 25px;
        }

        .breadcrumbs > button:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 0;
            left: -30px;
            border: 15px solid transparent;
            border-color: #daecf4;
            border-left-color: transparent;
        }

        .breadcrumbs > button:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 0;
            right: -30px;
            border: 15px solid transparent;
            border-left-color: #daecf4;
        }

        .breadcrumbs > button:first-of-type {
            padding-left: 15px;
        }

            .breadcrumbs > button:first-of-type:before {
                display: none;
            }

        .breadcrumbs > button.active {
            background: #7bd2f6;
            color: #fff;
            text-decoration: none;
            /*border-color: #7bd2f6;
            border-left-color: #7bd2f6;
            font-weight:bold;*/
        }

            .breadcrumbs > button.active:before {
                border-color: #7bd2f6;
                border-left-color: transparent;
            }

            .breadcrumbs > button.active:after {
                border-left-color: #7bd2f6;
            }

        .breadcrumbs > button:disabled {
            background: #edf1f2;
            color: #8E8989;
            text-decoration: none;
            border-color: #edf1f2;
            border-left-color: #edf1f2;
        }

            .breadcrumbs > button:disabled:before {
                border-color: #edf1f2;
                border-left-color: transparent;
            }

            .breadcrumbs > button:disabled:after {
                border-left-color: #edf1f2;
            }

            .breadcrumbs > button:disabled:hover {
                background: #edf1f2;
                color: #8E8989;
                text-decoration: none;
                cursor: text;
            }

                .breadcrumbs > button:disabled:hover:before {
                    border-color: #edf1f2;
                    border-left-color: transparent;
                }

                .breadcrumbs > button:disabled:hover:after {
                    border-left-color: #edf1f2;
                }

        .breadcrumbs > button:hover {
            background: #13688c;
            color: #fff;
            text-decoration: none;
        }

            .breadcrumbs > button:hover:before {
                border-color: #13688c;
                border-left-color: transparent;
            }

            .breadcrumbs > button:hover:after {
                border-left-color: #13688c;
            }

.lbltitle {
    font-size: 0.8em;
    color: orange;
}

.btnMainAdd {
    min-width: 20px !important;
    color: white;
    text-align: center;
    background-color: #337AB7;
    border-left-width: 3px;
    border-left-color: orange;
}

    .btnMainAdd:hover,
    .btnMainAdd:active,
    .btnMainAdd:focus {
        background-color: #FFFFFF;
        min-height: 20px;
        min-width: 20px !important;
        border-left-width: 3px;
        border-left-color: orange;
        /*border-right-width: 3px;
        border-right-color: orange;*/
    }

    .btnMainAdd:disabled {
        background-color: #ebebeb;
        border-color: #adadad;
        min-height: 20px;
        min-width: 20px !important;
    }

.btnNewMainAdd {
    min-width: 20px !important;
    color: white;
    text-align: center;
    background-color: #e46839;
    border-left-width: 3px;
    border-left-color: orange;
}

    .btnNewMainAdd:hover,
    .btnNewMainAdd:active,
    .btnNewMainAdd:focus {
        background-color: #FFFFFF;
        min-height: 20px;
        min-width: 20px !important;
        border-left-width: 3px;
        border-left-color: orange;
        /*border-right-width: 3px;
        border-right-color: orange;*/
    }

    .btnNewMainAdd:disabled {
        background-color: #ebebeb;
        border-color: #adadad;
        min-height: 20px;
        min-width: 20px !important;
    }

.PLgridBtnMin {
    min-width: 20px !important;
    color: white;
    text-align: center;
    background-color: #337AB7;
    border-left-width: 3px;
    border-left-color: orange;
}

    .PLgridBtnMin:hover,
    .PLgridBtnMin:active,
    .PLgridBtnMin:focus {
        background-color: #FFFFFF;
        min-height: 20px;
        min-width: 20px !important;
        border-left-width: 3px;
        border-left-color: orange;
        /*border-right-width: 3px;
        border-right-color: orange;*/
    }

    .PLgridBtnMin:disabled {
        background-color: #ebebeb;
        border-color: #adadad;
        min-height: 20px;
        min-width: 20px !important;
    }

.PLgridBtnDeleteMin {
    background-color: #FFDFA1;
    background-image: url(Images/delete.png);
    background-repeat: no-repeat;
    border-left-width: 3px;
    border-left-color: orange;
    /*border-right-width: 3px;
    border-right-color: orange;*/
    min-height: 20px;
    min-width: 20px !important;
}

    .PLgridBtnDeleteMin:hover,
    .PLgridBtnDeleteMin:active,
    .PLgridBtnDeleteMin:focus {
        background: url(Images/delete.png) no-repeat 50%;
        background-color: #A9C7E0;
        border-color: #adadad;
        min-height: 20px;
        min-width: 20px !important;
        border-left-width: 3px;
        border-left-color: orange;
        /*border-right-width: 3px;
        border-right-color: orange;*/
    }

    .PLgridBtnDeleteMin:disabled {
        background: url(Images/delete.png) no-repeat 50%;
        background-color: #ebebeb;
        border-color: #adadad;
        min-height: 20px;
        min-width: 20px !important;
    }

/*.PLgridBtnDeleteMin {
    min-width: 20px !important;
    color: white;
    text-align: center;
    background-color: #286090;
}*/
.gridBtnMin {
    min-width: 20px !important;
    color: white;
    text-align: center;
    background-color: #286090;
}

.gridBtnDeleteMin {
    min-width: 20px !important;
    color: white;
    text-align: center;
    background-color: #286090;
}

.grideditColumnMandatory {
    color: black;
    background-color: #7DD3FF;
}

.gridinnerTemplate {
    color: black;
    background-color: #3175B0;
}

.gridinnerTemplate1 {
    color: black;
    font-size: 12px;
    font-weight: bold;
    background-color: #7AA6CB;
}

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

.km-switch-container {
    background-color: #5CB85C;
    border: 1px solid #5CB85C;
}

.km-switch-on .km-switch-container {
    background-color: #5CB85C;
    border: 1px solid #5CB85C;
}



.tabsharpsm {
    border-radius: 0;
    font-size: 1.05em;
    background-color: #13688C;
    /*background-color: #ABA9A9;*/
    color: #ffffff;
    border: #434344;
    height: 25px;
    border: 1px solid #ffffff;
    font-weight: bold;
    margin-top: -4px;
}

    .tabsharpsm:hover,
    .tabsharpsm:focus,
    .tabsharpsm.focus,
    .tabsharpsm:active,
    .tabsharpsm.active,
    .open > .dropdown-toggle.tabsharpsm {
        background-color: #E2F0F7;
    }

    .tabsharpsm:active,
    .tabsharpsm.active,
    .open > .dropdown-toggle.tabsharpsm {
        background-color: #0C435A;
        background-image: none;
        color: #ffffff;
    }

    .tabsharpsm.disabled,
    .tabsharpsm[disabled],
    fieldset[disabled] .tabsharpsm,
    .tabsharpsm.disabled:hover,
    .tabsharpsm[disabled]:hover,
    fieldset[disabled] .tabsharpsm:hover,
    .tabsharpsm.disabled:focus,
    .tabsharpsm[disabled]:focus,
    fieldset[disabled] .tabsharpsm:focus,
    .tabsharpsm.disabled.focus,
    .tabsharpsm[disabled].focus,
    fieldset[disabled] .tabsharpsm.focus,
    .tabsharpsm.disabled:active,
    .tabsharpsm[disabled]:active,
    fieldset[disabled] .tabsharpsm:active,
    .tabsharpsm.disabled.active,
    .tabsharpsm[disabled].active,
    fieldset[disabled] .tabsharpsm.active {
        background-color: #E2F0F7;
    }
/*Hyperlinks*/
.link {
    background: none !important;
    border: none;
    padding: 0 !important;
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}

.collapsableBlock {
    font-size: 14px;
    line-height: 2em;
    border-radius: 2px;
    border: 1px solid #7bd2f6;
    margin: 0px 0px 5px 0px !important;
    background-color: #daecf4 !important;
    color: #13688c !important;
    padding-left: 1px;
    /*linear-gradient:rgba(255, 255, 255, 0.45098) 0px, rgba(255, 255, 255, 0) 100%;*/
}

.collapsibleArea {
    border: 1px solid #7bd2f6;
    margin-bottom: 20px;
    /*background-color: #fff;*/
    background-color: #d9ecf5;
    /*background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);*/
    /*border-radius: 4px;*/
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
}

.grdHeaderVertical {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    height: 140px !important;
    width: 130px !important;
    vertical-align: text-top;
    /*padding-top: .6em !important;
    padding-right: 0em !important;
    padding-left: 5em;*/
    overflow: visible;
    white-space: normal;
    /*text-align: center;*/
    font-size: 12px;
    font-weight: bold;
    padding: 1px 1px -1px 2px;
    /*float:right;*/
    color: black !important;
    background-color: transparent !important;
    margin-bottom: -0.75em !important;
}

.grdPMHeaderVertical {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    height: 90px !important;
    width: 80px !important;
    vertical-align: text-top;
    /*padding-top: .6em !important;
    padding-right: 0em !important;
    padding-left: 5em;*/
    overflow: visible;
    white-space: normal;
    /*text-align: center;*/
    font-size: 12px;
    font-weight: bold;
    padding: 1px 1px -1px 2px;
    /*float:right;*/
    color: black !important;
    background-color: transparent !important;
    margin-bottom: 0px 0px -6.75em 0px !important;
}

.bttn-group, .bttn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .bttn-group > :first-child:not(.dropdown-toggle):not(:last-child).bttn {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .bttn-group > :first-child.bttn {
        margin-left: 0px;
    }

.bttn-flat.bttn {
    /*border-radius: 2px;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
}

.bttn-group-vertical > .bttn, .bttn-group > .bttn {
    position: relative;
    float: left;
}

.bttn-info {
    /*border-radius: 2px;*/
    color: #fff;
    background-color: #1884b2;
    border-color: #1884b2 !important;
}

.bttn {
    /*border-radius: 3px;*/
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /*border-radius: 4px;*/
}


::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bttn-group > .bttn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.dropdown-control > .divide {
    background-color: #eee !important;
    height: 1px !important;
}

.dropdown-control .divide {
    height: 1px !important;
    margin: 9px 0 !important;
    overflow: hidden !important;
    background-color: #e5e5e5 !important;
}

::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dropdown-control > li {
    margin: 1px !important;
    padding: 1px !important;
}

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.bttn .caret {
    margin-left: 0px;
}

.control-header {
    display: inline-block;
    background-color: #d9ecf5;
    border-style: solid;
    border-color: #a3d0e4;
    border-width: 1px;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    color: #13688c;
    font-size: 12px;
    line-height: 25px;
    padding: 1px;
    vertical-align: central;
}


.btn-Attachment {
    background-image: url(Images/Attachment.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

.PopupBorder {
    border: 5px solid #13688c !important;
    font-size: 1.05em;
    color: black;
}

.vcsharpsmhdr {
    border-radius: 7px;
    font-size: 1em;
    background-color: #006CB4;
    color: #ffffff;
    border: #434344;
    height: 22px;
    border: 1px solid #ffffff;
    font-weight: bold;
}

    .vcsharpsmhdr:hover,
    .vcsharpsmhdr:focus,
    .vcsharpsmhdr.focus,
    .vcsharpsmhdr:active,
    .vcsharpsmhdr.active,
    .open > .dropdown-toggle.vcsharpsmhdr {
        border-radius: 7px;
        background-color: #108BEA;
    }

    .vcsharpsmhdr:active,
    .vcsharpsmhdr.active,
    .open > .dropdown-toggle.vcsharpsmhdr {
        border-radius: 7px;
        background-color: #108BEA;
        background-image: none;
    }

    .vcsharpsmhdr.disabled,
    .vcsharpsmhdr[disabled],
    fieldset[disabled] .vcsharpsmhdr,
    .vcsharpsmhdr.disabled:hover,
    .vcsharpsmhdr[disabled]:hover,
    fieldset[disabled] .vcsharpsmhdr:hover,
    .vcsharpsmhdr.disabled:focus,
    .vcsharpsmhdr[disabled]:focus,
    fieldset[disabled] .vcsharpsmhdr:focus,
    .vcsharpsmhdr.disabled.focus,
    .vcsharpsmhdr[disabled].focus,
    fieldset[disabled] .vcsharpsmhdr.focus,
    .vcsharpsmhdr.disabled:active,
    .vcsharpsmhdr[disabled]:active,
    fieldset[disabled] .vcsharpsmhdr:active,
    .vcsharpsmhdr.disabled.active,
    .vcsharpsmhdr[disabled].active,
    fieldset[disabled] .vcsharpsmhdr.active {
        border-radius: 7px;
        background-color: #ACD6F3;
        color: #04375A;
    }

.PLPopupBorder {
    border: 8px solid #96A9C5;
    font-size: 1.05em;
    color: black;
}

.homebutton {
    display: inline-block;
    border-radius: 4px;
    background-color: #daecf4;
    border: none;
    color: #13688c;
    text-align: center;
    font-size: 15px;
    padding: 3px;
    width: 100px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 3px;
}

    .homebutton:hover {
        background: #13688c;
        color: #fff;
    }

    .homebutton span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

        .homebutton span:after {
            content: " >>";
            position: absolute;
            opacity: 0;
            top: 0;
            right: -20px;
            transition: 0.5s;
        }

    .homebutton:hover span {
        padding-right: 25px;
    }

        .homebutton:hover span:after {
            opacity: 1;
            right: 0;
        }

    .homebutton.active {
        background: #0069A5;
        color: #fff;
    }

.LeadMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: all 0.5s;
    cursor: pointer;
    margin: -3px;
}

.LeadMenu li {
    float: right;
    padding-left: 0.5px;
}

    .LeadMenu li button {
        border-radius: 2px;
        display: block;
        color: white;
        text-align: center;
        padding: 1px 14px;
        text-decoration: none;
        font-size: 13px;
        border: #7bd2f6 1px solid;
        background-color: #7bd2f6;
        cursor: pointer;
    }

        .LeadMenu li button:hover {
            background-color: #003f59;
            border: #003f59 0.5px solid;
        }

LeadMenu li .separator {
    display: inline-block;
    background-color: white;
    width: 2px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #ffffff;
}

.LeadMenu ul:before {
    margin: -3px;
}

.LeadMenu ul:after {
    margin: -3px;
}

.LeadMenu li button[disabled="disabled"] {
    background-color: #daecf4;
    border: #daecf4 1px solid;
    cursor: not-allowed;
}

.LeadMenu li button:disabled {
    background-color: #daecf4;
    border: #daecf4 1px solid;
    cursor: not-allowed;
}

.LeadMenu li button.active {
    background-color: #13688c !important;
    border: #005c83 1px solid !important;
    cursor: pointer;
}

.linkDisabled {
    cursor: not-allowed;
    pointer-events: none;
    color: grey;
}

.k-grid .k-dirty {
    display: none !important;
}

.disabledDay {
    display: block;
    overflow: hidden;
    min-height: 22px;
    line-height: 22px;
    padding: 0 .45em 0 .1em;
    cursor: default;
    opacity: 0.5;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge,
.btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
/********************Sales Dropdown - START**********************/
.dropbtn {
    width: auto !important;
    border-radius: 0;
    font-size: 1em;
    background-color: #13688C;
    color: #ffffff;
    border: #434344;
    height: 22px;
    border-radius: 1px;
    font-weight: bold;
    margin-left: -2px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.drop-down {
    position: relative;
    display: inline-block;
}

.drop-down-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 150px;
    box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.2);
    z-index: 99;
    width: 100%;
    border-style: solid;
    border-width: 0 1.5px 1.5px 0;
    border-color: #7bd2f6;
    margin-left: -2px;
}

    .drop-down-content a {
        color: #13688C;
        font-size: small;
        padding: 8px 14px;
        text-decoration: none;
        display: block;
    }

        .drop-down-content a:hover {
            background-color: #daecf4;
        }

        .drop-down-content a:active {
            background-color: #daecf4;
        }

.drop-down:hover .drop-down-content {
    display: block;
}

.drop-down:hover .dropbtn {
    background-color: #7bd2f6;
}

#btnPartsSearch:hover,
#btnPartsSearch:active,
#btnPartsSearch:disabled,
#btnPartsSearch:focus {
    background-color: #ebebeb;
    border-color: #adadad;
    color: #adadad;
}

#btnItemAdd:hover,
#btnItemAdd:active,
#btnItemAdd:disabled,
#btnItemAdd:focus {
    background-color: #ebebeb;
    border-color: #adadad;
    color: #adadad;
}

#btnItemDelete:hover,
#btnItemDelete:active,
#btnItemDelete:disabled,
#btnItemDelete:focus {
    background-color: #ebebeb;
    border-color: #adadad;
    color: #adadad;
}

#btnCopyExcel:hover,
#btnCopyExcel:active,
#btnCopyExcel:disabled,
#btnCopyExcel:focus {
    background-color: #ebebeb;
    border-color: #adadad;
    color: #adadad;
}

#btnSupplierAttachment:hover,
#btnSupplierAttachment:active,
#btnSupplierAttachment:disabled,
#btnSupplierAttachment:focus {
    background-color: #ebebeb;
    border-color: #adadad;
    color: #adadad;
}

.disabledItem {
    color: gray !important;
}

.editedcellRed {
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent transparent;
}

.editedcellyellow {
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent transparent;
}

.editedcellGreen {
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent transparent;
}

.editedcellBlue {
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent transparent;
}

.editedcellRed:before {
    content: '';
    position: relative;
    border-style: solid;
    border-width: 5px;
    margin: -.45em 0 0 -.6em;
    border-color: red transparent transparent red; /*TRBL*/
    height: 0;
    width: 0;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    float: left;
}

.editedcellYellow:before {
    content: '';
    position: relative;
    border-style: solid;
    border-width: 5px;
    margin: -.45em 0 0 -.6em;
    border-color: yellow transparent transparent yellow; /*TRBL*/
    height: 0;
    width: 0;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    float: left;
}

.editedcellGreen:before {
    content: '';
    position: relative;
    border-style: solid;
    border-width: 5px;
    margin: -.45em 0 0 -.6em;
    border-color: green transparent transparent green; /*TRBL*/
    height: 0;
    width: 0;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    float: left;
}

.editedcellBlue:before {
    content: '';
    position: relative;
    border-style: solid;
    border-width: 5px;
    margin: -.45em 0 0 -.6em;
    border-color: blue transparent transparent blue; /*TRBL*/
    height: 0;
    width: 0;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    float: left;
}

/********************Sales Dropdown - END**********************/


/********************Confirmation Popup Design Style(With Yes and No)**********************/

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
    ----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
    ----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
    ----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
    border-color: #13688c;
    border: 1px 1px 1px 1px solid;
    border-radius: 4px;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
        background-color: #13688c;
        border-color: #13688c;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        color: #ffffff;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        border-color: #13688c;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        display: none;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        border-color: #13688c;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        background-color: #daecf4;
        color: #13688c;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-color: #13688c;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
        background-color: #daecf4;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
            background-color: #015991;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-width: 1px;
            color: #ffffff;
            border-radius: 3px;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 1px solid transparent;
            display: inline-block;
            padding: 4px 12px;
            margin-bottom: 0px;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.4285;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }
/* Component containers
    ----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Verdana,Arial,sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 2px solid #13688c;
    /*border-color: #13688c;*/
    border-radius: 4px;
    /*border: 1px solid #aaaaaa;*/
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

    .ui-widget-content a {
        color: #222222;
    }

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #222222;
    }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1;
        background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
        color: #363636;
    }

        .ui-state-highlight a,
        .ui-widget-content .ui-state-highlight a,
        .ui-widget-header .ui-state-highlight a {
            color: #363636;
        }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
        color: #cd0a0a;
    }

        .ui-state-error a,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error a {
            color: #cd0a0a;
        }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #cd0a0a;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35); /* For IE8 - See #6059 */
        }


/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
}
/* Styles for label and section*/
.PLudwell {
    min-height: 1px;
    margin-top: 0px;
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 5px;
    padding: 3px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.btn-DefaultSearch {
    position: relative;
    height: 20px;
    width: 20px;
}

    .btn-DefaultSearch:before {
        content: "\f002";
        align-content: center;
        justify-content: space-around;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #000;
        margin-top: -11px;
        margin-left: -6px;
        font-size: 14px;
        position: absolute;
    }

    .btn-DefaultSearch:hover,
    .btn-DefaultSearch:active,
    .btn-DefaultSearch:focus {
        content: "\f002";
        font-family: FontAwesome;
        background-color: #ebebeb;
        border-color: #adadad;
    }


    .btn-DefaultSearch:disabled {
        content: "\f002";
        font-family: FontAwesome;
        background-color: #c4c0c0;
        border-color: #c4c0c0;
        color: black;
    }

/* Overide Csss */
.panel {
    margin: 5px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7;
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7;
    }

.udGridSucess {
    color: #003F59;
}

.udGridWarning {
    color: #4C0404;
}

.udGridError {
    color: red;
}

.udGridInfo {
    color: #000075;
}

div.iconDisable {
    opacity: 0.6;
    filter: alpha(opacity=60);
    pointer-events: none;
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group-sm > .input-group-addon {
    color: #FF05CA;
    height: 10px;
    font-weight: 900;
}

.box {
    pointer-events: none;
    cursor: not-allowed;
    flex-flow: column;
    display: table;
}

.boxinfo {
    border-radius: 3px;
    background-color: transparent;
    border: #434344;
    border: 1px solid #8cc8e2;
    width: 13px;
    height: 13px;
}

.grdColumnColor {
    border-radius: 2px;
    border: 1px solid #ccc;
}

.pink {
    background: #FF1AFF;
}

.green {
    background: #94FF00;
}

.blue {
    background: #021BCA;
}

.Maroon {
    background: maroon;
}

.Yellow {
    background: yellow;
}

.red {
    background: red;
}

.black {
    background: #000000;
}

.orange {
    background: orange;
}

.amber {
    background: #FFC000;
}

.Grey {
    background: grey;
}

.deepskyblue {
    background: #00bfff;
}

.greenDark {
    background: green;
}

.disabledItem {
    color: gray !important;
    padding-bottom: 5px !important;
    font-weight: bold;
}

.boxGreen {
    background: #94FF00;
    padding-bottom: 5px !important;
    font-weight: bold;
}

.boxMaroon {
    background: #EF6363;
    padding-bottom: 5px !important;
    font-weight: bold;
}

.blinkMaroon {
    animation-duration: 3000ms; /*blinking speed decreases and increase */
    animation-name: tgle;
    animation-iteration-count: infinite;
    color: #EF6363;
}

.blink {
    animation-duration: 3000ms; /*blinking speed decreases and increase */
    animation-name: tgle;
    animation-iteration-count: infinite;
    color: aqua;
}

@keyframes tgle {
    0% {
        opacity: 0;
    }

    49.99% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    99.99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.MCCntrlOR {
    background-color: #EC7600;
    height: 28px;
    color: #ffffff;
}

    .MCCntrlOR:hover {
        background-color: #C36201;
    }

.MCsbCntrlOR {
    background-color: transparent;
    color: #EC7600;
}

.MCCntrlBU {
    background-color: #459AE2;
    color: #ffffff;
    height: 28px;
}

    .MCCntrlBU:hover {
        background-color: #013664;
    }

.MCsbCntrlBU {
    background-color: transparent;
    color: #008AFF;
}

.MCCntrlGN {
    background-color: #2BC357;
    color: #ffffff;
    height: 28px;
}

    .MCCntrlGN:hover {
        background-color: #01992D;
    }

.MCsbCntrlGN {
    background-color: transparent;
    color: #006C1F;
}

.draggable {
    height: 20px;
    width: 18px;
    background-color: #feca3f;
    border-radius: 100%;
    z-index: 1;
}

.Tracker-title {
    color: palevioletred;
    font-weight: bold;
    font-size: 1.4em;
    vertical-align: middle;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.ChildWindowBorder {
    border: 10px solid #96A9C5;
}

.popInfoMessage {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.1em;
    border-top: 4px solid #8a6d3b;
    background-color: #8a6d3b;
    min-height: 22px;
}

.km-switch-container {
    background-color: RGB(19, 104, 140);
}

.km-switch-on .km-switch-container {
    background-color: RGB(19, 104, 140);
}
/*.dvpophdr {
    background: #d99c34;
    background-image: -webkit-linear-gradient(top, #d99c34, #b8a02b);
    background-image: -moz-linear-gradient(top, #d99c34, #b8a02b);
    background-image: -ms-linear-gradient(top, #d99c34, #b8a02b);
    background-image: -o-linear-gradient(top, #d99c34, #b8a02b);
    background-image: linear-gradient(to bottom, #d99c34, #b8a02b);
    -webkit-border-radius: 1;
    -moz-border-radius: 1;
    border-radius: 1px;
    color: #ffffff;
    font-size: 1.2em;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border-left-color: #ffffff;
    border-left-width: 1px;
    text-align: center;
}
    .dvpophdr:hover {
        background: #fc633c;
        background-image: -webkit-linear-gradient(top, #fc633c, #d97b34);
        background-image: -moz-linear-gradient(top, #fc633c, #d97b34);
        background-image: -ms-linear-gradient(top, #fc633c, #d97b34);
        background-image: -o-linear-gradient(top, #fc633c, #d97b34);
        background-image: linear-gradient(to bottom, #fc633c, #d97b34);
        text-decoration: none;
        cursor: pointer;
    }
    .dvpophdr:active {
        background-color: orangered;
        background-image: -webkit-linear-gradient(top, #fc633c, #d97b34);
        background-image: -moz-linear-gradient(top, #fc633c, #d97b34);
        background-image: -ms-linear-gradient(top, #fc633c, #d97b34);
        background-image: -o-linear-gradient(top, #fc633c, #d97b34);
        background-image: linear-gradient(to bottom, #fc633c, #d97b34);
        text-decoration: none;
    }*/
.dvpophdr {
    border-radius: 0;
    font-size: 1em;
    background-color: #13688C;
    color: #ffffff;
    border: #434344;
    height: 22px;
    border: 1px solid #ffffff;
    font-weight: bold;
}

    .dvpophdr:hover {
        background-color: #00C0EF;
    }

    .dvpophdr:focus,
    .dvpophdr.focus,
    .dvpophdr:active,
    .dvpophdr.active,
    .open > .dropdown-toggle.dvpophdr {
        background-color: #FF851B;
    }

    .dvpophdr:active,
    .dvpophdr.active,
    .open > .dropdown-toggle.dvpophdr {
        background-color: #FF851B;
        background-image: none;
    }

    .dvpophdr.disabled,
    .dvpophdr[disabled],
    fieldset[disabled] .dvpophdr,
    .dvpophdr.disabled:hover,
    .dvpophdr[disabled]:hover,
    fieldset[disabled] .dvpophdr:hover,
    .dvpophdr.disabled:focus,
    .dvpophdr[disabled]:focus,
    fieldset[disabled] .dvpophdr:focus,
    .dvpophdr.disabled.focus,
    .dvpophdr[disabled].focus,
    fieldset[disabled] .dvpophdr.focus,
    .dvpophdr.disabled:active,
    .dvpophdr[disabled]:active,
    fieldset[disabled] .dvpophdr:active,
    .dvpophdr.disabled.active,
    .dvpophdr[disabled].active,
    fieldset[disabled] .dvpophdr.active {
        background-color: #A0BDCA;
        color: #04375A;
    }

.multiSelectCombo .k-multiselect-wrap {
    overflow: auto;
    height: 60px;
}
/*.multiSelectCombo .k-multiselect-wrap .k-button {
        clear: left;
        height: 24px;
    }*/
.bkgFile {
    background-color: #FFF4FF !important;
}


.k-grid-header th.PLgrideditColumnMandatory {
    color: black !important;
    background-color: #94D4EF !important;
    /* #99cfe7 #F4E3FB */
    /*background-image: linear-gradient(-180deg,#ffffff,#00C0EF);*/
}

.k-grid-header th.gridpopColumn {
    color: black !important;
    background-color: #fadede !important;
}

.k-grid-header th.gridlinkColumn {
    color: black !important;
    background-color: #d7fce7 !important;
}

.k-grid-header th.PLgridinnerTemplate {
    color: #fffcf6 !important;
    background-color: #3175B0 !important;
}

.labelbold {
    font-weight: 600;
    font-size: 13px;
}

.labelred {
    color: red !important;
}



/*Toggle Check Box for reference   http://www.bootstraptoggle.com/ */
.checkbox label .toggle, .checkbox-inline .toggle {
    margin-left: -20px;
    margin-right: 5px;
}

.toggle {
    position: relative;
    overflow: hidden;
}

    .toggle input[type=checkbox] {
        display: none;
    }

.toggle-group {
    position: absolute;
    width: 200%;
    top: 0;
    bottom: 0;
    left: 0;
    transition: left .35s;
    -webkit-transition: left .35s;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.toggle.off .toggle-group {
    left: -100%;
}

.toggle-on {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.toggle-off {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    width: 0;
    border-width: 0 1px;
}

.toggle.btn {
    min-width: 59px;
    min-height: 34px;
}

.toggle-on.btn {
    padding-right: 24px;
}

.toggle-off.btn {
    padding-left: 24px;
}

.toggle.btn-lg {
    min-width: 79px;
    min-height: 45px;
}

.toggle-on.btn-lg {
    padding-right: 31px;
}

.toggle-off.btn-lg {
    padding-left: 31px;
}

.toggle-handle.btn-lg {
    width: 40px;
}

.toggle.btn-sm {
    min-width: 50px;
    min-height: 30px;
}

.toggle-on.btn-sm {
    padding-right: 20px;
}

.toggle-off.btn-sm {
    padding-left: 20px;
}

.toggle.btn-xs {
    min-width: 35px;
    min-height: 22px;
}

.toggle-on.btn-xs {
    padding-right: 12px;
}

.toggle-off.btn-xs {
    padding-left: 12px;
}

.toggle.ios, .toggle-on.ios, .toggle-off.ios {
    border-radius: 20px;
}

    .toggle.ios .toggle-handle {
        border-radius: 20px;
    }

.udwellEscl {
    min-height: 1px;
    margin-top: 0px;
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 5px;
    padding: 3px;
    background-color: #DDEBFD;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.ROCntrlEscl {
    background-color: transparent;
    height: 28px;
}

    .ROCntrlEscl:hover {
        background-color: transparent;
    }

.forumBoxBlue {
    background-color: aliceblue;
    padding: 5px;
    border-left: 5px solid #8A9DFF;
}

.forumBoxCntrlBlue {
    background-color: aliceblue;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #8A9DFF;
}

.forumBoxPink {
    background-color: #F9EFF4;
    padding: 5px;
    border-left: 5px solid #f849a1;
}

.forumBoxCntrlPink {
    background-color: #F9EFF4;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #f849a1;
}



.VwCntrllbl {
    background-color: #FCFDF8;
    border-bottom-color: orange;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 28px;
    text-align: right;
}

    .VwCntrllbl:hover {
        background-color: #FCFDF8;
        border-bottom-width: 0px;
        border-bottom-color: transparent;
    }


.VwCntrl {
    background-color: transparent;
    border-bottom-color: seashell;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 5px;
    height: 28px;
}

.btn-ColorPalette {
    background-image: url('Images/paint-palette1.png');
    background-repeat: no-repeat;
    height: 20px !important;
    width: 20px !important;
}

    .btn-ColorPalette:hover,
    .btn-ColorPalette:active,
    .btn-ColorPalette:focus {
        background: url(Images/paint-palette1.png) no-repeat 50%;
        background-color: #163E4F;
        border-color: #163E4F;
    }


    .btn-ColorPalette:disabled {
        background: url(Images/paint-palette1.png) no-repeat 50%;
        background-repeat: no-repeat;
        background-color: #c4c0c0;
        border-color: #c4c0c0;
        color: black;
    }

.btn-InfoIcon {
    background-repeat: no-repeat;
    background-color: aliceblue;
    font-weight: bolder;
    font-size: 1.2em;
    font-family: 'Californian FB', 'Blackadder ITC';
    height: 20px;
    width: 20px;
}

    .btn-InfoIcon:after {
        content: 'i';
        visibility: visible;
        display: block;
    }

    .btn-InfoIcon:hover,
    .btn-InfoIcon:active,
    .btn-InfoIcon:focus {
        background-color: #7bd2f6;
        border-color: #8bc4dd;
        color: #003f59;
    }

    .btn-InfoIcon:disabled {
        background-repeat: no-repeat;
        background-color: #adadad;
        /*border-color: #c4c0c0;*/
        color: #adadad;
    }


.dvSubHeader {
    border-radius: 0 0 3px 3px;
    background-color: transparent; /*#DBFFEA;#A8D3F9;*/
    /*box-sizing: border-box;*/
    /*background-image: linear-gradient(#F5F5F5,#C5DCE7);*/
}

.ROCntrlHdr {
    background-color: #B3CFDB;
    height: 28px;
    color: #333333;
    /*background-image: linear-gradient(#F5F5F5,#A0BDCA);*/
    border-radius: 2px;
    /*border-left: 2px solid #13688C;*/
    border-right: 1px solid #13688C;
}

    .ROCntrlHdr:hover {
        /*background-color: #51A7F3;*/
    }




/*.k-grid-header th.gridPoP {
    color: black !important;
    background-color: #fadede !important;
}

.k-grid-header th.gridlink {
    color: black !important;
    background-color: #d7fce7 !important;
}

.k-grid-header th.PLInnergrid {
    color: #fffcf6 !important;
    background-color: #3175B0 !important;
}*/

/*.k-grid-header th.PLgrideditColumnMandatory {
    background-image: linear-gradient(-180deg,#ffffff,#00C0EF);
}*/


.gridColumnlink {
    content: "\f0c1";
    font-family: FontAwesome,'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

    .gridColumnlink::after {
        content: "\f0c1" !important;
        font-family: FontAwesome,'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Gran    de', 'Lucida Sans', Arial, sans-serif;
        color: blueviolet;
        font-size: 1.1em;
        position: absolute;
        font-weight: 100;
        padding-left: 10px;
    }

.gridColumnPop {
    justify-content: flex-end;
    content: "\f05a";
    font-family: FontAwesome,'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

    .gridColumnPop::after {
        content: "\f05a" !important;
        font-family: FontAwesome,'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        color: #0035D6;
        font-size: 1.2em;
        position: absolute;
        font-weight: 100;
        padding-left: 10px;
    }


.dvErrMsg {
    background-color: #F5D9D8;
    min-height: 28px;
    max-height: 150px;
    overflow-y: auto;
    color: black;
}


.dropup {
    position: relative;
    display: inline-block;
    width: 100%;
}

.dropupcontentError {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border-top: 5px solid #CC0000;
    border-right: 3px solid #CC0000;
    border-left: 3px solid #CC0000;
    border-bottom: 3px solid #CC0000;
    bottom: 27px;
    z-index: 1;
    width: 30%;
    min-height: 300px;
    border-radius: 5px;
}

.dropup:hover .dropupcontentError {
    display: block;
}

.dvMsgHeaderError {
    box-sizing: border-box;
    background-image: linear-gradient(#CC0000,#ffffff);
    font-weight: bolder;
    height: 28px;
    width: 100% !important;
    color: #F5D9D8;
    font-weight: bolder;
    font-size: 1.2em;
}

.dropupcontentWarning {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border-top: 5px solid #FF851B;
    border-right: 3px solid #FF851B;
    border-left: 3px solid #FF851B;
    border-bottom: 3px solid #FF851B;
    bottom: 27px;
    z-index: 1;
    width: 50%;
    right: 10px;
    min-height: 200px;
    border-radius: 5px;
}

.dropup:hover .dropupcontentWarning {
    display: block;
}


.dvMsgHeaderWarning {
    box-sizing: border-box;
    background-image: linear-gradient(#FF851B,#ffffff);
    font-weight: bolder;
    height: 28px;
    width: 100% !important;
    color: #ffffff;
    font-weight: bolder;
    font-size: 1.2em;
}

.dropupcontentSuccess {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border-top: 5px solid #027802;
    border-right: 3px solid #027802;
    border-left: 3px solid #027802;
    border-bottom: 3px solid #027802;
    bottom: 27px;
    width: 50%;
    right: 10px;
    min-height: 200px;
    border-radius: 5px;
}

.dropup:hover .dropupcontentSuccess {
    display: block;
}

.dvMsgHeaderSuccess {
    box-sizing: border-box;
    background-image: linear-gradient(#027802,#ffffff);
    font-weight: bolder;
    height: 28px;
    width: 100% !important;
    color: #ffffff;
    font-weight: bolder;
    font-size: 1.2em;
}

.dvMsgHeaderLabel {
    padding: 10px;
}

.dvMsgContent {
    padding: 10px;
    color: #012534;
    font-weight: bolder;
}


.btnErrSum {
    border-radius: 3px;
    font-size: 1.1em;
    background-color: #DBE2EF;
    color: #000000;
    border: 1px solid orangered;
    height: 30px;
    border: 1px solid #ffffff;
    font-weight: bold;
    text-align: left;
}

    .btnErrSum:hover {
        background-color: #CCD2DE;
        color: #000000;
    }

    .btnErrSum:focus,
    .btnErrSum.focus,
    .btnErrSum:active,
    .btnErrSum.active,
    .open > .dropdown-toggle.btnErrSum {
        background-color: #C56856;
    }

    .btnErrSum:active,
    .btnErrSum.active,
    .open > .dropdown-toggle.btnErrSum {
        background-color: #C56856;
        background-image: none;
    }

    .btnErrSum.disabled,
    .btnErrSum[disabled],
    fieldset[disabled] .btnErrSum,
    .btnErrSum.disabled:hover,
    .btnErrSum[disabled]:hover,
    fieldset[disabled] .btnErrSum:hover,
    .btnErrSum.disabled:focus,
    .btnErrSum[disabled]:focus,
    fieldset[disabled] .btnErrSum:focus,
    .btnErrSum.disabled.focus,
    .btnErrSum[disabled].focus,
    fieldset[disabled] .btnErrSum.focus,
    .btnErrSum.disabled:active,
    .btnErrSum[disabled]:active,
    fieldset[disabled] .btnErrSum:active,
    .btnErrSum.disabled.active,
    .btnErrSum[disabled].active,
    fieldset[disabled] .btnErrSum.active {
        background-color: #D4CECE;
        color: #8D8989;
    }

.CntrllblStatusRed {
    background-color: #F4F4F4 !important;
    border-right-color: #9F5252 !important;
    border-right-style: groove !important;
    border-right-width: 8px !important;
    height: 28px !important;
}

.CntrllblStatusGreen {
    background-color: #F4F4F4;
    border-right-color: #0AFF0A;
    border-right-style: groove;
    border-right-width: 8px;
    height: 28px;
}

.CntrllblCondtRed {
    background-color: #F4F4F4;
    border-right-color: red;
    border-right-style: dotted;
    border-right-width: 3px;
    height: 28px;
}

.CntrllblOrange:hover {
    /*background-color: #DBE2EF;*/
}

.CntrllblRed {
    background-color: #F4F4F4;
    border-right-color: red;
    border-right-style: solid;
    border-right-width: 3px;
    height: 28px;
}

    .CntrllblRed:hover {
        /*background-color: #DBE2EF;*/
    }

.CntrllblBrown {
    background-color: #FCFDF8;
    border-right-color: #778088;
    border-right-style: solid;
    border-right-width: 2px;
    height: 28px;
}

.CntrllblMaroon:hover {
    background-color: #FCFDF8;
    border-bottom-width: 0px;
    border-bottom-color: transparent;
}

.CntrllblBlue {
    background-color: #FCFDF8;
    border-right-color: blueviolet;
    border-right-style: solid;
    border-right-width: 0px;
    height: 28px;
}

    .CntrllblBlue:hover {
        background-color: #FCFDF8;
        border-bottom-width: 0px;
        border-bottom-color: transparent;
    }

.boxUpload {
    border-radius: 50%;
    background-color: transparent;
    width: 8px;
    height: 8px;
    display: inline-block;
}

.Grey {
    background-color: #CFD2CF;
}

.darkGreen {
    background-color: #0AFF0A;
}
/* Attachment*/

/* Action button*/
.PLvcsharpsmhdrbtn {
    border-radius: 3px;
    font-size: 1em;
    background-color: #BBBBBB;
    color: #000;
    border: #434344;
    height: auto;
    border: 1px solid #B0D2E0;
    font-weight: bold;
}

    .PLvcsharpsmhdrbtn:hover,
    .PLvcsharpsmhdrbtn:focus,
    .PLvcsharpsmhdrbtn:active,
    .PLvcsharpsmhdrbtn.active,
    .open > .dropdown-toggle.PLvcsharpsmhdrbtn {
        border-left-width: 3px;
        border-left-color: orange;
        background-color: #fff;
        color: #000;
    }

    .PLvcsharpsmhdrbtn:active,
    .PLvcsharpsmhdrbtn.active,
    .open > .dropdown-toggle.PLvcsharpsmhdrbtn {
        border-left-width: 3px;
        border-left-color: orange;
        background-color: #00B900;
        color: #fff;
    }

    .PLvcsharpsmhdrbtn.disabled,
    .PLvcsharpsmhdrbtn[disabled],
    fieldset[disabled] .PLvcsharpsmhdrbtn,
    .PLvcsharpsmhdrbtn.disabled:hover,
    .PLvcsharpsmhdrbtn[disabled]:hover,
    fieldset[disabled] .PLvcsharpsmhdrbtn:hover,
    .PLvcsharpsmhdrbtn.disabled:focus,
    .PLvcsharpsmhdrbtn[disabled]:focus,
    fieldset[disabled] .PLvcsharpsmhdrbtn:focus,
    .PLvcsharpsmhdrbtn.disabled.focus,
    .PLvcsharpsmhdrbtn[disabled].focus,
    fieldset[disabled] .PLvcsharpsmhdrbtn.focus,
    .PLvcsharpsmhdrbtn.disabled:active,
    .PLvcsharpsmhdrbtn[disabled]:active,
    fieldset[disabled] .PLvcsharpsmhdrbtn:active,
    .PLvcsharpsmhdrbtn.disabled.active,
    .PLvcsharpsmhdrbtn[disabled].active,
    fieldset[disabled] .PLvcsharpsmhdrbtn.active {
        border-radius: 3px;
        background-color: #ACD6F3;
        color: #13688C;
        pointer-events: none;
    }

.CustomBtn {
    background-repeat: no-repeat;
    background-color: transparent;
    height: 22px;
    width: 25px;
    position: absolute;
}


/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
/*#map {
    height: 100%;
}
 
#description {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
}

#infowindow-content .title {
    font-weight: bold;
}

#infowindow-content {
    display: none;
}

#map #infowindow-content {
    display: inline;
}*/

/*.pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-family: Roboto;
}

#pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px;
}

    .pac-controls label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
    }*/

/*#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}

    #pac-input:focus {
        border-color: #4d90fe;
    }*/

/*#title {
    color: #fff;
    background-color: #4d90fe;
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px;
}

#target {
    width: 345px;
}*/


/*SRLC Segment start*/
.segmented-control {
    position: relative;
    display: inline-block;
    border: 1px solid currentColor;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    -moz-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition-property: none;
    -o-transition-property: none;
    -webkit-transition-property: none;
    transition-property: none;
    -webkit-tap-highlight-color: transparent;
}

    .segmented-control > input {
        position: absolute;
        left: -10000px;
        opacity: 0;
    }

        .segmented-control > input[type='checkbox'] ~ label {
            -moz-transition-duration: 0s;
            -o-transition-duration: 0s;
            -webkit-transition-duration: 0s;
            transition-duration: 0s;
        }

            .segmented-control > input[type='checkbox'] ~ label:before {
                opacity: 0;
            }

        .segmented-control > input:disabled:nth-child(1) ~ label:nth-of-type(1) {
            /*opacity: 0.3;*/
            cursor: not-allowed;
            background-color: #ECF0F5;
            color: #969696;
        }

        .segmented-control > input:nth-child(1):checked ~ label:nth-of-type(1):after, .segmented-control > input:nth-child(1):checked ~ label:nth-of-type(1):before {
            opacity: 1;
        }

        .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1) ~ label:before {
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }

        .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:before {
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }

        .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }

        .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(4):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(4):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:before {
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }

        .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(5):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(5):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:before {
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }

        .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(6):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(6):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:before {
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }

        .segmented-control > input:disabled:nth-child(2) ~ label:nth-of-type(2) {
            /*opacity: 0.3;*/
            cursor: not-allowed;
            background-color: #ECF0F5;
            color: #969696;
        }

        .segmented-control > input:nth-child(2):checked ~ label:nth-of-type(2):after, .segmented-control > input:nth-child(2):checked ~ label:nth-of-type(2):before {
            opacity: 1;
        }

        .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:before {
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }

        .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }

        .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(4):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(4):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:before {
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }

        .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(5):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(5):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:before {
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }

        .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(6):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(6):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:before {
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }

        .segmented-control > input:disabled:nth-child(3) ~ label:nth-of-type(3) {
            /*opacity: 0.3;*/
            cursor: not-allowed;
            background-color: #ECF0F5;
            color: #969696;
        }

        .segmented-control > input:nth-child(3):checked ~ label:nth-of-type(3):after, .segmented-control > input:nth-child(3):checked ~ label:nth-of-type(3):before {
            opacity: 1;
        }

        .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {
            -moz-transform: translateX(200%);
            -ms-transform: translateX(200%);
            -webkit-transform: translateX(200%);
            transform: translateX(200%);
        }

        .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(4):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(4):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:before {
            -moz-transform: translateX(200%);
            -ms-transform: translateX(200%);
            -webkit-transform: translateX(200%);
            transform: translateX(200%);
        }

        .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(5):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(5):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:before {
            -moz-transform: translateX(200%);
            -ms-transform: translateX(200%);
            -webkit-transform: translateX(200%);
            transform: translateX(200%);
        }

        .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(6):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(6):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:before {
            -moz-transform: translateX(200%);
            -ms-transform: translateX(200%);
            -webkit-transform: translateX(200%);
            transform: translateX(200%);
        }

        .segmented-control > input:disabled:nth-child(4) ~ label:nth-of-type(4) {
            /*opacity: 0.3;*/
            cursor: not-allowed;
            background-color: #ECF0F5;
            color: #969696;
        }

        .segmented-control > input:nth-child(4):checked ~ label:nth-of-type(4):after, .segmented-control > input:nth-child(4):checked ~ label:nth-of-type(4):before {
            opacity: 1;
        }

        .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(4):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(4):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:before {
            -moz-transform: translateX(300%);
            -ms-transform: translateX(300%);
            -webkit-transform: translateX(300%);
            transform: translateX(300%);
        }

        .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(5):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(5):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:before {
            -moz-transform: translateX(300%);
            -ms-transform: translateX(300%);
            -webkit-transform: translateX(300%);
            transform: translateX(300%);
        }

        .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(6):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(6):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:before {
            -moz-transform: translateX(300%);
            -ms-transform: translateX(300%);
            -webkit-transform: translateX(300%);
            transform: translateX(300%);
        }

        .segmented-control > input:disabled:nth-child(5) ~ label:nth-of-type(5) {
            /*opacity: 0.3;*/
            cursor: not-allowed;
            background-color: #ECF0F5;
            color: #969696;
        }

        .segmented-control > input:nth-child(5):checked ~ label:nth-of-type(5):after, .segmented-control > input:nth-child(5):checked ~ label:nth-of-type(5):before {
            opacity: 1;
        }

        .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(5):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(5):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:before {
            -moz-transform: translateX(400%);
            -ms-transform: translateX(400%);
            -webkit-transform: translateX(400%);
            transform: translateX(400%);
        }

        .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(6):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(6):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:before {
            -moz-transform: translateX(400%);
            -ms-transform: translateX(400%);
            -webkit-transform: translateX(400%);
            transform: translateX(400%);
        }

        .segmented-control > input:disabled:nth-child(6) ~ label:nth-of-type(6) {
            /*opacity: 0.3;*/
            cursor: not-allowed;
            background-color: #ECF0F5;
            color: #969696;
        }

        .segmented-control > input:nth-child(6):checked ~ label:nth-of-type(6):after, .segmented-control > input:nth-child(6):checked ~ label:nth-of-type(6):before {
            opacity: 1;
        }

        .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(6):after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(6):before, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:before {
            -moz-transform: translateX(500%);
            -ms-transform: translateX(500%);
            -webkit-transform: translateX(500%);
            transform: translateX(500%);
        }

    .segmented-control > label {
        display: inline-block;
        padding: 0 .71em;
        cursor: pointer;
        float: left;
        line-height: 24px;
        margin-bottom: 0px !important;
        font-style: inherit;
        font-weight: inherit;
        text-decoration: inherit;
        -moz-transition-property: none;
        -o-transition-property: none;
        -webkit-transition-property: none;
        transition-property: none;
        -moz-transition-duration: inherit;
        -o-transition-duration: inherit;
        -webkit-transition-duration: inherit;
        transition-duration: inherit;
        -moz-transition-timing-function: inherit;
        -o-transition-timing-function: inherit;
        -webkit-transition-timing-function: inherit;
        transition-timing-function: inherit;
    }

        .segmented-control > label:before, .segmented-control > label:after {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            -moz-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }

        .segmented-control > label:after {
            color: white;
            background-color: #00b8ff;
            content: attr(data-value);
            text-align: center;
            padding: inherit;
            z-index: 10;
            font-style: inherit;
            text-decoration: inherit;
            font-weight: inherit;
            opacity: 0;
            -moz-transition-property: opacity, -moz-transform;
            -o-transition-property: opacity, -o-transform;
            -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, transform;
            -moz-transition-duration: inherit;
            -o-transition-duration: inherit;
            -webkit-transition-duration: inherit;
            transition-duration: inherit;
            -moz-transition-timing-function: inherit;
            -o-transition-timing-function: inherit;
            -webkit-transition-timing-function: inherit;
            transition-timing-function: inherit;
        }

        .segmented-control > label:after, .segmented-control > label {
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .segmented-control > label:before {
                content: '';
                color: inherit;
                background: currentColor;
                -moz-transition-property: -moz-transform;
                -o-transition-property: -o-transform;
                -webkit-transition-property: -webkit-transform;
                transition-property: transform;
                -moz-transition-duration: inherit;
                -o-transition-duration: inherit;
                -webkit-transition-duration: inherit;
                transition-duration: inherit;
                -moz-transition-timing-function: inherit;
                -o-transition-timing-function: inherit;
                -webkit-transition-timing-function: inherit;
                transition-timing-function: inherit;
            }

            .segmented-control > label:first-of-type:nth-last-of-type(1), .segmented-control > label:first-of-type:nth-last-of-type(1):after, .segmented-control > label:first-of-type:nth-last-of-type(1):before, .segmented-control > label:first-of-type:nth-last-of-type(1) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(1) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(1) ~ label:before {
                width: 100%;
            }

            .segmented-control > label:first-of-type:nth-last-of-type(2), .segmented-control > label:first-of-type:nth-last-of-type(2):after, .segmented-control > label:first-of-type:nth-last-of-type(2):before, .segmented-control > label:first-of-type:nth-last-of-type(2) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(2) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(2) ~ label:before {
                width: 50%;
            }

            .segmented-control > label:first-of-type:nth-last-of-type(3), .segmented-control > label:first-of-type:nth-last-of-type(3):after, .segmented-control > label:first-of-type:nth-last-of-type(3):before, .segmented-control > label:first-of-type:nth-last-of-type(3) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(3) ~ label:before {
                width: 33.33333%;
            }

            .segmented-control > label:first-of-type:nth-last-of-type(4), .segmented-control > label:first-of-type:nth-last-of-type(4):after, .segmented-control > label:first-of-type:nth-last-of-type(4):before, .segmented-control > label:first-of-type:nth-last-of-type(4) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(4) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(4) ~ label:before {
                width: 25%;
            }

            .segmented-control > label:first-of-type:nth-last-of-type(5), .segmented-control > label:first-of-type:nth-last-of-type(5):after, .segmented-control > label:first-of-type:nth-last-of-type(5):before, .segmented-control > label:first-of-type:nth-last-of-type(5) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(5) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(5) ~ label:before {
                width: 20%;
            }

            .segmented-control > label:first-of-type:nth-last-of-type(6), .segmented-control > label:first-of-type:nth-last-of-type(6):after, .segmented-control > label:first-of-type:nth-last-of-type(6):before, .segmented-control > label:first-of-type:nth-last-of-type(6) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(6) ~ label:before {
                width: 16.66667%;
            }

    .segmented-control.italic, .segmented-control .italic {
        font-style: italic;
    }

    .segmented-control.bold, .segmented-control .bold {
        font-weight: bold;
    }

    .segmented-control.underline, .segmented-control .underline {
        text-decoration: underline;
    }

    .segmented-control.line-through, .segmented-control .line-through {
        text-decoration: line-through;
    }

    .segmented-control label:not(:last-child) {
        border-right: 1px solid currentColor !important;
    }


/*# sourceMappingURL=segmented-controls.css.map */
@media only screen and (max-width: 767px) {

    .desktopview {
        display: none !important;
    }

    #ulBRcrum {
        display: inline-block !important;
    }
}

.clrGreen {
    color: #32CD32 !important;
}

.clrRed {
    color: #FF0000 !important;
}

.clrOrange {
    color: #FF8C00 !important;
}

.clrBlue {
    color: #0000FF !important;
}

.k-master-row.k-state-selected .k-grid-content-sticky {
    /*color: #fff !important;*/
    background-color: #66ACC0 !important;
}

    .k-master-row.k-state-selected .k-grid-content-sticky a {
        color: #fff !important;
        background-color: #66ACC0 !important;
    }

        .k-master-row.k-state-selected .k-grid-content-sticky a:hover {
            color: #fff !important;
            background-color: #66ACC0 !important;
        }


.timeline-1 {
    border-left: 3px solid #b565a7;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(177, 99, 163, 0.09);
    margin: 0 auto;
    position: relative;
    padding: 30px;
    list-style: none;
    text-align: left;
    max-width: 65%;
}

    .timeline-1 .event {
        border-bottom: 1px dashed #000;
        padding-bottom: 10px;
        margin-bottom: 10px;
        position: relative;
    }

        .timeline-1 .event:last-of-type {
            padding-bottom: 0;
            margin-bottom: 0;
            border: none;
        }

        .timeline-1 .event:before,
        .timeline-1 .event:after {
            position: absolute;
            display: block;
            top: 0;
        }

        .timeline-1 .event:before {
            left: -170px;
            content: attr(data-date);
            text-align: right;
            font-weight: 100;
            font-size: 1em;
            min-width: 120px;
        }

        .timeline-1 .event:after {
            -webkit-box-shadow: 0 0 0 3px #b565a7;
            box-shadow: 0 0 0 3px #b565a7;
            left: -35.8px;
            background: #fff;
            border-radius: 50%;
            height: 9px;
            width: 9px;
            content: "";
            top: 5px;
        }