﻿
@import "icofont.css";


body {
    padding: 0px;
    /* font-family:Arial,Verdana,tahoma;
    font-size:13px;*/
    color: #000;
    margin: 0px;
}

h88 {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 13px;
    color: #B53F3F;
    font-weight: bold;
    border-bottom: 0px solid #D4D4D4;
    padding: 3px;
}

h1 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    background: #F2F2F2;
    color: #198C0D;
    padding: 3px 0px 3px 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D4D4D4;
}

h4 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: bolder;
    color: #3c3c3c;
    line-height: 24px;
    padding-bottom: 5px;
}

.h6 {
    padding: 0px;
    margin: 0px;
}


form {
    min-width: 1024px;
    /* line-height:0;*/
}

Table {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

td {
    padding: 0px;
    margin: 0px;
}

.clear {
    padding: 0px;
    margin: 0px;
    clear: both;
}

.lineSpaceHeight {
    height: 5px;
}

ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

li {
    padding: 2px 0 2px 5px;
    list-style: none;
    height: auto;
}

.alt {
    background-color: #eaeaea;
    /*height:auto;*/
}

li.liHead {
    margin: 0px;
    padding-top: 4px;
    list-style: none;
    line-height: 25px;
    font-weight: bold;
}

a {
    text-decoration: none;
}

h2 {
    margin: 0px;
    font-size: 15px;
    font: Verdana,Tahoma,Arial;
    /*height:26px;
    border-bottom:dashed 1px #517185;
    margin-bottom:4px;*/
    padding: 2px 0px;
    *padding: 6px 0px;
    background: url(../images/h2bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-left: 8px;
    color: #198c0d;
    font-weight: bold;
}

h3 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 14px;
    color: #198c0d;
    background-color: #e7e7e7;
    padding: 3px;
}

h5 {
    padding: 0 2px 0 2px;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    top: -18px;
    color: black;
}

.login {
    width: 100%;
    height: auto;
    margin: 0px auto;
    border: #dadada dotted 2px;
    padding: 5px;
    box-shadow: 0px 10px 30px #bcbcbc;
    border-radius: 6px;
    background: #f9f9f9;
    margin-top: 150px;
}

.welcome {
    width: 98%;
    height: auto;
    padding: 1%;
    margin: 0px 0 0 0;
    background-color: #3B5998;
    font-weight: bold;
    color: White;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    font-family: Lucida Bright;
    font-size: small;
}


.department {
    width: 20%;
    float: left;
}

.selection {
    float: left;
    background-color: #efefef;
}

.grayTxt {
    color: #818181;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.chekbox label {
    margin-right: 10px;
}

.radio {
    font-size: 13px;
}

.chekbox td {
    width: 215px;
}

.chekboxTemp label {
    margin-right: 33px;
    margin-left: 0px;
}

#rbtnlstStatus_0 {
    margin: 0 0 0 3px;
}

.chekboxTemp td {
    width: 173px;
}

.expirenote {
    width: 220px;
    border: solid #e7e7e7 1px;
    color: #000;
    margin: 5px 5px 5px 5px;
    text-align: center;
}

.panelHeight {
    max-height: 200px;
}

.divL {
    width: 47%;
    height: auto;
    /*margin-right:1%;*/
    float: left;
    border: 1px solid #e7e7e7;
    padding: 1%;
}

.divLNBR {
    width: 47%;
    height: auto;
    /*margin-right:1%;*/
    float: left;
    padding: 1%;
}

.divR {
    width: 47%;
    height: auto;
    margin-left: 1%;
    float: right;
    border: 1px solid #e7e7e7;
    padding: 1%;
}

.divRNBR {
    width: 47%;
    height: auto;
    margin-left: 1%;
    float: right;
    padding: 1%;
}
/***MODAL POP UP****/
.modalBackground {
    background-color: black;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #edf0f9;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 10px;
    width: 90%;
    min-height: 65%;
    max-height: 90%;
}

/*--------------ucModelpop-----------------*/
.modalPopupPage {
    background-color: #edf0f9;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 10px;
    width: 98%;
}

.modalPopupPageCenter {
    background-color: #edf0f9;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    align-self: center;
    width: 50%;
}

.modalPopupPage p {
    padding: 5px;
}


/*------------------IDS-----------*/
#wrapper {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
    margin-bottom: 25px;
    background-repeat: repeat-x;
}

.pageBG {
    width: 100%;
    background-image: url(../images/page_bg.png);
    background-repeat: repeat-x;
}

#Top_Head {
    width: 100%;
    height: 0px;
    /*background:url(../images/headbg.jpg) no-repeat  top left;*/
    background: url(../images/headerBg.jpg) no-repeat top left;
    background-repeat: repeat-x;
}

#Top_Headermenu {
    height: 38px;
    background-color: #1c3a90;
    box-shadow: 0px 3px 1px #a5a5a5;
    padding-top: 7px;
    /*    background:url(../images/bannerBg.jpg) no-repeat top left;
*/ /* box-shadow: 0px 1px 4px #c8c8c8;*/
    background-size: cover;
}

.loginHeader {
    width: 650px;
    background: url(../images/login_bg.jpg);
}

    .loginHeader img {
        margin: 8px 0px 5px 0px;
        border: 1px solid #d9d9d9;
    }

.loginHead {
    background: #6b86bc;
    height: 20px;
    color: White;
    padding: 7px 6px 5px 6px;
    text-align: left;
    float: left;
    font-size: 15px;
    font-weight: bolder;
    width: 325px;
    margin-top: 8px;
    border-top: 1px dotted #f0f0f0;
}

li.head {
    height: 20px;
    line-height: 18px;
    color: #fff;
    border: solid #dadada 1px;
    text-align: center;
    background: #6d6d6d;
    font-size: 13px;
    font-weight: bold;
}
/***GRID USED IN REPORTS***/
.reportGrid {
    width: 100%;
    /*background:#d0d0d0;*/
    margin: 0px 0 0px 0;
    color: #727272;
}

    .reportGrid tr {
        line-height: 19px;
    }

    .reportGrid th {
        color: #fff;
        background: #848484;
        line-height: 20px;
    }

    .reportGrid .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .reportGrid .pgr {
        background: #424242 url(grd_pgr.png) repeat-x top;
    }

        .reportGrid .pgr table {
            margin: 5px 0;
        }

        .reportGrid .pgr tr {
            font-weight: bold;
            color: #000;
            float: right;
            background: #000;
            line-height: 12px;
        }
            /*    
.grid .pgr a {
	color: #d60000;
	text-decoration:none;
	} 
	*/
            .reportGrid.pgr tr:hover {
                color: #000;
                float: right;
                background: #2f4b5b;
                text-decoration: none;
            }

.reportGrid-row {
    background: #F7F6F3;
    color: #333333;
    cursor: auto;
}

.reportGrid td {
    padding-left: 5px;
    line-height: 19px;
    background: #efefef;
    color: #727272;
    border: 1px solid #d0d0d0;
}

    .reportGrid td:hover {
        background: #ffffff;
        color: #666666;
        line-height: 19px;
    }

.reportGrid-row:hover {
    background: #91b3c7;
    cursor: wait;
}

