/* latin */
@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/fonts/OpenSans/OpenSans2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* semibold*/
@font-face
{
    font-family: 'Open Sans-semibold';
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/fonts/OpenSans/OpenSans-SemiBold.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


:root
{
    --font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    --font-familybold: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    --font10px: 10px;
    --fontclslink-10-5: 10.5px;
    --text-decoration: none;
    --font-size-clsloginlbl: 12.8px;
}

body
{
    color: #003366;
    background-color: #ffffff;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    scrollbar-base-color: rgba(0, 138, 227, 1); /*scrollbar-face-color: #000;   scrollbar-3dlight-color: #000;   scrollbar-highlight-color: #000;   scrollbar-track-color: #000;   */
    scrollbar-arrow-color: red; /*scrollbar-shadow-color: #000;   */
}


textarea
{
    resize: none;
}

.clsDisplaynone
{
    display: none;
}

.clsDisplay
{
}

.clsTrackAllData
{
    font-weight: normal !important;
    font-size: 10.5px !important;
    color: #003366 !important;
    cursor: text !important;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}

.clsTrackAll_lblData
{
    font-weight: normal !important;
    font-size: 10.5px !important;
    color: #003366 !important;
    cursor: text !important;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}
.clsData
{
    font-weight: normal;
    font-size: 10px;
    color: #003366;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}

.clsData tr:nth-child(n)
{
    background-color: #fcfcfc;
}

.clsLink
{
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 10.5px;
    color: #008AE3;
    width: 49px;
    height: 17px;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal !important;
}

.clsLink:hover
{
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 10.5px;
    color: #44A3E1;
    width: 49px;
    height: 17px;
}

.clsLink:active
{
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 10.5px;
    color: #0271B8;
    width: 49px;
    height: 17px;
}



.clsFindData
{
    font-weight: normal;
    font-size: 10px;
    color: blue;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    text-decoration: underline;
}

.clsSideLinkMain
{
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    font-family: Open Sans, Verdana, Arial,Helvetica, Sans-serif;
    text-decoration: none;
}

.clsLogin
{
    font-size: 12px;
    color: #ffffff;
    font-family: Open Sans, Verdana, Arial,Helvetica, Sans-serif;
    text-decoration: none;
    padding: 12px;
}

.clsDateFormat
{
    font-size: 12px;
    color: #ffffff;
    font-family: Open Sans, Verdana, Arial,Helvetica, Sans-serif;
    text-decoration: none;
    padding: 1px;
}

.clsLoginLbl
{
    font-size: 12.8px;
    color: #333333;
    font-family: Open Sans, Verdana, Arial,Helvetica, Sans-serif;
}

.clsHeading
{
    font-weight: bold;
    font-size: 12px;
    color: #003366;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}


.clsHeading a
{
    color: #008AE3;
    cursor: pointer;
    text-decoration: none;
}

.clsHeading a:hover
{
    color: #44A3E1;
}

.clsHeading a:active
{
    color: #0271B8;
}


.clsExpHeading
{
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sana-serif;
    background-color: #718ebb;
    text-decoration: none;
}

.clsExpAmtRowHeading
{
    font-weight: bold;
    font-size: 10px;
    color: #003366;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sana-serif;
    background-color: #ecf4ff;
    text-decoration: none;
}

.clsButtonImage
{
    font-weight: bold;
    width: 100px;
    height: 20px;
    background: #008AE3;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px; /*color: #FFFFFF;     border: 2px solid #FFFFFF; */
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
}

.clsButtonImage:hover
{
    /*         font-weight: bold;         width: 100px;         height: 20px;         font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;         font-size: 12px;          color: #FFFFFF;          border: 1px solid #008AE3;          border-radius: 100px;          */
    background: #66B8EE;
}



.clsButtonImage:focus
{
    /*           width: 100px;         height: 20px;         font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;         font-size: 12px;         color: #FFFFFF;         border: 1px solid #FB8744;         border-radius: 100px;         */
    background: #66B8EE;
    outline: 0;
    border: 1px solid #FB8744;
}

.clsButtonImage:active
{
    /*         width: 100px;         height: 20px;         border-radius: 100px;         font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;         font-size: 12px;         */
    background: #0271B8;
    color: #FFFFFF;
}

.clsButtonImage1
{
    background-image: url(IMAGES/Button.gif);
    border-right: #000000 0px;
    border-top: #000000 0px;
    font-weight: bold;
    font-size: 10px;
    border-left: #000000 0px;
    width: 100px;
    color: #ffffff;
    border-bottom: #000000 0px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    height: 22px;
}

.clsSideLinks
{
    font-weight: normal;
    font-size: 14px;
    color: #003366;
    font-family: Open Sans-Semibold,Open Sans, Verdana,Arial, Helvetica, Sans-serif;
    text-decoration: none;
}

.clsMandatoryLabel
{
    font-weight: normal;
    font-size: 10px;
    color: #003366;
    font-family: Open Sans-Semibold,Open Sans,Verdana, Arial, Helvetica, Sans-serif;
    text-align: right;
    text-decoration: none;
}

.clsCaption
{
    font-weight: bold;
    font-size: 11px;
    color: #003366;
    font-family: Open Sans-Semibold,Open Sans,Verdana, Arial, Helvetica, Sans-serif;
}

.clsCaption a
{
    font-size: 11.5px;
    color: #008AE3;
    cursor: pointer;
    text-decoration: none;
}

.clsCaption a:hover
{
    font-size: 11.5px;
    color: #44A3E1;
}

.clsCaption a:active
{
    /*font-family: Open Sans;*/ /*font-size: 10.5px;*/
    color: #0271B8;
}


.clsGridHeadCaption a
{
    font-size: 11.5px;
    color: #003366;
    cursor: pointer;
    text-decoration: none;
}

.clsGridHeadCaption a:hover
{
    font-size: 11.5px;
    color: #44A3E1;
}

.clsGridHeadCaption a:active
{
    /*font-family: Open Sans;*/ /*font-size: 10.5px;*/
    color: #0271B8;
}


.clsData a
{
    font-size: 10.5px;
    color: #008AE3;
    cursor: pointer;
    text-decoration: none;
}

.clsData a:hover
{
    font-size: 10.5px;
    color: #44A3E1;
}

.clsData a:active
{
    font-size: 10.5px;
    color: #0271B8;
}

INPUT.clsTextBox
{
    background: #F8F8F8;
    border: 1px solid #666666;
    width: 106px;
    height: 16px;
    font-size: 10px;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}

INPUT.clsTextBox:hover
{
    background: #F6FFF6;
    border: 1px solid #43B2F3;
    width: 106px;
    height: 16px;
}

INPUT.clsTextBox:focus
{
    background: #FFFFFF;
    border: 2px solid #FB8744;
}

INPUT.clsLPTextBox
{
    background: #F8F8F8;
    border: 1px solid #666666;
    width: 126px;
    height: 16px;
    font-size: 10px;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}

INPUT.clsLPTextBox:hover
{
    background: #F6FFF6;
    border: 1px solid #43B2F3;
}


INPUT.clsLPTextBox:focus
{
    background: #FFFFFF;
    border: 2px solid #FB8744;
}

.imageCalendar
{
    background: url(~/Images/cal/button_cal.svg);
}

.imageCalendar:hover
{
    background: url(~/Images/cal/button_cal_hover.svg);
}

.clsTextArea:hover
{
    background: #F6F6F6;
    border: 1px solid #43B2F3;
}

TEXTAREA.clsTextArea:focus
{
    background: #FFFFFF;
    border: 2px solid #FB8744;
}


INPUT.clsTextBigBox
{
    border-right: #666666 1px solid;
    border-top: #666666 1px solid;
    font-size: 10px;
    border-left: #666666 1px solid;
    width: 300px;
    border-bottom: #666666 1px solid;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    height: 18px;
    background-color: #ecf0f6;
}
INPUT.clsTextBigBox:hover
{
    background: #F6FFF6;
    border: 1px solid #43B2F3;
}

INPUT.clsTextBigBox:focus
{
    background: #FFFFFF;
    border: 2px solid #FB8744;
}


TEXTAREA.clsTextArea
{
    font-size: 10px;
    width: 475px;
    height: 40px;
    font-family: Open Sans,Verdana, Arial, Helvetica, Sans-serif;
    background-color: #ecf0f6;
    border: 1px solid #666666;
}

TEXTAREA.clsTextArea:hover
{
    background: #F6F6F6;
    border: 1px solid #43B2F3;
}

TEXTAREA.clsTextArea:focus
{
    background: #FFFFFF;
    border: 1px solid #FB8744;
}

TEXTAREA.clsTxtArea
{
    font-size: 10px;
    width: 250px;
    height: 50px;
    font-family: Open Sans,Verdana, Arial, Helvetica, Sans-serif;
    background-color: #ecf0f6;
}

.clsCombo
{
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 10px;
    color: #2E2E2E;
    line-height: 14px;
    background: #F8F8F8;
    border: 1px solid #666666;
    position: inherit;
}

.clsCombo:hover
{
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 10px;
    color: #2E2E2E;
    line-height: 14px;
    background: #666666;
    background: #F8F8F8;
    border: 1px solid #43B2F3;
}

select > option
{
    background: #F8F8F8;
    border: 1px solid #D8D8D8;
    color: #000000;
}

select > option:hover
{
    background: #EAEAEA;
    color: #000000;
}
select > option:active
{
    background: #D2D2D2;
    color: #000000;
    border: 1px solid #FB8744;
}

.clsCheckBox
{
    /*	font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif; 	background-color: #ecf0f6;*/
    background: #F8F8F8; /* border: 1px solid #B2B2B2; */
    border-radius: 2px;
    height: 12px;
    width: 12px;
}

.clsCheckBox:hover
{
    /* background: rgba(0,138,227,0.30); border: 1px solid rgba(102,102,102,0.80); border-radius: 2px;*/
    background: rgba(0,138,227,0.30); /* border: 1px solid rgba(102,102,102,0.80); */
    border-radius: 2px;
}

.clsCheckBox:active
{
    background: #008AE3;
    border-radius: 2px;
}

.clsTable
{
    border-right: #000000 0pt;
    padding-right: 1px;
    border-top: #000000 0pt;
    padding-left: 1px;
    padding-bottom: 1px;
    border-left: #000000 0pt;
    width: 100%;
    padding-top: 1px;
    border-bottom: #000000 0pt;
    border-collapse: collapse;
    background-color: #ffffff;
    text-align: left;
    border: 1px solid silver;
}

.clsTable td
{
    border: 1px solid silver;
}


.clsExpAttachmentsHeading
{
    font-weight: bold;
    border-right: #666666 1px solid;
    border-top: #666666 1px solid;
    border-left: #666666 1px solid;
    border-bottom: #666666 1px solid;
    font-size: 10px;
    color: #ffffff;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sana-serif;
    background-color: #7baec1;
    text-decoration: none;
}

.clsExpRowHeading
{
    font-weight: bold;
    font-size: 10px;
    color: #003366;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sana-serif;
    background-color: #cbd6e6;
    text-decoration: none;
}

.clsExpAttachmentData
{
    font-weight: normal;
    font-size: 9px;
    color: #000000;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sana-serif;
    background-color: #e4e4e4;
    text-decoration: none;
}


INPUT.clsExpAmtTextBox
{
    background: #F8F8F8;
    border: 1px solid #666666;
    width: 106px;
    height: 16px;
    font-size: 10px;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    text-align: right;
}

INPUT.clsExpAmtTextBox:hover
{
    background: #F6FFF6;
    border: 1px solid #43B2F3;
    width: 106px;
    height: 16px;
}


INPUT.clsExpAmtTextBox:focus
{
    background: #FFFFFF;
    border: 1.5px solid #FB8744;
}

.clsTH
{
    font-weight: bold;
    font-size: 10px;
    color: #003366;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}

.clsTH a
{
    font-size: 10.5px;
    color: #008AE3;
    cursor: pointer;
    text-decoration: none;
}

.clsTH a:hover
{
    font-size: 10.5px;
    color: #44A3E1;
}

.clsTH a:active
{
    color: #0271B8;
}

.clsTD
{
    font-weight: normal;
    font-size: 10px;
    color: #003366;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    text-decoration: none;
}

.clsTD a
{
    font-size: 10.5px;
    color: #008AE3;
    cursor: pointer;
    text-decoration: none;
}

.clsTD a:hover
{
    font-size: 10.5px;
    color: #44A3E1;
}

.clsTD a:active
{
    color: #0271B8;
}

.clsInput
{
    border-right: white solid;
    border-top: white solid;
    font-size: 10px;
    border-left: white solid;
    width: 110px;
    color: inactivecaptiontext;
    border-bottom: white solid;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    text-align: left;
}

.clsRadioButton
{
    /*font-size: 10px; 	font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif; 	background-color: #ecf0f6;     */
    background: #F8F8F8;
    border: 1px solid #B2B2B2;
    border-radius: 100px;
    width: 12px;
    height: 12px;
}

.clsRadioButton:hover
{
    background: rgba(255,255,255,0.30);
    border: 1px solid #44A3E1;
    border-radius: 100px;
    width: 12px;
    height: 12px;
}

.clsRadioButton:active
{
    background: #008AE3;
    border-radius: 100px;
    background: #FFFFFF;
    border: 1px solid #008AE3;
    border-radius: 100px;
    width: 12px;
    height: 12px;
}


.clsOverSpendAlertImg
{
    background-image: url("Images/OverSpendAlert.svg"); /*Change*/
    background-image: url("/Images/OverSpendAlert.svg"); /*Change*/
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
}

.clsFindImage
{
    padding-right: 0px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-image: url("/Images/button_Search.svg"); /*Change*/
    border: 0 solid #FFFFFF;
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline-block;
    border-radius: 2px;
}

.clsFindImage:hover
{
    background-image: url("/Images/button_search_hover.svg"); /*Change*/
}

.clsFindImage:active
{
    background-image: url("/Images/button_search_down.svg"); /*Change*/
}


.clsDateControlImg
{
    background-image: url("/Images/cal/button_cal.svg"); /*Change*/
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: transparent;
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 2px; /*padding: 16px 16px 0px 0px;*/
}

.clsDateControlImg:hover
{
    background-image: url("/Images/cal/button_cal_hover.svg"); /*Change*/
}

.clsDateControlImg:active
{
    background-image: url("/Images/cal/button_cal_down.svg"); /*Change*/
}

.clsDateControlImg:focus
{
    background-image: url("/Images/cal/button_cal_down.svg"); /*Change*/
}



.clsFindImage1
{
    padding-right: 0px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 8px;
    background-image: url('Images/Find.gif'); /*Change*/
    padding-bottom: 0px;
    width: 16px;
    color: #ffffff;
    padding-top: 0px;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    border-collapse: collapse;
    height: 18px;
    table-layout: fixed;
    background-position: left top;
    margin: 0px;
    border-top-style: none;
    background-repeat: no-repeat;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    display: inline-block;
}

*
{
    padding: 0;
    margin: 0;
}

h1
{
    font: bold 32px Times;
    color: #666;
    text-align: center;
    padding: 20px 0;
}

#container
{
    width: 700px;
    margin: 10px auto;
}



.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 0px 0 0px 0;
    border: 1px solid #525252;
    border-collapse: collapse;
    border: #666666 1px solid;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}

.mGrid caption
{
    border-left: solid 1px #525252;
    font-weight: bold;
    font-size: 10px;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 4px;
    padding-top: 1px;
    border: solid 1px Black;
    text-align: left;
}

.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #003366; /*#717171*/
}

.mGrid td a
{
    color: #008AE3;
    text-decoration: none;
}


.mGrid td a:hover
{
    color: #44A3E1;
}

.mGrid td a:active
{
    color: #0271B8;
}

.mGrid td a:focus
{
    color: #0271B8;
}

.mGrid th
{
    padding: 4px 2px;
    color: #003366;
    background: #D9E2EE repeat-x top;
    border: #666666 1px solid;
    font-weight: bold;
    font-size: 11px; /* revert to 11px*/
    font-family: Open Sans-semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}

.mGrid .alt
{
    background: #fcfcfc repeat-x top;
}

.mGrid .pgr
{
    background: #a39f87 repeat-x top;
}

.mGrid .pgr table
{
    margin: 5px 0;
}

.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 14px;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}

.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}

.mGrid .pgr a:hover
{
    color: #001;
    text-decoration: none;
}

.FindRow
{
    font-weight: normal;
    font-size: 10px;
    color: #003366; /*blue;*/
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif; /*  text-align:center;added to display data in center for findlink data*/ /*   text-decoration: underline; */
}

.FindRow a
{
    font-size: 10.5px;
    color: #008AE3;
    cursor: pointer;
    text-decoration: none;
}

.FindRow a:hover
{
    font-size: 10.5px;
    color: #44A3E1;
    text-decoration: none;
}

.FindRow a:active
{
    font-size: 10.5px;
    color: #0271B8;
}

.FindHeader
{
    padding: 0px 0px;
    color: #fff;
    background: #879eC3 repeat-x top;
    border-left: solid 1px #525252;
    font-weight: bold;
    font-size: 10px;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}


.Invisible
{
    display: none;
    visibility: hidden;
}

.clsBustError
{
    background-color: #fa8072;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 10px;
    font-weight: normal;
}

INPUT.clsTextBoxBig
{
    border-right: #666666 1px solid;
    border-top: #666666 1px solid;
    font-size: 10px;
    border-left: #666666 1px solid;
    width: 300px;
    border-bottom: #666666 1px solid;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    height: 18px;
    background-color: #ecf0f6;
}


.adjustedZIndex
{
    z-index: 1;
}

input[disabled]
{
    color: #545454;
}

input[enabled]
{
    color: black;
}

.MenuFlick tr td
{
    position: relative;
}

.clsPrintCaption
{
    font-weight: bold;
    font-size: 12px;
    color: #003366;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}

.clsPrintData
{
    font-weight: normal;
    font-size: 10.5px;
    color: #003366;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}

.clsClickFindData
{
    font-weight: normal;
    font-size: 9px;
    color: #003366;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}

.clsTableCustomize
{
    border-right: #000000 0pt;
    padding-right: 1px;
    border-top: #000000 0pt;
    padding-left: 1px;
    padding-bottom: 1px;
    border-left: #000000 0pt;
    width: 100%;
    padding-top: 1px;
    border-bottom: #000000 0pt;
    border-collapse: collapse;
    background-color: #ffffff;
    text-align: left;
    border: 1px solid silver;
}



.clsTravelLineSelected
{
    height: 25px;
    width: 170px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #FF9900;
    border-radius: 45px 0px 0px 0px;
    background-color: #dce8f7;
    background: -moz-linear-gradient(top, #5da2ff, #31568d);
    background: linear-gradient(to bottom, #dce8f7, #96bbf1); /*linear-gradient(to bottom, #dce8f7, #96bbf1); */ /*text-shadow: #FF9900 1px 1px 1px; */
    font: normal normal bold 14px arial;
    color: #003366;
    text-decoration: none;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 14px;
}



.clsTravelLine
{
    height: 25px;
    width: 170px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #FFFFFF;
    border-radius: 45px 0px 0px 0px;
    background-color: #dce8f7;
    background: linear-gradient(to bottom, #dce8f7, #e7e9ec);
    font: normal normal bold 14px arial;
    color: #003366;
    text-decoration: none;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 14px;
}


.clsTravelLine:hover
{
    height: 25px;
    width: 170px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #FFFFFF;
    border-radius: 45px 0px 0px 0px;
    background-color: #dce8f7;
    background: -moz-linear-gradient(top, #5da2ff, #31568d);
    background: linear-gradient(to bottom, #adbbcebd, #e7e9ec); /* background: linear-gradient(to bottom, #dce8f7, #dae7f6); */
    font: normal normal bold 14px arial;
    color: #003366;
    text-decoration: none; /* text-shadow: #FF9900 1px 1px 1px; */
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 14px;
}


.clsTravelLine:focus
{
    height: 25px;
    width: 170px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #FB8744;
    border-radius: 45px 0px 0px 0px;
    background-color: #dce8f7;
    background: -moz-linear-gradient(top, #5da2ff, #31568d);
    background: linear-gradient(to bottom, #adbbcebd, #e7e9ec); /* background: linear-gradient(to bottom, #dce8f7, #dae7f6); */
    font: normal normal bold 14px arial;
    color: #003366;
    text-decoration: none; /* text-shadow: #FF9900 1px 1px 1px; */
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 14px;
}


.clsTravelImgBorder
{
    border-radius: 15px 15px 0px 0px;
}

.clsLinkFrgtPasswrd
{
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 14px;
    color: #008AE3;
    width: 49px;
    height: 17px;
    cursor: pointer;
    text-decoration: none;
}

.clsLinkFrgtPasswrd:hover
{
    /*font-family: Open Sans;*/
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 14px;
    color: #44A3E1;
    width: 49px;
    height: 17px;
}

.clsLinkFrgtPasswrd:focus
{
    /*font-family: Open Sans;*/
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 14px;
    color: #44A3E1;
    width: 49px;
    height: 17px;
    border: 1px solid #FB8744;
}


.clsLinkFrgtPasswrd:active
{
    /*font-family: Open Sans;*/
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 14px;
    color: #0271B8;
    width: 49px;
    height: 17px;
}




.clsCheckBoxTest + label
{
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 9px;
    display: inline-block;
    position: relative;
}

.clsCheckBoxTest:checked + label:after
{
    background-color: #595959;
    color: #595959;
    content: '\2714';
    font-size: 10px;
    left: 0px;
    padding: 2px 8px 2px 2px;
    position: absolute;
    top: 0px;
}


.checkbox
{
    margin: 0 0 1em 2em;
}

.checkbox .tag
{
    color: #595959;
    display: block;
    float: left;
    font-weight: bold;
    position: relative;
    width: 120px;
}

.checkbox label
{
    display: inline;
}

.checkbox .input-assumpte
{
    display: none;
}

.input-assumpte + label
{
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 5px;
    display: inline-block;
    position: relative;
}

.input-assumpte:checked + label:after
{
    background-color: #595959;
    color: red;
    content: '\2714';
    font-size: 7px;
    left: 0px;
    padding: 1px 3px 1px 1px;
    position: absolute;
    top: 0px;
}



/* not in used temp */
.clsLoginTextBox
{
    background: #F8F8F8;
    border: 1px solid #666666;
    width: 139px;
    height: 16px;
    font-size: 10px;
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
}

.clsLoginTextBox:hover
{
    background: #F6FFF6;
    border: 1px solid #43B2F3;
    width: 139px;
    height: 16px;
}

.clsLoginTextBox:focus
{
    background: #FFFFFF;
    border: 2px solid #FB8744;
}
/* till here not in used */

.clsHeaderfix
{
    box-shadow: 0 1px 4px #333;
    padding: 0px;
    position: fixed;
    top: 0px !important;
    text-align: right;
    width: 100%;
    background-color: white;
    z-index: 90;
}

.clsScrollableDiv
{
    top: 100px;
    position: absolute;
    overflow: auto;
    z-index: 50;
    padding-bottom: 20px;
    width: 100%;
}

.clsFooterfix
{
    padding: 0px;
    position: fixed;
    bottom: 0px !important;
    text-align: right;
    width: 100%;
    background-color: white;
    z-index: 90;
}

/*
::-webkit-scrollbar {
    width: 1em;
    height: 2.2em;
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}*/
/*
::-webkit-scrollbar {
    height: 2.2em;
width: 12px;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px   rgba(9, 40, 239, 0.99); /*  rgba(0,0,0,0.3); */
/*border-radius: 10px;
}

::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px     rgba(0,0,0,0.5); 
}*/

/* **** buttons css ****/


.clsSubmit
{
    width: 100px;
    height: 20px;
    background: #1FB405; /*green colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsSubmit:hover
{
    /* width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    color: #FFFFFF;
}



.clsSubmit:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*           width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    border: 1px solid #FB8744;
    outline: 0;
    color: #FFFFFF;
}

.clsSubmit:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;              */
    background: #1EA007; /*dark green*/
    color: #FFFFFF;
}

.clsBtnRelease
{
    width: 100px;
    height: 20px;
    background: #1FB405; /*green colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnRelease:hover
{
    /* width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    color: #FFFFFF;
}



.clsBtnRelease:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*           width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    border: 1px solid #FB8744;
    outline: 0;
    color: #FFFFFF;
}

.clsBtnRelease:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;              */
    background: #1EA007; /*dark green*/
    color: #FFFFFF;
}

.clsBtnApprove
{
    width: 100px;
    height: 20px;
    background: #1FB405; /*green colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnApprove:hover
{
    /* width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    color: #FFFFFF;
}



.clsBtnApprove:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*           width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    border: 1px solid #FB8744;
    outline: 0;
    color: #FFFFFF;
}

.clsBtnApprove:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;              */
    background: #1EA007; /*dark green*/
    color: #FFFFFF;
}

.clsBtnSave
{
    width: 100px;
    height: 20px;
    background: #1FB405; /*green colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnSave:hover
{
    /* width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    color: #FFFFFF;
}



.clsBtnSave:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*           width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    border: 1px solid #FB8744;
    outline: 0;
    color: #FFFFFF;
}

.clsBtnSave:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;              */
    background: #1EA007; /*dark green*/
    color: #FFFFFF;
}


.clsBtnAccept
{
    width: 100px;
    height: 20px;
    background: #1FB405; /*green colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnAccept:hover
{
    /* width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    color: #FFFFFF;
}



.clsBtnAccept:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*           width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    border: 1px solid #FB8744;
    outline: 0;
    color: #FFFFFF;
}

.clsBtnAccept:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;              */
    background: #1EA007; /*dark green*/
    color: #FFFFFF;
}


.clsBtnConvertToTR
{
    width: 100px;
    height: 20px;
    background: #1FB405; /*green colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnConvertToTR:hover
{
    /* width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    color: #FFFFFF;
}



.clsBtnConvertToTR:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*           width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    border: 1px solid #FB8744;
    outline: 0;
    color: #FFFFFF;
}

.clsBtnConvertToTR:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;              */
    background: #1EA007; /*dark green*/
    color: #FFFFFF;
}


.clsBtnCreateQuote
{
    width: 100px;
    height: 20px;
    background: #1FB405; /*green colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnCreateQuote:hover
{
    /* width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    color: #FFFFFF;
}



.clsBtnCreateQuote:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*           width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    border: 1px solid #FB8744;
    outline: 0;
    color: #FFFFFF;
}

.clsBtnCreateQuote:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;              */
    background: #1EA007; /*dark green*/
    color: #FFFFFF;
}


.clsBtnContinue
{
    width: 100px;
    height: 20px;
    background: #1FB405; /*green colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnContinue:hover
{
    /* width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    color: #FFFFFF;
}



.clsBtnContinue:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*           width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    border: 1px solid #FB8744;
    outline: 0;
    color: #FFFFFF;
}

.clsBtnContinue:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;              */
    background: #1EA007; /*dark green*/
    color: #FFFFFF;
}


.clsBtnApproveAll
{
    width: 100px;
    height: 20px;
    background: #1FB405; /*green colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnApproveAll:hover
{
    /* width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    color: #FFFFFF;
}



.clsBtnApproveAll:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*           width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    background: #42C52B; /*light green*/
    border: 1px solid #FB8744;
    outline: 0;
    color: #FFFFFF;
}

.clsBtnApproveAll:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;              */
    background: #1EA007; /*dark green*/
    color: #FFFFFF;
}


.clsLoginbtn
{
    width: 100px;
    height: 20px;
    background: #1FB405; /*green colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
}

.clsLoginbtn:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #42C52B; /*light green*/
}



.clsLoginbtn:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    color: #FFFFFF;
    outline: 0;
    background: #42C52B; /*light green*/
    border: 1px solid #FB8744;
}

.clsLoginbtn:active
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #1EA007; /*dark green*/
}


.clsBtnOnHold
{
    width: 100px;
    height: 20px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    background: #FFFFFF;
    border: 1px solid #008AE3;
    border-radius: 100px;
    color: #008AE3;
    font-weight: bold;
}


.clsBtnOnHold:hover
{
    background: #A5D4F2;
    color: #FFFFFF; /*         border: 1px solid #008AE3;         border-radius: 100px;         */
}



.clsBtnOnHold:focus
{
    /*         width: 100px;         height: 20px;         border-radius: 100px;                 */
    color: #FFFFFF;
    outline: 0;
    background: #A5D4F2;
    border: 1px solid #FB8744;
}

.clsBtnOnHold:active
{
    background: #3598D7; /*         border: 1px solid #008AE3;         border-radius: 100px;         font-size: 12px;         color: #FFFFFF;         */
}



.clsBtnDraft
{
    width: 100px;
    height: 20px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    background: #FFFFFF;
    border: 1px solid #008AE3;
    border-radius: 100px;
    color: #008AE3;
    font-weight: bold;
}


.clsBtnDraft:hover
{
    background: #A5D4F2;
    color: #FFFFFF; /*         border: 1px solid #008AE3;         border-radius: 100px;         */
}



.clsBtnDraft:focus
{
    /*         width: 100px;         height: 20px;         border-radius: 100px;                 */
    color: #FFFFFF;
    outline: 0;
    background: #A5D4F2;
    border: 1px solid #FB8744;
}

.clsBtnDraft:active
{
    background: #3598D7; /*         border: 1px solid #008AE3;         border-radius: 100px;         font-size: 12px;         color: #FFFFFF;         */
}

.clsBtnSendBack
{
    width: 100px;
    height: 20px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    background: #FFFFFF;
    border: 1px solid #008AE3;
    border-radius: 100px;
    color: #008AE3;
    font-weight: bold;
}


.clsBtnSendBack:hover
{
    background: #A5D4F2;
    color: #FFFFFF; /*         border: 1px solid #008AE3;         border-radius: 100px;         */
}



.clsBtnSendBack:focus
{
    /*         width: 100px;         height: 20px;         border-radius: 100px;                 */
    color: #FFFFFF;
    outline: 0;
    background: #A5D4F2;
    border: 1px solid #FB8744;
}

.clsBtnSendBack:active
{
    background: #3598D7; /*         border: 1px solid #008AE3;         border-radius: 100px;         font-size: 12px;         color: #FFFFFF;         */
}

.clsBtnPrint
{
    width: 100px;
    height: 20px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    background: #FFFFFF;
    border: 1px solid #008AE3;
    border-radius: 100px;
    color: #008AE3;
    font-weight: bold;
}


.clsBtnPrint:hover
{
    background: #A5D4F2;
    color: #FFFFFF; /*         border: 1px solid #008AE3;         border-radius: 100px;         */
}



.clsBtnPrint:focus
{
    /*         width: 100px;         height: 20px;         border-radius: 100px;                 */
    color: #FFFFFF;
    outline: 0;
    background: #A5D4F2;
    border: 1px solid #FB8744;
}

.clsBtnPrint:active
{
    background: #3598D7; /*         border: 1px solid #008AE3;         border-radius: 100px;         font-size: 12px;         color: #FFFFFF;         */
}

.clsBtnQuery
{
    width: 100px;
    height: 20px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    background: #FFFFFF;
    border: 1px solid #008AE3;
    border-radius: 100px;
    color: #008AE3;
    font-weight: bold;
}


.clsBtnQuery:hover
{
    background: #A5D4F2;
    color: #FFFFFF; /*         border: 1px solid #008AE3;         border-radius: 100px;         */
}



.clsBtnQuery:focus
{
    /*         width: 100px;         height: 20px;         border-radius: 100px;                 */
    color: #FFFFFF;
    outline: 0;
    background: #A5D4F2;
    border: 1px solid #FB8744;
}

.clsBtnQuery:active
{
    background: #3598D7; /*         border: 1px solid #008AE3;         border-radius: 100px;         font-size: 12px;         color: #FFFFFF;         */
}

.clsBtnHold
{
    width: 100px;
    height: 20px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    background: #FFFFFF;
    border: 1px solid #008AE3;
    border-radius: 100px;
    color: #008AE3;
    font-weight: bold;
}


.clsBtnHold:hover
{
    background: #A5D4F2;
    color: #FFFFFF; /*         border: 1px solid #008AE3;         border-radius: 100px;         */
}



.clsBtnHold:focus
{
    /*         width: 100px;         height: 20px;         border-radius: 100px;                 */
    color: #FFFFFF;
    outline: 0;
    background: #A5D4F2;
    border: 1px solid #FB8744;
}

.clsBtnHold:active
{
    background: #3598D7; /*         border: 1px solid #008AE3;         border-radius: 100px;         font-size: 12px;         color: #FFFFFF;         */
}



.clsReset
{
    width: 100px;
    height: 20px;
    background: #E3E3E3; /*grey colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #000000;
    font-size: 12px;
    border: 0px solid #E3E3E3;
}

.clsReset:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         border: 1px solid #EAEAEA;         */
    color: #000000;
    background: #EAEAEA;
}



.clsReset:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    background: #EAEAEA; /*light grey*/
    border: 1px solid #FB8744;
    color: #000000;
}

.clsReset:active
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #000000;
    background: #CBCBCB; /*dark grey*/
}


.clsCancel
{
    font-weight: bold;
    width: 100px;
    height: 20px;
    background: #E3E3E3; /*grey colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #000000;
    font-size: 12px;
    border: 0px solid #E3E3E3;
}

.clsCancel:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    background: #EAEAEA;
    color: #000000;
    border: 1px solid #EAEAEA;
}



.clsCancel:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #000000;
    background: #EAEAEA; /*light grey*/
    border: 1px solid #FB8744;
}

.clsCancel:active
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    background: #CBCBCB; /*dark grey*/
    color: #000000;
}


.clsBtnBack
{
    font-weight: bold;
    width: 100px;
    height: 20px;
    background: #E3E3E3; /*grey colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #000000;
    font-size: 12px;
    border: 0px solid #E3E3E3;
}

.clsBtnBack:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         border: 1px solid #EAEAEA;         */
    color: #000000;
    background: #EAEAEA;
}



.clsBtnBack:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    color: #000000;
    outline: 0;
    background: #EAEAEA; /*light grey*/
    border: 1px solid #FB8744;
}

.clsBtnBack:active
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #000000;
    background: #CBCBCB; /*dark grey*/
}

.clsBtnReject
{
    width: 100px;
    height: 20px;
    background: #e30202; /*red colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnReject:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #ff6868; /*light red*/
    color: #FFFFFF;
}


.clsBtnReject:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    color: #FFFFFF;
    outline: 0;
    background: #ff6868; /*light red*/
    border: 1px solid #FB8744;
}

.clsBtnReject:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #8e0404; /*dark red*/
}

.clsBtnReInitiate
{
    width: 100px;
    height: 20px;
    background: #e30202; /*red colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnReInitiate:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #ff6868; /*light red*/
    color: #FFFFFF;
}


.clsBtnReInitiate:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    color: #FFFFFF;
    outline: 0;
    background: #ff6868; /*light red*/
    border: 1px solid #FB8744;
}

.clsBtnReInitiate:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #8e0404; /*dark red*/
}

.clsBtnRejectAll
{
    width: 100px;
    height: 20px;
    background: #e30202; /*red colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnRejectAll
{
    width: 100px;
    height: 20px;
    background: #e30202; /*red colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnRejectAll:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #ff6868; /*light red*/
    color: #FFFFFF;
}


.clsBtnRejectAll:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    color: #FFFFFF;
    outline: 0;
    background: #ff6868; /*light red*/
    border: 1px solid #FB8744;
}

.clsBtnRejectAll:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #8e0404; /*dark red*/
}

.clsBtnDelete
{
    width: 100px;
    height: 20px;
    background: #e30202; /*red colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnDelete:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #ff6868; /*light red*/
    color: #FFFFFF;
}


.clsBtnDelete:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    color: #FFFFFF;
    outline: 0;
    background: #ff6868; /*light red*/
    border: 1px solid #FB8744;
}

.clsBtnDelete:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #8e0404; /*dark red*/
}

