/* CSS Document */
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px; /*background-color:white;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    text-decoration: none;
    text-align: justify;
    vertical-align: middle; /*background: url(../Images/BgStyle.jpg) #999A9E repeat-x; */
    background-color: #146E98;
}

fieldset {
    padding: 16px;
    border-color: #ccc;
    border: 1.9px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.legend1 {
    margin-bottom: 0px;
    margin-left: 1px;
    color: #146E98;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 2px 15px;
    width: auto;
    line-height: 2;
    font-weight: 600;
}

.RadComboBoxDropDown .rcbItem {
    border-bottom: 1px solid #BCBCBC !important;
}

.RadComboBoxDropDown_Default .rcbHovered {
    background: #abd1f4 !important;
    color: #000 !important;
}

.clsShadow {
    -webkit-box-shadow: 3px 15px 29px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 15px 29px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 15px 29px 0px rgba(0,0,0,0.75);
}

.GridHeader1 {
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-weight: bold;
    font-size: 11px;
    border-left: #9298a0 1px solid;
    color: black;
    border-bottom: #9298a0 1px solid;
    font-family: Verdana;
    height: 20px;
    background-image: url(../images/grd-hdr.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #ACCCE4;
}

.trans {
    position: absolute;
    vertical-align: middle;
    display: none;
    height: 200px;
    margin: 300px 0 0 350px;
    z-index: 1000;
    border: solid 1px white;
    background-color: #fffff0;
    width: 400px;
}

.TableCell {
    padding-left: 10px;
    padding-right: 0;
    padding-top: 1px;
    padding-bottom: 1px;
}

.ssImage {
    height: auto;
    width: auto;
}

.middtbl {
    width: 1162px;
    background-color: #fff;
    height: inherit; /*min-height: 600px;*/
}

/*added new css for old screen desing, added by Nicky on 09/25/2023 */
.middtbl1 {
    width: 930px;
    background-color: #fff;
    height: inherit; /*min-height: 600px;*/
}

.clsJspForm {
    /* background: #EDEDED;*/
    border-radius: 0px;
    box-shadow: 3px 22px 83px rgba(0,0,0,0.65);
    -webkit-box-shadow: 3px 22px 83px rgba(0,0,0,0.65);
}

.FormDivRight {
    width: 80%;
    text-align: left;
    float: right;
    margin: 10px 0 0 0;
}

.FormDivLeft {
    width: 100%;
    text-align: left;
    margin-top: 10px;
}

td.bullet {
    padding-top: 4px;
    padding-left: 2px;
}

td.menu {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
    border-bottom: solid 1px black;
}

a.menuitem {
    font-weight: bold;
    text-decoration: none;
    color: #4373b4;
}

    a.menuitem:hover {
        font-weight: bold;
        text-decoration: underline;
        color: #4373b4;
    }

.FormHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    font-weight: bold;
    text-align: left;
    padding-top: 3px;
    padding-left: 5px;
    background-image: url(../images/view-hdr.jpg); /*background-color: #6495ED;*/
    background-color: #146E98;
    background-repeat: repeat-x;
    border-bottom: 0px;
    height: 20px;
    margin: 0 0 0 10px;
    border-radius: 4px;
}

.tableBorder {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: Black;
}



.BackButton {
    background-color: #146E98;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color: #fff;
    width: 70px;
    border-width: 0px;
    margin-top: 0px;
    min-height: 27px;
    border-radius: 4px;
}

    .BackButton:hover {
        color: #fff;
        background: #146E98;
        border-radius: 3px;
        background: -webkit-gradient(linear,left top,left bottom,from(#3E779E),to(#2A597A));
        background: -webkit-linear-gradient(top,#146E98,#146E98);
        background: -moz-linear-gradient(top,#146E98,#146E98);
        background: linear-gradient(to bottom,#146E98,#146E98);
        background-color: #146E98;
        cursor: pointer;
        text-shadow: -1px 1px 5px #ccc, 1px -1px 5px #146E98;
        -webkit-transition: text-shadow 250ms linear 0s;
        -moz-transition: text-shadow 250ms linear 0s;
        -o-transition: text-shadow 250ms linear 0s;
        transition: text-shadow 250ms linear 0s;
        box-shadow: 0px 0px 7px #6A716B;
        filter: progid:DXImageTransform.Microsoft.Glow(Color=#1F73B1,Strength=1);
    }

.FormInnerHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    font-weight: bold;
    text-align: left;
    background-image: url(../images/view-hdr.jpg);
    background-color: #6495ED;
    background-repeat: repeat-x;
    border: solid 1px #333333;
    border-bottom: 0px;
    height: 20px;
}

.DropDownDisplay {
    width: 200px; /*text-transform: uppercase;*/
    height: 24px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: black;
    font-family: Verdana;
    font-weight: normal;
    background-color: Transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 3px;
}

.DropdownRequired {
    width: 200px;
    background-color: #fffff0;
    height: 24px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: black;
    font-family: Verdana;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 3px;
}

.FormButton {
    width: 100%;
    height: 20px;
    text-align: left;
}

.LineSeperator {
    left: 5px;
    position: relative;
}

.divmessage {
    margin: 5px 0 0 10px;
}

.modalBackground {
    background-color: White;
    z-index: 9999;
}

.modal {
    z-index: 999999;
    height: 100%;
    width: 100%;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.modalPopup {
    background-color: White;
    border-width: 3px;
    border-style: solid;
    border-color: #ffc272;
    padding: 3px;
    width: 600px;
    position: relative;
}

.gr_header1 {
    font-weight: normal;
    font-size: 13px;
    color: black;
    background-color: #E6E8FA;
    font-family: Verdana;
    text-align: center;
}

.GridItem_DetailEnc {
    height: 14px;
    border-right: #9298a0 1px solid;
    font-size: 12px;
    border-bottom: #9298a0 1px solid;
    font-family: Verdana;
    vertical-align: top;
}

.highlight {
    text-decoration: none;
    font-weight: bold;
    color: black;
    background: yellow;
}

.Buttongrey {
    background-color: #676767;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: #ababab 1px solid !important;
    cursor: pointer;
    min-width: 50px;
    padding: 5px 5px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; /* padding: 5px 15px; */
    overflow: hidden;
    font-size: 13px;
    color: #000 !important;
    font-weight: normal;
    border: 0;
    border-radius: 4px;
    background: -webkit-gradient(linear,left top,left bottom,from(#d4d8da),to(#d4d8da));
    background: -webkit-linear-gradient(top,#d4d8da,#d4d8da);
    background: -moz-linear-gradient(top,#d4d8da,#d4d8da);
    background: linear-gradient(to bottom,#d4d8da,#d4d8da);
    box-shadow: 0 1px 0 rgba(0,0,0,.10),0 1px 0 rgba(255,255,255,.10);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.10),0 1px 0 rgba(255,255,255,.10);
}

.Button {
    /*background-color: #3A6693;     border: solid 1px #9db0bc;          font-size: 0.9em;     font-weight: bold;     color: White;     border-radius: 2px;     padding: 2px 2px 2px 2px;          height: 24px;     border-radius: 4px;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    cursor: pointer;
    min-width: 50px;
    padding: 5px 5px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; /* padding: 5px 15px; */
    overflow: hidden;
    font-size: 13px;
    color: #FFF !important;
    font-weight: normal;
    border: 0;
    border-radius: 4px;
    background: -webkit-gradient(linear,left top,left bottom,from(#146E98),to(#146E98));
    background: -webkit-linear-gradient(top,#146E98,#146E98);
    background: -moz-linear-gradient(top,#146E98,#146E98);
    background: linear-gradient(to bottom,#146E98,#146E98);
    background-color: #146E98;
    box-shadow: 0 1px 0 rgba(0,0,0,.10),0 1px 0 rgba(255,255,255,.10);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.10),0 1px 0 rgba(255,255,255,.10);
}

    .Button:hover {
        border-radius: 3px;
        background: -webkit-gradient(linear,left top,left bottom,from(#3E779E),to(#2A597A));
        background: -webkit-linear-gradient(top,#146E98,#146E98);
        background: -moz-linear-gradient(top,#146E98,#146E98);
        background: linear-gradient(to bottom,#146E98,#146E98);
        background-color: #146E98;
        cursor: pointer;
        text-shadow: -1px 1px 5px #ccc, 1px -1px 5px #146E98;
        -webkit-transition: text-shadow 250ms linear 0s;
        -moz-transition: text-shadow 250ms linear 0s;
        -o-transition: text-shadow 250ms linear 0s;
        transition: text-shadow 250ms linear 0s;
        box-shadow: 0px 0px 7px #6A716B;
        filter: progid:DXImageTransform.Microsoft.Glow(Color=#1F73B1,Strength=1);
    }

.ButtonSearch {
    background-color: #8bbbce;
    border: solid 1px #9db0bc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color: #000000;
    text-align: left;
}


.toggleButton {
    border: 1px #146E98 solid;
    border-radius: 4px;
    padding: 4px 7px;
    background-color: #FCFCFF;
}

    .toggleButton:hover {
        border: 1px #146E98 solid;
        border-radius: 4px;
        padding: 4px 7px;
        -moz-transition: text-shadow 250ms linear 0s;
        background: -moz-linear-gradient(top,#15507D,#15507D);
        background-color: #EBF0F5;
    }

.Button1 {
    background-color: #146E98;
    border: solid 1px #146E98;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    padding: 5px 5px !important;
    color: #000000;
    border-radius: 4px;
}

select {
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    border: 1px solid #ccc;
}

input {
    background-color: #FFFFFF;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    /*border: 1px solid #ccc;*/
}

.span {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

.TextReadOnly {
    border-right: red 1px solid;
    border-top: red 1px solid;
    font-size: 12px;
    border-left: dimgray 1px solid;
    color: black;
    border-left: red 1px solid;
    border-bottom: red 1px solid;
    font-family: Verdana;
    font-weight: normal;
    background-color: Transparent;
}

.TextReadOnly {
    border-right: red 1px solid;
    border-top: red 1px solid;
    font-size: 12px;
    border-left: dimgray 1px solid;
    color: black;
    border-left: red 1px solid;
    border-bottom: red 1px solid;
    font-family: Verdana;
    font-weight: normal;
    background-color: Transparent;
}

.TextDisplay {
    border: 1px solid #ccc;
    font-size: 12px;
    color: black;
    font-family: Verdana;
    font-weight: normal;
    background-color: Transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 3px;
    height: 20px;
}

.TextDesi {
    border: solid 0 #ffffff;
    background-color: white;
}

.TextRequired {
    font-size: 12px;
    border: 1px solid #ccc;
    background-color: #fffff0;
    font-family: Verdana;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 3px;
    height: 20px;
}

.astric {
    font-size: 11px;
    color: red;
    font-family: Verdana;
    background-color: transparent;
}

/*------------------------------------------------*/

.Grid {
    /*border-right: #9298a0 1px outset;     border-top: #9298a0 1px outset;     border-left: #9298a0 1px outset;     border-bottom: #9298a0 1px outset;*/
    font-size: 10px;
    border: 1px solid #999 !important;
    font-family: Verdana;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom-right-radius: 0.5em;
}

.Grid-border {
    /*border: #9298a0 1px outset;*/
    border: #9298a0 1px;
}

.GridHeader {
    /*border-right: #9298a0 0px solid;     border-top: #9298a0 0px solid;      border-left: #9298a0 0px solid;     border-bottom: #9298a0 0px solid; */
    border: 1px solid;
    border-color: #60aad2;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFF0;
    font-family: Verdana;
    text-align: center;
    height: 30px; /*background-image: url(../images/grd-hdr.jpg);*/
    background-repeat: repeat-x;
    background-position: top; /*    background-color: #b7d1e3;*/
    background: #b7d1e3;
    background: -moz-linear-gradient(top, #b7d1e3 0%, #b7d1e3 50%, #b7d1e3 51%, #a1c6e2 100%);
    background: -webkit-linear-gradient(top, #b7d1e3 0%,#b7d1e3 50%,#b7d1e3 51%,#a1c6e2 100%);
    background: linear-gradient(to bottom, #4197C7 0%,#4197C7 50%,#4197C7 51%,#4197C7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7d1e3', endColorstr='#a1c6e2',GradientType=0 );
}

    .GridHeader a {
        color: #FFFFF0;
        text-decoration: none;
        font-size: 11px;
    }

        .GridHeader a:hover {
            text-decoration: underline;
        }

    .GridHeader th {
        text-align: center !important;
    }

        .GridHeader th:hover {
            /*font-size: 11.2px;*/
            border: 1.2px solid #396592;
            border-right: none;
            border-top: none;
            border-left: none; /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7d1e3+0,b7d1e3+50,b7d1e3+51,7db9e8+100 */
            background: #4097C6; /* Old browsers */
            background: -moz-linear-gradient(top, #b7d1e3 0%, #b7d1e3 50%, #b7d1e3 51%, #7db9e8 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #4097C6 0%,#4097C6 50%,#4097C6 51%,#4097C6 100%); /* Chrome10-25,Safari5.1-6 */
            /*background: linear-gradient(to bottom,  #b7d1e3 0%,#b7d1e3 50%,#b7d1e3 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7d1e3', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
        }

.gr_header {
    font-weight: normal;
    font-size: 11px;
    color: black;
    background-color: #E6E8FA;
    font-family: Verdana;
    text-align: center;
}


.GridHeaderNew {
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-weight: bold;
    font-size: 11px;
    border-left: #9298a0 1px solid;
    color: black;
    border-bottom: #9298a0 1px solid;
    font-family: Verdana;
    background-color: #c1bfd0;
}

.GridItem {
    /*height: 14px;     border-right: #9298a0 1px solid;     border-top: #9298a0 1px solid;     border-left: #9298a0 1px solid;     border-bottom: 0px solid;*/
    font-size: 11px;
    border: 1px solid;
    font-family: Verdana;
    text-align: left;
    text-indent: 1px;
    background-color: #fcfcff;
    vertical-align: top;
    vertical-align: middle;
    color: #326E90;
    border-color: #60aad2;
}

    .GridItem:hover {
        background-color: #c3d6e9;
    }

.GridAlternateItem:hover {
    background-color: #c3d6e9;
}

.GridAlternateItem {
    color: #326E90;
    border: 1px solid;
    font-family: Verdana;
    font-size: 11px;
    text-align: left;
    text-indent: 1px;
    background-color: #DBEAF5;
    vertical-align: middle;
    border-color: #60aad2;
}

.GridItemNormal {
    height: 14px;
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-size: 11px;
    border-left: #9298a0 1px solid; /*border-bottom: #9298a0 1px solid;*/
    font-family: Verdana;
    text-align: left;
    text-indent: 1px;
    background-color: #fcfcff;
    vertical-align: top;
}

.GridCheckboxItem {
    height: 16px;
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-size: 11px;
    border-left: #9298a0 1px solid;
    border-bottom: #9298a0 2px solid;
    font-family: Verdana;
    text-align: center;
    text-indent: 1px;
    background-color: #fcfcff;
    vertical-align: middle;
}


.GridItemTr {
    height: 16px;
    font-size: 11px;
    font-family: Verdana;
    text-align: left;
    text-indent: 1px;
    border-right: #9298a0 1px solid; /*	border-right: #E6E8FA 1px solid; 	border-top: #E6E8FA 1px solid; 	border-left: #E6E8FA 1px solid; 	border-bottom: #E6E8FA 1px solid;     background-color: #fcfcff;*/
}

.GridAlternetItem {
    /*border-right: #9298a0 1px solid;     border-top: #9298a0 1px solid;     border-left: #9298a0 1px solid;     border-bottom: #9298a0 1px solid;*/
    color: black;
    border: 1px solid #ddd;
    font-family: Verdana;
    font-size: 11px;
    text-align: left;
    text-indent: 1px;
    height: 16px;
    background-color: #e5eff6;
    vertical-align: middle;
}

.GridDeletedItem {
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    border-left: #9298a0 1px solid;
    color: #747474;
    border-bottom: #9298a0 1px solid;
    font-family: Verdana;
    font-size: 11px;
    text-align: left;
    text-indent: 1px;
    height: 16px;
    background-color: #EAEAEA;
}
/*d6e5fd*/

.GridSelect {
    border-right: #316ac5 2px solid;
    padding-right: 1px;
    border-top: #316ac5 2px solid;
    padding-left: 1px;
    font-size: 11px;
    padding-bottom: 1px;
    margin: 1px;
    border-left: #316ac5 2px solid;
    padding-top: 1px;
    border-bottom: #316ac5 2px solid;
    font-family: verdana;
    text-align: left;
    text-indent: 1px;
    height: 16px;
    background-color: #c1d2ee;
}

.GridFooter {
    /*border-right: #9298a0 1px solid;     border-top: #9298a0 1px solid;     border-left: #9298a0 1px solid;     border-bottom: #9298a0 1px solid;     color: black;*/
    border-color: #ccc;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
    text-align: right;
    vertical-align: middle;
    height: 25px; /*background-color: #b1afc2;*/
    background-color: #E9E9E9;
}

.GridItem-Main {
    height: 16px;
    display: block;
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-size: 11px;
    border-left: #9298a0 1px solid;
    border-bottom: #9298a0 2px solid;
    font-family: Verdana;
    text-align: left;
    text-indent: 1px;
    background-color: #fcfcff;
}

.GridHeader-Main {
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-weight: bold;
    font-size: 11px;
    border-left: #9298a0 1px solid;
    color: black;
    border-bottom: #9298a0 1px solid;
    font-family: Verdana;
    text-align: center;
    height: 20px; /*background-image: url(../images/grd-hdr.jpg);*/
    background-repeat: repeat-x;
    background-position: top;
    background-color: #b7d1e3;
}

.GridPage {
    background-color: #808c99;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: #fefefe;
    text-align: left;
}

.GridHeader-Main a {
    font-weight: bold;
    font-size: 11px;
    color: black;
    font-family: Verdana;
    text-align: center;
}

    .GridHeader-Main a:visited {
        font-weight: bold;
        font-size: 11px;
        color: black;
        font-family: Verdana;
        text-align: center;
        text-decoration: none;
    }

    .GridHeader-Main a:hover {
        font-weight: bold;
        font-size: 11px;
        color: black;
        font-family: Verdana;
        text-decoration: underline;
        text-align: center;
    }

.GridEmptyData {
    color: #146E98;
    font-size: small;
    background-color: white;
    font-weight: bold;
}

.GridImageSize {
    height: 13px;
    width: 13px;
}

.GridIcon {
    width: 16px;
    height: 16px;
    background-color: Transparent;
    border-style: none;
}

.SmallGridEmptyData {
    color: #146E98;
    font-size: small;
    background-color: white;
    font-weight: bold;
}

.TextNormal_AutoList {
    border-right: #333333 1px solid;
    border-top: #333333 1px solid;
    border-left: #333333 1px solid;
    border-bottom: #333333 1px solid;
    font-family: Verdana;
    font-size: 12px;
    background-color: white;
}

.Title {
    font-size: 12px;
    font-family: Verdana;
    color: #000000;
    background-color: transparent;
}

.Title1 {
    font-size: 12px;
    font-family: Verdana;
    color: #000000;
    background-color: #DBEAF5;
}

.TitleG {
    font-size: 11px;
    font-family: Verdana;
    color: Maroon;
    background-color: transparent;
}

.TitleSmall {
    font-size: 9px;
    font-family: Verdana;
    color: #000000;
    background-color: transparent;
}

div.tabMain {
    background-color: #c0c0c0;
    border: 1px solid #000000;
    padding: 1em;
}


a.tab {
    background-color: #DBEAF5;
    border: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom-width: 0px;
    padding: 0px 1em 2px 1em;
    text-decoration: none;
    color: #606060;
}

    a.tab, a.tab:visited {
        color: #808080;
    }

        a.tab:hover {
            background-color: #d0d0d0;
            color: #606060;
        }

.tab1 {
    background-color: #B7D1E3;
    border: 1px solid #000000;
    border-top: solid 1px #000000;
    border-bottom-width: 0px;
    padding: 0px 1em 2px 1em;
    text-decoration: none;
}

.error {
    color: Red;
}

.titleBlue {
    /* text-decoration: underline; */ /* color: rgb(115, 143, 201); */ /* text-transform: uppercase; */
    font-size: 13px; /* padding: 10px 0px; */
    font-weight: bold;
    background-color: #146E98;
    color: #fff;
    text-align: center;
    padding: 2px 5px; /*border: solid 2px #75839B;*/
    width: 188px;
    border-radius: 3px;
}


input[type=radio], input[type=checkbox] {
    display: none;
}

    input[type=radio] + label:before {
        content: "";
        display: inline-block;
        width: 13px;
        height: 13px;
        vertical-align: middle;
        margin-right: 5px;
        margin-left: 4px;
        background-color: #e2e7ed;
        border-radius: 8px;
        border: 1px solid #999999;
        font-size: 80%;
        font-weight: normal;
    }

    input[type=checkbox] + label:before {
        content: "";
        display: inline-block;
        width: 13px;
        height: 13px;
        vertical-align: middle;
        margin-right: 8px;
        background-color: #e2e7ed;
        border-radius: 4px;
        border: 1px solid #999999;
        font-size: 80%;
        font-weight: normal;
    }

    input[type=radio]:checked + label:before {
        content: "\2022";
        color: #146E98;
        background-color: #e2e7ed;
        font-size: 0.8em;
        text-align: center;
        font-weight: bolder;
    }

    input[type=checkbox]:checked + label:before {
        content: "\2714";
        color: #146E98;
        background-color: #333333;
        text-align: center;
        line-height: 15px;
        background-color: #e2e7ed;
        font-weight: bolder;
        font-size: small;
    }

/*---------  CSS FOR HEADER  -----------------------------*/

.ribbon {
    line-height: 1.875em !important;
    position: relative !important;
    padding: 0 1.5em !important;
    font-size: 1.1em !important;
    margin: 0 0 5px -0.7em !important; /* 0 0 5px -1.6em !important */
    color: #FCFCFF !important;
    border-radius: 0 0.156em 0.156em 0 !important; /*background: rgb(123, 159, 199);*/
    background: #146E98;
    box-shadow: -1px 2px 3px rgba(0,0,0,0.5);
}

    .ribbon:before, .ribbon:after {
        position: absolute;
        content: '';
        display: block;
    }

    .ribbon:before {
        width: 0.469em !important;
        height: 1.875em !important;
        padding: 0 0 0.438em !important;
        top: 0;
        left: -0.469em !important;
        background: inherit !important;
        border-radius: 0.313em 0 0 0.313em !important;
    }

    .ribbon:after {
        width: 0.313em;
        height: 0.313em;
        background: rgba(0,0,0,0.35);
        bottom: -0.313em;
        left: -0.313em;
        border-radius: 0.313em 0 0 0.313em;
        box-shadow: inset -1px 2px 2px rgba(0,0,0,0.3);
    }

.h1 {
    font-size: 1.0em !important;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}


/*---------  CSS FOR HEADER  -----------------------------*/

.multiselect-container > li.active > a > label:before {
    content: url(../Images/checked.png);
    /*padding-left:0px;*/
    /*
     "\2714";
    color: #146E98;
    background-color: #333333;
    text-align: center;
    line-height: 15px;
    background-color: #e2e7ed;
    font-weight: bolder;
    font-size: small;*/
}

.multiselect-container > li > a > label:before {
    content: url(../Images/unchecked.png);
    /* padding-left:16px;*/
}

input[type=checkbox]:disabled + label:before {
    opacity: 0.3;
}


/*-------------------------------Calendar----------------------------------------------------*/
.MyCalendar .ajax__calendar_title {
    color: #0066cc;
    width: 150px;
    margin: auto;
    background-color: White;
    border: solid 1 black;
    padding: 3px;
}

.ajax__calendar_container {
    border: 1px solid #000000;
    background-color: white;
    color: black;
    z-index: 1000;
}

.ajax__calendar_hover {
    background-color: #E1F9FF;
}


/*--scroll bar style start here--*/
.style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #9e98a3;
}

.style-3::-webkit-scrollbar-thumb {
    background-color: #9e98a3;
}
/*--scroll bar style start here--*/
/*--Assign_Dual_listbox--*/
img {
    border: 0;
    outline: 0;
}