.reportGrid a {
    color: #d60000;
    text-decoration: none;
    font-weight: normal;
}

    .reportGrid a:hover {
        color: #d60000;
        text-decoration: underline;
        font-weight: normal;
    }
/*****GRID USED IN REPORT ENDS HERE****/
/*-----------------Grid Style-------------------------*/
.gridprev {
    width: 100%;
    background: #fff;
    margin: 0px 0 0px 0;
    border: solid 1px #c1c1c1;
    color: Black;
}

    .gridprev tr {
        background: #efefef;
        color: Black;
        line-height: 19px;
    }

    .gridprev th {
        color: #fff;
        background: #848484;
        line-height: 20px;
        padding: 10px;
        font-size: 13px; /*ont-size:15px;*/
    }

.grid {
    width: 100%;
    background: #fff;
    margin: 0px 0 0px 0;
    border: solid 1px #c1c1c1;
    color: Black;
}

    .grid tr {
        background: #efefef;
        color: Black;
        line-height: 19px;
    }

        .grid tr:hover {
            background-color: #A1DCF2 !important;
        }

    .grid th {
    color: #fff;
    background: #848484;
    line-height: 20px;
    padding: 10px;
    font-size: 13px; /*ont-size:15px;*/
    text-align: left;
    vertical-align: top;
}

    .grid .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .grid .pgr {
        background: #424242 url(grd_pgr.png) repeat-x top;
    }

        .grid .pgr table {
            margin: 5px 0;
        }

        .grid .pgr tr {
            font-weight: bold;
            color: #000;
            float: right;
            background: #000;
            line-height: 12px;
        }
            /*    
.grid .pgr a {
	color: #d60000;
	text-decoration:none;
	} 
	*/
            .grid.pgr tr:hover {
                color: #000;
                float: right;
                background: #2f4b5b;
                text-decoration: none;
            }

.grid-row {
    background: #F7F6F3;
    color: #333333;
    cursor: auto;
}

.grid td {
    color: Black;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    line-height: 20px;
}

.grid-row:hover {
    background: #91b3c7;
    cursor: wait;
}

.grid a {
    color: #d60000;
    text-decoration: none;
    font-weight: normal;
}

    .grid a:hover {
        color: #d60000;
        text-decoration: underline;
        font-weight: normal;
    }

.reportColumn {
    padding-left: 5px;
    line-height: 19px;
    background: #efefef;
    color: #727272;
    border: 1px solid #d0d0d0;
    width: 150px;
}

    .reportColumn:hover {
        background: #ffffff;
        color: #666666;
        line-height: 19px;
    }
/****GRID REPORT****/
.gridReport {
    width: 100%;
    background: #fff;
    margin: 0px 0 0px 0;
    border: solid 1px #c1c1c1;
    color: Black;
}

    .gridReport tr {
        background: #e8e8e8;
        color: Black;
        line-height: 19px;
    }

        .gridReport tr:hover {
            background: #d0d0d0;
            color: #666666;
            line-height: 19px;
        }

    .gridReport th {
        color: #fff;
        background: #848484;
        line-height: 20px;
    }

    .gridReport .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .gridReport .pgr {
        background: #424242 url(grd_pgr.png) repeat-x top;
    }

        .gridReport .pgr table {
            margin: 0px 0;
        }

        .gridReport .pgr tr {
            font-weight: bold;
            color: #000;
            float: right;
            background: #000;
            line-height: 12px;
        }
            /*    
.grid .pgr a {
	color: #d60000;
	text-decoration:none;
	} 
	*/
            .gridReport.pgr tr:hover {
                color: #000;
                float: right;
                background: #2f4b5b;
                text-decoration: none;
            }

.gridReport-row {
    background: #F7F6F3;
    color: #333333;
    cursor: auto;
}

.gridReport td {
    color: #727272;
    padding-left: 0px;
    line-height: 19px;
    width: 80px;
}

.gridReport-row:hover {
    background: #91b3c7;
    cursor: wait;
}

.gridReport a {
    color: #d60000;
    text-decoration: none;
    font-weight: bold;
}

    .gridReport a:hover {
        color: #d60000;
        text-decoration: underline;
        font-weight: bold;
    }

.tblReport {
    background-color: #e8e8e8;
}

    .tblReport div {
        text-align: center;
        background-color: #e8e8e8;
        color: #727272;
    }

.txtBoxSmall {
    width: 100px;
}
/****Datalist****/
.datalist {
    border: 1px solid #dddddd;
    padding: 0px;
}

    .datalist table {
        background-color: white;
    }

    .datalist td {
        background-color: White;
    }

    .datalist th {
        background-color: #e7e7e7;
        text-align: left;
        padding: 3px 3px 5px 3px;
        height: 14px;
    }

    .datalist p {
        text-align: left;
        padding: 0px 3px 5px 2px;
        margin: 0;
        font-size: 11px;
    }

    .datalist span {
        font-size: 11px;
    }

.EmptyDataRowStyle {
    width: 100%;
    height: 250px;
    background-color: White;
    color: #c0c0c0;
    font-size: 20px;
    text-align: center;
    padding-top: 50px;
}

.readMore {
    color: #00c9c1;
    text-decoration: none;
    padding: 3px 10px 3px 10px;
}

    .readMore:hover {
        text-decoration: underline;
    }
/*----------------------End--------------------------*/
/*----------------Class Style-----------*/
.lftBox {
    width: 50%;
    padding: 10px;
    background: #fff;
    border: 1px solid #e7e7e7;
}

.rgtBox {
    width: 50%;
    padding: 10px;
    background: #fff;
    border: 1px solid #e7e7e7;
}

.lftDiv {
    width: 45%;
    padding: 10px;
    background: #fff;
    float: left;
    border: 1px solid #e7e7e7;
}

.rgtDiv {
    width: 45%;
    padding: 10px;
    background: #fff;
    float: right;
    border: 1px solid #e7e7e7;
}

.fullDiv {
    width: 98%;
    padding: 10px;
    background: #fff;
    float: right;
    border: 1px solid #e7e7e7;
}

.leftBox {
    width: 100%;
    padding: 11px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}

.boxBorder {
    padding: 5px;
    background: #fff;
    border: 1px solid #e7e7e7;
}

.boxBorderExport {
    padding: 5px 5px 5px 5px;
    background: #fff;
    border: 1px solid #e7e7e7;
}

.boxBorderDarkBlue {
    padding: 5px;
    background: #fff;
    border: 1px solid #0a6fa7;
}

.boxBorderGreen {
    padding: 5px;
    background: #fff;
    border: 1px solid #0a6fa7;
}

.boxBorderbrown {
    padding: 5px;
    background: #fff;
    border: 1px solid #0a6fa7;
}

.imageBorder {
    background: #fff;
    border: 1px solid #e7e7e7;
    padding: 5px;
    max-width: 150px;
    max-height: 80px;
    float: left;
    vertical-align: middle;
}

.boxBorderShadow {
    padding: 10px;
    background: #fff;
    border: 1px solid #e7e7e7;
    /*box-shadow: 3px 3px 3px #888888;
     -webkit-border-radius: 10px;
    -moz-border-radius: 10px;*/
    border-radius: 10px;
}