.clsBtnExcelError
{
    width: 100px;
    height: 20px;
    background: #e30202; /*red colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsBtnExcelError:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #ff6868; /*light red*/
    color: #FFFFFF;
}


.clsBtnExcelError:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    color: #FFFFFF;
    outline: 0;
    background: #ff6868; /*light red*/
    border: 1px solid #FB8744;
}

.clsBtnExcelError:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #8e0404; /*dark red*/
}

.clsLogoutbtn
{
    width: 100px;
    height: 20px;
    background: #e30202; /*red colour*/
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
}

.clsLogoutbtn:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    background: #ff6868; /*light red*/
    color: #FFFFFF;
}


.clsLogoutbtn:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    color: #FFFFFF;
    outline: 0;
    background: #ff6868; /*light red*/
    border: 1px solid #FB8744;
}

.clsLogoutbtn:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #8e0404; /*dark red*/
}

.clsBtnHome
{
    width: 100px;
    height: 20px;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
    font-size: 12px;
    background: #008AE3; /*blue colour*/
}

.clsBtnHome:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #66B8EE; /*light blue*/
}



.clsBtnHome:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #FFFFFF;
    background: #008AE3; /*light blue*/
    border: 1px solid #FB8744;
}

.clsBtnHome:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #0271B8; /*dark blue*/
}


