html, body {
    width: auto;
    height: 100%;
    margin: 0;
}

.attribute {
    margin-top: 3px;
    margin-bottom: 3px;
    /*margin-left:-20px;*/
    font-size: 20px;
    /*width:100%;*/
}

.value {
    font-size: 19px;
    /*margin-left: 25px;*/
    margin-top: 3px;
    /*width:100%;*/
}

.details { /*Clientsnapshot*/
    /*margin-bottom:5px !important;*/
    margin-top: 5px !important;
    /*height:40% !important;*/
    font-size: 18px !important;
}

.redCell {
    color: red;
}

.greenCell {
    background-color: rgb(0,255,0);
}

.blueCell {
    color: blue;
}

.yellowCell {
    background-color: yellow;
}

.clientsnapgrid {
    padding: 0px 0;
    height: 96%;
    width: 100%;
}

.dashboardFormTable tr {
    height: 31px;
}

.attribute-mobile {
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 18px;
    color: white;
}

.value-mobile {
    margin-left: 25px;
    font-size: 18px;
    color: white;
}

.grpHeaderMob {
    color: white;
    text-align: center;
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 601px) and (max-device-width : 1024px) {
    .display-tab {
        display: block !important;
    }

    .hide-tab {
        display: none !important;
    }

    #formJumbo {
        padding: 5% 25% 0% 25% !important;
    }

    #jumbo2 {
        height: 25% !important;
    }

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

    #forgetpassbtn {
        text-align: center !important;
    }

    #fjumbo, #cjumbo {
        height: 100% !important;
    }

    #fjumbo {
        padding: 8% !important;
    }

    #cjumbo {
        padding: 17% !important;
    }

    #imgForgetPassword, #ImgChangePassword {
        height: 8pc !important;
    }

    #imgForm {
        display: none;
    }

    #pClientName {
        font-size: 35px !important;
    }

    #loginbtns {
        text-align: center;
        width: 100% !important;
    }
}

@media (max-width: 600px) {
    .display-mobile {
        display: block !important;
    }

    .hide-mobile {
        display: none !important;
    }

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

    #divJumbo {
        height: 100% !important;
    }

    #jumbo2 {
        height: 15% !important;
    }

    #tmCurrentTime {
        display: none;
    }

    #divL {
        display: none;
    }

    #divRight {
        display: none;
    }

    #loginbtns {
        text-align: center;
    }

    #formJumbo {
        padding-left: 0px !important;
    }

    #mainBody {
        width: 100% !important;
        padding: 5px;
    }
}

.mobLabel {
    margin-left: 5px;
}

.iconscontainer, .jqx-widget-header .jqx-widget-header-deepBlue {
    height: 40px;
}

.myYellowCell {
    color: black !important;
    background-color: yellow !important;
}

.myBlueCell {
    color: black !important;
    background-color: rgb(153,217,234) !important;
}

.blueFont {
    color: blue !important;
}

.redFont {
    color: red !important;
}

.jqx-grid-cell {
    font-family: 'merriweatherregular';
}

.jqx-input {
    font-family: 'merriweatherregular';
}

.jqx-input-content {
    font-family: 'merriweatherregular';
}

/*safari and chrome any version*/
/*@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
    @media {
        button, input, optgroup, select, textarea, :not(.jqx-datetimeinput > div > input) {
            margin-top: 4px !important;
            padding-top: 3px !important;
        }
    }
}*/

.clientMasterField {
    height: 22px !important;
}

.jqx-combobox-input {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.jqx-position-absolute, .jqx-reset, .jqx-reset-deepBlue, .jqx-clear, .jqx-clear-deepBlue, .jqx-input-content, .jqx-input-content-deepBlue, .jqx-widget-content, .jqx-widget-content-deepBlue, .jqx-rc-all, .jqx-rc-all-deepBlue {
    padding-top: 0px;
}
/*changing grids filter textbox height and margin*/

#btnYes, #btnNo, #lgOk1, #lgCan3, #lgCan2, #lgOk {
    padding-top: 10px !important;
}