.boxBorderShadowlight {
    padding: 10px;
    background: #fff;
    border: 1px solid #e7e7e7;
    /*box-shadow: 3px 3px 3px #888888;
     -webkit-border-radius: 10px;
    -moz-border-radius: 10px;*/
    border-radius: 10px;
}

.Backgroundli {
    padding-left: 5px;
    background: #f3f3f3;
    color: #000;
    line-height: 28px;
}

.MultyBlank {
    padding-left: 5px;
    height: 75px;
    line-height: 85px;
    vertical-align: top;
    padding-top: 5px;
}

.Backgroundmulty {
    padding-left: 5px;
    background: #f3f3f3;
    height: 75px;
    vertical-align: top;
    line-height: 85px;
    padding-top: 5px;
}


.rightBox {
    width: 47%;
    padding: 10px;
    background: #f9f9f8;
    border: 1px solid #e7e7e7;
}

.Div_pad {
    width: 100%;
    padding: 5px;
}

.Div_BX {
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 8px;
}

.blacktxt {
    color: Red;
    padding: 3px;
    font-weight: bolder;
    margin: 0px 10px 0px 0px;
    background: #ececec;
    padding: 5px;
    margin-left: 30px;
    border-bottom: 1px solid #dcdcdc;
}

    .blacktxt:hover {
        color: Red;
        text-decoration: underline;
    }

.LabelGray {
    background-color: #dedede;
    color: black;
    width: 180px;
    float: left;
    font-size: 13px;
    padding: 1px;
    height: 15px;
    margin-bottom: 2px;
    clear: both;
}

.LabelGray180 {
    background-color: #dedede;
    color: black;
    width: 100%;
    float: left;
    font-size: 13px;
}

.tble-violation tr {
    margin-top: 15px;
}

.tble-violation span {
    color: Black;
    display: block;
    float: left;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 13px;
    padding-top: 3px;
}

.tble-violation td {
    width: 16%;
    padding: 4px;
}

.tble-violation tr:nth-child(even) {
    background-color: #efefef !important;
}

.tble-violation tr td:nth-child(even) span {
    color: #272226 !important;
}

.tble-namedetail tr {
    margin-top: 15px;
}

.tble-namedetail span {
    color: Black;
    display: block;
    float: left;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 13px;
    padding-top: 3px;
}

.tble-namedetail td {
    /*width: 25%;*/
    padding: 4px;
}

.tble-namedetail td:nth-child(even) {
    width: 30%;
}

/*.tble-namedetail td:nth-child(odd) {
    width: 20%;
}*/
.tble-namedetail tr:nth-child(even) {
    background-color: #efefef !important;
}

.tble-namedetail tr td:nth-child(even) span {
    /*color: #982310 !important;*/
}

.LabelGrayColumn {
    background-color: #dedede;
    color: black;
    width: 180px;
    float: left;
    font-size: 13px;
    padding: 3px;
    height: 34px;
}

.LabelDarkGrayColumn {
    background-color: #dedede;
    color: #4e4e4e;
    width: 10%;
    /* float:left; changed on 21-01-2015 */
    font-size: 13px;
    padding: 3px;
}

.LabelLightGrayColumn {
    background-color: #eaeaea;
    color: #4e4e4e;
    width: 300px;
    /* float:left; changed on 21-01-2015 */
    font-size: 13px;
    padding: 3px;
}

.LabelLightGrayColumn1 {
    background-color: #eaeaea;
    color: #4e4e4e;
    width: 600px;
    /* float:left; changed on 21-01-2015 */
    font-size: 13px;
    padding: 3px;
}

.LabelLightGray {
    background-color: #eaeaea;
    color: #4e4e4e;
    width: 300px;
    float: left;
    font-weight: normal;
    font-size: 13px;
    padding: 3px;
    height: 15px;
    margin-bottom: 2px;
}

.Div_BX {
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 8px;
}


.numeric div {
    display: inline-block !important;
}

.numeric input[type="button"] {
    height: 8.5px !important;
    *height: 8.5px !important;
    border: 0px !important;
    *border: 0px !important;
}

.Label {
    color: Black;
    display: block;
    float: left;
    margin-bottom: 0px;
    font-weight: normal;
    width: 185px;
    font-size: 13px;
    padding-top: 3px;
    height: 18px;
}

.Label235 {
    color: Black;
    display: block;
    float: left;
    margin-bottom: 0px;
    font-weight: normal;
    width: 205px;
    font-size: 13px;
    padding-top: 3px;
    height: 18px;
}

.Label180 {
    color: Black;
    display: block;
    float: left;
    margin-bottom: 0px;
    font-weight: bold;
    width: 180px;
    font-size: 13px;
    padding-top: 3px;
    height: 18px;
}

.LabelLessWidth {
    color: Black;
    display: block;
    float: left;
    margin-bottom: 0px;
    font-weight: bold;
    width: 100px;
    font-size: 13px;
    padding-top: 3px;
    height: 18px;
}

.LabelLarge {
    color: Black;
    display: block;
    float: left;
    margin-bottom: 0px;
    font-weight: normal;
    width: 450px;
    font-size: 13px;
    padding-top: 3px;
    height: 18px;
}

.LabelLogin {
    color: Black;
    display: block;
    float: left;
    margin-bottom: 0px;
    margin-left: 50px;
    font-weight: bold;
    width: 100px;
    font-size: 13px;
    padding-top: 3px;
    height: 18px;
}

.LabelBold {
    color: Black;
    margin-bottom: 0px;
    font-weight: bold;
    width: 150px;
    font-size: 13px;
    padding-top: 3px;
    height: 18px;
}

.Label b {
    color: Red;
}

.LabelHead {
    color: Green;
    position: relative;
    background-color: White;
    top: -17px;
    left: 5px;
    float: left;
    font-weight: bold;
    font-size: 15px;
    padding: 3px;
    height: 18px;
}

.LabelHeadWithOutIndent {
    color: Green;
    /* position:relative;*/
    background-color: #eaeaea;
    top: -17px;
    /*left: 5px;*/
    float: left;
    font-weight: bold;
    font-size: 15px;
    padding: 3px;
    height: 15px;
}

.LabelPageIndex {
    color: red;
    display: block;
    float: right;
    margin-bottom: 0px;
    font-weight: bold;
    width: 150px;
    font-size: 13px;
    padding-top: 3px;
    height: 18px;
    text-align: right;
    background-color: #eaeaea;
    margin-bottom: 2px;
}

.space {
    margin: 0 5px;
}

.bold {
    color: Black;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 13px;
    padding-top: 3px;
    height: 18px;
    word-wrap: break-word;
}

.boldAuto {
    color: Black;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 13px;
    padding-top: 3px;
    word-wrap: break-word;
}

.lilAuto {
    height: auto !important;
    display: block;
}

.descLabelWidthless {
    width: calc(100% - 150px) !important;
    width: -moz-calc(100% - 150px) !important;
    width: -webkit-calc(100% - 150px) !important;
}

.newsTitle {
    font-size: 11px;
    font-weight: 600;
}

.labelExport {
    color: white;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 13px;
    padding-top: 3px;
    height: 18px;
    position: relative;
    top: -6px;
    left: 0px;
}

.bgExport {
    padding: 0px 0px 0px 0px;
    width: 25px;
    height: 25px;
    /*top:-8px;
    position:relative;*/
    margin-bottom: 0px;
    background-position: right;
    background-repeat: no-repeat;
}

    .bgExport input {
        padding: 0 3px 0 0;
        background-position: right;
    }