.clsBtnExcel
{
    width: 100px;
    height: 20px;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
    font-size: 12px;
    background: #008AE3; /*blue colour*/
}

.clsBtnExcel:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #66B8EE; /*light blue*/
}



.clsBtnExcel:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #FFFFFF;
    background: #008AE3; /*light blue*/
    border: 1px solid #FB8744;
}

.clsBtnExcel:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #0271B8; /*dark blue*/
}

.clsBtnDocUpld
{
    width: 100px;
    height: 20px;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
    font-size: 12px;
    background: #008AE3; /*blue colour*/
}

.clsBtnDocUpld:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #66B8EE; /*light blue*/
}



.clsBtnDocUpld:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #FFFFFF;
    background: #008AE3; /*light blue*/
    border: 1px solid #FB8744;
}

.clsBtnDocUpld:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #0271B8; /*dark blue*/
}

.clsBtnSelectAll
{
    width: 100px;
    height: 20px;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
    font-size: 12px;
    background: #008AE3; /*blue colour*/
}

.clsBtnSelectAll:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #66B8EE; /*light blue*/
}



.clsBtnSelectAll:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #FFFFFF;
    background: #008AE3; /*light blue*/
    border: 1px solid #FB8744;
}

.clsBtnSelectAll:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #0271B8; /*dark blue*/
}