label {
    font-weight: normal;
    font-size: small !important;
}

.SearchWindowButton {
    background-color: lightblue;
}

.MyButtonStyle {
    border-radius: 25px;
    padding: 5px;
    width: 40px !important;
    height: 40px !important;
    display: inline-block;
    margin-left: 7px;
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
}

td {
    padding-right: 5px;
}

.GrdOpt {
    cursor: pointer;
    margin-left: 8px;
    background-color: transparent;
    border: none;
    width: 100%;
    text-align: left;
}

.ErrMsgmainContainer {
    font-family: 'merriweatherregular';
    background-color: lightblue;
    left: 6%;
    margin-left: 5%;
    margin-top: 30px;
    position: absolute;
    width: 80%;
    height: 50%;
    background-color: lightblue;
    border-radius: 5px;
    text-align: left;
    vertical-align: middle;
}

.ErrMsgcontainer {
    font-family: 'merriweatherregular';
    left: 5%;
    position: absolute;
    width: 90%;
    height: 70%;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: lightblue;
    border-radius: 5px;
    text-align: left;
    vertical-align: middle;
}

.jqx-widget-content {
    font-size: small;
    font-family: 'merriweatherregular';
}

.jqx-widget-header {
    font-size: 13px !important;
    font-family: 'merriweatherregular' !important;
}

.jqx-scrollbar-thumb-state-normal-horizontal {
    height: 10px !important;
    top: 3px !important;
}

.jqx-scrollbar-thumb-state-normal {
    width: 8px !important;
    left: 3px !important;
}

.jqx-layout-pseudo-window-pin-icon {
    background-image: url("data:image/.png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHUSURBVEhLtZUhSENBHMb3htGwYDAIloUFg2FBYcFgMBgMhoXFBYPCooJgWDQsGI0GkxgMK4LChAWDwaBgWBiysOBgRtn8fbf/e0zGYPee++Dju7v977u7///eLTVvBKbeGA6HOSSH/gRB8Ai/R7/8AwaDwTnsw1v4CrssVLCfkwGzEnzDcNmGdJoCYx07VXxgkDGjid0yXoNV60ZIm84EjM+Qe/L9NBr5g0+4MmrGALtbg12Yhw2oGkQ7pn0HD63rDzOtQBX2CmZhuKAWV+oyFu4HJquwui27UDcmA5do99F1VIuXLdwPMmOydreNfoRG6CW8hlq86YLjgMm6HUrJaWiEbkDVQKlpS12wL8xAeQ4N85xkAX1Gj1EtXrNwfzB5vLAXNnYA9aEp922l0AX7gslhYfehuyFQhf1CVQ8tXrJwP2CwaKYyaoVGaFjYMnxwwXGBge53FTasP15YLT7TuzP1ucYki7zATZ6Gdwyb6A26ylgvnU6fKC42WKAO3Q1BXWGhTtFSCl1QXGCwh1H06dOu0N5Cm7DogpIAE+3+z8NFX4WtW3dmTHuue+Q7SoOdRE/1kRtICna6AzuwCJV3nWjizyQRMFRK9KHpgYv/zs8XqdQvgc4BD135zxUAAAAASUVORK5CYII=");
}

.jqx-layout-pseudo-window-pinned-icon {
    background-image: url("images/pinned.png");
}

.jqx-icon-search {
    background-image: url("data:image/.png;base64,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");
}

.selCri {
    border-radius: 5px !important;
    width: 99% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.SelCriHeading {
    margin-left: 7px;
    width: 99% !important;
}

#jqxImageBtnAdd, #jqxImageBtnEdit, #jqxImageBtnSave, #jqxImageBtnDelete, #jqxImageBtnReload {
    border: none !important;
}

.GridLayout {
    width: 45px;
    height: 20px;
}