.redlink {
    color: #f10000;
    font-size: 11px;
}

    .redlink a {
        color: #f10000;
        font-size: 11px;
    }

        .redlink a:hover {
            color: #f10000;
            font-size: 11px;
        }

.txtGreen {
    color: Green;
}

.Blacklink {
    color: #FFF;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
}

    .Blacklink a {
        color: #535353;
        font-size: 11px;
        text-decoration: none;
        text-align: left;
    }

.icon a {
    color: #FFF;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
}

.Blacklink a:hover {
    color: #535353;
    font-size: 11px;
    text-decoration: none;
}

.LabelGreen {
    color: green;
    font-weight: bold;
    font-size: 13px;
}

.LabelRed {
    color: red;
    font-weight: bold;
    font-size: 11px;
}

.LabelRedHeadingCode {
    color: red;
    font-weight: bold;
    font-size: 16px;
}

.LabelWhiteHeadingCode {
    color: White;
    font-size: 16px;
}

.errorMsg {
    color: Red;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}

/*-------------------- Form Style-----------------------*/
.btn {
    /*background-color:#e7e7e7;
    border:1px solid #cdcdcd;*/
    /*background-image:url(../images/buttonCommon.jpg);
    background-repeat:no-repeat;*/
    cursor: pointer;
    width: 90px;
    height: 25px;
    border: 0px;
    color: #272226;
}


    .btn:Hover {
        /* background-image:url(../images/ButtonCommonHover.jpg);
    background-repeat:no-repeat;*/
    }