.clsBtnDeSelectAll
{
    width: 100px;
    height: 20px;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
    font-size: 12px;
    background: #008AE3; /*blue colour*/
}

.clsBtnDeSelectAll:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #66B8EE; /*light blue*/
}



.clsBtnDeSelectAll:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #FFFFFF;
    background: #008AE3; /*light blue*/
    border: 1px solid #FB8744;
}

.clsBtnDeSelectAll:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #0271B8; /*dark blue*/
}


.clsBtnAddAttribute
{
    width: 100px;
    height: 20px;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
    font-size: 12px;
    background: #008AE3; /*blue colour*/
}

.clsBtnAddAttribute:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #66B8EE; /*light blue*/
}



.clsBtnAddAttribute:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #FFFFFF;
    background: #008AE3; /*light blue*/
    border: 1px solid #FB8744;
}

.clsBtnAddAttribute:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #0271B8; /*dark blue*/
}

.clsBtnBAZBench
{
    width: 100px;
    height: 20px;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
    font-size: 12px;
    background: #008AE3; /*blue colour*/
}

.clsBtnBAZBench:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #66B8EE; /*light blue*/
}



.clsBtnBAZBench:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #FFFFFF;
    background: #008AE3; /*light blue*/
    border: 1px solid #FB8744;
}

