.ht {
    FONT-SIZE: 11px;
    COLOR: #FF6600;
    FONT-FAMILY: tahoma;
    font-weight: bold;
}

.mt {
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: tahoma;
}

.style3 {
    color: #33FF00;
}

.mtt {
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: tahoma;
}

.ss {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

    .ss:link {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

    .ss:visited {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }
/*.ss:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ff6600; FONT-STYLE: normal; FONT-FAMILY: tahoma; FONT-VARIANT: normal; TEXT-DECORATION: none

}*/

.gridlink {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: Yellow;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

    .gridlink:link {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: Yellow;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

    .gridlink:visited {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: Yellow;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

.chi {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #8DE8FF;
    FONT-STYLE: normal;
    FONT-FAMILY: trebuchet ms;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

    .chi:link {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #8DE8FF;
        FONT-STYLE: normal;
        FONT-FAMILY: trebuchet ms;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

    .chi:visited {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #8DE8FF;
        FONT-STYLE: normal;
        FONT-FAMILY: trebuchet ms;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

    .chi:hover {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #8DE8FF;
        FONT-STYLE: normal;
        FONT-FAMILY: trebuchet ms;
        FONT-VARIANT: normal;
        TEXT-DECORATION: underline;
    }

.dl {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #FFE507;
    FONT-STYLE: normal;
    FONT-FAMILY: trebuchet ms;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

    .dl:link {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #FFE507;
        FONT-STYLE: normal;
        FONT-FAMILY: trebuchet ms;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

    .dl:visited {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #FFE507;
        FONT-STYLE: normal;
        FONT-FAMILY: trebuchet ms;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

    .dl:hover {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #ffffff;
        FONT-STYLE: normal;
        FONT-FAMILY: trebuchet ms;
        FONT-VARIANT: normal;
        TEXT-DECORATION: underline;
    }

.hl {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

    .hl:link {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: blue;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

    .hl:visited {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: blue;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

    .hl:hover {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #ff6600;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

.dd {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #ff6600;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    FONT-VARIANT: normal;
    TEXT-DECORATION: underline;
}

    .dd:link {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #ff6600;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: underline;
    }

    .dd:visited {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #ff6600;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: underline;
    }

    .dd:hover {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #ff6600;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: underline;
    }

.bl {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

    .bl:link {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #ffffff;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

    .bl:visited {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #ffffff;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

    .bl:hover {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #ffffff;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: underline;
    }

.bll {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    FONT-VARIANT: normal;
    TEXT-DECORATION: underline;
}

    .bll:link {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #ffffff;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: underline;
    }

    .bll:visited {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #ffffff;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: underline;
    }

    .bll:hover {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #ffffff;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

.ll {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

    .ll:link {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #333333;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

    .ll:visited {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #333333;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

    .ll:hover {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #ff6600;
        FONT-STYLE: normal;
        FONT-FAMILY: tahoma;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

.textfield {
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #999999 1px solid;
    WIDTH: 130px;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-FAMILY: tahoma;
    HEIGHT: 15px;
    background-color: #ffffff;
}

.textfield2 {
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
    FONT-FAMILY: tahoma;
    HEIGHT: 15px;
    background-color: #7BD1FC;
}

H1 {
    FONT-SIZE: 1.4em;
    FILTER: progid:DXImageTransform.Microsoft.Shadow(color='#aaaacc', Direction=135, Strength=2);
    MARGIN: 0px 0px 0px;
    COLOR: #ff6600;
    FONT-FAMILY: "Century Gothic", "Helvetica", "sans-serif";
    HEIGHT: 20px;
}

.aw-section {
    BORDER-RIGHT: #fff 5px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #fff 0px solid;
    PADDING-LEFT: 0px;
    BACKGROUND: #F0F0F0;
    FILTER: progid:DXImageTransform.Microsoft.Shadow(color='#e2decd', Direction=135, Strength=4);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 5px;
    BORDER-LEFT: #fff 5px solid;
    WIDTH: 99%;
    LINE-HEIGHT: 1em;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #fff 5px solid;
    font-family: trebuchet ms;
    font-size: 12px;
}

.td1 {
    font-family: tahoma;
    size: 10px;
    font-weight: bold;
    color: #333333;
    border-bottom: 1px solid #F38F84;
    border-left: 5px solid #F38F84;
    height: 20px;
}

.table1 {
    font-family: tahoma;
    size: 10px;
    font-weight: bold;
    color: #333333;
    background-color: #B7DCED;
    height: 22px;
}

.but1 {
    color: #333333;
    font-family: 'tahoma',helvetica,sans-serif;
    width: 35px;
    font-size: 11px;
    font-weight: bold;
    background-color: #fed;
}

.but2 {
    color: #ffffff;
    font-family: 'tahoma',helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #336699;
}

.but3 {
    color: #ffffff;
    font-family: 'tahoma',helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #a9a9a9;
}

.but4 {
    color: #ffffff;
    font-family: 'tahoma',helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: White;
    background: url(../images/but_bg_alert.gif) no-repeat;
    border-style: none;
}

.but5 {
    color: #ffffff;
    font-family: 'tahoma',helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #B8CFEE;
    background: url(../images/but_bg.gif) no-repeat;
    border-style: solid;
    width: 80px;
    height: 25px;
}

.but6 {
    color: #ffffff;
    font-family: 'tahoma',helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: White;
    background: url(../images/but_bg.gif) no-repeat;
    border-style: none;
}

.but7 {
    color: #ffffff;
    font-family: 'tahoma',helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    background: url(../images/but_bg_alert.gif) no-repeat;
    border-style: none;
}

.menu {
    FONT-WEIGHT: no;
    FONT-SIZE: 11px;
    COLOR: #3B3C3D;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

.menulink {
    FONT-WEIGHT: no;
    FONT-SIZE: 11px;
    COLOR: #3B3C3D;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

.menu:visited {
    FONT-WEIGHT: no;
    FONT-SIZE: 11px;
    COLOR: #3B3C3D;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

.menu:hover {
    FONT-WEIGHT: no;
    FONT-SIZE: 11px;
    COLOR: #3B3C3D;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

.linkBox {
    COLOR: #3B3C3D;
}

.linkLine {
    FONT-SIZE: 8pt;
    COLOR: #3B3C3D;
    FONT-FAMILY: tahoma;
}

.linkLineMouseOver {
    FONT-SIZE: 8pt;
    COLOR: #666666;
    font-family: tahoma;
}

A {
    FONT-SIZE: 8pt;
    COLOR: #666666;
    FONT-FAMILY: tahoma;
    TEXT-DECORATION: none;
}

.errorclass {
    BACKGROUND-COLOR: Yellow;
}

.validclass {
    BACKGROUND-COLOR: White;
}

.errormsg {
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
    COLOR: red;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana, arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}

.infomsg {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    font-weight: bold;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana, arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}


.tlheader {
    background-color: #4B89AE;
    height: 18px;
}

tlrowlight {
    background-color: #ffffff;
    height: 16px;
    width: 100%;
}

.tlrowlight:hover {
    background-color: #F6FBFE;
    height: 16px;
}

.tlrowdark {
    background-color: #E1E9F2;
    height: 16px;
}

    .tlrowdark:hover {
        background-color: #F6FBFE;
        height: 16px;
    }

.gridheaderstyle {
    color: #808080;
    height: 25px;
    text-align: center;
    font-size: 9pt;
    font-weight: bold;
    background-color: #66CCFF;
    font-family: Verdana;
}

.gridrowstyle {
    height: 20px;
    text-align: left;
    padding: 0 0 0 5px;
    font-size: 8pt;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #1D7F98;
    font-family: Verdana;
}

.deep_bg {
    font-size: 11px;
    font-weight: bold;
    background-color: #B8cfee;
    color: #000000;
    line-height: 8px;
}

.deep_fc {
    font-size: 11px;
    font-weight: bold;
    line-height: 8px;
    background: url(../images/gv_header.gif) no-repeat;
    border-style: none;
}

.gv_header {
    font-size: 11px;
    font-weight: bold;
    background-color: #66CCFF;
    color: #000000;
    line-height: 8px;
}

.deep_Td {
    font-weight: bold;
    background-color: #F0F8FF;
    color: #000000;
    font-size: 14px;
}
/**********************************************************/
.txtBox {
    border: 1px solid #818384;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: white;
    TEXT-DECORATION: none;
    margin-left: 0px;
}


.txtBoxNum {
    BORDER-RIGHT: #818384 1px solid;
    BORDER-TOP: #818384 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #818384 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #818384 1px solid;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: white;
    TEXT-DECORATION: none;
    text-align: right;
}

.dropDown {
    BORDER-RIGHT: #818384 1px solid;
    BORDER-TOP: #818384 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #818384 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #818384 1px solid;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: white;
    TEXT-DECORATION: none;
}

.mandatory {
    color: Red;
    font-size: Smaller;
    font-weight: bold;
}


.m_table_border {
    BORDER-RIGHT: #92D3ED 1px solid;
    BORDER-TOP: #92D3ED 1px solid;
    BORDER-LEFT: #92D3ED 1px solid;
    BORDER-BOTTOM: #92D3ED 1px solid;
    BACKGROUND-COLOR: #ffffff;
}

.i_tbl_top_bottom {
    BORDER-TOP: #92D3ED 1px solid;
    BORDER-BOTTOM: #92D3ED 1px solid;
    BACKGROUND-COLOR: #ffffff;
}

td.border_bottom {
    border-bottom: 1px #92D3ED solid;
}

td.border_bottom_right {
    border-bottom: 1px #92D3ED solid;
    border-right: 1px #92D3ED solid;
}

td.border_right {
    border-right: 1px #92D3ED solid;
}

.m_table_top_border {
    BORDER-RIGHT: #92D3ED 1px solid;
    BORDER-TOP: #92D3ED 1px solid;
    BORDER-LEFT: #92D3ED 1px solid;
}

.req {
    COLOR: #00FFFF;
}

td.border_top {
    border-top: 1px #92D3ED solid;
}

.nav_border {
    border-bottom: 2px solid #000000;
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    BACKGROUND-COLOR: #ffffff;
}

.info_tddark {
    font-size: 11px;
    font-family: Verdana;
    background-color: #4F97D1;
    vertical-align: top;
    bottom: 1px;
    cursor: hand;
}

    .info_tddark:hover {
        font-size: 11px;
        font-family: Verdana;
        background-color: #E8F5FA;
        vertical-align: top;
        bottom: 1px;
        cursor: hand;
    }

.info_tdlight {
    font-size: 11px;
    font-family: Verdana;
    background-color: #fdfefb;
    vertical-align: top;
    bottom: 1px;
    cursor: default;
}

    .info_tdlight:hover {
        font-size: 11px;
        font-family: Verdana;
        background-color: #E8F5FA;
        vertical-align: top;
        bottom: 1px;
        cursor: default;
    }

.header_border {
    border-bottom: 2px solid #a9a9a9;
    border-right: 2px solid #a9a9a9;
    border-left: 2px solid #a9a9a9;
    border-top: 2px solid #a9a9a9;
}

.header_border1 {
    border-bottom: 2px solid #b8860b;
    border-right: 0px solid #ffffff;
    border-left: 2px solid #b8860b;
    border-top: 2px solid #b8860b;
}

.header_border2 {
    border-bottom: 2px solid #b8860b;
    border-right: 2px solid #b8860b;
    border-left: 0px solid #ffffff;
    border-top: 2px solid #b8860b;
}

.active_tdlight {
    background-color: Transparent;
    color: White;
}

    .active_tdlight:hover {
        background-color: #E8F5FA;
        color: Black;
    }

.lblpager {
    BORDER-RIGHT: #818384 1px solid;
    BORDER-TOP: #818384 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #818384 1px solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: #818384 1px solid;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: Green;
    TEXT-DECORATION: none;
    text-align: center;
}

.lnkpager:hover {
    BORDER-RIGHT: #818384 1px solid;
    BORDER-TOP: #818384 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #818384 1px solid;
    BORDER-BOTTOM: #818384 1px solid;
    FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
    background-color: #acf8ab;
    text-align: center;
}

.lnkpager {
    BORDER-RIGHT: #818384 1px solid;
    BORDER-TOP: #818384 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #818384 1px solid;
    BORDER-BOTTOM: #818384 1px solid;
    FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #ffffff;
    text-align: center;
}

.tabMouseOver {
    FONT-SIZE: 8pt;
    background-color: #D3DEED;
    font-family: tahoma;
}

    .tabMouseOver:hover {
        FONT-SIZE: 8pt;
        background-color: #ffffff;
        font-family: tahoma;
        cursor: hand;
    }

.autodivlist {
    padding: 1px;
    margin: 1px;
    list-style-type: upper-alpha;
    overflow: scroll;
    font-family: 'Arial', Courier, monospace;
    font-weight: bold;
    font-size: 10pt;
    list-style-position: outside;
    BORDER-RIGHT: #818384 1px solid;
    BORDER-TOP: #818384 1px solid;
    BORDER-LEFT: #818384 1px solid;
    BORDER-BOTTOM: #818384 1px solid;
    cursor: hand;
}

    .autodivlist:hover {
        cursor: hand;
    }

.aligntext {
    text-align: left;
}

.fy {
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    font-style: italic;
    background-color: #D3DEED;
    BORDER-RIGHT: #818384 1px solid;
    BORDER-TOP: #818384 1px solid;
    BORDER-LEFT: #818384 1px solid;
    BORDER-BOTTOM: #818384 1px solid;
}

.gv_header {
    font-weight: bold;
    font-size: 9pt;
    color: #0E349C;
    background: url(../images/gv_header.gif) no-repeat;
    border: 0px;
    line-height: 110%;
}

.gv_header_alert {
    font-weight: bold;
    Font-Size: 9pt;
    Color: #0E349C;
    background: url(../images/gv_header1.gif) no-repeat;
    border: 0px;
}

.tlrowlight_alert {
    background-color: #ffffff;
    height: 16px;
    width: 100%;
}

    .tlrowlight_alert:hover {
        background-color: #F0CC9E;
        height: 16px;
    }

.tlrowdark_alert {
    background-color: #F5E0C4;
    height: 16px;
}

    .tlrowdark_alert:hover {
        background-color: #F0CC9E;
        height: 16px;
    }

.tblHeader {
    font-size: 11px;
    font-weight: bold;
    background-color: #fff;
    color: #0E349C;
    line-height: 8px;
    border-top: 1px solid #B8CFEE;
    border-right: 1px solid #B8CFEE;
    border-bottom: 1px solid #B8CFEE;
    border-left: 1px solid #B8CFEE;
}

.tdBorder {
    border-top: 2px solid #B8CFEE;
    border-right: 2px solid #B8CFEE;
    border-bottom: 2px solid #B8CFEE;
    border-left: 2px solid #B8CFEE;
}

.option_link {
    width: 120px;
    height: 40px;
    position: static;
    margin: auto;
    float: left;
    background: url(../images/link_btn.gif) no-repeat;
    text-align: center;
    ;
}

.option_link_left {
    width: 120px;
    height: 40px;
    position: static;
    margin: auto;
    float: left;
    background: url(../images/link_btn.gif) no-repeat;
    text-align: center;
    padding-top: 15px;
}

.option_link_right {
    width: 120px;
    height: 40px;
    position: static;
    margin: auto;
    float: left;
    background: url(../images/link_btn.gif) no-repeat;
    text-align: center;
    padding-top: 15px;
}

.option_link:hover {
    background: url(../images/link_btn_over.gif) no-repeat;
    color: White;
    cursor: hand;
}

.Info_left {
    width: 15px;
    height: 30px;
    background: url(../images/tab_bg_left.gif) no-repeat;
    float: left;
    margin-left: 1%;
    position: static;
    cursor: pointer;
}

.Info_left_alert {
    width: 15px;
    height: 30px;
    background: url(../images/tab_bg1_left.gif) no-repeat;
    float: left;
    margin-left: 1%;
    position: static;
    cursor: pointer;
}

.Info_left_dis {
    width: 15px;
    height: 30px;
    background: url(../images/tab_bg2_left.gif) no-repeat;
    float: left;
    margin-left: 1%;
    position: static;
    cursor: pointer;
}

.Info_right {
    width: 15px;
    height: 30px;
    background: url(../images/tab_bg_right.gif) no-repeat;
    float: left;
    position: static;
    cursor: pointer;
}

.Info_right_alert {
    width: 15px;
    height: 30px;
    background: url(../images/tab_bg1_right.gif) no-repeat;
    float: left;
    position: static;
    cursor: pointer;
}

.Info_right_dis {
    width: 15px;
    height: 30px;
    background: url(../images/tab_bg2_right.gif) no-repeat;
    float: left;
    position: static;
    cursor: pointer;
}

.Info {
    width: auto;
    height: 30px;
    background: url(../images/tab_bg.gif) no-repeat;
    float: left;
    position: static;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    padding-top: 0px;
    cursor: pointer;
    margin: auto;
}

.Info_alert {
    width: auto;
    height: 30px;
    background: url(../images/tab_bg1.gif) no-repeat;
    float: left;
    position: static;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    padding-top: 0px;
    cursor: pointer;
    margin: auto;
}

.Info_dis {
    width: auto;
    height: 30px;
    background: url(../images/tab_bg2.gif) no-repeat;
    float: left;
    position: static;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    padding-top: 0px;
    cursor: pointer;
    margin: auto;
}

.tdStyle {
    padding: 0 1% 0 1%;
    margin: auto;
    position: static;
    float: none;
    text-align: center;
    height: 30px;
}

.dboardrow {
    width: 99%;
    height: 100%;
    border-top: 2px solid #B8CFEE;
    border-right: 2px solid #B8CFEE;
    border-bottom: 2px solid #B8CFEE;
    border-left: 2px solid #B8CFEE;
}

.dboardrow_alert {
    width: 99%;
    height: 100%;
    border-top: 2px solid #F5E0C4;
    border-right: 2px solid #F5E0C4;
    border-bottom: 2px solid #F5E0C4;
    border-left: 2px solid #F5E0C4;
}

.deep_bg1 {
    font-size: 11px;
    font-weight: bold;
    background-color: #fff;
    color: #000000;
    line-height: 8px;
}

.divchart {
    float: left;
    position: static;
    border-top: 2px solid #B8CFEE;
    border-right: 2px solid #B8CFEE;
    border-bottom: 2px solid #B8CFEE;
    border-left: 2px solid #B8CFEE;
}

.lnk:hover {
    BORDER-RIGHT: #818384 1px solid;
    BORDER-TOP: #818384 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #818384 1px solid;
    BORDER-BOTTOM: #818384 1px solid;
    background-color: #acf8ab;
    text-align: center;
    width: 3%;
    float: left;
    height: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
    font-weight: bolder;
    font: arial;
    font-size: 9pt;
    text-align: center;
}

.lnk {
    BORDER-RIGHT: #818384 1px solid;
    BORDER-TOP: #818384 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #818384 1px solid;
    BORDER-BOTTOM: #818384 1px solid;
    BACKGROUND-COLOR: #ffffff;
    width: 3%;
    float: left;
    height: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
    font: arial;
    font-size: 9pt;
    font-weight: bolder;
    text-align: center;
    cursor: pointer;
}

.lnkClick {
    BORDER-RIGHT: #818384 1px solid;
    BORDER-TOP: #818384 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #818384 1px solid;
    BORDER-BOTTOM: #818384 1px solid;
    background-color: #acf8ab;
    text-align: center;
    width: 3%;
    float: left;
    height: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
    font-weight: bolder;
    font: arial;
    font-size: 9pt;
    text-align: center;
}

/*=== Start Santanu 15-06-2022 ===*/
.customFullGridFuntion {
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.45);
    -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.45);
    border-radius: 10px;
    overflow: hidden;
}
/*.leadMesMatrixGrid {
    margin-bottom:20px;
}*/
.leadMesMatrixGrid .lableCont {
    font-weight: 700 !important;
}

.leadMesMatrixGrid table tr td {
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    font-weight: normal;
    font-size: 0.75rem;
}

.leadMesMatrixGrid table .tHead th {
    border-bottom: 1px solid #bbb;
}

.leadMesMatrixGrid table tr td .subTable tr td {
    border-right: 0px solid #bbb;
}

.leadMesMatrixGrid table tr td .subTable tr:last-child td {
    border-bottom: 0px solid #bbb;
}

.leadMesMatrixGrid .tHead {
    background: linear-gradient(1deg, rgb(60 146 185) 0%, rgb(26 80 120) 100%);
}

    .leadMesMatrixGrid .tHead th {
        padding: 6px 4px;
        color: #fff;
        font-weight: bold;
        font-size: 0.8rem;
    }

.leadMesMatrixGrid .contSetting {
    padding: 6px 4px;
    color: #333;
    font-family: "Roboto";
}

.leadMesMatrixGrid .loopTr td:last-child {
    border-right: 0px solid #bbb;
}

.leadMesMatrixGrid .loopTr:last-child .lableCont, .leadMesMatrixGrid .loopTr:last-child .valueCont {
    border-bottom: 0px solid #bbb;
}
/*.col4Side table tbody .loopTr:first-child .lableCont {
    border-left: 1px solid #ddd;
}*/
.leadMesMatrixGrid {
    border-left: 1px solid #bbb;
}

    .leadMesMatrixGrid .hrefLink {
        color: #007bff;
    }

    .leadMesMatrixGrid .valueCont {
        width: 125px;
    }
 .ptb-20 {
     padding-top:20px;
     padding-bottom:20px;
 }
  .pt-10 {
     padding-top:10px;
 }
.h-24 {
    height: 24px;
}

.w-80 {
    width: 80% !important;
}
.blankLb {
    visibility: hidden;
}
.subTable {
    min-height:53px;
}
.borderR {
    border-right: 1px solid #bbb;
}
.leadMesMatrixGrid table .tHead th:last-child {
    border-right: 0px solid #bbb;
}
.salesCol {
    border-right: 0px solid #eee !important;
}
.pipelineCol, .contractorsCol, .approvalCol, .salesCol {
    border-bottom: 0px solid #eee !important;
}
/*==fullColor==*/
.fullColor .borderR {
    border-right: 1px solid #eee;
}

/*.fullColor .leadMesMatrixGrid {
    border-left: 1px solid #eee;
}*/

    .fullColor .leadMesMatrixGrid table tr td {
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
        font-weight: normal;
        font-size: 0.75rem;
    }

    .fullColor .leadMesMatrixGrid table .tHead th {
        border-bottom: 1px solid #eee;
    }
    .fullColor .pipelineCol .tHead {
    background: linear-gradient(0deg, rgba(19,147,154,1) 0%, rgba(22,185,194,1) 100%) !important;
}

.fullColor .contractorsCol .tHead {
    background: linear-gradient(0deg, rgba(196,117,24,1) 0%, rgba(249,147,29,1) 100%) !important;
}

.fullColor .approvalCol .tHead {
    background: linear-gradient(0deg, rgba(115,129,40,1) 0%, rgba(162,182,57,1) 100%) !important;
}

.fullColor .salesCol .tHead {
    background: linear-gradient(0deg, rgba(11,73,64,1) 0%, rgba(19,124,109,1) 100%) !important;
}

.fullColor .pipelineCol {
    background: #16b9c2 !important;
}

    .fullColor .pipelineCol .contSetting, .fullColor .pipelineCol {
        color: #fff;
    }

.fullColor .contractorsCol {
    background: #f9931d !important;
}

    .fullColor .contractorsCol .contSetting, .fullColor .contractorsCol .hrefLink {
        color: #fff;
    }

.fullColor .approvalCol {
    background: #a2b639 !important;
}

    .fullColor .approvalCol .contSetting, .fullColor .approvalCol .hrefLink {
        color: #fff;
    }

.fullColor .salesCol {
    background: #137c6d !important;
}

    .fullColor .salesCol .contSetting, .fullColor .salesCol .hrefLink {
        color: #fff;
    }
    .fullColor .leadMesMatrixGrid .loopTr:last-child .lableCont, .fullColor .leadMesMatrixGrid .loopTr:last-child .valueCont {
        border-bottom: 1px solid #eee;
    }
/*==headColor==*/
.headColor .pipelineCol .tHead {
    background: #16b9c2 !important;
}

.headColor .contractorsCol .tHead {
    background: #f9931d !important;
}

.headColor .approvalCol .tHead {
    background: #a2b639 !important;
}

.headColor .salesCol .tHead {
    background: #137c6d !important;
}

.headColor .subTable tbody tr:nth-child(odd) .contSetting .hrefLink {
    background: #ff4f51;
    color: #fff;
    border-radius: 50px;
    padding: 0px 3px 1px 3px;
    font-size: 11px;
    letter-spacing: 0.2px;
}

.headColor .subTable tbody tr:nth-child(even) .contSetting .hrefLink {
    background: #5853e5;
    color: #fff;
    border-radius: 50px;
    padding: 0px 3px 1px 3px;
    font-size: 11px;
    letter-spacing: 0.2px;
}
/*==headLableColor==*/
.headLableColor .pipelineCol .tHead, .headLableColor .pipelineCol .lableCont {
    background: #16b9c2 !important;
    color: #FFF;
}

.headLableColor .contractorsCol .tHead, .headLableColor .contractorsCol .lableCont {
    background: #f9931d !important;
    color: #FFF;
}

.headLableColor .approvalCol .tHead, .headLableColor .approvalCol .lableCont {
    background: #a2b639 !important;
    color: #FFF;
}

.headLableColor .salesCol .tHead, .headLableColor .salesCol .lableCont {
    background: #137c6d !important;
    color: #FFF;
}

.headLableColor .leadMesMatrixGrid {
    border-left: 1px solid #ddd;
}

    .headLableColor .leadMesMatrixGrid table tr td {
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        font-weight: normal;
        font-size: 0.75rem;
    }

    .headLableColor .leadMesMatrixGrid table .tHead th {
        border-bottom: 1px solid #ddd;
    }
/*customStripGrid*/
.customStripGrid .col4Side table tr.loopTr:nth-child(odd) {
    background: #f2f2f2;
}

.customStripGrid .col4Side table tr.loopTr:nth-child(even) {
    background: #fff;
}

.customStripGrid .pipelineCol .tHead {
    background: linear-gradient(0deg, rgba(22,185,194,1) 0%, rgba(27,243,255,1) 100%) !important;
}

.customStripGrid .contractorsCol .tHead {
    background: linear-gradient(0deg, rgba(194,115,25,1) 0%, rgba(249,147,29,1) 100%) !important;
}

.customStripGrid .approvalCol .tHead {
    background: linear-gradient(0deg, rgba(162,182,57,1) 0%, rgba(220,247,75,1) 100%) !important;
}

.customStripGrid .salesCol .tHead {
    background: linear-gradient(0deg, rgba(19,124,109,1) 0%, rgba(35,209,184,1) 100%) !important;
}
/*=== End Santanu 15-06-2022 ===*/



.cstmModalStyle{
     background: white;
    box-shadow: 0px 3px 5px #0000004f;
}
.cstmModalStyle:before {
    content:'';
    position:fixed;
    top:0;
    left:0;
    background-color:#00000030;
    width:100%;
    height:100%;
    z-index:-1;
}

 @import 'https://fonts.googleapis.com/css?family=Open+Sans:600,700';

    #modal-container {
      position: fixed;
      display: table;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      transform: scale(0);
      z-index: 1;
      font-family: 'Open Sans', sans-serif;
      overflow: hidden;
    }

    #modal-container.openModelCustom {
      transform: scale(1);
    }

    #modal-container.openModelCustom .modal-background {
      /* background: rgba(0, 0, 0, 0); */
      animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container.openModelCustom .modal-background .modal {
      transform: translateX(-1500px);
      animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container.openModelCustom.out {
      animation: quickScaleDown 0s 0.5s linear forwards;
    }

    #modal-container.openModelCustom.out .modal-background {
      animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container.openModelCustom.out .modal-background .modal {
      animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container .modal-background {
      display: table-cell;
      /* background: rgba(0, 0, 0, 0.8); */
      background: rgba(0, 0, 0, 0.2);

      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);

      text-align: center;
      vertical-align: middle;
    }

    #modal-container .modal-background .modal {
      background: white;
      padding: 10px;
      display: inline-block;
      border-radius: 3px;
      font-weight: 300;
      position: relative;
      width: 90vw;
      height: 290px;
      box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;
    }


     #modal-container-contractor {
      position: fixed;
      display: table;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      transform: scale(0);
      z-index: 1;
      font-family: 'Open Sans', sans-serif;
      overflow: hidden;
    }

    #modal-container-contractor.openModelCustom {
      transform: scale(1);
    }

    #modal-container-contractor.openModelCustom .modal-background {
      /* background: rgba(0, 0, 0, 0); */
      animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container-contractor.openModelCustom .modal-background .modal {
      transform: translateX(-1500px);
      animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container-contractor.openModelCustom.out {
      animation: quickScaleDown 0s 0.5s linear forwards;
    }

    #modal-container-contractor.openModelCustom.out .modal-background {
      animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container-contractor.openModelCustom.out .modal-background .modal {
      animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container-contractor .modal-background {
      display: table-cell;
      /* background: rgba(0, 0, 0, 0.8); */
      background: rgba(0, 0, 0, 0.2);

      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);

      text-align: center;
      vertical-align: middle;
    }

    #modal-container-contractor .modal-background .modal {
      background: white;
      padding: 10px;
      display: inline-block;
      border-radius: 3px;
      font-weight: 300;
      position: relative;
      width: 50vw;
      height: 290px;
      box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;
    }

    #modal-container-sales {
      position: fixed;
      display: table;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      transform: scale(0);
      z-index: 1;
      font-family: 'Open Sans', sans-serif;
      overflow: hidden;
    }

    #modal-container-sales.openModelCustom {
      transform: scale(1);
    }

    #modal-container-sales.openModelCustom .modal-background {
      /* background: rgba(0, 0, 0, 0); */
      animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container-sales.openModelCustom .modal-background .modal {
      transform: translateX(-1500px);
      animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container-sales.openModelCustom.out {
      animation: quickScaleDown 0s 0.5s linear forwards;
    }

    #modal-container-sales.openModelCustom.out .modal-background {
      animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container-sales.openModelCustom.out .modal-background .modal {
      animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }

    #modal-container-sales .modal-background {
      display: table-cell;
      /* background: rgba(0, 0, 0, 0.8); */
      background: rgba(0, 0, 0, 0.2);

      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);

      text-align: center;
      vertical-align: middle;
    }

    #modal-container-sales .modal-background .modal {
      background: white;
      padding: 10px;
      display: inline-block;
      border-radius: 3px;
      font-weight: 300;
      position: relative;
      width: 40vw;
      height: 290px;
      box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;
    }

    .buttons {
      max-width: 800px;
      margin: 0 auto;
      padding: 0;
      text-align: center;
    }

    .button {
      display: inline-block;
      text-align: center;
      padding: 10px 12px;
      margin: 10px;
      font-size: 18px;
      background-color: #efefef;
      border-radius: 3px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      cursor: pointer;
    }

    .button:hover {
      color: white;
      background: #009bd5;
    }

    @keyframes fadeIn {
      0% {
        background: rgba(0, 0, 0, 0);
      }

      100% {
        /* background: rgba(0, 0, 0, 0.7); */
        background: rgba(0, 0, 0, 0.2);

        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);

      }
    }

    @keyframes fadeOut {
      0% {
        /* background: rgba(0, 0, 0, 0.7); */
        background: rgba(0, 0, 0, 0.2);

        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);

      }

      100% {
        /* background: rgba(0, 0, 0, 0); */
        background: rgba(0, 0, 0, 0.2);

        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);

      }
    }

    @keyframes quickScaleDown {
      0% {
        transform: scale(1);
      }

      99.9% {
        transform: scale(1);
      }

      100% {
        transform: scale(0);
      }
    }

    @keyframes roadRunnerIn {
      0% {
        transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
      }

      70% {
        transform: translateX(30px) skewX(0deg) scaleX(0.9);
      }

      100% {
        transform: translateX(0px) skewX(0deg) scaleX(1);
      }
    }

    @keyframes roadRunnerOut {
      0% {
        transform: translateX(0px) skewX(0deg) scaleX(1);
      }

      30% {
        transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
      }

      100% {
        transform: translateX(1500px) skewX(30deg) scaleX(1.3);
      }
    }




    .modal:before {
      content: "";
      position: absolute;
      width: calc(100% + 4px);
      height: calc(100% + 4px);
      top: calc(2px/-1);
      left: calc(2px/-1);
      background: linear-gradient(to right, blue 0%, blue 100%), linear-gradient(to top, blue 50%, transparent 50%), linear-gradient(to top, blue 50%, transparent 50%), linear-gradient(to right, blue 0%, blue 100%), linear-gradient(to left, blue 0%, blue 100%);
      background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;
      background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
      background-repeat: no-repeat, no-repeat;
      transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
      transform: scaleX(0) rotate(0deg);
      transition-delay: 0.6s, 0.3s, 0s;
    }

    .modal:hover:before {
      background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
      background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
      transform: scaleX(1) rotate(0deg);
      transition-delay: 0s, 0.3s, 0.6s;
    }

    .modal {
      position: relative;
    }

    .modal:before {
      content: "";
      position: absolute;
      width: calc(100% + 8px);
      height: calc(100% + 8px);
      top: calc(4px/-1);
      left: calc(4px/-1);
      background: linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to left, #000 0%, #000 100%);
      background-size: 100% 4px, 4px 200%, 4px 200%, 0% 4px, 0% 4px;
      background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
      background-repeat: no-repeat, no-repeat;
      transform: scaleX(0) rotate(180deg);
      transition-delay: 0.4s, 0.2s, 0s;
    }

    .modal:hover:before {
      background-size: 200% 4px, 4px 400%, 4px 400%, 55% 4px, 55% 4px;
      background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
      transform: scaleX(1) rotate(180deg);
      transition-delay: 0s, 0.2s, 0.4s;
    }

    .close {
      position: absolute;
      z-index: 9;
      right: -32px;
      top: -26px;
      background: white;
      padding: 5px 7px;
      border-radius: 100%;
      cursor: pointer;
    }

    .container-text {
      text-align: left;
    overflow: auto;
    display: inline-block;
    position: relative;
    /*width: 90vw;*/
     width: 100%;
    height: 290px;
    }



    /* ################## TABLE CSS ################## */
    .data-table div table {
      font-family: 'Arial';
      margin: 6px auto;
      border-collapse: collapse;
      border: 1px solid #eee;
      border: 2px solid #00cccc;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 30px 20px rgba(0, 0, 0, 0.05);
    }

    .data-table div table tr:hover {
      background: #f4f4f4;
    }

    .data-table div table tr:hover td {
      color: #555;
    }

    .data-table div table th,
    .data-table div table td {
      color: #999;
      border: 1px solid #eee;
      padding: 5px 5px;
      border-collapse: collapse;
    }

    .data-table div table th {
      background: #00cccc;
      color: #fff;
      text-transform: uppercase;
      font-size: 11px;
    }

    .data-table div table th.last {
      border-right: none;
    }

    .table-header {
      text-align: center;
      margin-top: 10px;
      font-weight:600;
    }

    .fixed-header {
        position: sticky;
        top: 0px;
    }
     .data-table div table td {
      color: #000000;
     font-weight:500;
    }
     .hrefLink{
         color:yellow !important;
        
     }
     .lableCont{
         vertical-align: middle;        
     }
      .data-table div table {
      width: 95%;    
    }
    
     .txt-right {
          text-align:right;
      }
      .txt-left {
          text-align:left;
      }
      .txt-center {
          text-align:center;
      }

      .customBtn {
              background: linear-gradient(1deg, rgb(60 146 185) 0%, rgb(26 80 120) 100%);
    color: #FFF;
    border: 1px solid #FFF;
    padding: 8px 18px;
    border-radius: 5px;
    font-size: 13px;
    cursor:pointer;
      }
       .customBtn:hover {
            background: linear-gradient(1deg, rgb(26 80 120) 100%, rgb(60 146 185) 0%);
       }
    
     .popup-text {
       text-align: center;
       margin-top: 20px;
       font-size: small;
       font-weight: bold;
    }
     .errormsg{
         color: Red;
         font-size: small;
         font-weight: bold;
     }
     .leadMesMatrixGrid .fa-file-excel-o {
         color:lime;  
         margin-left:7px !important;     
     }
     .leadMesMatrixGrid .fa-info-circle{
         margin-left:6px !important;
     }
     .select2-container--default .select2-selection--single .select2-selection__rendered {   
         font-size: revert !important;
    }
     .leadMesMatrixGrid .lableTotal {
    font-weight: 900 !important;
    color:black !important;
}
/**********************************************************/