.jqx-window-close-button-deepBlue, .jqx-tabs-close-button-deepBlue, .icon-close-deepBlue {
    background-image: url('images/close.png');
}

.jqx-tabs-close-button-deepBlue, .icon-close-deepBlue {
    margin-top: 2.5px !important;
}

.jqx-grid-card-cell table {
    border: 1px solid #bbb;
    box-shadow: 0px 0px 4px 2px #888b8d;
}

td.jqx-grid-card-cell-label {
    padding-left: 6px;
}

/*Orange Theme*/
.selCri-orange, .jqx-splitter-panel-orange, .jqx-splitter-splitbar-horizontal-orange, .jqx-splitter-orange {
    border-color: #E48605;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #E74615;
    *background-color: #E74615;
    background-image: -moz-linear-gradient(top, #f89406, #E48605);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#E48605));
    background-image: -webkit-linear-gradient(top, #f89406, #E48605);
    background-image: -o-linear-gradient(top, #f89406, #E48605);
    background-image: linear-gradient(to bottom, #f89406, #E48605);
    background-repeat: repeat-x;
}

.selCriHed-orange {
    background-color: #faa732 !important;
}

.jqx-tabs-close-button-selected-orange {
    background-image: url('../jqwidgets/styles/images/close_black.png') !important;
}

/*ui-darkness*/
.selCri-ui-darkness, .jqx-splitter-panel-darkness, .jqx-splitter-splitbar-horizontal-darkness, .jqx-splitter-darkness {
    background: url('../jqwidgets/styles/images/darkness/ui-bg_gloss-wave_25_333333_500x100.png');
    border: 1px solid #ffffff !important;
}

.selCriHed-ui-darkness {
    background-color: #4a4a4a !important;
}

/*Flat*/
.selCri-flat {
    background: #c0c0c0;
    border: 1px solid #3E3E42 !important;
}

.selCri-deepBlue, .jqx-splitter-panel-deepBlue, .jqx-splitter-splitbar-horizontal-deepBlue, .jqx-splitter-deepBlue {
    background-color: #b1cef3 !important;
    border: 1px solid #7897d0 !important;
    color: black !important;
}

.selCriHed-deepBlue {
    background-color: #b1cef3 !important;
    border: 1px solid #7897d0 !important;
}

/*Dark Blue*/
.selCri-darkblue, .jqx-splitter-panel-darkblue, .jqx-splitter-splitbar-horizontal-darkblue, .jqx-splitter-darkblue {
    background-color: #60aad2 !important;
    color: white;
    border: 1px solid #187181 !important;
}

.selCriHed-darkblue {
    background-color: #60aad2 !important;
    color: white;
}

/*Black*/
.selCri-black, .jqx-splitter-panel-black, .jqx-splitter-splitbar-horizontal-black, .jqx-splitter-black {
    background-color: #262626 !important;
    color: white !important;
    border: 1px solid #ffffff;
}

.selCriHed-black {
    background: url(../jqwidgets/styles/images/bg_black.png);
}

/*metrodark*/
.selCri-metrodark, .jqx-splitter-panel-metrodark, .jqx-splitter-splitbar-horizontal-metrodark, .jqx-splitter-metrodark {
    background-color: #3E3E42 !important;
    border: 1px solid #ffffff;
}

.selCriHed-metrodark {
    background-color: #3E3E42 !important;
}

/*shinyblack*/
.selCri-shinyblack, .jqx-splitter-panel-shinyblack, .jqx-splitter-splitbar-horizontal-shinyblack, .jqx-splitter-shinyblack {
    background-color: black !important;
    color: white !important;
}

.selCriHed-shinyblack {
    background: url(../jqwidgets/styles/images/bg_black.png);
}

/*ui-le-frog*/
.selCri-ui-le-frog, .jqx-splitter-panel-ui-le-frog, .jqx-splitter-splitbar-horizontal-ui-le-frog, .jqx-splitter-ui-le-frog {
    background-color: #4e8e1e;
}

.selCriHed-ui-le-frog {
    background-color: #4e8e1e;
}

/*mobile*/
.selCri-mobile {
    background-color: #f8f8f8;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
}

.selCriHed-mobile {
    color: #157efb !important;
}

.jqx-tabs-close-button-mobile {
    background-image: url('../jqwidgets/styles/images/close_blue.png') !important;
}

.jqx-tabs-close-button-selected-mobile {
    background-image: url('../jqwidgets/styles/images/close_white.png') !important;
}

/*office*/
.selCri-office {
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-color: white;
}

.selCriHed-office {
    color: #217346 !important;
}
/*Arctic*/
.selCri-arctic, .jqx-splitter-panel-arctic, .jqx-splitter-splitbar-horizontal-arctic, .jqx-splitter-arctic {
    background-color: #f0f0f0;
    background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -moz-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -webkit-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -moz-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
}

.selCriHed-arctic {
    background-color: #f0f0f0;
    background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -moz-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -webkit-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -moz-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
}

/*classic*/
.selCri-classic, .jqx-splitter-panel-classic, .jqx-splitter-splitbar-horizontal-classic, .jqx-splitter-classic {
    background-color: #f0f0f0;
    background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -moz-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -webkit-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -moz-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
}

.selCriHed-classic {
    background-color: #f0f0f0;
    background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -moz-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -webkit-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -moz-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
}

/*fresh*/
.selCri-fresh, .jqx-splitter-panel-fresh, .jqx-splitter-splitbar-horizontal-fresh, .jqx-splitter-fresh {
    background-color: #f0f0f0;
    background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -moz-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -webkit-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -moz-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    border: 1px solid #4a4a4a !important;
    color: black;
}

.selCriHed-fresh {
    background-color: #f0f0f0;
    background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -moz-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -webkit-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -moz-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
}

/*glacier*/
.selCri-glacier, .jqx-splitter-panel-glacier, .jqx-splitter-splitbar-horizontal-glacier, .jqx-splitter-glacier {
    background-color: #ebebeb !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    color: black;
}

.selCriHed-glacier {
    background-color: #ebebeb !important;
}

/*Android*/
.selCri-android {
    background-color: black !important;
    border: 1px solid #32abda !important;
    color: white !important;
}

.selCriHed-android {
    background-color: black !important;
    border: 1px solid #32abda !important;
    color: white !important;
}
/*metro*/
.selCri-metro, .jqx-splitter-panel-metro, .jqx-splitter-splitbar-horizontal-metro, .jqx-splitter-metro {
    background-color: #f4f4f4 !important;
    border: 1px solid rgba(0, 0, 0, 0.25);
    color: black !important;
}

.selCriHed-metro {
    background-color: #f4f4f4 !important;
}

/*base*/
.selCri-base, .jqx-splitter-panel-base, .jqx-splitter-splitbar-horizontal-base, .jqx-splitter-base {
    background-color: #e8e8e8 !important;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.selCriHed-base {
    background-color: #e8e8e8 !important;
}

/*blackberry*/
.selCri-blackberry, .jqx-splitter-panel-blackberry, .jqx-splitter-splitbar-horizontal-blackberry, .jqx-splitter-blackberry {
    background-color: #e8e8e8 !important;
    border: 1px solid #4298c8 !important;
}

.selCriHed-blackberry {
    background-color: #e8e8e8 !important;
}

/*darkblue*/
.selCri-darkblue, .jqx-splitter-panel-darkblue, .jqx-splitter-splitbar-horizontal-darkblue, .jqx-splitter-darkblue {
    background-color: #4298c8 !important;
}

.selCriHed-darkblue {
    background-color: #4298c8 !important;
}

/*Dark*/
.selCri-dark, .jqx-splitter-panel-dark, .jqx-splitter-splitbar-horizontal-dark, .jqx-splitter-dark {
    background-color: #3e3e42 !important;
    border: 1px solid #ffffff !important;
}

.selCriHed-dark {
    background-color: #3e3e42 !important;
}

/*EnergyBlue*/
.selCri-energyblue, .jqx-splitter-panel-energyblue, .jqx-splitter-splitbar-horizontal-energyblue, .jqx-splitter-energyblue {
    background-color: #cfdde9 !important;
    border: 1px solid #264e70 !important;
}

.selCriHed-energyblue {
    background-color: #cfdde9 !important;
}

/*highcontrast*/
.selCri-highcontrast, .jqx-splitter-panel-highcontrast, .jqx-splitter-splitbar-horizontal-highcontrast, .jqx-splitter-highcontrast {
    background-color: #000 !important;
    color: white !important;
    border: 1px solid #ffffff;
}

.selCriHed-highcontrast {
    background-color: #000 !important;
    color: white !important;
}

/*ui-lightness*/
.selCri-ui-lightness, .jqx-splitter-panel-ui-lightness, .jqx-splitter-splitbar-horizontal-ui-lightness, .jqx-splitter-ui-lightness {
    background-color: #f6af3a !important;
    /*background:url(../jqwidgets/styles/images/lightness/ui-bg_gloss-wave_35_f6a828_500x100.png)50% 50% repeat-x;*/
}

.selCriHed-ui-lightness {
    background-color: #f6af3a !important;
}

/*light*/
.selCri-light {
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    color: black !important;
    background: #f8f8f8;
}

.selCriHed-light {
    color: #1997c6 !important;
}

/*ui-overcast*/
.selCri-ui-overcast, .jqx-splitter-panel-ui-lightness, .jqx-splitter-splitbar-horizontal-ui-lightness, .jqx-splitter-ui-lightness {
    background-color: #e1e1e1 !important;
    border: 1px solid #4a4a4a !important;
}

.selCriHed-ui-overcast {
    background-color: #e1e1e1 !important;
}

/*material*/
.selCri-material {
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    color: black;
}

.selCriHed-material {
    color: #0077be !important;
}

/*material-green*/
.selCri-material-green {
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    color: black;
}

.selCriHed-material-green {
    color: #558b2f !important;
}

/*material-purple*/
.selCri-material-purple {
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    color: black;
}

.selCriHed-material-purple {
    color: #6200ee !important;
}

/*ui-start*/
.selCri-ui-start, .jqx-splitter-panel-ui-start, .jqx-splitter-splitbar-horizontal-ui-start, .jqx-splitter-ui-start {
    color: #eaf5f7;
    background-color: #2191c0 !important;
    font-size: 12px;
}

.selCriHed-ui-start {
    background: url(../jqwidgets/styles/images/start/ui-bg_gloss-wave_75_2191c0_500x100.png)50% 50% repeat-x;
    background-color: #2191c0 !important;
}

/*windowsphone*/
.selCri-windowsphone, .jqx-splitter-panel-windowsphone, .jqx-splitter-splitbar-horizontal-windowsphone, .jqx-splitter-windowsphone {
    background: #3e3e42 !important;
}

.selCriHed-windowsphone {
    background-color: #3e3e42 !important;
}

/*web*/
.selCri-web, .jqx-splitter-panel-web, .jqx-splitter-splitbar-horizontal-web, .jqx-splitter-web {
    background: #e0e0e0 !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
}

.selCriHed-web {
    background-color: #e0e0e0 !important;
}

/*ui-sunny*/
.selCri-ui-sunny, .jqx-splitter-panel-ui-sunny, .jqx-splitter-splitbar-horizontal-ui-sunny, .jqx-splitter-ui-sunny {
    border: 1px solid #524118 !important;
}

.selCriHed-ui-sunny {
    background: url(../jqwidgets/styles/images/sunny/ui-bg_gloss-wave_70_ffdd57_500x100.png) 50% 50% repeat-x;
    color: #4c3000;
    background-color: #fece2f !important;
}

/*ui-smoothness*/
.selCri-ui-smoothness, .jqx-splitter-panel-ui-smoothness, .jqx-splitter-splitbar-horizontal-ui-smoothness, .jqx-splitter-ui-smoothness {
    background-color: #f0f0f0;
    background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -moz-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -webkit-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -moz-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
}

.selCriHed-ui-smoothness {
    background-color: #E6E6E6 !important;
}

/*ui-redmond*/
.selCri-ui-redmond, .jqx-splitter-panel-ui-redmond, .jqx-splitter-splitbar-horizontal-ui-redmond, .jqx-splitter-ui-redmond {
    background: #87b6d9;
    border: 1px solid #1f5063 !important;
}

.selCriHed-ui-redmond {
    /*background:#87b6d9;*/
    background: #96c0e7 !important;
    color: #e17009 !important;
}

/*summer*/
.selCri-summer, .jqx-splitter-panel-summer, .jqx-splitter-splitbar-horizontal-summer, .jqx-splitter-summer {
    background: #e4e5e5 !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
}

.selCriHed-summer {
    background: #e4e5e5 !important;
}

/*Red*/
.selCri-red, .jqx-splitter-panel-red, .jqx-splitter-splitbar-horizontal-red, .jqx-splitter-red {
    background: white !important;
    border: 1px solid rgb(171, 18, 18) !important;
    color: black !important;
}


/*.selCri-red > table {
        background:white
    }*/

.selCriHed-red {
    background: #ed2128 !important;
    border-bottom-color: white !important;
    color: white !important;
}


/*bootstrap*/
.selCri-bootstrap, .jqx-splitter-panel-bootstrap, .jqx-splitter-splitbar-horizontal-bootstrap, .jqx-splitter-bootstrap {
    background: #e4e5e5 !important;
    border: 1px solid #c0c0c0 !important;
}

.jqx-fill-state-normal {
    font-family: merriweatherregular;
    font-size: small;
}

.jqx-grid-card-cell-label {
    text-transform: none !important;
}

/*#region index.html stylesheet*/

#iframeMain {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    border: none;
    margin-left: 0;
    padding: 0;
    overflow: hidden;
}

#lgOk1:focus, #lgCan3:focus {
    color: rgb(242,182,1) !important;
    outline: none !important;
}

#trialWindow1 {
    display: none;
    background-color: black;
    opacity: 0.5;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}


#trialWin1Container {
    height: 100%;
    width: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background: transparent;
    z-index: 9999
}