.clsBtnBAZBench:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #0271B8; /*dark blue*/
}

.clsBtnModify
{
    width: 100px;
    height: 20px;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
    font-size: 12px;
    background: #008AE3; /*blue colour*/
}

.clsBtnModify:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #66B8EE; /*light blue*/
}



.clsBtnModify:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #FFFFFF;
    background: #008AE3; /*light blue*/
    border: 1px solid #FB8744;
}

.clsBtnModify:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #0271B8; /*dark blue*/
}


.clsBtnResend
{
    width: 100px;
    height: 20px;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
    font-size: 12px;
    background: #008AE3; /*blue colour*/
}

.clsBtnResend:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #66B8EE; /*light blue*/
}



.clsBtnResend:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #FFFFFF;
    background: #008AE3; /*light blue*/
    border: 1px solid #FB8744;
}

.clsBtnResend:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #0271B8; /*dark blue*/
}

.clsBtnSendDoc
{
    width: 100px;
    height: 20px;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
    font-size: 12px;
    background: #008AE3; /*blue colour*/
}

.clsBtnSendDoc:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #66B8EE; /*light blue*/
}



.clsBtnSendDoc:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #FFFFFF;
    background: #008AE3; /*light blue*/
    border: 1px solid #FB8744;
}

.clsBtnSendDoc:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #0271B8; /*dark blue*/
}