.btnNewCondition {
    /*background-color:#e7e7e7;
    border:1px solid #cdcdcd;*/
    background-image: url(../images/buttonCommonLarge.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    width: 100px;
    height: 25px;
    border: 0px;
    color: #272226;
}

    .btnNewCondition:Hover {
        background-image: url(../images/ButtonCommonLargeHover.jpg);
        background-repeat: no-repeat;
    }

.btnOk {
    /*background-color:#e7e7e7;
    border:1px solid #cdcdcd;*/
    background-image: url(../images/btnOk.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    width: 65px;
    height: 25px;
    border: 0px;
    color: #272226;
}

.btnSave:hover {
    background-image: url(../images/btnSaveHover.jpg);
}

.btnClear:hover {
    background-image: url(../images/btnClearHover.jpg);
}

.btnDelete:hover {
    background-image: url(../images/btnDeleteHover.jpg);
}

.btnSearch:hover {
    background-image: url(../images/btnSearchHover.jpg);
}

.btnSave {
    text-align: center;
    background-color: #6fad6f;
    display: block;
    padding: 10px;
    border-radius: 2px;
    color: #ffffff;
}

.btnSaveSmall {
    background-color: #e7e7e7;
    border: 0px solid #cdcdcd;
    cursor: pointer;
    width: 60px;
    height: 22px;
    background-image: url(../images/clearSmall.png);
    background-repeat: no-repeat;
    color: #272226;
}

.btnchangepassword {
    background-color: #e7e7e7;
    border: 0px solid #cdcdcd;
    cursor: pointer;
    width: 145px;
    height: 25px;
    background-image: url(../images/changePassword.jpg);
    background-repeat: no-repeat;
    color: #272226;
    padding-left: 20px;
}

    .btnchangepassword:hover {
        background-color: #e7e7e7;
        border: 0px solid #cdcdcd;
        cursor: pointer;
        width: 145px;
        height: 25px;
        background-image: url(../images/changePasswordOver.jpg);
        background-repeat: no-repeat;
        color: #272226;
        padding-left: 20px;
    }

.btnchangepasswordForgot {
    background-color: #e7e7e7;
    border: 0px solid #cdcdcd;
    cursor: pointer;
    width: 152px;
    height: 25px;
    background-image: url(../images/changePasswordForgot.jpg);
    background-repeat: no-repeat;
    color: #272226;
    padding-left: 20px;
}

    .btnchangepasswordForgot:hover {
        background-color: #e7e7e7;
        border: 0px solid #cdcdcd;
        cursor: pointer;
        width: 152px;
        height: 25px;
        background-image: url(../images/changePasswordOverForgot.jpg);
        background-repeat: no-repeat;
        color: #272226;
        padding-left: 20px;
    }

.btnRemove {
    background-color: #e7e7e7;
    border: 0px solid #cdcdcd;
    cursor: pointer;
    width: 90px;
    height: 25px;
    background-image: url(../images/clear.jpg);
    background-repeat: no-repeat;
    color: #272226;
}

.btnRemoveSmall {
    background-color: #e7e7e7;
    border: 0px solid #cdcdcd;
    cursor: pointer;
    width: 60px;
    height: 22px;
    background-image: url(../images/clearSmall.png);
    background-repeat: no-repeat;
    color: #272226;
    padding: 1px 6px 1px 6px;
    *padding: 1px 6px 1px 6px;
}

    .btnRemoveSmall:hover {
        background-color: #e7e7e7;
        border: 0px solid #cdcdcd;
        cursor: pointer;
        width: 60px;
        height: 22px;
        background-image: url(../images/clearSmallHover.jpg);
        background-repeat: no-repeat;
        color: #272226;
    }

.btnClear {
    background-color: #e7e7e7;
    border: 0px solid #cdcdcd;
    cursor: pointer;
    width: 90px;
    height: 25px;
    background-image: url(../images/clear.jpg);
    background-repeat: no-repeat;
    color: #272226;
}

.btnClearForgot {
    background-color: #e7e7e7;
    border: 0px solid #cdcdcd;
    cursor: pointer;
    width: 65px;
    height: 25px;
    background-image: url(../images/clearForgot.jpg);
    background-repeat: no-repeat;
    color: #272226;
}

.btnDelete {
    background-color: #e7e7e7;
    border: 0px solid #cdcdcd;
    cursor: pointer;
    width: 90px;
    height: 25px;
    background-image: url(../images/delete.jpg);
    background-repeat: no-repeat;
    color: #272226;
}

.gotToLogin {
    width: 110px;
    height: 25px;
    padding-left: 15px;
    border: none;
    background-image: url(../images/btngottoLogin.jpg);
    background-repeat: no-repeat;
    margin-right: 10px;
}

    .gotToLogin:hover {
        width: 110px;
        height: 25px;
        padding-left: 15px;
        border: none;
        background-image: url(../images/btngottoLoginover.jpg);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.btnSearch {
    background-color: #e7e7e7;
    border: 0px solid #cdcdcd;
    cursor: pointer;
    width: 90px;
    height: 25px;
    background-image: url(../images/searchData.jpg);
    background-repeat: no-repeat;
    color: #272226;
}

 
.btnSearch1 {
    background-color: #e7e7e7;
    border: 0px solid #cdcdcd;
    cursor: pointer;
    width: 90px;
    height: 25px;
    background-image: url(../images/searchData.jpg);
    background-repeat: no-repeat;
    color: #272226;
}

.btnPopupClose {
    width: 24px;
    background-color: #abdbe7;
    background-image: url(../images/popUpBack.jpg);
    background-repeat: no-repeat;
    background-position: center;
    border: 0px;
    cursor: pointer;
    height: 20px;
    text-align: center;
    padding: 0 0 0 25px !important;
    margin-right: 5px;
}

    .btnPopupClose:hover {
        background-image: url(../images/popupBackHover.jpg);
    }

.button {
    /*background-image:url(../images/Btn_final_Blue.png);last removed button*/
    background-image: url(../images/AmlButtonStyle.png);
    background-position: center;
    width: 92px;
    cursor: pointer;
    height: 27px;
    font-weight: bold;
    border: 0;
    color: White;
}

.buttonNew {
    background-image: url(../images/Btn_final_Green.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 92px;
    cursor: pointer;
    height: 28px;
    font-weight: bold;
    border: 0;
    color: White;
}

.btnNew {
    /*background-image:url(../images/amlBtnBg.png);
    background-image:url(../images/btn_normal.jpg);
    background-repeat:repeat-x;
    background-image:url(../images/btn_new4.jpg);
    background-image:url(../images/btn_new04.jpg);
    background-image:url(../images/btn_new05.jpg);
    background-image:url(../images/btnHover.jpg);*/
    background-image: url(../images/btn_New2.jpg);
    background-position: center;
    width: 94px;
    cursor: pointer;
    height: 27px;
    font-weight: bold;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #0083b2;*/
    border: 0;
    color: White;
}

.btnNewRed {
    background-image: url(../images/BtnBlueNew.jpg);
    background-position: center;
    width: 94px;
    cursor: pointer;
    height: 27px;
    font-weight: bold;
    border: 0;
    color: White;
}

.btnNewGif01 {
    background-image: url(../images/BtnAml_new07.jpg);
    background-position: center;
    width: 94px;
    cursor: pointer;
    height: 25px;
    font-weight: bold;
    border: 0;
    color: white;
}

.BtnAml_new02 {
    background-image: url(../images/BtnAml_new06.jpg);
    background-position: center;
    width: 94px;
    cursor: pointer;
    height: 25px;
    font-weight: bold;
    border: 0;
    color: White;
}

.BtnAml_new03 {
    background-image: url(../images/BtnAml_new05.jpg);
    background-position: center;
    width: 94px;
    cursor: pointer;
    height: 25px;
    font-weight: bold;
    border: 0;
    color: White;
}

.btnNewBlue {
    background-image: url(../images/BtnBlue.png);
    background-position: center;
    width: 94px;
    cursor: pointer;
    height: 27px;
    font-weight: bold;
    border: 0;
    color: White;
}

.btnSearchGreen {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    width: 22px;
    height: 20px;
    background-image: url('../images/IconSearch.jpg');
    background-position: center;
    margin-right: 10px;
    position: relative;
    top: -2px;
    cursor: pointer;
    left: 0px;
}

.btnNewYellow {
    background-image: url(../images/btn_newWhite.jpg);
    background-position: center;
    width: 93px;
    cursor: pointer;
    height: 25px;
    font-weight: bold;
    border: 0;
    color: Black;
}

.btnNewRose {
    background-image: url(../images/BtnRose.png);
    background-position: center;
    width: 94px;
    cursor: pointer;
    height: 27px;
    font-weight: bold;
    border: 0;
    color: White;
}

.btnNewGray {
    /*background-image:url(../images/amlBtnBg.png);
    background-image:url(../images/btn_normal.jpg);
    background-repeat:repeat-x;
    background-image:url(../images/btn_new4.jpg);*/
    background-image: url(../images/btn_New2.jpg);
    /*background-image:url(../images/btn_new05.jpg);*/
    background-position: center;
    width: 94px;
    cursor: pointer;
    height: 27px;
    font-weight: bold;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #0083b2;*/
    border: 0;
    text-align: center;
    color: White;
}

.btnNew_aa:hover {
    background-image: url(../images/btnHover.jpg);
    color: White;
}

.btnMargin {
    margin-left: 150px;
}

.btnMarginSml {
    margin-left: 25px;
}

.txtBox {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #eef7fe;
	box-shadow:inset 0 0 8px #eef7fe;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    color: Black;
    width: 150px;
    height: 17px;
}
.searchTxtBox {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #eef7fe;
	box-shadow:inset 0 0 8px #eef7fe;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    color: Black;
    width: 100%;
    height: 17px;
}

.txtBoxDate {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #eef7fe;
	box-shadow:inset 0 0 8px #eef7fe;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    color: Black;
    width: 75px;
    height: 17px;
}

.txtBoxlogin {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #eef7fe;
	box-shadow:inset 0 0 8px #eef7fe;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    color: Black;
    width: 180px;
    height: 17px;
}

.txtBoxSmall {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #eef7fe;
	box-shadow:inset 0 0 8px #eef7fe;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    color: Black;
    width: 50px;
    height: 17px;
}

.txtBoxLarge {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #eef7fe;
	box-shadow:inset 0 0 8px #eef7fe;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    color: Black;
    width: 300px;
    height: 18px;
}

.txtBoxCalender {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #eef7fe;
	box-shadow:inset 0 0 8px #eef7fe;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    color: Black;
    width: 150px;
    background-image: url(../images/Calender.jpg);
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 18px;
}

.txtBoxDisabled {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #eef7fe;
	box-shadow:inset 0 0 8px #eef7fe;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    background-color: #dddddd;
    padding: 1px;
    color: Black;
    margin-left: 0px;
    width: 150px;
    cursor: default;
    height: 17px;
}

.upper {
    text-transform: uppercase;
}

.multyline {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #e7f5ff;
	box-shadow:inset 0 0 8px #e7f5ff;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    padding: 1px;
    color: Black;
    width: 185px;
    height: 40px;
    resize: none;
    width: 300Px;
}

.multylineLarge {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #e7f5ff;
	box-shadow:inset 0 0 8px #e7f5ff;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    padding: 1px;
    color: Black;
    width: 300px;
    height: 65px;
    resize: none;
    margin: 3px 0px;
}

.multylineLargeSmall {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #e7f5ff;
	box-shadow:inset 0 0 8px #e7f5ff;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    padding: 1px;
    color: Black;
    width: 300px;
    height: 40px;
    resize: none;
    margin: 3px 0px;
}

.multylineXtraLarge {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #e7f5ff;
	box-shadow:inset 0 0 8px #e7f5ff;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    padding: 1px;
    color: Black;
    width: 300px;
    height: 87px;
    resize: none;
    margin: 3px 0px;
}

.dropdown {
    /*-moz-box-shadow:inset 0 0 10px #eef7fe;
	-webkit-box-shadow:inset 0 0 10px #e7f5ff;
	box-shadow:inset 0 0 10px #e7f5ff;
	height:21px;*/
    border: 1px solid #e1e1e1;
    padding: 1px;
    color: Black;
    margin-left: 0px;
    width: 152px;
    height: 22px;
    /*background:#fff url(../images/dropdownbg.gif ) repeat-x left top;*/
}

.dropdownLarge {
    /*-moz-box-shadow:inset 0 0 10px #eef7fe;
	-webkit-box-shadow:inset 0 0 10px #e7f5ff;
	box-shadow:inset 0 0 10px #e7f5ff;
	height:21px;*/
    border: 1px solid #e1e1e1;
    padding: 1px;
    color: Black;
    margin-left: 0px;
    width: 304px;
    height: 22px;
    /*background:#fff url(../images/dropdownbg.gif ) repeat-x left top;*/
}
.searchDropdownLarge {
    /*-moz-box-shadow:inset 0 0 10px #eef7fe;
	-webkit-box-shadow:inset 0 0 10px #e7f5ff;
	box-shadow:inset 0 0 10px #e7f5ff;
	height:21px;*/
    border: 1px solid #e1e1e1;
    padding: 1px;
    color: Black;
    margin-left: 0px;
    width: 100%;
    height: 22px;
    /*background:#fff url(../images/dropdownbg.gif ) repeat-x left top;*/
}
.dropdownMasters {
    border: 1px solid #f4bc74;
    background-color: #FFF5D5;
    padding: 1px;
    color: #81603f;
    margin-left: 0px;
    width: 152px;
    height: 22px;
}

.dropdownlong {
    border: 1px solid #f4bc74;
    background-color: #FFF5D5;
    padding: 1px;
    color: #81603f;
    margin-left: 0px;
    width: 403px;
    height: 22px;
}

.listbx {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #eef7fe;
	box-shadow:inset 0 0 8px #eef7fe;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    color: Black;
    width: 304px;
    height: 100px;
}

.listbxlarge {
    /*-moz-box-shadow:inset 0 0 8px #eef7fe;
	-webkit-box-shadow:inset 0 0 8px #eef7fe;
	box-shadow:inset 0 0 8px #eef7fe;
	border-radius:4px;*/
    border: 1px solid #e1e1e1;
    color: Black;
    width: 290px;
    height: 55px;
}

.newsHead {
    color: Black;
}
/****Update Progress loading****/
#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}

#processMessage {
    position: fixed;
    top: 48%;
    left: 43%;
    z-index: 1001;
    color: Black;
}
/***TEXT BLINKING****/
@-webkit-keyframes blink {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    50.01% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

blink {
    -webkit-animation: blink 0.5s infinite linear alternate;
    -webkit-font-smoothing: antialiased;
    color: Red;
}

.version {
    font-weight: bold;
    color: Black;
    padding: 5px 5px 0 0;
}

#footer {
    width: 100%;
    background-color: #e2e2e2;
    border-top: 1px solid #d3d3d3;
    height: 20px;
    position: fixed;
    bottom: 0;
    padding-bottom: 8px;
}

    #footer p {
        font-size: 10px;
        padding: 8px 0 0px 5px;
        color: #818181;
        margin: 0;
    }
/* css for timepicker 
.timepicker table
{
    width:163px;
    }
.timepicker table td
{
    width:200px;
    }*/


/*Repeater Style[for jaison]*/
.repeater {
    border: 1px solid #dddddd;
    padding: 0px;
    background-color: #d0d0d0;
    font-size: 13px;
}

    .repeater table {
    }

    .repeater th {
        background-color: #404040;
        text-align: left;
        padding: 3px 3px 5px 3px;
        height: 14px;
        color: White;
    }

    .repeater td {
        background-color: #efefef;
        padding: 0 0 0 3px;
    }

        .repeater td:hover {
            background-color: #d0d0d0;
            color: White;
        }
/*Repeater Style[for jaison in activityreport]*/
.repeaternew {
    border: 1px solid #dddddd;
    padding: 0px;
    background-color: white;
}

    .repeaternew table {
        background-color: white;
    }

    .repeaternew th {
        background-color: #848484;
        text-align: left;
        padding: 0;
        height: 14px;
        color: White;
    }

    .repeaternew td {
        background-color: #efefef;
        padding: 0 0 0 0px;
    }

        .repeaternew td:hover {
        }
/****TAB CONTAINER****/
.tabImage img {
    width: 75px;
    height: 25px;
}

.ajax__tab_xp .Label {
    width: 150px;
    font-size: 13px;
}

.ajax__tab_body {
    /*background-color:#edf0f9;
	padding:10px;
	border:1px solid #c8d6ff;*/
    margin: 0 5px 0 0;
}

.NewsTab .ajax__tab_header {
    color: #aa976b;
    font-size: 13px;
    font-weight: bold;
    margin-left: 0px;
    /*width:302px;
    -background:url(../images/TabBtnStyle.jpg) repeat-x;
    webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
}

.NewsTab .ajax__tab_outer {
    background-color: transparent;
}

.NewsTab .ajax__tab_inner {
    /*padding:3px 2px 0px 2px;*/
    color: Black;
    background: url(../images/TabBtnStyleSmall.jpg) no-repeat;
    margin-right: 0px;
    height: 25px;
    width: 85px;
    cursor: pointer;
    background-position: top;
    text-align: center;
    border: 0px soldi white;
    /*-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
}

.NewsTab .ajax__tab_hover .ajax__tab_outer {
    /*background-color:transparent;*/
}

.NewsTab .ajax__tab_hover .ajax__tab_inner {
    /*background:url(../images/TabContainerHeadActive.jpg) repeat-x;
	border:1px solid #f3c27c;*/
}

.NewsTab .ajax__tab_active .ajax__tab_outer {
    background-color: transparent;
}

.NewsTab .ajax__tab_active .ajax__tab_inner {
    color: #91a7b4;
    /*border:1px solid #f3c27c;
    border:1px solid #989a9c;*/
    /*	background:url(../images/TabBtnselectedSmall.jpg) no-repeat;*/
    /*background:url(../images/selectedTabBtn.png) repeat-x;*/
    border-bottom: 0px;
    height: 25px;
    background-color: blue !important;
    width: 85px;
    /*-moz-box-shadow:    inset 8px 6px 5px -5px black;
    -webkit-box-shadow: inset 8px 6px 5px -5px black;
    box-shadow:         inset 8px 6px 5px -5px black;*/
}

.NewsTab .ajax__tab_active .ajax__tab_inner {
    /* background-color: #fefdf7;
    
    opacity:0.6;*/
}
/***TAB CONTROL END***/
/*******COMBOBOX STYLE********/
.CustomComboBoxStyle .ajax__combobox_textboxcontainer input {
    margin: 0;
    border: solid 1px #7F9DB9;
    border-right: 0px none;
    padding: 1px 0px 0px 5px;
    font-size: 13px;
    height: 18px;
    background: white;
    border: 1px solid #e1e1e1;
    color: Black;
    border-right: 0px none;
    width: 129px;
}

.CustomComboBoxStyle .ajax__combobox_buttoncontainer button {
    margin: 0;
    padding: 0;
    background-image: url(../images/windows-arrow.gif);
    background-position: top left;
    border: 0px none;
    height: 21px;
    width: 21px;
}

.CustomComboBoxStyle .ajax__combobox_itemlist {
    margin: 0;
}

.CustomComboBoxStyle .ajax__combobox_itemlist {
    margin: 0;
    padding: 0;
    border: 1px solid #e1e1e1;
}

    .CustomComboBoxStyle .ajax__combobox_itemlist li {
        width: 145px;
        line-height: normal;
    }


/**********  Help  ***************/

.helpDiv {
    width: 100%;
    border: 2px dotted #cdcdcd;
}

.helpinnerdiv {
    width: 90%;
    margin-left: 10px;
    padding-bottom: 20px;
}

    .helpinnerdiv p {
        font-size: 13px;
        text-align: justify;
        margin: 0px 40px 0px 0px;
        line-height: 23px;
    }

    .helpinnerdiv span {
        color: #565656;
        font-size: 13px;
        font-weight: bolder;
        line-height: 23px;
    }

    .helpinnerdiv li {
        padding: 0px;
        margin: 0px;
        line-height: 20px;
        list-style-type: disc;
        margin-left: 20px;
    }

.autoHeight {
    height: auto !important;
}

#spnsecretQuestion {
    margin-top: 5px;
    margin-bottom: 3px;
}

.btnViolations {
    background-color: #e7e7e7;
    border: 0px solid #cdcdcd;
    cursor: pointer;
    width: 145px;
    height: 25px;
    color: #272226;
    padding-left: 20px;
    font-family: Arial;
    font-weight: 600;
    color: Gray;
}
/* 31-01-2015 Shajeer */

.forgot-txt {
    width: 250px !important;
}

.forget-btn {
    margin: 0px 20px 25px 160px;
}

.forget-login {
    border: none;
    background: none;
    cursor: pointer;
    float: right;
    margin-top: 20px;
    font-weight: bold;
}

    .forget-login:hover {
        background: none;
        border: none;
        color: red;
    }




/*Updated Version 2.0*/

/*LOGIN PAGE*/
@font-face {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Regular'), url('../fonts/Roboto-Regular.woff') format('woff');
}

body {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Roboto-Regular.woff') format('woff');
    font-size: 14px;
}

.loginBg {
    background-image: url(../images/loginBg.jpg) !important;
    background-size: cover;
    height: 100vh;
}

table .bgWhite {
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0px 5px 5px #000;
}

.tableNew {
    height: 100%;
}

    .tableNew td {
        vertical-align: middle;
    }

    .tableNew h1 {
        background: none;
        font-size: 50px;
        line-height: 50px;
        padding: 25px 5%;
        border-bottom: 0px;
        font-weight: lighter;
        color: #FFF;
        text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5);
    }

        .tableNew h1 span {
            font-size: 20px;
            display: block;
        }