#trialWin1 {
    display: none;
    width: 440px;
    height: 225px;
    background-color: rgb(60,97,154);
    z-index: 9999;
}

    #trialWin1 > div {
        height: 250px;
        padding: 20px
    }

        #trialWin1 > div > div {
            padding: 15px
        }

#boxTitle {
    font-size: 24px;
    color: white;
}

#SpanErrCancl {
    float: right;
    font-size: 25px;
    color: white;
    font-weight: bold
}

#errorRibbon {
    background-color: rgb(255,0,0);
    height: 5px;
}

#spanError {
    color: white;
    position: relative;
    top: 20px;
    font-family: sans-serif;
    font-size: 15px
}

#lgOk1 {
    font-size: 35px;
    color: white;
    bottom: 15px;
    float: right
}

#confirmWindowOverlay {
    background-color: black;
    opacity: 0.5;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: none
}

#confirmWindowWrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: transparent;
    display: none
}

#confirmWindow {
    width: 440px;
    height: 225px;
    position: absolute;
    top: 30%;
    left: 30%;
    background-color: rgb(60,97,154);
    display: none;
}

    #confirmWindow > div {
        height: 250px;
        padding: 20px
    }

        #confirmWindow > div > span {
            font-size: 24px;
            color: white
        }

#Span1 {
    float: right;
    font-size: 25px;
    color: white;
    font-weight: bold
}

#confirmMsg {
    color: white
}

#confirmYes {
    color: white;
    cursor: pointer
}

#confirmNo {
    color: white;
    margin-left: -3px;
    cursor: pointer
}


/*endRegion*/