.clsBtnAddLine
{
    width: 100px;
    height: 20px;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
    font-size: 12px;
    background: #008AE3; /*blue colour*/
}

.clsBtnAddLine:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #66B8EE; /*light blue*/
}



.clsBtnAddLine:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #FFFFFF;
    background: #008AE3; /*light blue*/
    border: 1px solid #FB8744;
}

.clsBtnAddLine:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #0271B8; /*dark blue*/
}



.clsBtnDefault
{
    width: 100px;
    height: 20px;
    border-radius: 100px;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    color: #FFFFFF;
    border: 1px solid #008AE3;
    font-weight: bold;
    font-size: 12px;
    background: #008AE3; /*blue colour*/
}

.clsBtnDefault:hover
{
    /*         width: 100px;         height: 20px;         font-size: 12px;         border: 1px solid #008AE3;         border-radius: 100px;         */
    color: #FFFFFF;
    background: #66B8EE; /*light blue*/
}



.clsBtnDefault:focus
{
    /*font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;*/ /*         width: 100px;         height: 20px;         font-size: 12px;         border-radius: 100px;         */
    outline: 0;
    color: #FFFFFF;
    background: #008AE3; /*light blue*/
    border: 1px solid #FB8744;
}

.clsBtnDefault:active
{
    /*  font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif; */ /*         width: 100px;         height: 20px;         border-radius: 100px;         font-size: 12px;         */
    color: #FFFFFF;
    background: #0271B8; /*dark blue*/
}