.loginNew {
    width: auto;
    height: auto;
    margin: 0px auto;
    border: #dadada dotted 0px;
    padding: 5px;
    box-shadow: 0px 0px 0px #bcbcbc;
    border-radius: 0px;
    background: none;
    margin-top: 0px;
}

.loginHeaderNew {
    width: auto;
    background: none;
}

.paddingLR10 {
    padding: 0 5%;
}

.LabelLoginNew {
    color: #212121;
    display: block;
    float: none;
    margin-bottom: 0px;
    margin-left: 0px;
    font-weight: lighter;
    width: auto;
    font-size: 16px;
    padding-top: 0px;
    height: auto;
}

.loginField li {
    height: auto;
}

.textBoxLoginNew {
    background: none;
    border-bottom: 1px solid #4d4d4d;
    padding: 10px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    color: Black !important;
    width: 100%;
    line-height: 18px;
    height: auto;
    background-color: rgba(255,255,255,0) !important;
    border-radius: 0px;
    font-size: 16px;
    margin-bottom: 15px;
}

    .textBoxLoginNew:focus {
        outline: none;
    }

/*BUTTON*/

.btn, .btnSearch, .btnClear {
    padding: 7px 25px;
    line-height: 20px;
    border-radius: 3px;
    width: auto;
    min-width: 9%;
    border: 0px;
    font-size: 15px;
    margin-right: 5px;
    cursor: pointer;
    background: none;
    height: auto;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: none;
}

    .btnSearch:hover, .btnClear:hover {
        background-image: none;
    }