.clsLinkBazBench
{
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    text-decoration: none;
    margin-left: 15px !important;
    width: 72px;
    height: 21px;
}

.absolute-position
{
    position: absolute;
}

.clsFontFmly_size
{
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px !important;
}

.clsBoldFontFmly_size
{
    font-weight: bold;
    font-size: 11px; /*color: #003366;*/
    font-family: Open Sans-Semibold,Open Sans,Verdana, Arial, Helvetica, Sans-serif;
}


.CustomHeader
{
    padding: 4px 2px;
    color: #003366;
    background: #D9E2EE repeat-x top;
    border: #666666 1px solid;
    font-weight: bold;
    font-size: 11px;
    font-family: Open Sans-Semibold,Open Sans,Verdana, Arial, Helvetica, Sans-serif;
}

.innerTable td
{
    border: 0px solid #C0C0C0;
}

/* Used For YTD Report*/

.YTDmGrid
{
    width: 100%;
    background-color: #fff;
    margin: 0px 0 0px 0; /*border: 1px solid #525252;*/
    border-collapse: collapse;
    border: #666666 1px solid;
    text-align: center;
}
.YTDmGrid caption
{
    border-left: solid 1px #525252;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 1px;
    border: solid 1px Black;
    text-align: left;
}

.th_td1
{
    padding: 0px 10px 0px 10px;
    border-bottom: solid 1px #c1c1c1;
    color: #717171;
}