.btnGray, .btnClear {
    border: 1px solid #c8c7c7;
    background-color: #e9e9e9;
}

.btnGreen {
    color: #FFF;
    background-color: #1c8847;
    border: 1px solid #1b8a47;
}

.btnYellow {
    color: #FFF;
    background-color: #f1bc26;
    border: 1px solid #dbab25;
}

.btnBlack {
    color: #FFF;
    background-color: #000;
    border: 1px solid #c8c7c7;
}

.btnRed {
    color: #FFF;
    background-color: #ce2424;
    border: 1px solid #c8c7c7;
}

.btnViolet {
    color: #FFF;
    background-color: #88678e;
    border: 1px solid #c8c7c7;
}

.btnLiteBlue, .btnSearch {
    color: #FFF;
    background-color: #2681f1;
    border: 1px solid #1a5aa9;
}
.btnScreening {
    color: #FFF;
    background-color: green;
    border: 1px solid #1a5aa9;
}
.btnOrange {
    color: #FFF;
    background-color: #f17126;
    border: 1px solid #d46321;
}

.btnPolicy {
    color: #FFF;
    background-color: #0cabe9;
    border: 1px solid #d46321;
}
.btnLiteGreen {
    color: #FFF;
    background-color: #586912;
    border: 1px solid #3e4b19;
}

.btnScreen {
    color: #FFF;
    background-color: #241212;
    border: 1px solid #3e4b19;
}

    .btnScreen:hover {
        color: #FFF;
        background-color: #5a2b2b;
        border: 1px solid #3e4b19;
    }

.btnGray:hover, .btnClear:hover {
    border: 1px solid #c8c7c7;
    background-color: #d6d6d6;
}

.btnGreen:hover {
    color: #FFF;
    background-color: #176e3a;
    border: 1px solid #1a7e42;
}

.btnYellow:hover {
    color: #FFF;
    background-color: #d8a000;
    border: 1px solid #c29209;
}

.btnBlack:hover {
    color: #FFF;
    background-color: #302f2f;
    border: 1px solid #c8c7c7;
}

.btnRed:hover {
    color: #FFF;
    background-color: #ce2424;
    border: 1px solid #c8c7c7;
}

.btnLiteBlue:hover, .btnSearch:hover {
    color: #FFF;
    background-color: #1e68c2;
    border: 1px solid #1a5aa9;
}

.btnOrange:hover {
    color: #FFF;
    background-color: #cc4e04;
    border: 1px solid #af4304;
}

.btnLiteGreen:hover {
    color: #FFF;
    background-color: #2a320b;
    border: 1px solid #505f12;
}

.btnBlue {
    text-align: center;
    background-color: #0cabe9;
    display: block;
    padding: 10px;
    border-radius: 2px;
    color: #FFF;
}

.btnWhite {
    background-color: #FFF;
    border: 1px solid #ececec;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(161,159,161,1);
    -moz-box-shadow: 1px 1px 3px 0px rgba(161,159,161,1);
    box-shadow: 1px 1px 3px 0px rgba(161,159,161,1);
}

.btn:hover {
    background-image: none;
}

.btn:focus {
    outline: none;
}

.btnNewLogin {
    padding: 15px 35px;
    line-height: 20px;
    border-radius: 3px;
    width: auto;
    border: 0px;
    font-size: 16px;
    margin-right: 15px;
    cursor: pointer;
}

.btnDefault {
    background-color: #ff3d00;
    color: #FFF;
}

    .btnDefault:hover {
        background-color: #dd2c00;
        color: #FFF;
    }

    .btnDefault:focus {
        outline: none;
    }

.btnCancelNew {
    background-color: #e0e0e0;
    color: #000;
}

.forgetPassword {
    color: inherit;
    padding-top: 15px;
    font-size: 15px;
    line-height: 45px;
}

    .forgetPassword:hover {
        color: #bdbdbd;
    }
/*Margin*/

.marginT15 {
    margin-top: 15px;
}

/*FONT SIZE*/

.font60 {
    font-size: 80px !important;
    font-weight: bold;
    line-height: 80px;
}


.loginfooter #footer {
    width: 100%;
    background-color: #000;
    border-top: 0px solid #d3d3d3;
    position: fixed;
    bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 2%;
    padding-right: 2%;
    color: #FFF;
}

    .loginfooter #footer span {
        color: #FFF !important;
        margin-right: 4.5% !important;
    }

/*SCROLL BAR */

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #2196f3;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.whiteColor {
    color: #FFF;
}

#Top_Headermenu a:hover {
    color: #5d4f74 !important;
}



.mainHeader {
    background-image: none;
    font-size: 16px;
    background: rgb(150 224 254);
    /*    background: linear-gradient(0deg, rgb(123 217 253) 0%, rgb(150 225 254) 52%, rgb(195 225 239) 52%, rgb(195 230 245) 87%);
*/ font-weight: normal;
    text-align: center;
    background-color: #fd8b06;
    padding: 4px;
    border-radius: 2px;
    color: #FFF;
    margin-bottom: 10px;
    /*margin-top: 5px;*/
}

hr {
    margin-bottom: 15px;
    margin-top: 9px;
    border-top: #dddddd;
}

.collapsePanelHeader {
    font-weight: normal !important;
}

    .collapsePanelHeader.border {
        border: 1px solid #d1f1fe;
        padding-bottom: 10px;
        /* border-radius: 3px;*/
        background-color: #FFF !important;
    }

    .collapsePanelHeader.border1 {
        /*border: 1px solid #bcbaba;*/
        padding-bottom: 10px;
        border-radius: 3px;
        background-color: #FFF !important;
    }




.grid th {
    color: #fff;
    background: #404040;
    line-height: 20px;
    padding: 5px;
    font-size: 13px;
    font-weight: normal;
}

.grid tr:nth-child(even) {
    background-color: #FFF;
}

.subHeader {
    padding: 5px !important;
    color: #FFF !important;
    border-radius: 3px;
    line-height: 13px;
    background-color: #fd8c05 !important;
    /*  background: rgb(138,169,215);
background: linear-gradient(0deg, rgba(138,169,215,1) 0%, rgba(137,174,219,1) 52%, rgba(173,191,246,1) 52%, rgba(167,202,218,1) 87%);
*/ height: auto !important;
}

.font19 {
    font-size: 19px;
}

.pannelHeight01 {
    max-height: 270px;
}
/*MEMBERSHIP*/
.membership li {
    /*height: 25px;*/
}

.membership .Label {
    color: Black;
    display: block;
    float: left;
    margin-bottom: 0px;
    font-weight: normal;
    width: 31%;
    font-size: 13px;
    padding-top: 3px;
    padding-left: 3px;
    height: 26px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
}
/*.membership .Label1 {
    color: #666666;
    display: block;
    float: left;
    margin-bottom: 0px;
    font-weight: normal;
    width: 35%;
    font-size: 13px;
    padding-top: 3px;
    height: 18px;
}*/
.membership span:nth-child(even) {
    /* color: Maroon;
    font-weight: bold;
    width: 65% !important;*/
    /* background-color: antiquewhite;*/
}

.membership .txtBox {
    border: 1px solid #b3b3b3;
    color: Black;
    border-radius: 3px;
    width: 63% !important;
    height: 21px;
    background-color: rgba(255,255,255,0) !important;
}

.membership .txtBoxLarge {
    border: 1px solid #b3b3b3;
    color: Black;
    border-radius: 3px;
    width: 63% !important;
    height: 21px;
    background-color: rgba(255,255,255,0) !important;
}
/*.membership input[type="text"]:disabled {
   border: 0px solid #b3b3b3;
}*/

.membership .dropdown {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 1px;
    color: #717171;
    margin-left: 0px;
    width: 64% !important;
    height: 25px;
    background-color: rgba(255,255,255,0);
    /* background: #fff url(../images/dropdownbg.gif) repeat-x left top; */
}

h2 {
    margin: 0px;
    font-size: 15px;
    font: inherit;
    padding: 5px 0px;
    padding: 6px 0px;
    background: none;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-left: 8px;
    color: #f7f7f7;
    background-color: #303030;
    font-weight: normal;
    border-radius: 3px 3px 0px 0px;
}


/*.NewsTab .ajax__tab_inner {
   
    color: #FFF;
    background-color: #094874;
   
    height: 33px;
    width: 92px;
    cursor: pointer;
    background-position: top;
    text-align: center;
    border: 0px ;
}*/

.NewsTab .ajax__tab_active .ajax__tab_inner {
    color: #91a7b4;
    background: none;
    /* background: url(../images/selectedTabBtn.png) repeat-x; */
    border-bottom: 0px;
    height: 33px;
    width: 100px;
    background-color: #00409b;
    border-right: 1px solid #FFF;
}

    .NewsTab .ajax__tab_active .ajax__tab_inner:hover, .NewsTab .ajax__tab_inner:hover {
        background-color: blue;
    }

    .NewsTab .ajax__tab_active .ajax__tab_inner:active {
        background-color: blue;
    }

.tabImage {
    padding-top: 5px;
}

.NewsTab .ajax__tab_inner {
    /* padding: 3px 2px 0px 2px; */
    color: Black;
    background: #00409b;
    margin-right: 0px;
    height: 33px;
    width: 100px;
    cursor: pointer;
    background-position: top;
    text-align: center;
    border-right: 1px solid #FFF;
}

.boxBorderDarkBlue {
    padding: 5px;
    background: #fff;
    border: 1px solid #00409b;
    border-radius: 0px 3px 3px 3px;
}

h2 {
    background-color: #fd8c05 !important;
}

.LabelHead {
    /*color: #323232 !important;*/
    position: relative;
    background-color: White;
    top: -21px;
    left: 5px;
    float: left;
    font-weight: bold;
    font-size: 15px;
    padding: 3px 10px;
    height: 18px;
}

.userImg {
    background-image: url(../images/user-login.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-y: center;
    background-position-x: 1px;
    padding-left: 30px;
}

.userPassword {
    background-image: url(../images/password.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-y: center;
    background-position-x: 1px;
    padding-left: 30px;
}


/*div.sdmenu{
    margin-top: 5px;
    padding-top: 14px !important;
    padding-right: 5px;
}*/

li {
    min-height: 25px;
}



.btnSearchsmall {
    border: 0px solid #cdcdcd;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: url(../images/search-small.png);
    background-repeat: no-repeat;
    /*float: right;*/
}

input {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Regular'), url('../fonts/Roboto-Regular.woff') format('woff');
    font-size: 13px;
    color: Black;
}

select {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Regular'), url('../fonts/Roboto-Regular.woff') format('woff');
    font-size: 13px;
    color: Black;
}
.d-none{
    display:none;
}
table.fixed {
    table-layout: fixed;
    width: 100%;
}

    table.fixed td {
        overflow: hidden;
    }