.th_td2
{
    padding: 0px 10px 0px 10px;
    border-right: solid 1px #c1c1c1;
    color: #717171;
}

.th_td3
{
    padding: 0px 10px 0px 10px;
}


.td_td1
{
    padding: 0px 5px 0px 5px;
    border-right: solid 1px #c1c1c1;
    color: #717171;
    width: 50%;
    text-align: center; /*word-break: break-all;*/
}

.td_td2
{
    padding: 0px 5px 0px 5px;
    width: 50%;
    text-align: center; /*word-break: break-all;*/
}

.td_td3
{
    padding: 0px 5px 0px 5px;
    width: 50%;
}

.clsYtdCaption
{
    font-weight: bold;
    font-size: 11px;
    color: #003366;
    font-family: Open Sans-Semibold,Open Sans,Verdana, Arial, Helvetica, Sans-serif;
    padding: 0px 5px 0px 5px;
    text-align: center;
    vertical-align: middle;
}


.YTDmGrid th
{
    padding: 4px 2px;
    color: #003366;
    background: #D9E2EE repeat-x top;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
}

.YTDmGrid .alt
{
    background: #fcfcfc repeat-x top;
}
.YTDmGrid .pgr
{
    background: #a39f87 repeat-x top;
}
.YTDmGrid .pgr table
{
    margin: 5px 0;
}
.YTDmGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
.YTDmGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.YTDmGrid .pgr a:hover
{
    color: #001;
    text-decoration: none;
}

.tbl_css
{
    width: 250px;
    height: 40px;
    padding: 1px;
    color: #717171;
    border: 0px;
}

.tbl_css1
{
    width: 150px;
    height: 40px;
    padding: 1px;
    color: #717171;
    border: 0px;
    text-align: center;
}

.tbl_css2
{
    width: 75px;
    height: 40px;
    padding: 1px;
    color: #717171;
    border: 0px;
    text-align: center;
}

.header_template_css
{
    border: 1px solid black;
}

.item_template_css
{
    border-right: 1px solid black;
    border-left: 1px solid black;
}
/* Used For YTD Report Tilll here*/

.clsInvalidUserLogin
{
    font-family: Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 14px;
    color: Red;
    text-decoration: none;
}


.clsManualsLink
{
    font-weight: bold;
    font-family: Open Sans-Semibold,Open Sans, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #008AE3;
    width: 49px;
    height: 17px;
    cursor: pointer;
    text-decoration: none;
}

.clsManualsLink:hover
{
    color: #44A3E1;
}

.clsManualsLink:active
{
    color: #0271B8;
}
::-webkit-scrollbar
{
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track
{
    background: rgb(102, 184, 238);
}

::-webkit-scrollbar-thumb
{
    background: rgb(2, 113, 184);
}

#tbl_control
{
    display: inline-block;
}

.disableLink
{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #003366 !important;
    display: inline-block;
}

.clsTxtboxConvertLabel
{
    pointer-events: none !important;
    border: 0px !important;
    background-color: #ffffff !important;
}

.clsFooterTxtboxConvertLabel
{
    pointer-events: none !important;
    border: 0px !important;
    background-color: #d9e2ee !important;
    font-weight: bold;
    font-size: 11px;
    color: #003366;
    font-family: Open Sans-Semibold,Open Sans,Verdana, Arial, Helvetica, Sans-serif !important;
}

/* Added By Dhurba On 20181115 for header home and sign out button */

.headerhomesignout
{
    position: fixed;
    top: 0;
    right: 48%; /*margin-left: auto;     margin-right: auto;     left: 0;     right: 0; */
    z-index: 1000 !important;
}
.myTopnav a
{
    position: absolute;
    top: -48px;
    transition: 0.3s;
    width: 100px;
    text-decoration: none;
    font-size: 42px;
    color: white;
    z-index: 1000 !important;
}
.myTopnav a:hover
{
    top: 0;
}
.hhomebutton
{
    background-color: #2196F3;
    box-shadow: 10px 10px 5px #807878;
    border-radius: 10px 10px; /*padding: 0px 58px 11px 31px; */
    padding-bottom: 10px;
    z-index: 1000 !important;
    left: -128px;
}

.hhomebutton:hover
{
    color: #FFFFFF;
    background: #66B8EE;
}



.hhomebutton:focus
{
    outline: 0;
    color: #FFFFFF;
    background: #008AE3;
    border: 1px solid #FB8744;
}

.hhomebutton:active
{
    color: #FFFFFF;
    background: #0271B8;
}

.hsignoutbutton
{
    background-color: #e30202;
    box-shadow: 10px 10px 5px #807878;
    border-radius: 10px 10px; /*padding: 0px 58px 11px 31px; */ /* right: 33%; */
    padding-bottom: 10px;
    right: -75px;
    z-index: 1000 !important;
}
.hsignoutbutton:hover
{
    background: #ff6868;
    color: #FFFFFF;
}


.hsignoutbutton:focus
{
    color: #FFFFFF;
    outline: 0;
    background: #ff6868;
    border: 1px solid #FB8744;
}

.hsignoutbutton:active
{
    color: #FFFFFF;
    background: #8e0404;
}
/* till here */
.noCellSpacnoCellPadd {
    border-collapse: collapse;
    border-spacing: 0;
}

.noCellSpace {
    border-spacing: 0;
}