@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.ttf') format('truetype'), url('../fonts/Cambria Bold Italic.ttf') format('truetype'), url('../fonts/Cambria Bold.ttf') format('truetype'), url('../fonts/Cambria Italic.ttf') format('truetype');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit; /* vertical-align: baseline; */
}



/* ToolTip On Hover */
.tooltip {
    position: absolute;
    z-index: 9999999;
    font-family: Calibri;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    /*white-space: normal;*/
    white-space: nowrap;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}

.tooltip-inner {
    padding: 3px 20px;
    color: #6e6a6a;
    text-align: center;
    /*background-color: #69BC01;*/
    background-color: #f6f6f6;
    border-radius: 4px;
    -moz-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
    box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
    font-family: Calibri;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
}

.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
    margin-left: 0px;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #6e6a6a;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #6e6a6a;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #6e6a6a;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: -5px;
    margin-top: -5px;
    border-top-color: #6e6a6a;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid #6e6a6a;
    border-bottom: 5px solid transparent;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: -6px;
    margin-top: -5px;
    border-top-color: #6e6a6a;
    border-top: 5px solid transparent;
    border-left: 5px solid #6e6a6a;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.tooltip.bottom .tooltip-arrow {
    top: -5px;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #6e6a6a;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-top-color: #6e6a6a;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-top-color: #6e6a6a;
}
/* ToolTip On Hover */



/*All Notification Close Botton*/
.CloseBtnNoti {
    float: right;
    margin: -13px -1px 0px 0;
    cursor: pointer;
}
/*All Notification Close Botton*/

/**/
.SendContactButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #a4e271 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271 !important;
    box-shadow: inset 0px 1px 0px 0px #a4e271 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #90ba2f)) !important;
    background: -moz-linear-gradient(top, #89c403 5%, #90ba2f 100%) !important;
    background: -webkit-linear-gradient(top, #89c403 5%, #90ba2f 100%) !important;
    background: -o-linear-gradient(top, #89c403 5%, #90ba2f 100%) !important;
    background: -ms-linear-gradient(top, #89c403 5%, #90ba2f 100%) !important;
    background: linear-gradient(to bottom, #89c403 5%, #90ba2f 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#90ba2f',GradientType=0) !important;
    background-color: #89c403 !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    border: 1px solid #74b807 !important;
    display: inline-block;
    cursor: pointer !important;
    text-align: center !important;
    min-width: 100px !important;
    width: auto !important;
    color: #ffffff !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 5px 18px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #528009 !important;
}

    .SendContactButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #90ba2f), color-stop(1, #89c403)) !important;
        background: -moz-linear-gradient(top, #90ba2f 5%, #89c403 100%) !important;
        background: -webkit-linear-gradient(top, #90ba2f 5%, #89c403 100%) !important;
        background: -o-linear-gradient(top, #90ba2f 5%, #89c403 100%) !important;
        background: -ms-linear-gradient(top, #90ba2f 5%, #89c403 100%) !important;
        background: linear-gradient(to bottom, #90ba2f 5%, #89c403 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90ba2f', endColorstr='#89c403',GradientType=0) !important;
        background-color: #90ba2f !important;
    }

    .SendContactButton:active {
        position: relative !important;
        top: 1px !important;
    }
/**/


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

html, body {
    height: 100%;
}

body {
    line-height: 1;
    font-family: 'open_sansregular';
}

.tDemo {
    position: relative;
    overflow: hidden;
}

.tDemoD {
    position: absolute;
    top: 20px;
    left: 26px;
    margin-top: -200px;
}

.tDemo:hover .tDemoD {
    margin-top: 0;
}

.tDemoD {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
    cursor: context-menu;
}

ol {
    list-style: decimal;
    margin: 0;
    padding: 0 0 0 20px;
    margin: 0 0 15px;
}

    ol li {
        margin: 0;
        padding: 0;
    }

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
}

    ul li {
        margin: 0;
        padding: 0;
    }

.toplink {
    color: #fff; /*color:#62B501;*/
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    text-decoration:none;
}

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */
.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/* general purpose classes */
.nodisplay {
    display: none;
}

.nodisplay_strict {
    display: none !important;
}

.alignleft {
    float: left;
}

.aligncenter {
    text-align: center;
}

.alignright {
    float: right;
}

.divAdvSearchMain {
    border: 1px solid #C8C8C8;
    background-color: #F7F7F7;
    width: 100%;
    display: none;
    border-radius: 4px;
    margin-top: 25px;
}
/*fonts*/
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

section {
    width: 100%;
    float: left;
}

.wrapper {
    width: 1000px;
    margin: 0 auto;
}

.topSec {
    background: #79d000 url(../images/top-bg.png) left top repeat-x;
    position: relative;
    z-index: 1;
    padding:4px 0 0 0;
}

.loginlogo {
    padding: 10px 0;
}

/*login*/
.loginWrapperOuter {
    position: absolute;
    top: 50%;
    width: 100%;
    margin: -140px 0 0 0;
}

.loginWrapper {
    width: 390px;
    margin: 0px auto;
}

.loginBlock {
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .loginBlock h2 {
        /*background: url(../images/top-login-section-bg.jpg) repeat-x;*/
        text-align: center;
        padding: 15px 0;
        font-size: 20px;
        font-family: 'open_sanssemibold';
        color: #fff;
        /* -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;*/
        height: 15px;
        line-height: 15px;
        background-color: #64b701;
        /*text-shadow: 0 1px rgba(0, 0, 0, 7);*/
    }

.loginContent {
    border: 1px solid #e4e4e4;
    padding: 24px;
}

.footer {
    border-top: 3px solid #64b701 !important;
    font-size: 12px;
    padding: 7px;
    position: fixed;
    z-index: 10000;
    background-color: White;
    bottom: 0;
    left: 0;
}

.bottomStatic {
    position: fixed;
    left: 0;
    bottom: 0;
}

.inputText {
    border: 1px solid #d6d6d6;
    width: 80%;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 5px;
    margin: 7px 35px 10px;
    /*font-family: 'open_sanssemibold';*/
    font-family: Calibri;
    font-size: 17px !important;
    color: #000;
}

.loginBtn {
    -webkit-border-radius: 5px;
    border-radius: 2px;
    border: 1px solid #509100;
    padding: 6px 25px;
    -webkit-box-shadow: inset 1px 2px 5px 1px rgba(162, 246, 0, 0.5);
    box-shadow: inset 1px 2px 5px 1px rgba(162, 246, 0, 0.5);
    background: url(../images/loginBtn.jpg) repeat-x;
    color: #fff;
    font-size: 15px;
    font-family: 'open_sansbold';
    cursor: pointer;
}

    .loginBtn:hover {
        background: #65B801;
    }

.loginContent .forgotPass {
    color: #1481c4;
    font-size: 13px;
    display: block;
    padding: 15px 0 10px 0;
}

.forgotPass a {
    text-decoration: none;
}

    .forgotPass a:hover {
        border-bottom: 1px solid #1481c4;
    }

.footerLink li {
    display: inline-block;
    padding: 0 0px 0 5px;
}

    .footerLink li a {
        color: #686868;
        text-decoration: none;
        padding: 0 5px 0 0px;
    }

        .footerLink li a:hover {
            color: #3688dc;
        }

/*for inner page*/



.stroke {
    background: url(../images/2px-stroke.png) repeat-x;
    height: 2px !important;
    width: 100%;
}

.Companyname {
    font-size: 27px;
    color: #fff;
    font-family: 'open_sansbold';
    padding: 15px;
    position: relative;
    text-shadow: 0 1px rgba(0, 0, 0, 1);
    text-align: center;
    width: 55%;
}

.lblusername_top {
    margin-left: 5px !important;
}

.user {
    font-size: 15px;
    max-width: 167px;
    padding: 23px 15px 23px 5px;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgb(109, 109, 109);
    display: block;
    transition: all ease-in-out 0.7s;
}

    .user:hover {
        color: #006800;
    }

.dropOption {
    text-decoration: none;
    position: relative;
}

.navigation {
    padding: 7px 0 10px 0;
}

    .navigation li {
        float: left;
        padding: 0 26px 0 0;
    }

        .navigation li.sub a {
            background: url(../images/downarrow.png) right 10px no-repeat;
            padding-right: 15px;
        }

        .navigation li a {
            color: #fff;
            text-decoration: none;
            font-family: 'open_sansbold';
            font-size: 15px;
        }

            .navigation li a:hover {
                color: #006800;
            }

.iconSprite {
    background: url(../images/icon-sprite.png) no-repeat;
    display: inline-block;
}

    .iconSprite:hover {
        background: url(../images/icon-sprite.png) no-repeat;
        background-position: -175px -25px;
    }

.msg {
    width: 25px;
    height: 20px;
    background-position: -150px -7px;
}

    .msg:hover {
        width: 25px;
        height: 20px;
        background-position: -150px -7px;
    }

.infoIcon {
    float: right;
    width: 25px;
    height: 20px;
    background-position: -175px -7px;
}

.rightOption {
    /*width: 316px;*/
}

    .rightOption li {
        float: left;
        padding: 7px 5px 5px 0;
    }

        .rightOption li a {
            text-decoration: none;
            font-size: 14px;
            color: #696969;
            cursor: pointer;
        }

            .rightOption li a:hover {
                color: #000;
            }


/***********************************************************************************************************************************************************************************/
/****************************************************************** Page Title in SiteClient.master  *******************************************************************************/
/***********************************************************************************************************************************************************************************/
.grayWrap {
    background-color: #ededed;
    border-bottom: 1px solid rgb(202, 202, 202);
    width: 100%;
    float:left;
}

.HeadTopLine {
    background-color: #9ac963;
    height: 8px;
}

.HeadIndicator {
    float: right;
    margin: -5px 0 0 0;
    height: 5px;
    width: 100%;
}

.HeadName {
    width: 1000px;
    margin: auto;
    height: 38px;
}

    .HeadName h3 {
        width: 50.4%;
        color: #6e6a6a;
        float: left;
        font-family: Calibri;
        font-size: 24px;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        line-height: 26.4px;
    }

    .HeadName h6 {
        float: left;
        width: 501px;
        color: #6e6a6a;
        font-size: 11px;
    }


.SearchHead, .SortingHead, .TextBoxHead {
    float: right;
    margin: 3px 0 0 15px;
}

.SearchTxt {
    font-size: 16px;
    padding: 2px 0 5px 6px;
    margin: 0 -6px 0 0;
    outline: none;
    border: 1px solid gainsboro;
    border-radius: 3px;
}

.SearchHead h4, .SortingHead h4 {
    float: left;
    padding: 6px 0 0 0;
}

.SearchHead h5, .SortingHead h5 {
    float: left;
}

.SearchHead img, .SortingHead img {
    width: 25px;
    height: 25px;
    padding: 2px 0 0 2px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
}

/*.SearchHead img:hover, .SortingHead img:hover
        {
            padding: 2px 0 0 2px;
            cursor: pointer;
            box-shadow: 0px 0px 3px 0px rgb(90, 163, 0);
        }*/

.SearchBox {
    display: none;
    padding: 5px;
    width: 283px;
    margin: 10px 0px 55px 0px;
    position: absolute;
    margin-left: -260px;
    background-color: White;
    z-index: 10000;
    float: left;
    box-shadow: 0px 1px 10px black;
    border-radius: 2px;
}

.HeadBottomLine {
    height: 8px;
    background: rgba(154,201,99,1);
    background: -moz-linear-gradient(top, rgba(154,201,99,1) 0%, rgba(201,227,170,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(154,201,99,1)), color-stop(100%, rgba(201,227,170,1)));
    background: -webkit-linear-gradient(top, rgba(154,201,99,1) 0%, rgba(201,227,170,1) 100%);
    background: -o-linear-gradient(top, rgba(154,201,99,1) 0%, rgba(201,227,170,1) 100%);
    background: -ms-linear-gradient(top, rgba(154,201,99,1) 0%, rgba(201,227,170,1) 100%);
    background: linear-gradient(to bottom, rgba(154,201,99,1) 0%, rgba(201,227,170,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ac963', endColorstr='#c9e3aa', GradientType=0 );
}

/***********************************************************************************************************************************************************************************/
/**************************************************************** Page Title End in SiteClient.master  *****************************************************************************/
/***********************************************************************************************************************************************************************************/

.NoDoc {
    width: 100%;
    padding: 15px 0;
    float: left;
    color: #5aa300;
    text-align: center;
    font-weight: 400;
    font-family: Calibri;
    font-size: 20px;
    margin-bottom: 120px;
}



/* Notifiction Page */

/*Head*/
.Notipop {
    background-color: #FFFFFF;
    border-radius: 0px;
    border: 1px solid #357db9;
    display: none;
    margin-top: 23px;
    margin-left: -230px;
    position: absolute;
    text-align: left;
    width: 350px;
    z-index: 50;
    min-height: 167px;
    border-radius: 4px;
}

.NotiBody {
    float: left;
    width: 100%;
    background: -webkit-linear-gradient(top, #357db9 5%, #003f73 100%) !important;
    background: -o-linear-gradient(top, #357db9 5%, #003f73 100%) !important;
    background: -ms-linear-gradient(top, #357db9 5%, #003f73 100%) !important;
    background: linear-gradient(to bottom, #357db9 5%, #003f73 100%) !important;
    background-color: #357db9;
}

    .NotiBody i {
        color: #fff;
        float: left;
        font-size: 13px !important;
        padding: 10px 12px 0 7px;
    }

    .NotiBody h5 {
        padding: 8px 0 8px 10px;
        font-family: calibri;
        color: #fff;
        font-size: 18px;
        cursor: context-menu;
    }

    .NotiBody span {
        position: absolute;
        right: 4px;
        top: 0px;
    }

        .NotiBody span i {
            color: #fff;
            font-size: 21px !important;
            padding: 0 0 0 0;
            margin: 7px 7px 0 0;
        }

            .NotiBody span i:hover {
                transition: .4s all;
                color: #ffac03;
            }
/*Head*/



/*Body*/

.NotiBodyPoup {
    float: left;
    width: 100%;
    min-height: 110px;
    max-height: 368px;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: none;
    border-left: none;
    background-color: #fff;
}

/*Body*/


/*NotiContent*/

.NotiContent {
    float: left;
    background-color: #f7f7f7;
    width: 100%;
    height: auto;
    border-bottom: 1px dotted #4394e5;
    transition: .2s;
}

    .NotiContent:hover {
        -moz-box-shadow: 0 0 10px #4394e5;
        -webkit-box-shadow: 0 0 10px #4394e5;
        box-shadow: 0px 0px 10px #cacaca;
        background-color: #fff;
        cursor: pointer;
    }

        .NotiContent:hover > .NotiConIcon i, .NotiContent:hover .NotyTimeDate i {
            color: orange;
        }


.NotiConIcon {
    float: left;
    padding: 0px 10px 00px 10px;
    line-height: 50px;
}

    .NotiConIcon i {
        font-size: 15px !important;
        color: #FFC107;
        transition: ease-in-out 0.4s;
        position: relative;
        top: -12px;
    }

.NotyTimeDate i {
    font-size: 12px !important;
    color: #FFC107;
    margin: 0 3px 0 0;
    transition: ease-in-out 0.4s;
}

.AIconNot i {
    font-size: 30px;
    color: rgb(39, 119, 197);
}

.NotiConText {
    float: left;
    width: 82%;
}

    .NotiConText h5 {
        font-size: 15px;
        font-family: Calibri;
        color: #606060;
        line-height: 17px;
        margin: 30px 0 5px 0;
    }
    .NotiConText h5 a{
        display: inline-block !important;
        font-size: 15px !important;
        font-family: Calibri !important;
        color: #606060 !important;
        line-height: 17px;
    }

    .NotiConText h6 {
        float: right;
        font-size: 12px;
        margin: 10px 0px 5px 0;
        color: #888686;
    }

        .NotiConText h6:hover {
            color: #000;
        }

.NotiConClose {
    float: left;
    width: 3%;
}

    .NotiConClose i {
        font-size: 16px !important;
        color: #bdc3c7;
        margin: 2px 0 0 10px;
    }

        .NotiConClose i:hover {
            color: #95a5a6;
            transition: .4s;
        }

.rightOptionNoti {
    /*width: 316px;*/
}

    .rightOptionNoti li {
        float: left;
        padding: 7px 5px 5px 0;
    }

        .rightOptionNoti li a {
            text-decoration: none;
            font-size: 15.5px;
            color: #4394e5;
            cursor: pointer;
        }

            .rightOptionNoti li a:hover {
                color: #000 !important;
            }

.FooterText {
    color: #fff !important;
}

    .FooterText:hover {
        color: #000 !important;
    }


/*NotiContent*/



/*NotiBottom*/

.NotiBottom {
    float: left;
    width: 100%;
    height: 23px;
    line-height: 23px;
    text-align: center;
    background-color: #357db9;
    position: initial;
    bottom: 0;
}

    .NotiBottom a {
        text-decoration: none !important;
        font-size: 15px !important;
        color: #fff !important;
        font-family: Calibri !important;
        margin: 0px 21px 0 -10px !important;
        float: right !important;
    }

/*NotiBottom*/

/*Top Corner*/
.NotifictionNoti:after {
    content: "";
    position: absolute;
    top: -14px;
    right: 75px;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #357db9;
}

.NotifictionFvt:after {
    content: "";
    position: absolute;
    top: -14px;
    right: 31px;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #357db9;
}
/*Top Corner*/


/*No Msg*/

.NoNotiDiv {
    background: #fff;
    display: block;
    height: 90px;
    margin: 10px 0 -10px 0;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.NotMsgText {
    color: #AAA;
    height: 40px;
    overflow: hidden;
    position: relative;
    top: calc(50% - (40px / 2));
}

    .NotMsgText hr {
        border: none;
        border-bottom: 1px solid #CCC;
        margin: 20px 0 0;
    }

    .NotMsgText h5 {
        color: #797979;
        display: block;
        margin: 0;
        position: absolute;
        top: 13px;
        width: 100%;
        font-family: Arial;
        font-size: 12px;
        text-align: center;
    }

        .NotMsgText h5 span {
            background: #fff;
            display: inline-block;
            padding: 0 12px;
        }

/*No Msg*/

/*Notifiction Page*/




/***********************************************************************************************************************************************************************************/
/******************************************************************** Message Notification Popup  **********************************************************************************/
/***********************************************************************************************************************************************************************************/

.messagepop {
    background-color: #FFFFFF;
    border-radius: 2px;
    /*box-shadow: 0px 0px 20px -5px black;*/
    border: 1px solid #4192e3;
    display: none;
    margin-top: 23px;
    margin-left: -230px;
    position: absolute;
    text-align: left;
    width: 350px;
    z-index: 50;
    min-height: 178px;
}

.popHead {
    float: left;
    width: 100%;
    background-color: #499aeb;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom: 1px solid #ffffff;
}

    .popHead i {
        color: white;
        float: left;
        font-size: 20px;
        padding: 11px 8px 0 10px;
    }

    .popHead h5 {
        font-size: 21px;
        padding: 8px 0 8px 10px;
        font-family: calibri;
        color: white;
    }

    .popHead span {
        position: absolute;
        right: 4px;
        top: 0px;
    }

        .popHead span i {
            color: white;
            font-size: 21px !important;
            padding: 0 0 0 0;
            margin: 7px 7px 0 0;
        }

            .popHead span i:hover {
                /*color: red;*/
                transition: 750ms;
            }

.popBody {
    float: left;
    width: 100%;
    min-height: 110px;
    max-height: 368px;
    overflow-y: auto;
    border: 1px solid rgb(194, 194, 194);
    border-right: none;
    border-left: none;
    background-color: #f7f7f7;
    /*padding: 0px 0px 10px 0px;*/
}

.NoNoti {
    background: #E1E4E6;
    display: block;
    height: 120px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.NotMsg {
    color: #AAA;
    height: 40px;
    overflow: hidden;
    position: relative;
    top: calc(50% - (40px / 2));
}

    .NotMsg hr {
        border: none;
        border-bottom: 1px solid #CCC;
        margin: 20px 0 0;
    }

    .NotMsg h5 {
        color: #797979;
        display: block;
        margin: 0;
        position: absolute;
        top: 13px;
        width: 100%;
        font-family: Arial;
        font-size: 12px;
        text-align: center;
    }

        .NotMsg h5 span {
            background: #E1E4E6;
            display: inline-block;
            padding: 0 12px;
        }

.notA {
    float: left;
    background-color: #F4F4F4;
    width: 94%;
    height: 60px;
    margin: 10px 0 0 10px;
    border-radius: 3px;
    box-shadow: 0 0 6px -2px black;
    border: 1px solid #00a3d6;
}

    .notA:hover {
        -moz-box-shadow: 0 0 10px #1366c3;
        -webkit-box-shadow: 0 0 10px #1366c3;
        box-shadow: 0 0 10px #1366c3;
        background-color: rgb(221, 237, 252);
        cursor: pointer;
    }

.AllNot {
    position: relative;
    background-color: #FFFFFF;
    border-radius: 3px;
    margin: 0px 5px 20px 5px;
    box-shadow: 0 0 6px -2px black;
    border: 1px solid #00a3d6;
}

    .AllNot:hover {
        -moz-box-shadow: 0 0 10px #6e6a6a;
        -webkit-box-shadow: 0 0 10px #6e6a6a;
        box-shadow: 0 0 10px #1366c3;
        background-color: rgb(221, 237, 252);
        cursor: pointer;
    }

.notiCloseBtn {
    position: absolute;
    right: 3px;
    top: 0;
    cursor: pointer;
    z-index: 10000;
}

.NotOpt {
    margin: 0 50px 20px 50px;
    border-bottom: 4px solid #52A0EC;
    padding: 0 0px 3px 0;
}

    .NotOpt a {
        color: #FF6A00;
        text-decoration: none;
        margin: 0px 10px 0px 10px;
        padding: 0 20px 0 20px;
    }

.NotOpta {
    background-color: #52A0EC;
    color: white !important;
}

.AIcon {
    float: left;
    padding: 8px 15px 21px 15px;
}

    .AIcon i {
        font-size: 30px;
        color: rgb(39, 119, 197);
    }

.AIconNot i {
    font-size: 30px;
    color: rgb(39, 119, 197);
}

.AText {
    float: left;
    width: 76.5%;
}

    .AText h5 {
        padding: 10px 0 0 0;
    }

    .AText h6 {
        float: left;
        font-size: 12px;
        margin: 4px 15px 0px 0px;
    }

.AClose {
    float: left;
    width: 3%;
}

    .AClose i {
        font-size: 15px;
        color: rgb(160, 160, 160);
    }

.popBottom {
    float: left;
    width: 100%;
    background-color: rgb(231, 231, 231);
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    text-align: center;
}

    .popBottom a {
        text-decoration: none;
        font-size: 15px;
        color: rgb(168, 168, 168);
        font-family: Calibri;
        padding: 3px 12px 2px 12px;
        float: right;
    }

.bdr {
    border-right: 1px solid rgb(178, 178, 178);
}

.popBBorder {
    float: left;
    width: 100%;
    height: 15px;
    background-color: #FF7E00;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid rgb(176, 176, 176);
    text-align: center;
    padding: 0 0 5px 0;
}

    .popBBorder i {
        color: white;
        font-size: 7px;
    }


/***********************************************************************************************************************************************************************************/
/****************************************************************** Message Notification Popup Ends ********************************************************************************/
/***********************************************************************************************************************************************************************************/

.topnotiBlock {
    float: left;
    width: 98.6%;
    height: 50px;
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    margin: 15px 0px;
    background-color: #E9FFCA;
}

    .topnotiBlock h4 {
        float: left;
        width: 100%;
    }

        .topnotiBlock h4 i {
            float: left;
            font-size: 21px;
            padding: 15px 0 0 30px;
        }

        .topnotiBlock h4 img {
            float: right;
            width: 14px;
            height: 14px;
            padding: 3px 3px 0 0;
            cursor: pointer;
        }

.TopBlock {
    float: left;
    padding: 15px 0 0 10px;
    font-size: 20px;
    color: #363636;
}


.leftBlock {
    width: 302px;
    height: 100%;
    padding: 25px 10px 0 0;
}

    .leftBlock h2 {
        padding: 0 0 5px 0;
        font-family: 'open_sanssemibold';
        font-size: 16px;
        color: #45474c;
    }

.blueBox {
    /* cursor: pointer;*/
    border: 2px solid #00a3d6;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
    margin: 10px 0 0px 0;
}

#blueBoxID:hover {
    -moz-box-shadow: 0 0 10px #1366c3;
    -webkit-box-shadow: 0 0 10px #1366c3;
    box-shadow: 0 0 10px #1366c3;
}

.blueBox .icoBg {
    background: url(../images/top-login-section-bg.jpg) repeat-x;
    float: left;
}

.blueBox .count {
    background: #65c600;
    font-size: 25px;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
    padding: 5px 0;
    font-family: 'open_sansbold';
}

.blueBox .drag {
    background-position: -3px -25px;
    width: 32px;
    height: 36px;
}

.blueBox .upload {
    background-position: -30px 3px;
    width: 32px;
    height: 36px;
}

.blueBox .text {
    float: left;
    line-height: 36px;
    font-size: 0.9em;
    text-align: center;
    width: 234px;
}

.blueboxmulti {
    float: left;
    margin-top: -370px;
    margin-left: 5px;
    background: gray;
    width: 445px;
    height: 200px;
    background: #e2e2e2;
    border: 2px solid #E2E1D3;
}

.pSend {
    margin-right: 20px !important;
    color: #3385DB !important;
}

.pHistory {
    color: #3385DB !important;
}

.pSendD {
    margin-right: 30px !important;
    color: #A0A0A0 !important;
    cursor: not-allowed;
}

.pHistoryD {
    color: #A0A0A0 !important;
    cursor: not-allowed;
}

.pSendD:hover {
    color: #A0A0A0 !important;
}

.pHistoryD:hover {
    color: #A0A0A0 !important;
}

#ddDiv {
    height: 163px;
    overflow-y: auto;
}

.RStyle {
    Color: #2d2828;
    Font-Size: 0.85em;
    Border-Color: #DDDDDD;
    background-color: #e2e2e2;
}

    .RStyle td {
        background-color: #e2e2e2;
    }

.bluecount {
    background: url(../images/drag_upload.png) no-repeat !important;
    background-color: #65c600 !important;
}

.sidelink li {
    border-bottom: 1px solid #dadada;
    padding: 13px 0;
}

    .sidelink li a {
        color: #000;
        text-decoration: none;
        font-size: 14px;
        color: #45474c;
    }

        .sidelink li a:hover {
            color: #6abd01;
        }

    .sidelink li .email {
        background-position: -67px -5px;
        width: 25px;
        height: 25px;
        float: left;
        margin-right: 6px;
        margin-left: 4px;
    }

    .sidelink li .email_dis {
        background-position: -96px -71px;
        width: 25px;
        height: 25px;
        float: left;
        margin-right: 6px;
        margin-left: 4px;
    }

    .sidelink li .smartphone {
        background-position: -97px -7px;
        width: 24px;
        height: 22px;
        float: left;
        margin-right: 6px;
        margin-left: 4px;
    }

    .sidelink li .smartphone_dis {
        background-position: -97px -37px;
        width: 24px;
        height: 22px;
        float: left;
        margin-right: 6px;
        margin-left: 4px;
    }

    .sidelink li .smartbox {
        background-position: -37px -31px;
        width: 35px;
        height: 35px;
        float: left;
        margin-top: -5px;
    }

    .sidelink li .smartbox_dis {
        background-position: -37px -68px;
        width: 35px;
        height: 35px;
        float: left;
        margin-top: -5px;
    }

    .sidelink li .post {
        background-position: -121px -7px;
        width: 25px;
        height: 25px;
        float: left;
        margin-right: 6px;
        margin-left: 4px;
    }

    .sidelink li .post_dis {
        background-position: -121px -34px;
        width: 25px;
        height: 25px;
        float: left;
        margin-right: 6px;
        margin-left: 4px;
    }

.rightBlock {
    width: 675px;
    border-left: 1px solid #dadada;
    padding: 10px 0px 30px 12px;
}

.dataBlock {
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 15px 0;
    float: left;
    width: 100%;
}

    .dataBlock .head {
        background: url(../images/top-login-section-bg.jpg) repeat-x;
        padding: 8px 8px;
        font-size: 14px;
        font-family: 'open_sanssemibold';
        color: #fff;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

.dataBlockContent {
    border: 1px solid #e4e4e4;
}

.datatable td {
    text-align: center;
    font-size: 14px;
    color: #45474c;
    width: 20%;
}

.reqtbl {
    float: left;
    width: 100%;
    margin: 10px 0 0 10px;
}

    .reqtbl div {
        float: left;
        width: 46%;
        margin-right: 2%;
        line-height: 2em;
        padding: 0.3em 0 0.23em 0;
    }

    .reqtbl h4 {
        font-size: 15px;
        color: #4a9acd;
        float: left;
        width: 67%;
    }

    .reqtbl h5 {
        font-size: 15px;
        color: gray;
        float: left;
        width: 33%;
    }

        .reqtbl h5 span {
            font-size: 13px;
            color: dimgrey;
            float: left;
            width: 39px;
            margin: 0;
            padding: 0;
        }

.searchtbl {
    margin: 9px 0 0 0;
}

    .searchtbl h4, .searchtbl h5 {
        text-align: center;
    }

        .searchtbl h5 input {
            float: none;
            margin: 7px 0 10px 0;
        }
/* 20_05_2014 By Amit Dutt */


.pdfcountDashnone {
    color: Gray;
    font-family: 'open_sansbold';
    background-color: rgba(237, 237, 237, 0.29);
    width: auto;
    text-align: center;
    border-radius: 4px;
    font-size: 23px;
    border: 1px solid #DEDEDE;
    cursor: default;
    padding: 0 7px 0 7px;
    background-color: #fafafa;
}


.div30 {
    height: 21px;
    padding-top: 5px;
}

.div3010 {
    margin-bottom: 10px;
}

.datatable .numbake {
    font-size: 22px;
    font-family: 'open_sansbold';
    padding: 1px 0 1px 0;
}


.datatable .num {
    font-size: 40px;
    font-family: 'open_sansbold';
    padding: 0px 0 0 0;
}

    .datatable .num a {
        font-size: 38px;
        color: #6bc001;
        font-family: 'open_sansbold';
        padding: 10px 0 0 0;
        text-decoration: none;
    }

    .datatable .num .zero {
        font-size: 38px;
        color: Gray;
        font-family: 'open_sansbold';
        padding: 10px 0 0 0;
    }

    .datatable .num .zeroDash {
        color: Gray;
        font-family: 'open_sansbold';
    }

    .datatable .num.red a {
        color: #ff0000;
    }

    .datatable .num.red span {
        color: #ff0000;
    }

    .datatable .num.orange a {
        color: #FF7400;
    }

    .datatable .num.orange span {
        color: #FF7400;
    }


.dataBlockContent .rightStroke {
    background: url(../images/right-col-stroke.png) right top repeat-y;
}

.userWrap {
    position: relative;
    float: left;
}

.userBlock {
    position: absolute;
    background: #45474c;
    width: 141px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    top: 40px;
    right: -10px;
    display: none;
    z-index: 6;
}

.userImg {
    background: #eaeaea;
    border: 1px solid #38393e;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 117px;
    height: 117px;
    margin: 10px auto;
    padding: 1px;
}

    .userImg img {
        cursor: pointer;
        width: 117px;
        height: 117px;
        border-radius: 5px;
    }

.username {
    padding: 0 0 15px 0;
    font-size: .8em;
}

.profileBlock {
    background: url(../images/2px-stroke-black.png) repeat-x;
    padding: 5px 0 10px 0;
}

.userIcon {
    background-position: -203px 0;
    width: 20px;
    height: 22px;
}

.profile {
    background: url(../images/profile-arrow.png) right 8px no-repeat;
    padding: 3px 10px 5px 0;
    text-decoration: none;
    color: white;
    font-size: .8em;
}

.logout {
    padding: 3px 10px 5px 0;
    text-decoration: none;
    color: white;
    font-size: .8em;
}

    .logout i {
        margin-left: 8px;
    }

.topCorner {
    margin: -14px 10px 0 0;
    float: right;
}

.overlay {
    background: url(../images/overlay.png) repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    max-height: 100%;
}

.docTransfer {
    background: url(../images/doc-transfer.png) no-repeat;
    width: 398px;
    height: 261px;
    margin: 0 auto;
}

    .docTransfer .text {
        padding: 175px 0 0 0;
        display: block;
        text-align: center;
        color: #1d52a8;
        font-family: 'open_sansbold';
        line-height: 22px;
    }

.popup {
    position: absolute;
    width: 100%;
    top: 50%;
    margin: -130px 0 0 0;
}

.menuBlock {
    position: absolute;
    right: 163px;
    top: 54px;
    padding-bottom: 25px;
    width: 272px;
    background: #ff6c00;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.3);
    display: none;
    z-index: 10;
}

    .menuBlock .search {
        width: 242px;
        background: #fff url(../images/search.png) 98% 10px no-repeat;
        border: 0;
        font-size: 14px;
        margin: 8px 10px;
        padding: 12px 5px;
        -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
        box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
        border-radius: 2px;
    }

.recentTitle {
    color: #fff;
    font-size: 14px;
    padding: 5px 0 10px 12px;
    font-weight: normal;
    font-family: 'open_sansregular';
    color: #000;
    text-shadow: 0 1px rgba(0, 0, 0, 0);
}

.righttopCorner {
    float: right;
    margin: -4px 0 0 0;
    height: 5px;
    background: url(../images/orange-right-corner.png) 95% top no-repeat;
    width: 100%;
}

.PageTitle {
    color: #4293E4;
    font-size: 25px; /*text-transform: uppercase;*/
    text-align: center;
    padding: 0px 0px 0px;
    font-family: 'open_sansbold';
}


#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a, #cssmenu div, #cssmenu table tr td li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    font-size: 14px;
    position: relative;
    text-shadow: 0 1px rgba(0, 0, 0, 0);
}

#cssmenu {
    width: 272px;
}

    #cssmenu a {
        line-height: 1.3;
    }

    #cssmenu > ul > li {
    }

        #cssmenu > ul > li:hover {
        }

        #cssmenu > ul > li > a {
            font-size: 14px;
            display: block;
            color: #ffffff;
            border-top: 1px solid #c65a0a;
            /*background: url(../images/menu-sep1.png) 10px center no-repeat;*/
            padding: 10px 0px 10px 20px;
            font-family: 'open_sansregular';
        }

    #cssmenu ul table tr td li a {
        font-size: 14px;
        display: block;
        color: #ffffff;
        border-top: 1px solid #c65a0a;
        /*background: url(../images/menu-sep1.png) 10px center no-repeat;*/
        padding: 10px 10px 10px 10px;
        font-family: 'open_sansregular';
        word-break: break-word;
        text-shadow:none !important;
    }

    #cssmenu > ul > li > a > span {
        display: block;
        padding: 6px 10px;
    }

    #cssmenu > ul > li > a:hover {
        text-decoration: none;
        color: #000;
    }

    #cssmenu > ul > li.active {
        border-bottom: none;
    }

    #cssmenu ul table tr td li a > span {
        display: block;
        padding: 6px 10px;
    }

    #cssmenu ul table tr td li a:hover {
        text-decoration: none;
        color: #000;
    }

    #cssmenu ul table tr td li.active {
        border-bottom: none;
    }

    #cssmenu > ul > li.diff, #cssmenu > ul > li.has-sub {
        background: #ff920b url(../images/menu-bg.png) left top repeat-x;
        text-shadow: 0 1px rgba(0, 0, 0, 0);
    }

        #cssmenu > ul > li.diff a {
            /*background: url(../images/menu-sep2.png) 10px center no-repeat;*/
            padding: 5px 0 5px 5px;
            border-bottom: 0px;
            color: #000000;
        }

        #cssmenu > ul > li.has-sub > a {
            background: url(../images/menu-sep2.png) 10px center no-repeat;
            padding: 5px 0 5px 25px;
            color: #000000;
        }

            #cssmenu > ul > li.has-sub > a span {
                background: url(../images/icon_plus.png) 80% center no-repeat;
            }

        #cssmenu > ul > li.has-sub.active > a span {
            background: url(../images/icon_minus.png) 80% center no-repeat;
        }

    #cssmenu ul ul {
        display: none;
    }

        #cssmenu ul ul li {
        }

            #cssmenu ul ul li:last-child {
                border-bottom: none;
            }

        #cssmenu ul ul a {
            padding: 10px 10px 10px 25px;
            display: block;
            color: #fff;
            font-family: 'open_sansregular';
            border-top: 1px solid #c65a0a;
            background: url(../images/menu-sep1.png) 10px center no-repeat;
        }

            #cssmenu ul ul a:hover {
                color: #000;
            }

.responsiveNav {
    display: none;
}

.navWrapper {
    position: relative;
    max-height: 100%;
}


.BlueBtn {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #66AFE9;
    padding: 6px 25px;
    -webkit-box-shadow: outset 1px 2px 5px 1px rgba(0, 0, 1, 0.25);
    box-shadow: outset 1px 2px 5px 1px rgba(0, 0, 1, 0.25);
    background: url(../images/blueBtn.jpg) repeat-x;
    color: #fff;
    font-size: 15px;
    font-family: 'open_sansbold';
    cursor: pointer;
}

.RedBtn {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #66AFE9;
    padding: 6px 25px;
    -webkit-box-shadow: outset 1px 2px 5px 1px rgba(0, 0, 1, 0.25);
    box-shadow: outset 1px 2px 5px 1px rgba(0, 0, 1, 0.25);
    background: url(../images/redBtn.jpg) repeat-x;
    color: #fff;
    font-size: 15px;
    font-family: 'open_sansbold';
    cursor: pointer;
}

.OrangeBtn {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #66AFE9;
    padding: 6px 25px;
    -webkit-box-shadow: outset 1px 2px 5px 1px rgba(0, 0, 1, 0.25);
    box-shadow: outset 1px 2px 5px 1px rgba(0, 0, 1, 0.25);
    background: url(../images/orangeBtn.jpg) repeat-x;
    color: #fff;
    font-size: 15px;
    font-family: 'open_sansbold';
    cursor: pointer;
}
/*
.GrayBtn
{
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #66AFE9;
    padding: 6px 25px;
    -webkit-box-shadow: outset 1px 2px 5px 1px rgba(0, 0, 1, 0.25);
    box-shadow: outset 1px 2px 5px 1px rgba(0, 0, 1, 0.25);
    color: Gray;
    font-size: 15px;
    font-family: 'open_sansbold';
    cursor: pointer;
}
*/
/* Pagging Style*/

.DifRotate {
    color: rgb(64, 145, 227);
}

.HeaderStyle {
    color: #fff;
    background-color: rgb(67,148,229);
    /*line-height: 30px;*/
    height: 32px;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
}


.page_class {
    background-color: #f1f8fd;
    padding: 5px;
    font-size: small;
    -webkit-border-radius: 1px; /*   margin: 40% auto; */
}

    .page_class a {
        margin: auto 1%;
        border-radius: 10%; /*   background-color: #f5f5f5;*/
        width: 200px;
        color: #686868;
        text-decoration: none;
        font-size: small;
        font-weight: bold;
        padding: 0px 4px 0px 4px;
        border: 1px solid #f1f8fd; /*    -o-box-shadow: 1px 1px 1px #111;             -moz-box-shadow: 1px 1px 1px #111;             -webkit-box-shadow: 1px 1px 1px #111;             box-shadow: 1px 1px 1px #111; */
    }

        .page_class a:hover {
            background-color: #EDEDED;
            color: red;
            padding: 0px 4px 0px 4px;
            -webkit-border-radius: 1px;
            border: 1px solid #BCBCBC;
            font-weight: bold;
        }

    .page_class span {
        background-color: #EDEDED;
        color: red;
        padding: 0px 4px 0px 4px;
        -webkit-border-radius: 1px;
        border: 1px solid #BCBCBC;
        font-weight: bold;
    }

.middleContent h2 {
    color: #62b401;
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    padding: 25px 0;
    font-family: 'open_sansbold';
}

.middleContent h2 {
    color: #3A8BDD;
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 30px;
    border-bottom: 2px solid rgb(101, 184, 1);
    font-family: 'open_sansbold';
}

.table {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

    .table tr.head {
        background: url(../images/top-login-section-bg.jpg) repeat-x;
    }

    .table th {
        background: url(../images/head-stroke.png) right top no-repeat;
        color: #686868;
        padding: 10px;
        font-size: 17px;
        font-family: Calibri; /*text-align:left;*/
    }

        .table th:last-child {
            /*background: none;*/
        }

    .table td {
        padding: 12px 10px;
        /*line-height: 0px;*/ /*text-align: center; text-align:left; */
        vertical-align: middle;
    }

        .table td input {
            width: auto;
            padding: 0;
            margin: 0;
        }

        .table td a {
            color: #fff;
            text-decoration: none;
            line-height: 24px;
        }

            .table td a:hover {
                background-color: #474747;
            }

.table2 {
    background: #ededed;
    margin-bottom: 5px;
}

    .table2 tr.head {
        background: url(../images/top-login-section-bg.jpg) repeat-x;
    }
    /*.table2 th { background: url(../images/style2-side-stroke.png) right top repeat-y; color: #fff; padding: 10px 5px; font-size: 12px; font-family: 'open_sanssemibold'; }*/
    .table2 th:last-child, .table2 td:last-child {
        background: none;
        border-right: none;
    }
    /*{
background: none;
}*/
    .table2 tr {
        border-bottom: none;
        border-top: none;
        background: url(../images/style2-bottom-stroke.png) left bottom repeat-x;
    }

    .table2 td {
        background: url(../images/style2-side-stroke.png) right top repeat-y;
        text-align: center;
        padding: 0px 0px;
    }

        .table2 td .fa {
            font-size: 17px;
            color: #959595;
        }

.whiteBtn {
    background: #6CC101;
    border: 0px solid #e2e2e2;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 7px 15px;
    color: #fff;
    text-decoration: none;
    line-height: 20px;
    margin-right: 3px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
    font-size: 16px;
    margin-bottom: 7px;
}

.GrayBtn {
    background: #DDDDDD;
    border: 0px solid #e2e2e2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 7px 15px;
    color: #777777;
    text-decoration: none;
    line-height: 20px;
    margin-right: 3px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
    font-size: 16px;
    margin-bottom: 7px;
}

.PermissionCheckBox {
    margin-top: 7px;
    color: #3F8FDD;
}

/*added for plainmodal*/
.samplePopup {
    width: 480px;
    padding: 0px;
    background-color: #ededed;
    display: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.plainmodal-close {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

.samplePopup .question {
    float: right;
    font-size: 22px;
    outline: none;
    margin: 4px 35px 0 0;
}

.samplePopup .plainmodal-close {
    display: inline-block;
    padding: 1px 3px;
    color: #fff;
    font-size: 24px;
}

    .samplePopup .plainmodal-close:hover {
    }

.samplePopup .head {
    background: url(../images/popup-header.png) repeat-x;
    width: 100%;
    height: 36px;
}

.samplePopup .popupBody {
    padding: 12px 18px;
}

    .samplePopup .popupBody ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
    }

        .samplePopup .popupBody ul li {
            float: left;
            padding: 5px;
        }

.samplePopup .popTitle {
    color: #fff;
    font-size: 17px;
    font-family: 'open_sanssemibold';
    padding-bottom: 10px;
}

.head h2 {
    text-align: left !important;
    padding: 7px 0 0px 0;
    font-size: 17px;
    color: White;
    font-family: Calibri;
    width: 87% !important;
    ;
}

.amountTable {
    background: #f3f3f3;
    width: 100%;
    border: 0;
    /*margin: 0px 0 10px 0;*/
    -webkit-box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.2);
    /*border-left: 1px solid #d9d9d9;*/
    float: left;
}

    .amountTable td {
        color: #000000;
        font-size: 14px;
        padding: 6px;
        /*border-bottom: 1px solid #ededed;*/
    }

    .amountTable th {
        background: #f26e00;
        color: #fff;
        padding: 12px;
    }

.label {
    color: #000;
    padding-bottom: 10px;
}

.remarkfeild {
    width: 96%;
    padding: 2%;
    border: 0px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.2);
    margin-bottom: 10px;
}

.relative {
    position: relative;
}

.calender {
    position: absolute;
    right: -24px;
    top: 7px;
    font-size: 17px;
    color: #63b601;
}

.addreason i {
    color: #fff;
    font-size: 18px;
}

.querypopup {
    width: 1000px;
}

.popupBodyleft {
    width: 100%;
    float: left;
    border: 1px solid rgb(242, 110, 0);
    line-height: 22px;
    height: 160px;
    overflow-y: scroll;
    font-size: 17px;
    font-family: calibri;
}

    .popupBodyleft ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
    }

        .popupBodyleft ul li {
            float: left;
            padding: 5px;
        }

.popupBodyBottom {
    /*float: left;*/
    margin: 0;
}

.popupBodyright {
    width: 100%;
    float: left;
}

    .popupBodyright ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
    }

        .popupBodyright ul li {
            float: left;
            padding: 5px;
        }

.closeBtn {
    width: 30px;
    height: 30px;
    padding: 5px;
    background-color: #DDDDDD;
    position: absolute;
    right: -15px;
    z-index: 100000000000000000000000;
    top: -15px;
    border: 2px solid #A3A3A3;
    border-radius: 50%;
    cursor: pointer;
}

    .closeBtn:hover {
        background-color: #DDDDDD;
        transition: 0.5s;
    }

    .closeBtn i {
        font-size: 22px;
        margin: -8px 0 0 -5px;
        float: left;
        padding: 12px 12px 8px 12px;
        color: #2790FF;
    }

        .closeBtn i:hover {
            color: #126DCE;
            transition: 0.5s;
        }

.closeBtnTO {
    width: 36px;
    height: 36px;
    background-color: rgb(195, 215, 234);
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 100000000000000000000000;
    border: 1px solid rgb(173, 205, 236);
    border-radius: 50%;
    cursor: pointer;
}

    .closeBtnTO:hover {
        background-color: rgb(208, 231, 254);
        transition: 0.5s;
    }

    .closeBtnTO i {
        font-size: 24px;
        padding: 6px 0 0 9px;
        color: white;
        text-shadow: 0 0 1px rgb(15, 13, 98);
    }

        .closeBtnTO i:hover {
            color: white;
        }

.dual {
    height: 800px;
    background-color: #f3f3f3 !important;
}

.dualpopup {
    width: 100%;
    height: 100%;
    float: left;
}

/*.samplePopup .popupBodyleft { padding: 12px 18px; width:450px; float:left; }
.samplePopup .popupBodyleft ul {list-style:none; padding:0; margin:0 auto;}
.samplePopup .popupBodyleft ul li { float:left;padding:5px;}

.samplePopup .popupBodyright { width:450px; float:left; }
.samplePopup .popupBodyright ul {list-style:none; padding:0; margin:0 auto;}
.samplePopup .popupBodyright ul li { float:left;padding:5px;}*/


.DocumentChoiceRFI {
    float: left;
    width: 100%;
    padding: 4px 0 6px 0 !important;
}

.textbox {
    float: left;
    margin: 0px 0 0 0;
    width: 95% !important;
    height: 80px !important;
}



.messagelabel {
    padding-top: 6px !important;
}

.btn span {
    background: url(../images/top-login-section-bg.jpg) repeat-x;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 15px;
    min-width: 60px;
    text-align: center;
}

    .btn span:hover {
        background: #78cf00;
    }

.btn.orange {
    background: #e04500;
}

    .btn.orange span {
        background: url(../images/orange-bg.png) repeat-x;
    }

        .btn.orange span:hover {
            background: #ff7400;
        }

.btn.red {
    background: #b10000;
}

    .btn.red span {
        background: url(../images/red-bg.png) repeat-x;
    }

        .btn.red span:hover {
            background: #e00201;
        }

.btn.gray {
    background: #2f2f2f;
}

    .btn.gray span {
        background: url(../images/btn-gray.png) repeat-x;
    }

        .btn.gray span:hover {
            background: #9a9ea8;
        }

/*plainmodal end*/

/*for approval multi*/
.tabWrapper {
    width: 100%;
    float: left;
    background: url(../images/tabwrapper-bg.jpg) repeat-x;
    padding: 8px 0 0 0;
    position: relative; /*z-index: 10;*/
}
    /*It was commented by Nishit because change the box from plain modal to bootstrap modal*/
    .tabWrapper.overduetab {
        background: url(../images/tab-overdue.png) repeat-x;
    }

    .tabWrapper h2 {
        text-align: center;
        font-size: 20px;
        color: #4293E4;
        padding: 20px 0;
        font-weight: bold;
        padding-left: 250px;
    }

/*.tapWrapper {
    width: 100%;
    float: left;
    position: relative;
}

    .tapWrapper.overduetab {
        background: url(../images/tab-overdue.png) repeat-x;
    }

    .tapWrapper h2 {
        text-align: center;
        font-size: 20px;
        color: #4293E4;
        padding: 10px 0;
        font-weight: bold;
        border-bottom: 2px solid rgb(101, 184, 1);
        margin-bottom: 20px;
    }*/

.pagetab {
    display: none;
}

    .pagetab li {
        float: right;
        margin-top: -2px;
    }

        .pagetab li:nth-child(2) {
            margin-right: 20px;
        }

        .pagetab li a {
            background: url(../images/tab-bg.png) repeat-x;
            padding: 12px 0;
            -webkit-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
            width: 118px;
            text-align: center;
            display: block;
            text-decoration: none;
            -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
            box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
        }

        .pagetab li.second a {
            background: url(../images/second-tab.jpg) repeat-x;
            color: #fff;
            font-weight: 600;
            font-family: Calibri;
        }

        .pagetab li.third a {
            background: url(../images/third-tab.jpg) repeat-x;
            color: #fff;
            font-weight: 600;
            font-family: Calibri;
        }

        .pagetab li.active a {
            color: #fff;
            font-weight: 600;
            font-family: Calibri;
        }

.taskBlock {
    background: #f3f3f3;
    border: 2px solid #6ABF01;
    padding: 20px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba rgba(50, 50, 50, 0.3);
    box-shadow: 3px 3px 3px 0px #b2b2b2;
    margin: 0 0 15px 0;
}

.tBlockapprove {
    height: 100%;
}

.taskBlock.overdue {
    border: 4px solid #e40b04;
    padding: 16px;
}

.taskInfoBlock {
    width: 360px;
    float: left;
}

.infoBlock {
    background: url(../images/info-bottom-stroke.png) left bottom no-repeat;
    padding: 6px 0 5px 0;
}

    .infoBlock.first {
        padding-top: 0;
    }

    .infoBlock .label {
        display: block;
        color: #555555;
        font-size: 14px;
        padding-bottom: 10px;
    }

    .infoBlock .text {
        color: #62b501;
        height: 24px;
        font-size: 24px;
        font-family: 'open_sanssemibold';
        display: block;
    }

.overdue .infoBlock .text {
    color: #ff0000;
}

.viewReport {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    float: left;
    -webkit-box-shadow: 0px 1px 2px 0px rgba rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
}

.taskfooter {
    width: 100%;
    float: left;
    padding: 20px 0 0 0;
}

.buttonGroup {
    float: left;
    width: 215px;
    margin: 0 60px 0 25px;
}

    .buttonGroup li {
        margin-bottom: 10px;
    }

.btnapprove {
    margin-bottom: 10px;
    width: 215px;
    /*background: #498700; */ -webkit-border-radius: 10px;
    border-radius: 10px;
    display: block;
    padding-bottom: 4px;
    text-decoration: none;
    background: url(../images/newtop-login-section-bg.jpg) repeat-x;
    display: block;
    -webkit-border-radius: 0 10px;
    border-radius: 10px;
    padding: 10px;
    font-family: 'open_sanssemibold';
    font-size: 18px;
    text-align: center;
    color: #fff;
}

    .btnapprove:hover {
        background: #60b201;
    }

.buttonGroup li a {
    /*background: #498700;*/
    -webkit-border-radius: 10px;
    border-radius: 2px;
    display: block;
    padding: 0;
    text-decoration: none;
    color: #fff;
}

    .buttonGroup li a span {
        /*background: url(../images/newtop-login-section-bg.jpg) repeat-x;*/
        display: block;
        -webkit-border-radius: 0 10px;
        border-radius: 2px;
        padding: 10px;
        font-family: Calibri;
        font-size: 20px;
        text-align: center;
    }

/*.buttonGroup li a:hover span
    {
        background: #60b201;
    }*/

.buttonGroup li.orange a {
    /*background: #e04500;*/
    padding: 0 !important;
}

    .buttonGroup li.orange a span {
        /*background: url(../images/orange-bg.png) repeat-x;*/
        /*color: #fff;*/
    }

    .buttonGroup li.orange a:hover span {
        /*background: #ff7400;*/
    }

.buttonGroup li.red a {
    /*background: #b10000;*/
}

    .buttonGroup li.red a span {
        /*background: url(../images/red-bg.png) repeat-x;*/
        color: #fff;
    }

    .buttonGroup li.red a:hover span {
        /*background: #e00201;*/
    }

.buttonGroup li.blue a {
    background: #004596;
}

    .buttonGroup li.blue a span {
        background: url(../images/blue-bg.png) repeat-x;
        color: #fff;
    }

    .buttonGroup li.blue a:hover span {
        background: #0265e0;
    }

.viewBtn {
    margin-right: 110px;
}
/*approval multi end*/

/*pagination start*/
.pagination { /*margin:0 auto 25px auto; width:100%; background-color:#70c500; background-color:#4293E4; padding-left:5px; padding-top:7px; padding-bottom:7px;*/
}

    .pagination .label {
        line-height: 26px;
        padding-right: 10px;
        color: #000000;
    }

    .pagination li a { /*background: #70c500;*/
        background: #4293E4;
        float: left;
        padding: 5px 7px;
        text-decoration: none;
        font-size: 16px;
        margin-right: 5px;
        border: 1px solid #f1f8fd;
        color: #fff;
    }

        .pagination li a:hover {
            background: #474747;
        }

    .pagination li.none a {
        background: #fff;
        padding: 5px 0;
    }

    .pagination li.active a {
        background: #474747;
    }
/*pagination end*/

/*top alphabet search*/
.alphabetlist {
    width: 100%;
    float: left;
}

    .alphabetlist ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
    }

        .alphabetlist ul li {
            float: left;
            padding: 5px;
        }

            .alphabetlist ul li a {
                color: #62b401;
                text-decoration: none;
            }
/*top alphabet search */

.bglogin img {
    margin: 0 auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.loginext {
    width: 56px;
    height: 19px;
}

.regnext {
    /*margin-left: 2px;*/
    width: 95px;
    height: 19px;
}

.regnext2 {
    /*margin-right: 28px;*/
    width: 43px;
    /*float: right;*/
}

.fgbtn {
    margin-top: 15px;
}

.fgbtnpage {
    margin-top: 20px;
}

.loginlink a {
    color: #1481c4 !important;
    font-size: 13px;
    display: block;
    text-decoration: none;
    padding-top: 17px;
}

.loginlink {
    width: 35px;
    margin-left: 3px;
}

    .loginlink a:hover {
        border-bottom: 1px solid #1481c4;
    }

.sl1link {
    color: #53A3DA;
    font-size: 0.9em;
}

.tblMainNew {
    border: 1px solid grey;
}

    .tblMainNew tr td {
        border: 1px solid grey;
    }

.gddata {
    margin-left: 44%;
    min-height: 100px;
}

.searchnext {
    margin-left: 1px;
    width: 53px;
}

.dateicon {
    background: url(../images/date-icon.png) no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 10px;
    top: 8px;
}

.displayCompname {
    float: left;
    width: 100%;
    text-align: center;
    color: #555555;
    font-family: 'open_sanssemibold';
    margin-bottom: 10px;
    font-size: 20px;
    border-bottom: 4px solid #70ba14;
    border-radius: 10px;
    height: 32px;
    padding-top: 0px;
}

.nvalidation {
    /*float: left;
    padding: 5px;
    text-align: center;
    width: 330px;
    background-color: red;
    border-radius: 5px;
    border: 1px solid red;
    margin-bottom: 5px;
    color: #fff;*/
    width: 100%;
    /*position: relative;*/
    padding: 10px;
    float: left;
    padding-left: 40px;
    margin-bottom: 10px;
    text-shadow: none;
    background-color: #fff8be;
    border: 1px solid #d8ae00;
   /* -webkit-border-radius: 2px;
    -moz-border-radius: 2px;*/
  /*  border-radius: 2px;
    -webkit-box-shadow: 1px 4px 2px 0 #ddd,inset 0 1px 2px 0 #ff624d;
    -moz-box-shadow: 1px 4px 2px 0 #ddd,inset 0 2px 2px 0 #ff624d;
    box-shadow: 1px 4px 2px 0 #ddd,inset 0 2px 2px 0 #ff624d;*/
    color: #ad6600;
    background-color: #cc3a00;
    border-color: #b32400;
    color: #fff;
    padding-top: 14px;
    padding-bottom: 14px;
}

.aduser {
    margin-left: 0px;
    margin-right: 10px;
    width: 111px;
    height: 19px;
}

.setwidth {
    width: 75%;
}

.setscroll {
    display: block;
    height: 187px;
    overflow-y: auto;
    margin: 0;
}

.infoltext {
    color: #1366c3;
    font-family: 'open_sansbold';
    padding: 10px 0 0 0;
}

    .infoltext a {
        text-decoration: none;
    }

.fileProcessWrap {
    float: left;
    margin: 15px 0 0 0;
    width: 100%;
    height: 100%;
}

.processDataWrap {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 0 0 10px 0;
}

    .processDataWrap .row {
        /*margin-bottom: 5px;*/
        width: 100%;
        float: left;
    }

        .processDataWrap .row label {
            float: left;
            width: 120px;
            line-height: 30px;
            color: rgb(100, 100, 100);
        }

            .processDataWrap .row label.infoLabel {
                width: 145px;
                font-size: 17px;
                font-family: calibri;
                padding: 0 0px 0 0;
            }

.hven {
    float: left;
    width: 100%;
}

    .hven ul li {
        display: inline;
        padding: 0 1.4%;
    }

        .hven ul li a {
            display: inline;
            color: #4293E4;
            outline: none;
            font-family: Calibri;
            font-size: 17px;
            text-decoration: none;
        }

/*.table2
{
    background: #FFFFFF !important;
    margin-bottom: 5px; 
    border:1px solid #4596E7;
    height: 60px;
    border-bottom: 1px solid rgb(219, 219, 219);
}*/

.table2 tr.head {
    background: url(../images/top-login-section-bg.jpg) repeat-x;
}

.table2 tr td { /*border:1px solid #4596E7; color:grey;*/
    padding: 0px;
    border-bottom: none;
    border-top: none;
}

.table2 th {
    color: #fff;
    padding: 10px 5px;
    font-size: 12px;
    font-family: 'open_sanssemibold';
    border: 1px solid white;
    border-bottom: none;
}

    .table2 th:last-child, .table2 td:last-child {
        background: none;
    }

.supplierInput {
    float: left;
    line-height: 26px;
}

    .supplierInput span:nth-child(1) {
        width: 440px;
        float: left;
        padding: 5px 0 0 35px;
        font-size: 17px;
        font-family: Calibri;
    }

    .supplierInput span:nth-child(2), .supplierInput span:nth-child(3), .supplierInput span:nth-child(4) {
        width: 510px;
        float: left;
        padding: 5px 0 0 35px;
        font-size: 17px;
        color: rgb(86, 86, 86);
        font-family: Calibri;
    }

.width160 {
    width: 160px;
}

.RowStyleAnalysis td {
    height: 25px;
}

.radioBtn {
    margin-top: 6px;
}

.UList {
    margin-bottom: 15px;
    float: right;
}

    .UList input {
        float: left;
        height: 17px;
    }

    .UList span {
        margin: 0 50px 0 3px;
        font-size: 16px;
        float: left;
        cursor: context-menu;
    }

#ulso {
    color: #2168b2;
}

#ulsa {
    color: #3c97ca;
}

#ulsd {
    color: #969696;
}

#ulsi {
    color: #ea692a;
    margin: 0 0 0 3px;
}
/************************************************************************************************************************************************************************************************/
/********************************************************************************      Setting Page Start      **********************************************************************************/
/************************************************************************************************************************************************************************************************/
.settingTable tbody tr; {
    margin: 0 10px;
}

.settingTable tbody tr td a {
    text-decoration: none;
    color: #49A115;
    font-size: 17;
    /* font-weight: 600; */
    font-family: inherit;
}

    .settingTable tbody tr td a:hover {
        text-decoration: underline;
    }

.span12 {
    width: 100%;
    float: left;
    margin-bottom: 200px;
}


.span1 {
    width: 10%;
    float: left;
}

.set-head {
    /*margin-bottom: 20px;
            border-bottom: 1px solid rgb(187, 187, 187);*/
    margin-bottom: 20px;
    border-bottom: 3px solid #79d000;
    background-color: #EDEDED;
    padding: 6px;
}

    .set-head h3 {
        font-family: 'Nunito', sans-serif;
        font-size: 24px;
        color: #0d81a7;
        /*padding: 0 0 5px 15px;*/
        padding: 0 0 5px 19px;
        float: none;
        width: auto;
        text-align: left;
        margin-top: 3px;
    }






.set-content {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

    .set-content a {
        text-decoration: none;
        color: #49A115;
    }

    .set-content img {
        margin: 0px 0px 4px 0 !important;
        float: left !important;
        padding: 2px 13px 0px 0px !important;
    }



/************************************************************************************************************************************************************************************************/
/********************************************************************************      Setting Page End      **********************************************************************************/
/************************************************************************************************************************************************************************************************/
.myButtonSearch {
    -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    box-shadow: inset 0px 1px 0px 0px #54a3f7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0e7ff0), color-stop(1, #1470d1));
    background: -moz-linear-gradient(top, #0e7ff0 5%, #1470d1 100%);
    background: -webkit-linear-gradient(top, #0e7ff0 5%, #1470d1 100%);
    background: -o-linear-gradient(top, #0e7ff0 5%, #1470d1 100%);
    background: -ms-linear-gradient(top, #0e7ff0 5%, #1470d1 100%);
    background: linear-gradient(to bottom, #0e7ff0 5%, #1470d1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e7ff0', endColorstr='#1470d1',GradientType=0);
    background-color: #0e7ff0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    padding: 6px 30px 5px 30px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
}

    .myButtonSearch:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1470d1), color-stop(1, #0e7ff0));
        background: -moz-linear-gradient(top, #1470d1 5%, #0e7ff0 100%);
        background: -webkit-linear-gradient(top, #1470d1 5%, #0e7ff0 100%);
        background: -o-linear-gradient(top, #1470d1 5%, #0e7ff0 100%);
        background: -ms-linear-gradient(top, #1470d1 5%, #0e7ff0 100%);
        background: linear-gradient(to bottom, #1470d1 5%, #0e7ff0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1470d1', endColorstr='#0e7ff0',GradientType=0);
        background-color: #1470d1;
    }

    .myButtonSearch:active {
        position: relative;
        top: 1px;
    }

.fwdbtn {
    width: 136px;
    margin-left: 45px;
}

.fdbtn {
    margin-left: 45px;
}

.postnext {
    width: 111px;
    margin-bottom: -11px;
    margin-left: -167px;
    padding: 9px 21px;
}

.msg2 {
    margin-left: 20px;
}

.approveact {
    /*margin-left: 2px;
    width: 231px;*/
    padding: 11px 25px;
    margin-bottom: -16px;
}

.cancleexc {
    margin-bottom: -16px;
    padding: 7px 46px 7px 46px;
    height: 21px;
    display: none;
}

.wizard2 {
    width: 92px;
    /*float: left;*/
    height: 19px;
    margin: 0 14px 0 0;
}

.wizard3 {
    width: 106px;
    height: 20px;
    float: left;
    margin-right: 14px;
    margin-bottom: -16px;
}

.updatecpe {
    margin-bottom: -12px;
    height: 13px;
    padding: 11px 62px;
}

.canclecpe {
    float: right;
    width: 138px;
    padding: 8px 0px 5px 0;
    margin: 0;
    border-radius: 2px;
}

.canclecpemain {
    padding: 7px 32px;
}

.updatestc {
    margin-bottom: -12px;
    height: 13px;
    padding: 11px 57px;
}

.updatedst {
    /*padding:11px 89px;*/
    padding: 11px 37px;
}

.cancledst {
    height: 19px;
    padding: 12px 33px;
    margin-left: -4px;
}

.updateadd {
    margin-bottom: -16px;
    padding: 11px 61px;
}

.cancleadd {
    height: 21px;
    padding: 11px 33px;
}

.downloadBtnis {
    color: White;
    border: 1px solid #509100;
    background: url(../images/downloadbg.png) repeat-x;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 7px;
    float: left;
    text-decoration: none;
    font-size: 15px;
    margin-top: 5px;
}

    .downloadBtnis i {
        margin: 0 10px 0 5px;
        font-size: 16px;
    }

        .downloadBtnis i:hover {
            color: black;
        }

    .downloadBtnis:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
        background: -moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
        background-color: #5cb811;
    }
/*Css added for dashboard help box done by Divyesh on 19th Feb 2015*/
.desc {
    display: none;
    padding: 5px;
    width: 283px;
    margin: 10px 0px 55px 0px;
    position: absolute;
    margin-left: -260px;
    background-color: White;
    z-index: 10000;
    float: left;
    box-shadow: 0px 1px 10px black;
    border-radius: 2px;
}

.desd {
    background-color: rgb(255, 126, 0);
    float: left;
    width: 100%;
    padding: 0 0 7px 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

    .desd h2 {
        float: left;
        margin-left: 10px;
    }

.desc p {
    float: left;
    width: 86%;
    color: black;
    text-align: justify;
    padding: 20px;
    line-height: 19px;
    height: auto !important;
    overflow: auto !important;
}

.select {
    padding: 5px;
    font-size: 25px;
}

    .select img {
        float: right;
        margin: 3px 10px 5px 5px;
    }

/* text-based popup styling */
.white-popup {
    position: relative;
    background: #FFF;
    padding: 25px;
    width: auto;
    max-width: 400px;
    margin: 0 auto;
}

.tdhover {
    float: left;
    text-align: left;
    font-size: 20px;
}

.tdhover1 {
    float: left;
    text-align: left;
    width: 30px;
    border: 1px solid rgb(135, 199, 104);
    padding: 10px 50px;
    margin-left: 30px;
}

    .tdhover1:hover {
        background-color: rgb(247, 126, 25);
        color: White;
        font-size: 18px;
        border-color: rgb(186, 186, 186);
    }

    .tdhover1.active {
        /* background-color: rgb(247, 126, 25);
    color: White;*/
        font-size: 18px;
        border-color: rgb(186, 186, 186);
    }


.tdhover2 {
    float: left;
    text-align: left;
    border-radius: 3px;
    width: 350px;
    border: 1px solid rgb(135, 199, 104);
    padding: 6px 10px;
    cursor: pointer;
    transition: 0.5s;
    margin-bottom: 15px;
}

    .tdhover2:hover {
        /*background-color:#F77E19;
    color:#FFFFFF;
    background-color: rgb(247, 126, 25);
    color: White;
    font-size: 16px;
    border-color: rgb(186, 186, 186);*/
    }

.tdhover3 {
    background-color: rgb(247, 126, 25);
    color: White;
    font-size: 16px;
    border-color: rgb(186, 186, 186);
}

.tdhover4 {
    float: left;
    text-align: left;
    width: 350px;
    border: 1px solid rgb(135, 199, 104);
    padding: 10px 50px;
    margin-left: 30px;
}

.tdeffect {
    padding: 20px 0 50px 0;
}

.subTitle h4 {
    font-size: 20px;
    color: #3a8bdd;
    font-family: calibri;
    border-bottom: 1px solid #cecece;
    margin: 30px 0 5px 0;
}


/*.changeinfo a 
{
    text-decoration: none;
    font-size: 22px;
    color: rgb(255, 255, 255);
    text-shadow: 2px 2px 13px rgb(0, 84, 90);
}
.changeinfo a:hover
{
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    color: rgb(255, 76, 0);
    text-shadow: 0 2px 10px rgb(255, 255, 255);
}*/

.difLink a {
    color: rgb(0, 128, 255);
    padding-left: 20px;
    padding-bottom: 10px;
    width: 200px;
    float: left;
    font-size: 16px;
}






.pdfcount {
    color: #585858;
    background-color: #FFFFFF;
    width: 30px;
    float: left;
    margin-left: 40px;
    text-align: center;
    border-radius: 4px;
    font-size: 17px;
    padding: 5px 0 5px 0px;
    border: 1px solid #DEDEDE;
    line-height: 15px;
    cursor: pointer;
}


    .pdfcount:hover {
        background-color: #D5EFFF;
        border: 1px solid #DEDEDE;
    }

.pdfcountDash {
    color: #101010;
    background-color: #FFFFFF;
    width: auto;
    text-align: center;
    border-radius: 4px;
    font-size: 23px;
    border: 1px solid #DEDEDE;
    cursor: pointer;
    padding: 0 7px 0 7px;
}


    .pdfcountDash:hover {
        background-color: #D5EFFF;
        border: 1px solid #DEDEDE;
    }


.attechdoc {
    color: #101010 !important;
    background-color: #FFFFFF;
    width: 90px !important;
    float: left;
    margin-left: 35px;
    text-align: center;
    border-radius: 4px;
    font-size: 17px;
    padding: 5px 0 5px 0px;
    border: 1px solid #DEDEDE;
    cursor: pointer;
}


    .attechdoc:hover {
        background-color: #D5EFFF;
        border: 1px solid #DEDEDE;
    }

.new_tag_attach_data ul {
    float: left;
    width: 100%;
}

    .new_tag_attach_data ul li {
        display: block;
        width: 100%;
        float: left;
        border-bottom: 1px solid #E0E0E0;
        padding: 5px 5px 5px 0;
        border-radius: 2px;
    }

        .new_tag_attach_data ul li:hover {
            box-shadow: cornflowerblue 0px 0px 5px;
            background-color: rgb(234,244,252);
        }

.filelistclass {
    float: left !important;
    width: 100%;
}

    .filelistclass li {
        display: block;
        width: 100% !important;
        float: left !important;
        font-size: 17px !important;
        font-family: calibri !important;
        border-bottom: 1px solid #E0E0E0 !important;
        padding: 5px 5px 5px 0 !important;
        border-radius: 2px !important;
    }

        .filelistclass li:hover {
            box-shadow: cornflowerblue 0px 0px 5px !important;
            background-color: rgb(234,244,252) !important;
        }

.CurrencyList {
    float: left;
    width: 100%;
}

    .CurrencyList li {
        display: block;
        width: 100%;
        float: left;
        color: #505050;
        text-align: left;
        font-size: 17px;
        font-family: calibri;
        border-bottom: 1px solid #E0E0E0;
        padding: 5px 5px 5px 0;
        border-radius: 2px;
    }

        .CurrencyList li:hover {
            /*box-shadow: cornflowerblue 0px 0px 5px;*/
            background-color: rgb(234,244,252);
        }

.invemailsrow {
    padding: 5px 5px 5px 0;
}

    .invemailsrow:hover {
        box-shadow: cornflowerblue 0px 0px 5px;
        background-color: rgb(234,244,252);
    }



/*******************************************************************************  View Attachment History  ****************************************************************************************/

.new_tag_va, .new_tag_av, .new_tag_des_va, .new_tag_des_av, .new_va_tag, .new_av_tag {
    float: left;
    width: 190px;
    padding-right: 10px;
}

    .new_tag_des_av a {
        color: black;
    }



/*.fademain {
    height: 91px;
    position: absolute;
    width: 995px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    color: #5E9C15;
    background-color: #f3f3f3;
    border: 1px solid #e4e4e4;
    cursor: context-menu;
}*/

.fademain {
    padding: 0;
    margin: 0;
    font-size: 17px;
    background-color: #f1fde7;
    color: #6ABE01;
    text-align: center;
    border: 2px solid #79d000;
    width: 995px;
    height: 91px;
    position: absolute;
    text-shadow: none;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-box-shadow: 1px 4px 2px 0 #ddd,inset 0 2px 2px 0 #fff;
    -moz-box-shadow: 1px 4px 2px 0 #ddd,inset 0 2px 2px 0 #fff;
    box-shadow: 1px 4px 2px 0 #ddd,inset 0 2px 2px 0 #fff;
    -webkit-box-shadow: 1px 4px 2px 0 #ddd,inset 0 1px 2px 0 #fff;
    -moz-box-shadow: 1px 4px 2px 0 #ddd,inset 0 1px 2px 0 #fff;
    box-shadow: 1px 4px 2px 0 #ddd,inset 0 1px 2px 0 #fff;
}

.fadeup_img {
    float: left;
    margin: 15px 2px 0 10px;
}

.fadeup_list {
    width: 880px;
    margin: 16px 0 0 11px;
    float: left;
}

.fadeul_list ul {
    float: left;
}

.fadeup_list ul li {
    float: left;
    margin-right: 20px;
    font-family: Calibri;
    font-size: 16px;
    color: #68A519;
}

    .fadeup_list ul li span {
        font-size: 16px;
        color: #2b8bc9;
        font-family: Calibri;
    }

.fadeup_view {
    float: right;
    font-family: inherit;
    font-size: 22px;
    margin: 15px 15px 0 0;
}

    .fadeup_view ul {
        float: left;
    }

        .fadeup_view ul li {
            display: inline;
            padding-right: 30px;
        }

            .fadeup_view ul li a {
                color: #4293E4;
                font-size: 15px;
                text-decoration: none;
                font-family: calibri;
                font-size: 19px;
            }

                .fadeup_view ul li a:before {
                    content: "\f0f6";
                    font-family: FontAwesome;
                    font-size: 17px;
                    padding: 0 5px 0 0;
                }

                .fadeup_view ul li a:hover {
                    text-decoration: underline;
                }

.fadeup_view_Doc {
    float: right;
    font-family: inherit;
    font-size: 22px;
    margin: 0 15px 0 170px;
}

    .fadeup_view_Doc a {
        color: #4293E4;
        padding-right: 30px;
        text-decoration: none;
        font-family: calibri;
        font-size: 19px;
    }

        .fadeup_view_Doc a:before {
            content: "\f0f6";
            font-family: FontAwesome;
            font-size: 17px;
            padding: 0 5px 0 0;
        }

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

.fadeup_view_DocA {
    color: #4293E4;
    margin: 0 65px 0 0;
    text-decoration: none;
    font-family: calibri;
    font-size: 19px;
    cursor: pointer;
    float: right;
    font-weight: normal;
}

    .fadeup_view_DocA:before {
        content: "\f0f6";
        font-family: FontAwesome;
        font-size: 17px;
        padding: 0 5px 0 0;
    }

    .fadeup_view_DocA:hover {
        text-decoration: underline;
    }

.fadeup_view_UserA {
    color: #4293E4;
    margin: 0 130px;
    text-decoration: none;
    font-family: calibri;
    font-size: 19px;
    cursor: pointer;
    float: right;
}

    .fadeup_view_UserA:before {
        content: "\f007";
        font-family: FontAwesome;
        font-size: 17px;
        padding: 0 5px 0 0;
    }

    .fadeup_view_UserA:hover {
        text-decoration: underline;
    }


/*Css added for display history of PDF done by Divyesh on 13th march 2015 - End */
/* for process_file.aspx copied class from admin style */
input[type="text"].typeText {
    border: 1px solid #c8c8c8;
    color: #383838;
    -webkit-border-radius: 2px;
    border-radius: 2px; /*background: #ededed;*/
    box-shadow: inset 0px 0px 0px 0px;
    padding: 4px 6px;
    font-size: 16px;
    margin: 0;
    box-shadow: 0px;
}

input[type="text"].typeTextTbl {
    width: 58px;
    border: none;
    -webkit-border-radius: 0px;
    border-radius: 0px; /*background: #ededed;*/
    box-shadow: inset 0px 0px 0px 0px;
    padding: 3px;
    font-size: 13px;
    margin: 0;
    box-shadow: 0px;
    outline: none;
}

input[type="text"].typeTextTotal {
    width: 59px;
    border: none;
    -webkit-border-radius: 0px;
    border-radius: 0px; /*background: #ededed;*/
    box-shadow: inset 0px 0px 0px 0px;
    padding: 6px;
    font-size: 13px;
    margin: 0;
    box-shadow: 0px;
}

.relative {
    position: relative;
}

.width157 {
    width: 157px;
}

.alignleft {
    float: left;
    height: 100%;
}

.alignleftt {
    float: left;
    height: 30px;
    width: 100%;
    font-size: 17px;
    color: black;
}

.processDataWrap .row.btnGroup {
    margin-bottom: 25px;
}

.itemmini {
    /*width: 22px;
    float: left;
    background-color: #fff;
    background: url('../../images/drop-down-list.png') no-repeat right;
    background-size: 10px;
    background-position-x: 55px;*/
}

.itemdesc {
    width: 120px;
    float: left;
    background-color: #fff !important;
}

.itemqty {
    width: 25px;
    float: left;
    background-color: #fff !important;
}

.itemrate {
    width: 25px;
    float: left;
    background-color: #fff !important;
}

.itemacc {
    width: 45px;
    float: left;
    background-color: #fff !important;
}

.itemtax {
    width: 50px;
    float: left;
    background-color: #fff !important;
}

.noteLabel {
    padding: 8px;
    float: left;
}

    .noteLabel a {
        color: #006dd8;
        font-size: 18px;
        font-family: Calibri;
        text-decoration: none;
        padding: 0 5px 0 0;
    }

    .noteLabel i {
        padding: 4px 5px 5px 5px;
    }

        .noteLabel i:hover {
            color: #FFFFFF;
        }

.HistoryLabel {
    float: left;
    padding: 9px 9px 9px 18px;
}

    .HistoryLabel:hover {
        text-decoration: underline;
    }

    .HistoryLabel a {
        color: #006dd8;
        font-family: calibri;
        font-size: 18px;
        text-decoration: none;
        padding: 2px 0 0 0px;
        float: left;
    }

    .HistoryLabel i {
        padding: 1px 6px 0 0;
        float: left;
    }

.viewdetail {
    color: #7e7e7e;
}

.link {
    color: #ffae00;
    font-size: 17px;
    text-decoration: none;
}

    .link:hover {
        color: #63b501;
    }

.btn {
    background: #498700;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    padding-bottom: 4px;
    text-decoration: none;
    color: #ffffff;
}

    .btn span {
        background: url(../images/top-login-section-bg.jpg) repeat-x;
        display: block;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 15px;
        min-width: 60px;
        text-align: center;
    }

.smalltext {
    margin-left: 20px;
    padding-top: 5px;
    color: rgb(165, 165, 165);
    line-height: 1.5;
    font-size: smaller;
}

.hideColumn {
    display: none;
}

.rvalidation {
    float: left;
    padding: 15px 4px 15px 35px;
    margin: 0;
    font-size: 17px;
    background: #f1fde7 !important;
    color: #6ABE01;
    text-align: center;
    border: 2px solid #79d000;
    width: 100%;
    position: relative;
    text-shadow: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 1px 4px 2px 0 #ddd,inset 0 2px 2px 0 #fff;
    -moz-box-shadow: 1px 4px 2px 0 #ddd,inset 0 2px 2px 0 #fff;
    box-shadow: 1px 4px 2px 0 #ddd,inset 0 2px 2px 0 #fff;
    -webkit-box-shadow: 1px 4px 2px 0 #ddd,inset 0 1px 2px 0 #fff;
    -moz-box-shadow: 1px 4px 2px 0 #ddd,inset 0 1px 2px 0 #fff;
    box-shadow: 1px 4px 2px 0 #ddd,inset 0 1px 2px 0 #fff;
}

.rnvalidation {
    color: red;
    border: 1px solid red;
    margin: 10px auto;
    width: 96%;
    float: left;
    padding: 1% 2%;
    border-radius: 2px;
    background-color: rgb(255, 224, 224);
}

.ppa, .ppb {
    float: left;
    width: 100%;
}

.ppb {
    width: 950px;
    margin: 10px 0 0 1px;
    float: left;
}

    .ppb ul li { /* Add Akash 18-06-2018 */
        font-weight: normal;
        cursor: default;
    }

        .ppb ul li em {
            font-style: normal;
        }

        .ppb ul li:nth-child(1) {
            float: left;
            /*width: 462px;*/
            font-family: Calibri;
            font-size: 16px;
            color: #68A519;
            margin-left: 0px;
        }

        .ppb ul li:nth-child(2) {
            float: left;
            /*width: 150px;*/
            font-family: Calibri;
            font-size: 16px;
            color: #68A519;
            margin-left: 25px;
        }

        .ppb ul li:nth-child(3) {
            float: left;
            /*width: 155px;*/
            font-family: Calibri;
            font-size: 16px;
            color: #68A519;
            margin-left: 25px;
        }

        .ppb ul li:nth-child(4) {
            float: left;
            /*width: 155px;*/
            font-family: Calibri;
            font-size: 16px;
            color: #68A519;
            margin-left: 25px;
        }

        .ppb ul li span {
            font-size: 16px;
            color: #2b8bc9;
            font-family: calibri;
            padding: 0;
            float: left;
            /*width: 100%;*/
        }

.noteArea {
    border: 1px solid #ededed;
    float: left;
    width: 290px;
    max-width: 290px;
}

.ApplyPadding {
    padding: 0 5px 0 10px;
    line-height: 20px;
    font-size: 15px;
}



.ApplyPaddingR {
    padding: 0 20px 0 10px;
    font-size: 15px;
}

.bgncolour {
    font-family: Calibri;
    Background-Color: #ffffff !important;
    border-top: 2px solid #287fcc;
    border-bottom: 2px solid #287fcc;
    border-left: 1px solid #c7d3e2;
    /*line-height: 30px;*/
    height: 32px;
}

.bgncolourli {
    border-bottom: 1px solid #D8D8D8 !important;
}

.bgncolour th {
    color: rgb(23, 97, 171) !important;
    font-weight: 500 !important;
    padding: 0px 10px !important;
    text-align: center;
    background: #FFFFFF url(../images/head-stroke.png) right top no-repeat;
}

    .bgncolour th:nth-child(1) {
        padding: 0px 10px !important;
        text-align: left !important;
        background-color: white;
        font-size: 18px;
        border-left: 1px solid #c7d3e2;
    }

        .bgncolour th:nth-child(1) input {
            width: 18px;
            height: 18px;
        }

    .bgncolour th:nth-child(2) {
        padding: 0px 0px !important;
        text-align: left !important;
        background-color: white;
        font-size: 18px;
        padding: 0 10px !important;
        width: 110px;
    }

    .bgncolour th:nth-child(3) {
        border-right: none;
        font-size: 18px;
    }

    .bgncolour th:last-child {
        background-color: white;
        font-size: 18px;
        padding: 0 10px !important;
        text-align: left !important;
    }

.bgncolortd {
    margin: 0px 0px 10px 0px;
}

    .bgncolortd tr td:nth-child(1) {
        text-align: left;
    }

        .bgncolortd tr td:nth-child(1) input {
            width: 18px;
            height: 18px;
        }

/*.bgncolortd tr td:nth-child(2) {
        text-align: center;
    }

    .bgncolortd tr td:nth-child(3) {
        text-align: left;
    }

    .bgncolortd tr td:nth-child(4) {
        text-align: left;
    }

    .bgncolortd tr td:nth-child(5) {
        text-align: right;
    }

    .bgncolortd tr td:nth-child(6) {
        text-align: right;
    }*/

.bgncolortdcenter {
    text-align: center;
}

.SearchPanel {
    float: left;
    width: 100%;
    margin: 10px 0;
    cursor: context-menu;
}

    .SearchPanel ul li:nth-child(1), .SearchPanel ul li:nth-child(2) {
        width: 40px;
    }

    .SearchPanel ul li {
        list-style-type: none;
        -moz-box-shadow: inset 0px 45px 0px -24px #FFFFFF;
        -webkit-box-shadow: inset 0px 45px 0px -24px #FFFFFF;
        box-shadow: inset 0px 45px 0px -24px #FFFFFF;
        background-color: #F6F6F6;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #D1D1D1;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-size: 13px;
        /*width: 10px;*/
        text-align: center;
        /*padding: 6px 9px;*/
        text-decoration: none;
        text-shadow: 0px 1px 0px #FFFFFF;
    }

        .SearchPanel ul li:hover {
            background-color: #CFCFCF;
            color: #FFFFFF;
            text-shadow: 0px 1px 0px #FFFFFF;
            box-shadow: inset 0px 45px 0px -24px #D9D9D9;
        }

        .SearchPanel ul li:active {
            position: relative;
            top: 1px;
        }

        .SearchPanel ul li a {
            text-decoration: none;
            color: #2E8CD3;
            padding: 6px 10px;
            float: left;
        }

/*.SearchPanelbtn {
    -moz-box-shadow: inset 0px 39px 0px -24px #a4e271;
    -webkit-box-shadow: inset 0px 39px 0px -24px #a4e271;
    box-shadow: inset 0px 39px 0px -24px #a4e271;
    background-color: #89c403;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #74b807;
    display: inline-block;
    cursor: pointer;
    float: right;
    color: #ffffff;
    font-family: Arial;
    font-size: 17px;
    padding: 6px 15px;
    margin-left: 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #528009;
}

    .SearchPanelbtn:hover {
        background-color: #77a809;
        color: #258407;
        text-shadow: 0px 1px 0px #FFFFFF;
    }

    .SearchPanelbtn:active {
        position: relative;
        top: 1px;
    }*/

.ContHeading {
    float: left;
    width: 100%;
    height: 40px;
    background-color: #f6f9fc;
    border: 1px solid #E2E2E2;
}

    .ContHeading h4 {
        color: #2C6196;
        font-size: 11px;
        text-transform: capitalize;
        font-weight: bold;
        padding: 10px 5px 10px 8px;
    }


.Rowstyle, .bgncolortd td {
    border-bottom: 1px solid rgb(223, 223, 223);
}

    .Rowstyle td {
        padding: 0 5px;
        /*background: url(../images/head-stroke.png) right top no-repeat;*/
    }

        .Rowstyle td:last-child {
            background: none;
        }

.myButtonEmail {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #327cd6;
    font-family: Arial;
    font-size: 17px;
    padding: 6px 20px 6px 45px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    background-image: url('../images/email-icon.png');
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 12px 7px;
}

    .myButtonEmail:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
        background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
        background-color: #dfdfdf;
        background-image: url('../images/email-icon.png');
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: 12px 7px;
    }

}

.myButtonEmail:active {
    position: relative;
    top: 1px;
}

.child {
    border-bottom: 1px solid #FFFFFF;
}

    .child td:nth-child(1) {
        font-family: Calibri;
        padding: 3px 0 3px 5px;
        font-size: 13px;
        color: #898989;
        width: 39%;
    }

    .child td:nth-child(2) {
        font-family: Calibri;
        padding: 3px 0 3px 0px;
        font-size: 17px;
        color: #565656;
        width: 50%;
    }

    .child td:nth-child(3) {
        font-family: Calibri;
        font-size: 17px;
        color: #565656;
        padding: 1px 0 5px 0px;
    }

    .child td:nth-child(4) {
        font-family: Calibri;
        font-size: 17px;
        color: #565656;
    }

    .child td:nth-child(5) {
        font-family: Calibri;
        font-size: 17px;
        color: #565656;
    }

    .child td a {
        font-family: calibri;
        font-size: 17px;
        color: #4293e4;
        text-decoration: none;
    }

    .child td input {
        width: 98%;
        padding: 1px 0 1px 5px;
        font-size: 18px;
        border: 1px solid #ced0d2;
    }

#tblContacts {
    width: 100%;
}

    #tblContacts th {
    }

.inputlabel {
    margin-left: 10px;
    font-size: 16px;
}

.inputText1 {
    border: 1px solid #d6d6d6;
    width: 94%;
    max-width: 94%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 1.5% 2%; /*margin: 20px 0 25px;*/
    margin: 7px 0 7px;
    /*font-family: 'open_sanssemibold';*/
    font-family: Calibri;
    font-size: 18px;
    color: #000;
    margin: 5px 0 20px 10px;
}

/************************************************************************* Supplier Invoice receiver by mail **********************************************************************/


.blockEmail {
    border: 1px solid #c5c5c5;
    margin-bottom: 9px;
    padding: 5px;
    box-shadow: 1px 1px 6px #C9C9C9;
    background: url("../../images/21px-stroke.png") repeat-y;
    background-position: 79.8% 0;
}



/**********************************************************************************************************************************************************/
/***********************************************************  Invoice Popup  ******************************************************************************/

.dm {
    background-color: white;
    margin-top: 24px;
    width: 1060px;
    box-shadow: 0px 0px 30px -5px black;
}

.ddp {
    float: left;
    height: auto;
    min-height: 765px;
    padding: 0px 15px 0px;
}

input.button-add {
    float: right;
    cursor: pointer;
    height: 34px;
    padding: 4px 40px 4px 0px;
    border: 1px solid rgb(221, 220, 220);
    background-color: rgb(255, 255, 255);
    /*background-color: #e6e6e6;*/
    border-radius: 5px;
    box-shadow: 0 0 5px 0px rgb(218, 218, 218);
    font-family: Calibri;
    font-size: 20px;
    color: rgb(0, 127, 253);
    margin-top: -2px;
    width: 175px;
    /*transition:all ease-in-out 0.3s;*/
}

    input.button-add:hover {
        background-color: #f6f7f9;
    }



.flip-button {
    width: 950px;
    margin: auto;
}

.invoice_detail {
    float: left;
    width: 100%;
}

.invoice_detail_head {
    border-bottom: 3px solid rgb(144, 144, 144);
}

    .invoice_detail_head h2 {
        font-size: 30px;
        margin-left: 25px;
        margin-bottom: 5px;
        font-family: Calibri;
        color: rgb(100, 100, 100);
    }

.id_supplier_detail, .id_document_detail, .id_item_detail, .id_vat_detail {
    float: left;
    width: 50%;
    margin-top: 30px;
}

.id_sd_head, .id_dd_head, .id_id_head, .id_vd_head {
    float: left;
    width: 100%;
    /*background-color: rgb(216, 216, 216);*/
    border-bottom: 2px solid #CCCCCC;
    margin-left: 25px;
    height: 20px;
}

    .id_sd_head h5, .id_dd_head h5, .id_id_head h5, .id_vd_head h5 {
        color: rgb(52, 52, 52);
        padding: 3px 0 0 0px;
    }

.id_dd_body {
    float: left;
    margin-left: 35px;
    margin-top: 10px;
    line-height: 30px;
    width: 88%;
    color: rgb(115, 115, 115);
}

.id_dd_body_half {
    float: left;
    width: 50%;
}

.id_dd_docdate, .id_dd_taxrate, .id_dd_duedate, .id_dd_currency {
    float: left;
    width: 47%;
}

.dd_docdate, .dd_taxrate, .dd_duedate, .dd_currency {
    float: left;
    width: 53%;
    font-size: 17px;
    color: black;
}

.id_dd_docno {
    float: left;
    width: 25%;
}

.docno {
    float: left;
    width: 75%;
}

.id_table {
    width: 95%;
    float: left;
    margin-left: 25px;
    margin-top: 2px;
}

.va_table {
    width: 50%;
    float: left;
    margin: 0px 0px 0 25px;
}

.id_table_head, .va_table_head {
    width: 100%;
    float: left;
    background: url(../images/top-login-section-bg.jpg) repeat-x;
    height: 30px;
}

.id_table_data, .va_table_data {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgb(231, 231, 231);
    padding-bottom: 10px;
}

.id_table_head h3 {
    float: left;
    padding: 8px 5px;
    color: white;
    font-family: Calibri;
    width: 95px;
    text-align: center;
    background: url(../images/style2-side-stroke.png) right top repeat-y;
    /*background-image: url('../images/id_table_head_spliter.png');
    background-repeat: no-repeat;
    background-position: -2px 8px;*/
}

.id_table_head td {
    background: url(../images/style2-side-stroke.png) right top repeat-y;
}

    .id_table_head td:last-child {
        background: none;
    }

        .id_table_head td:last-child h3, .id_table_head h3:last-child {
            background: none;
        }

.va_table_head h3 {
    float: left;
    padding: 7px 5px 0px 5px;
    color: white;
    font-family: Calibri;
    width: 123px;
    text-align: center;
    background-image: url('../images/id_table_head_spliter.png');
    background-repeat: no-repeat;
    background-position: -2px 8px;
}

.id_table_data h4 {
    float: left;
    padding: 7px 5px 0px 5px;
    color: black;
    font-family: inherit;
    width: 95px;
    text-align: center;
    font-size: 13px;
}

.va_table_data h4 {
    float: left;
    padding: 7px 5px 0px 5px;
    color: black;
    font-family: inherit;
    width: 123px;
    text-align: center;
    font-size: 15px;
}

.id_id_total {
    float: right;
    border: 1px solid black;
    border-left-style: none;
    border-right-style: none;
    margin-top: 2px;
}

    .id_id_total h4 {
        float: left;
        padding: 5px 5px 5px 5px;
        color: black;
        border-right: 1px solid #afafaf;
        font-family: inherit;
        text-align: right;
        font-size: 15px;
    }

.id_id_total_new {
    float: right;
    border: 1px solid black;
    border-left-style: none;
    border-right-style: none;
    margin-top: 2px;
}

    .id_id_total_new h4 {
        float: left;
        padding: 5px 5px 5px 5px;
        color: black;
        border-right: 1px solid #afafaf;
        font-family: inherit;
        text-align: right;
        font-size: 15px;
    }


.supplier_head {
    font-size: 30px;
    color: rgb(0, 128, 255);
    float: left;
    font-family: Calibri;
    width: 50%;
    font-weight: 600;
}

/*@media all and (min-width: 50px) {
    .supplier_head {
        font-size: 0.1em;
    }
}

@media all and (min-width: 100px) {
    .supplier_head {
        font-size: 0.2em;
    }
}

@media all and (min-width: 200px) {
    .supplier_head {
        font-size: 0.4em;
    }
}

@media all and (min-width: 300px) {
    .supplier_head {
        font-size: 0.6em;
    }
}

@media all and (min-width: 400px) {
    .supplier_head {
        font-size: 0.8em;
    }
}

@media all and (min-width: 500px) {
    .supplier_head {
        font-size: 1.0em;
    }
}

@media all and (min-width: 600px) {
    .supplier_head {
        font-size: 1.2em;
    }
}

@media all and (min-width: 700px) {
    .supplier_head {
        font-size: 1.4em;
    }
}

@media all and (min-width: 800px) {
    .supplier_head {
        font-size: 1.6em;
    }
}

@media all and (min-width: 900px) {
    .supplier_head {
        font-size: 1.8em;
    }
}

@media all and (min-width: 1000px) {
    .supplier_head {
        font-size: 2.0em;
    }
}

@media all and (min-width: 1100px) {
    .supplier_head {
        font-size: 2.2em;
    }
}

@media all and (min-width: 1200px) {
    .supplier_head {
        font-size: 2.4em;
    }
}

@media all and (min-width: 1300px) {
    .supplier_head {
        font-size: 2.6em;
    }
}

@media all and (min-width: 1400px) {
    .supplier_head {
        font-size: 2.8em;
    }
}

@media all and (min-width: 1500px) {
    .supplier_head {
        font-size: 3.0em;
    }
}

@media all and (min-width: 1500px) {
    .supplier_head {
        font-size: 3.2em;
    }
}

@media all and (min-width: 1600px) {
    .supplier_head {
        font-size: 3.4em;
    }
}

@media all and (min-width: 1700px) {
    .supplier_head {
        font-size: 3.6em;
    }
}*/

.amount_head {
    font-size: 30px;
    color: rgb(255, 116, 0);
    float: right;
    font-family: Calibri;
    width: 25%;
    padding: 0 3%;
    text-align: right;
    font-weight: 900;
}

/**********************************************************************************************************************************************************/
/***********************************************************  Email Logs **********************************************************************************/
.md {
    background-color: white;
    margin-top: 50px;
    width: 960px;
    box-shadow: 0px 0px 30px -5px black;
}

.email_log {
    float: left;
    width: 100%;
    padding: 0px 0px;
    display: none;
}

.email_log_db {
    display: block;
}

.email_log_title {
    width: 1000px;
    text-align: left;
    margin: auto;
    margin-top: 8px;
    padding-left: 100px;
}

    .email_log_title img {
        float: left;
        padding-top: 2px;
    }

    .email_log_title h2 {
        float: left;
        font-size: 30px;
        color: #3daacb;
        padding-left: 10px;
        font-family: Calibri;
        font-weight: bold;
    }

.email_log_head {
    float: left;
    width: 100%;
    border-bottom: 2px solid rgb(43, 124, 220);
    margin-bottom: 20px;
}

    .email_log_head h3 {
        color: black;
        font-weight: 600;
        font-size: 20px;
        padding-top: 30px;
        padding-bottom: 5px;
        padding-left: 20px;
    }

.email_log h2 {
    text-align: left;
    float: left;
    color: rgb(255, 136, 2);
    font-size: 20px;
    border-bottom: 1px solid rgb(255, 136, 2);
    padding: 5px 0 5px 20px;
    margin-bottom: 20px;
    width: 150px;
    margin-left: 30px;
}

.email_log_half {
    float: left;
    width: 50%;
}

.email_log_top, email_log_block {
    width: 100%;
    float: left;
}

.email_log_block {
    float: left;
    width: 96%;
    padding: 2% 2% 2% 0;
    height: 100%;
}

.email_file_detail, .email_log_one {
    float: left;
    width: 94%;
    padding-left: 50px;
    margin-bottom: 30px;
}

.email_fd_fname, .email_fd_sby, .email_fd_sdate {
    float: left;
    width: 100%;
    padding-bottom: 14px;
}

    .email_fd_fname h6, .email_fd_sby h6, .email_fd_sdate h6 {
        float: left;
        width: 120px;
        color: rgb(43, 124, 213);
        font-size: 15px;
    }

    .email_fd_fname h4, .email_fd_sby h4, .email_fd_sdate h4 {
        float: left;
        color: rgb(121, 121, 121);
        font-size: 20px;
        margin-top: -3px;
        width: 70%;
    }

.email_log_one_sup h6, .email_log_one_docno h6, .email_log_one_docdate h6, .email_log_one_duedate h6, .email_log_one_amount h6 {
    color: rgb(43, 124, 213);
    font-size: 15px;
    float: left;
    width: 140px;
}

.email_log_one_sup h4, .email_log_one_docno h4, .email_log_one_docdate h4, .email_log_one_duedate h4, .email_log_one_amount h4 {
    color: rgb(52, 166, 13);
    font-size: 20px;
    float: left;
    margin-top: -3px;
    width: 65%;
}

.email_log_one_sup, .email_log_one_amount {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.email_log_one_docno {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.email_log_one_docdate {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.email_log_one_duedate {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.email_log_emailid h6, .email_log_sub h6 {
    color: #FFFFFF;
    font-size: 17px;
    text-align: left;
    padding: 6px 50px;
}

.email_log_date h6, .email_log_action h6 {
    text-align: center;
    color: #FFFFFF;
    font-size: 17px;
    padding: 6px 0px;
}

.email_log_action h5, .email_log_date h5 {
    color: rgb(123, 123, 123);
    font-size: 20px;
    text-align: center;
    font-family: initial;
}

.email_log_emailid h5, .email_log_sub h5 {
    color: rgb(123, 123, 123);
    font-size: 20px;
    text-align: left;
    padding: 0px 10px;
    font-family: inherit;
}

.email_log_docid {
    float: left;
}

.email_log_emailid, .email_log_sub {
    float: left;
    width: 309px;
    border-left: 1px solid white;
}

.email_log_date {
    float: left;
    width: 130px;
}

.email_log_action {
    float: left;
    width: 129px;
    border-left: 1px solid white;
}

    .email_log_action h5 img {
        float: left;
        margin-top: -2px;
    }

.email_log_block_head {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: #499aea; /* Old browsers */
    background: -moz-linear-gradient(top, #499aea 0%, #2678d1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499aea), color-stop(100%,#2678d1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #499aea 0%,#2678d1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #499aea 0%,#2678d1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #499aea 0%,#2678d1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #499aea 0%,#2678d1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499aea', endColorstr='#2678d1',GradientType=0 ); /* IE6-9 */
}

.email_log_block_data {
    float: left;
    width: 100%;
    margin-bottom: 14px;
}

.email_log_common {
    text-align: left !important;
    background: none !important;
    border: none !important;
    background-color: #F4F5FC !important;
    margin-left: 15px;
    font-size: 16px;
    font-family: Calibri;
    padding: 10px !important;
    line-height: inherit !important;
    vertical-align: initial !important;
}

/**********************************************************************************************************************************************************/
/*******************************************************  Supplier Email action ***************************************************************************/

.supplier_email_action_head, .supplier_email_action_body {
    float: left;
    width: 100%;
}

.supplier_email_action_body {
    margin-top: 5px;
}

.sea_mail, .sea_email {
    float: left;
    width: 42%;
    text-align: center;
}

.sea_approv, .sea_accept, .sea_reject, .sea_abox, .sea_rbox, .sea_hbox {
    float: left;
    width: 12%;
    text-align: center;
    position: relative;
}

    .sea_approv h5, .sea_mail h5, .sea_accept h5, .sea_reject h5 {
        color: rgb(66, 147, 228);
        font-family: Calibri;
        font-size: 17px;
    }

    .sea_hbox a {
        color: #6BBEF3;
        font-size: 17px;
        text-decoration: none;
        float: right;
        margin: 2px 14px 0 0;
    }

        .sea_hbox a span {
            font-size: 14px;
            color: #6BBEF3;
            padding-right: 0px;
        }

.sea_email h4 {
    font-size: 20px;
    font-family: arial;
    color: rgb(101, 184, 1);
}

.sea_abox input[type=checkbox], .sea_rbox input[type=checkbox] {
    display: inline;
    height: 17px;
    width: 17px;
}

.sea_popup {
    float: left;
    margin-top: 3px;
}

/*****************************************************************************************************************************************************************/
/******************************************************* Disputed/Query Documents 09-04-2015 *********************************************************************/

.dq_doc {
    float: left;
    margin-bottom: 15px;
    background-color: white;
    box-shadow: 0 0 5px rgb(199, 199, 200);
    border-radius: 2px;
    border: 1px solid orange;
}

.dq_doc_left {
    float: left;
    width: 78%;
}

.dq_doc_right {
    float: left;
    width: 20%;
}

.dq_doc_one {
    float: left;
    width: 800px;
}

.dq_doc_one_left {
    float: left;
    padding: 15px 15px 0;
}

.dq_doc_one_left_img {
    text-align: center;
}

.dq_doc_one_right {
    float: left;
    width: 650px;
    margin-top: 15px;
}

.dq_doc_one_right_cname {
    float: left;
    width: 200px;
}

.dq_doc_two_right_cname {
    float: left;
    width: 260px;
}

.dq_doc_one_right_cname h6, .dq_doc_one_right_uby h6, .dq_doc_one_right_fname h6, .dq_doc_one_right_uon h6 {
    color: #62b401;
    text-align: left;
    padding: 5px;
}

.dq_doc_two_right_cname h6, .dq_doc_two_right_uby h6, .dq_doc_two_right_fname h6 {
    color: #62b401;
    text-align: left;
    padding: 5px;
}

.dq_doc_one_right_cname h4 {
    font-size: 17px;
    font-family: 'open_sanssemibold';
    padding: 0px 5px 5px 5px;
}

.dq_doc_one_right_uby h5, .dq_doc_one_right_fname h5, .dq_doc_one_right_uon h5 {
    font-size: 17px;
    font-family: 'open_sanssemibold';
    padding: 0px 5px 5px 5px;
}

.dq_doc_two_right_cname h5, .dq_doc_two_right_uby h5, .dq_doc_two_right_fname h5 {
    font-size: 17px;
    font-family: 'open_sanssemibold';
    padding: 0px 5px 5px 5px;
}

.dq_doc_one_right_uby {
    float: left;
    width: 100px;
}

.dq_doc_two_right_uby {
    float: left;
    width: 220px;
}

    .dq_doc_two_right_uby .fa {
        color: #ffae00;
        font-size: 18px;
        padding-left: 5px;
    }

.dq_doc_one_right_fname {
    float: left;
    width: 125px;
}

.dq_doc_two_right_fname {
    float: left;
    width: 150px;
}

.dq_doc_one_right_uon {
    float: left;
    width: 100px;
}


.dq_doc_two {
    float: left;
    width: 650px;
    margin-top: 5px;
}



.twopxstroke {
    background: url(../images/1px-stroke.png) left top no-repeat;
    float: left;
    width: 80%;
    height: 13px;
    margin-top: 5px;
}

/*********************************************************************************************************************************************************************/
/************************************************************  Process Page Start  ***********************************************************************************/
/*********************************************************************************************************************************************************************/

.PageWindow {
    float: left;
    margin: 10px 0px 10px 0;
    background-color: #d0e7fe;
    width: 98%;
    height: 25px;
    padding: 5px 0 0 20px;
    vertical-align: middle;
}

.ProcessFileBlock {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

.DocumentChoice label {
    float: left;
    width: 90px;
    font-size: 14px;
    line-height: 30px;
}

.DocumentChoice {
    float: left;
    width: 98%;
    background-color: #d0e7fe;
    padding-left: 20px;
}

.DocumentDetails {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.processDataWrap_left {
    float: left;
    width: 60%;
}

.processDataWrap_right {
    float: left;
    width: 40%;
}

.processDataWrap .AdvOptHead {
    float: left;
    text-align: center;
    width: 100%;
    margin: 0 0 5px 0;
}

.AdvOptHead a {
    color: rgb(51, 112, 176) !important;
    font-size: 17px !important;
    font-family: calibri;
    text-decoration: none;
}

.OneViewSection {
    width: 1500px;
    margin: auto;
    float: none;
}

.OneViewTbl {
    float: right;
    width: 1000px;
    margin-bottom: 100px;
}

.OneViewPdf {
    float: left;
    width: 480px;
    margin-top: 15px;
}

.pdfViewver {
    width: 1030px;
    margin-bottom: 0px;
    box-shadow: 0px 0px 2px 4px rgb(108, 168, 226);
}

.pdfViewvercli {
    width: 464px;
}

textarea {
    border: none;
}

.bt_width {
    float: left;
    margin: 5px 0 0 5px;
    font-family: calibri;
    font-size: 17px;
}

    .bt_width a {
        color: rgb(51, 112, 176) !important;
        font-size: 17px !important;
        font-family: calibri;
    }

input[type="text"].typeTextTotal {
    width: 72px;
    border: none;
    -webkit-border-radius: 0px;
    border-radius: 0px; /*background: #ededed;*/
    box-shadow: inset 0px 0px 0px 0px;
    padding: 5px 6px;
    font-size: 13px;
    margin: 0;
    box-shadow: 0px;
}

.alignbottom {
    margin-top: -5px;
}

.itemreg {
    /*width: 45px;
    float: left;
    background-color: #fff !important;
    background: url('../../images/drop-down-list.png') no-repeat right;
    background-size: 10px;
    background-position-x: 55px;*/
}

.itemAmount {
    width: 45px;
    float: left;
    background-color: #F2F2F2 !important;
}

.processpage {
    float: right;
}

.spaceRight10 {
    margin-right: 10px;
}

.CurrField {
    width: 253px !important;
}

.dnndnd {
    padding: 0 !important;
}

.dnn {
    width: 239px !important;
}

.dnnField {
    margin: 0 15% 0 0 !important;
}

.dndField {
    width: 32.3% !important;
}

.dndDateField {
    width: 82% !important;
}

.dndDate {
    right: 28px !important;
}

.supinputField {
    height: 24px !important;
}

.taxRateSelect {
    width: 160px !important;
}

/***************************************************************************  Attachment Block  ******************************************************************************/
.AttachmentBlock {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.AttachmentBlockbot {
    float: left !important;
    width: 100% !important;
    margin-top: 25px !important;
    /*margin-left: 40px !important;*/
    margin-bottom: 15px !important;
}

.AttachmentBlockBody {
    float: left;
    width: 97.40%;
    height: 100%;
    border: 1px solid #cfcfcf;
    margin: 5px 0 15px 1px;
   /* -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);*/
}

    .AttachmentBlockBody:hover {
      /*  -moz-box-shadow: 0 0 10px #1366c3;
        -webkit-box-shadow: 0 0 10px #1366c3;
        box-shadow: 0 0 10px #1366c3;*/
    }

.AttachmentBlockBody_left {
    float: left;
    width: 40px;
}

.AttachmentBlockBody_right {
    float: left;
    width: 100%;
    height: 100%;
}

.AttachmentBlockBody_rightt {
    width: 100%;
    margin: auto;
}

.AttachmentBlockHead {
    float: left;
    width: 100%;
    font-family: Calibri;
}

    .AttachmentBlockHead a {
        float: left;
        font-size: 16px;
        color: #686868;
        text-decoration: none;
    }

.AttachmentIcon {
    float: left;
    width: 40px;
    height: 44px;
    background-color: rgb(69, 151, 231);
}

    .AttachmentIcon img {
        margin: 7px 5px 5px 4px;
    }

.AttachmentFile {
    float: left;
    width: 98%;
    height: 100%;
    border: 2px solid #00a3d6;
    margin: 1% 0 0% 1%;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
    border-radius: 4px;
    padding: 0 0 4px 0px;
}

.AttachmentCount {
    background-color: rgb(110, 190, 68);
    width: 38px;
    min-height: 42px;
    float: left;
    height: 82px;
    margin: 2px 0px 2px 2px;
}

#genericuploadimg, #noteAttachCount {
    font-size: 30px;
    color: white;
    text-align: center;
    font-weight: bold;
    margin-top: 6px;
}

progress {
    background-color: #0D83BB;
    border: 0;
    height: 18px;
    border-radius: 3px;
}

.desc {
    display: none;
    padding: 0px;
    width: 283px;
    margin: 10px 0px 55px 0px;
    position: absolute;
    margin-left: -260px;
    background-color: White;
    z-index: 10000;
    float: left;
    box-shadow: 0px 1px 10px black;
    border-radius: 2px;
}

.descp {
    left: 475px;
    display: none;
    width: 283px;
    margin: 5px 0px 55px 0px;
    position: absolute;
    margin-left: -260px;
    background-color: #ffffff;
    z-index: 10000;
    float: left;
    box-shadow: 0px 1px 10px black;
    border-radius: 2px;
}

    .descp h2 {
        float: left;
        padding: 7px 0 0 10px;
        font-size: 15px;
        font-family: Calibri;
    }

    .descp img {
        width: 17px;
    }

    .descp p {
        float: left;
        color: rgb(115, 115, 115);
        text-align: justify;
        font-size: 15px;
        padding: 10px;
        overflow: auto;
        max-height: 162px;
        margin: 0 0 10px 0;
        line-height: 17px;
    }

.desd {
    background-color: rgb(255, 126, 0);
    float: left;
    width: 100%;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}


    .desd img {
        width: 18px;
        margin: 6px 5px 0 0 !important;
    }

.utahCDetail {
    display: none;
    width: 283px;
    margin: 10px 0px 55px 0px;
    position: absolute;
    margin-left: -80px;
    background-color: White;
    z-index: 10000;
    float: left;
    box-shadow: 0px 1px 7px #676767;
    border-radius: 2px;
}



.utahCHead h2 {
    float: left;
    color: #FFFFFF;
    width: 96%;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 17px;
    font-family: Calibri;
}

.utahCHead img {
    width: 17px;
}

.utahCDetail p {
    float: left;
    color: rgb(115, 115, 115);
    text-align: justify;
    font-size: 15px;
    padding: 10px;
    overflow: auto;
    max-height: 162px;
    margin: 0 0 10px 0;
    line-height: 17px;
}

.utahCHead {
    background-color: rgb(255, 126, 0);
    float: left;
    width: 100%;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.AttachmentFileBg {
    float: left;
    margin: 2px 0 0 2px;
    width: 16.4%;
    height: 86px;
    background: rgba(220,235,250,1);
    background: -moz-linear-gradient(top, rgba(220,235,250,1) 0%, rgba(147,198,245,1) 49%, rgba(74,163,247,1) 82%, rgba(42,148,247,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,235,250,1)), color-stop(49%, rgba(147,198,245,1)), color-stop(82%, rgba(74,163,247,1)), color-stop(100%, rgba(42,148,247,1)));
    background: -webkit-linear-gradient(top, rgba(220,235,250,1) 0%, rgba(147,198,245,1) 49%, rgba(74,163,247,1) 82%, rgba(42,148,247,1) 100%);
    background: -o-linear-gradient(top, rgba(220,235,250,1) 0%, rgba(147,198,245,1) 49%, rgba(74,163,247,1) 82%, rgba(42,148,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(220,235,250,1) 0%, rgba(147,198,245,1) 49%, rgba(74,163,247,1) 82%, rgba(42,148,247,1) 100%);
    background: linear-gradient(to bottom, rgba(220,235,250,1) 0%, rgba(147,198,245,1) 49%, rgba(74,163,247,1) 82%, rgba(42,148,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcebfa', endColorstr='#2a94f7', GradientType=0 );
}

.AttachmentFileBgHold {
    float: left;
    margin: 2px 0 0 2px;
    width: 19%;
    height: 60px;
    background: rgba(220,235,250,1);
    background: -moz-linear-gradient(top, rgba(220,235,250,1) 0%, rgba(147,198,245,1) 49%, rgba(74,163,247,1) 82%, rgba(42,148,247,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,235,250,1)), color-stop(49%, rgba(147,198,245,1)), color-stop(82%, rgba(74,163,247,1)), color-stop(100%, rgba(42,148,247,1)));
    background: -webkit-linear-gradient(top, rgba(220,235,250,1) 0%, rgba(147,198,245,1) 49%, rgba(74,163,247,1) 82%, rgba(42,148,247,1) 100%);
    background: -o-linear-gradient(top, rgba(220,235,250,1) 0%, rgba(147,198,245,1) 49%, rgba(74,163,247,1) 82%, rgba(42,148,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(220,235,250,1) 0%, rgba(147,198,245,1) 49%, rgba(74,163,247,1) 82%, rgba(42,148,247,1) 100%);
    background: linear-gradient(to bottom, rgba(220,235,250,1) 0%, rgba(147,198,245,1) 49%, rgba(74,163,247,1) 82%, rgba(42,148,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcebfa', endColorstr='#2a94f7', GradientType=0 );
}

.AttachmentFileRbtn {
    float: right;
    cursor: pointer;
}

    .AttachmentFileRbtn img {
        width: 12px;
        height: 12px;
        float: right;
        border-radius: 3px;
    }

.UploadImg {
    opacity: 0.3;
}

.AttachmentFileIcon img {
    width: 50px;
    margin: 10px 0 5px 50px;
    float: left;
}

.AttachmentFileIconHold img {
    width: 30px;
    margin: 5px 0 5px 30px;
    float: left;
}

.AttachmentFileName {
    float: left;
    width: 100%;
    text-align: center;
    color: white;
}

.AttachmentFileNameHold {
    float: left;
    width: 100%;
    text-align: center;
    color: white;
}

    .AttachmentFileNameHold h4 {
        font-size: 11px;
        color: white;
    }

.grid_border_new {
    float: left;
    width: 96%;
    margin: 5px;
    padding: 3px 3px 0px 15px;
    border: none;
}

.globalSupplier {
    width: 100%;
    float: left;
    padding: 10px 0px 0px 0px;
}

.globalsupplierliheading {
    text-decoration: none;
    list-style-type: none;
    background-color: #71CD24;
    height: 30px;
    color: white;
    font-size: 17px;
    padding: 2px 0 0 0px;
}

.globalsupplierli {
    font-size: 15px;
    border-bottom: 1px solid #ededed;
    color: #000000;
    float: left;
    width: 100%;
}

    .globalsupplierli:hover {
        background-color: rgb(240, 240, 240);
    }

.gscontactname {
    float: left;
    width: 40%;
    padding: 5px 10px 5px 15px;
    border-right: 1px solid rgb(237, 237, 237);
}

.gscontactemail {
    float: left;
    height: 15px;
    width: 31%;
    padding: 5px 10px 5px 5px;
    border-right: 1px solid rgb(237, 237, 237);
    overflow: hidden;
}

.gscontactphone {
    float: left;
    width: 19.5%;
    padding: 5px 10px 5px 15px;
    /*border-right: 1px solid rgb(237, 237, 237);*/
}

.DocumentDataTable {
    float: left;
    width: 100%;
}

.DocumentDataTableHead {
    float: left;
}

    .DocumentDataTableHead tr th {
        display: inline;
        float: left;
        color: white;
        font-family: Calibri;
        font-size: 16px;
        text-align: center;
        border-right: 1px solid rgb(118, 159, 202);
        padding: 13px 0 18px 0;
    }

.th_1 {
    width: 40px;
    border-left: 1px solid rgb(118,159,202);
}

.th1 {
    width: 70px;
    border-left: 1px solid rgb(118, 159, 202);
}

.th2 {
    width: 170px;
}

.th3 {
    width: 67px;
}

.th4 {
    width: 70px;
}

.th5 {
    width: 114px;
}

.th6 {
    width: 70px;
}

.th7 {
    width: 70px;
}

.th8 {
    width: 86px;
}

.th9 {
    width: 84px;
}

.th10 {
    width: 84px;
}

.th11 {
    width: 84px;
}

.th12 {
    width: 20px;
    height: 16px;
}

.td1, .td2, .td3, .td4, .td5, .td6, .td7, .td8, .td9, .td10, .td11, .td12, .trk1, .trk2 {
    min-height: 45px !important;
    height: 100% !important;
}

#LiImg8 {
    margin-bottom: -7px;
}

.DocumentDataTableInput {
    float: left;
    width: 100%;
}

.tremp {
    border: 1px solid red;
    float: left;
    margin: 0 0 0 -1px;
    border-bottom: 1px solid red !important;
}

.DocumentDataTableHead tr {
    /*width: 100%;*/
    border-bottom: 1px solid rgb(118, 159, 202);
}

    .DocumentDataTableHead tr:nth-child(1) {
        background: rgba(73,154,234,1);
        background: -moz-linear-gradient(top, rgba(73,154,234,1) 0%, rgba(50,110,173,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,154,234,1)), color-stop(100%, rgba(50,110,173,1)));
        background: -webkit-linear-gradient(top, rgba(73,154,234,1) 0%, rgba(50,110,173,1) 100%);
        background: -o-linear-gradient(top, rgba(73,154,234,1) 0%, rgba(50,110,173,1) 100%);
        background: -ms-linear-gradient(top, rgba(73,154,234,1) 0%, rgba(50,110,173,1) 100%);
        background: linear-gradient(to bottom, rgba(73,154,234,1) 0%, rgba(50,110,173,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499aea', endColorstr='#326ead', GradientType=0 );
    }

    .DocumentDataTableHead tr td {
        /*display: inline;
        float: left;*/
        font-family: monospace;
        font-size: 13px;
        text-align: center;
        border-right: 1px solid rgb(118, 159, 202);
        vertical-align: top;
        padding-bottom: 2px;
    }

        .DocumentDataTableHead tr td img {
            width: 18px;
            padding: 7px 0 0 2px;
        }

.td_1 {
    width: 40px;
    border-left: 1px solid rgb(118,159,202);
}

.td1 {
    width: 70px;
    border-left: 1px solid rgb(118, 159, 202);
}

.td2 {
    width: 170px;
}

.td3 {
    width: 67px;
}

.td4 {
    width: 70px;
}

.td5 {
    width: 114px;
}

.td6 {
    width: 70px;
}

.td7 {
    width: 70px;
}

.td8 {
    width: 86px;
}

.td9 {
    width: 70px;
}

.td10 {
    width: 70px;
}

.td11 {
    width: 70px;
}

.td12 {
    width: 20px;
    background-color: white;
}

    .td12 a {
        color: #F05B1A;
        padding: 2px 0 7px 0px;
        float: left;
    }


.TableBottom {
    float: left;
    width: 100%;
}

.TblTotal {
    float: right;
}

    .TblTotal ul {
        float: left;
        width: 100%;
    }

        .TblTotal ul li {
            display: inline;
            float: left;
            font-family: monospace;
            font-size: 16px;
            text-align: center;
            border: 1px solid rgb(118, 159, 202);
        }

            .TblTotal ul li:nth-child(1) {
                border: none;
                font-size: 18px;
                width: 86px;
                padding-top: 5px;
            }

            .TblTotal ul li:nth-child(2) {
                width: 84px;
                border-right: none;
            }

            .TblTotal ul li:nth-child(3) {
                width: 84px;
                border-right: none;
            }

            .TblTotal ul li:nth-child(4) {
                width: 84px;
            }

.RIcon {
    height: 22px;
    opacity: 0.8;
    position: relative;
    right: 9px;
    top: 6px;
    transition: opacity 200ms;
}

button {
    font-family: 'Segoe UI', Tahoma, Calibri;
}

.RIcon {
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    outline: none;
    padding: 0;
    position: relative;
    /*width: 20px;*/
}

    .RIcon > span {
        display: inline-block;
    }

    .RIcon > .IBody,
    .RIcon > .IHead {
        background: url("../images/remove-icon.png") -23px 0 no-repeat;
        left: 8px;
        position: absolute;
        right: 8px;
        top: -1px;
    }

    .RIcon > .IHead {
        -webkit-transform-origin: 100% 100%;
        -webkit-transition: -webkit-transform 150ms;
        height: 8px;
        width: 20px;
        left: 9px;
    }

html[dir='ltr'] .RIcon > .IHead {
    -webkit-transform-origin: 107% 100%;
}

.RIcon:-webkit-any(:focus, :hover, .open) > .IHead {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform 250ms;
    background-position: 0px 0px;
}

.RIcon:-webkit-any(:focus, :hover, .open) > .IBody {
    background-position: 0px -6px;
}

html[dir='ltr'] .RIcon:-webkit-any(:focus, :hover, .open) > .IHead {
    -webkit-transform: rotate(45deg);
}

.RIcon > .IBody {
    background-position: -23px -6px;
    height: 20px;
    top: 1px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 20px;
}

.a_removefile_disable {
    background-image: url('../images/remove-icon.png');
    height: 26px;
    width: 22px;
    background-position: 24px 4px;
    margin: 0 -6px 0 14px;
}

.BankLink {
    float: left;
    width: 100%;
    margin: 20px 0;
}

    .BankLink a {
        color: #4395e5;
        text-decoration: none;
        border-bottom: 1px solid #d0e7fe;
        font-family: Euphemia;
        font-size: 16px;
    }

.VatAnalysis {
    float: left;
    cursor: pointer;
}

.tdw {
    width: 74px;
}

/**************************************************  Note details *******************************************************/

.InvoiceNote {
    float: left;
    width: 100%;
    background-color: #E7F1FB;
    margin-bottom: 100px;
}

.InvoiceNoteHead {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgb(127, 170, 208);
    padding-bottom: 3px;
}

    .InvoiceNoteHead h4 {
        color: #0D8ED9;
        font-size: 17px;
        text-decoration: none;
        padding: 0 15px 0 0;
    }

    .InvoiceNoteHead img {
        width: 17px;
        height: 17px;
        margin-bottom: -3px;
    }

.AddNote {
    float: left;
    width: 100%;
}


.myButtonn {
    -moz-box-shadow: inset 0px 0px 0px 0px #54a3f7;
    -webkit-box-shadow: inset 0px 0px 0px 0px #54a3f7;
    box-shadow: inset 0px 0px 0px 0px #54a3f7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color: #007dc1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #1F6EA6;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    padding: 6px 20px;
    text-decoration: none;
    text-shadow: 0px 0px 2px #154682;
}

    .myButtonn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
        background-color: #0061a7;
    }

    .myButtonn:active {
        position: relative;
        top: 1px;
    }

.AddAttachment {
    float: left;
    width: 100%;
}

    .AddAttachment a {
        color: rgb(76, 76, 76);
        font-size: 18px;
    }

    .AddAttachment img {
        margin-bottom: -3px;
    }

.DetailsTbl {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.DetailsTblHead {
    float: left;
    width: 100%;
}

    .DetailsTblHead tr:first-child {
        width: 100%;
        height: 26px;
        padding: 5px;
        border-bottom: 1px solid #B3D9FF;
        text-align: left;
        color: rgb(116, 116, 116);
        font-size: 15px;
        background: #bfddfb; /* Old browsers */
        background: -moz-linear-gradient(top, #bfddfb 0%, #ebf3fa 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfddfb), color-stop(100%,#ebf3fa)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #bfddfb 0%,#ebf3fa 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #bfddfb 0%,#ebf3fa 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #bfddfb 0%,#ebf3fa 100%); /* IE10+ */
        background: linear-gradient(to bottom, #bfddfb 0%,#ebf3fa 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfddfb', endColorstr='#ebf3fa',GradientType=0 ); /* IE6-9 */
    }

    .DetailsTblHead th:first-child {
        width: 30%;
        padding-left: 20px;
        border-right: 1px solid rgb(146, 199, 249);
    }

    .DetailsTblHead th:last-child {
        width: 70%;
        padding-left: 20px;
    }

    .DetailsTblHead td:first-child {
        width: 30%;
        padding-left: 20px;
        border-right: 1px solid rgb(146, 199, 249);
        font-size: 15px;
        padding-top: 4px;
        padding-bottom: 4px;
        color: black;
    }

    .DetailsTblHead td:last-child {
        width: 70%;
        padding-left: 20px;
        font-size: 15px;
        padding-top: 4px;
        padding-bottom: 4px;
        color: black;
    }

    .DetailsTblHead tr:last-child {
        border-bottom: 1px solid #B3D9FF;
    }



/*  combo stylesheet */
.cbomain {
    width: 200px;
    margin: 1px 0 0 0;
    float: left;
    background-color: #C5C5C5;
    padding: 1px;
    border-radius: 3px;
}

.cbotext {
    float: left;
    width: calc(100% - 25px);
}

    .cbotext input[type=text] {
        width: 99%;
        border: none;
        height: 24px;
        margin: 0 0 0 0;
        padding: 2px 5px 2px 5px;
        border-radius: 0;
    }

.cboimg {
    float: right;
    width: 19px;
    height: 28px;
    background-color: #E6E6E6;
    border-left: 1px solid #C8C8C8;
}

    .cboimg:hover {
        background-color: #D0D0D0;
        transition: 200ms;
        -moz-transition: 200ms;
    }


    .cboimg a {
        float: left;
        padding: 5px 6px 7px 6px;
        outline: none;
    }

    .cboimg i {
        color: rgb(105, 101, 101);
        outline: none;
    }


/*  combo stylesheet end */



.attachbtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
    box-shadow: inset 0px 1px 0px 0px #a4e271;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background: -moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
    background-color: #89c403;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #74b807;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2c8515;
}

    .attachbtn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
        background: -moz-linear-gradient(top, #77a809 5%, #89c403 100%);
        background: -webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
        background: -o-linear-gradient(top, #77a809 5%, #89c403 100%);
        background: -ms-linear-gradient(top, #77a809 5%, #89c403 100%);
        background: linear-gradient(to bottom, #77a809 5%, #89c403 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
        background-color: #77a809;
    }

    .attachbtn:active {
        position: relative;
        top: 1px;
    }



/*****************************************************************************  WelCome Screen start ****************************************************************************/

.loginWel {
    width: 1000px;
    margin: auto;
    background-color: red;
    height: 100%;
}

.loginWelHead {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .loginWelHead h4 {
        color: #63b501;
        font-family: 'Nunito', Calibri;
        font-size: 33px;
        text-align: center;
        margin-bottom: 5px;
    }

    .loginWelHead h6 {
        color: #ff9933;
        width: 750px;
        margin: auto;
        height: 100%;
        text-align: center;
        line-height: 22px;
        font-family: Calibri;
        font-size: 17px;
    }

.loginWelBody {
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 20px;
}

.loginWelBodyLeft, .loginWelBodyRight {
    float: left;
    width: 50%;
    height: 100%;
}

.loginWelBodyLeft {
    margin-top: 25px;
}

    .loginWelBodyLeft img {
        width: 400px;
        margin-left: 30px;
    }

.loginWelBodyRight {
    margin-top: 40px;
}

.lbrightOne {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.lbrightTwo {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.lbrightOne h4 {
    font-family: 'Nunito', Calibri;
    font-size: 22px;
    color: #248bda;
    padding-left: 60px;
}

.lbrightTwo h3 {
    font-size: 50px;
    font-family: algerian;
    color: #61b301;
    padding-left: 90px;
}

    .lbrightTwo h3 img {
        float: left;
    }

.lbrightTwo span {
    font-family: Calibri;
    color: #ff9933;
    font-size: 27px;
}

.lbrightThr {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

    .lbrightThr ul {
        padding-left: 100px;
    }

        .lbrightThr ul li {
            font-family: Calibri;
            font-size: 23px;
            color: #248bda;
        }

            .lbrightThr ul li span {
                font-family: Calibri;
                font-size: 27px;
                color: #67b30f;
            }


.lbrightFor {
    float: left;
    width: 100%;
}

    .lbrightFor h5 {
        color: #23aae9;
        font-family: Calibri;
        font-size: 17px;
        padding-left: 60px;
    }

        .lbrightFor h5 a {
            text-decoration: none;
            color: white;
            background-image: url('../images/lwbg.png');
            background-position: -2px -6px;
            padding: 7px 25px;
            background-size: 130px;
            background-repeat: no-repeat;
            font-size: 20px;
        }

            .lbrightFor h5 a:hover {
                color: #000000;
                transition: 1000ms;
            }

.loginWelFoot {
    float: left;
    width: 100%;
    margin: 20px 0 100px 0;
}

    .loginWelFoot h4 {
        color: #63b501;
        font-size: 30px;
        font-family: Calibri;
        padding: 0px 0px 5px 37px;
        font-weight: 600;
    }

.logwellist {
    float: left;
    width: 100%;
}

    .logwellist ul {
        text-decoration: none;
        padding: 0 0 0 30px;
    }

        .logwellist ul li {
            color: #767676;
            font-family: Calibri;
            font-size: 20px;
            /*background-image: url(../images/libg.png);*/
            /*background-repeat: no-repeat;*/
            padding: 0 0 0 22px;
            /*background-size: 18px;*/
            margin-top: 5px;
        }

            .logwellist ul li i {
                color: rgb(99, 181, 1);
                font-size: 16px;
                margin: 3px 8px 0 0;
                float: left;
            }

/*****************************************************************************  WelCome Screen End ****************************************************************************/



/*******************************************************************************************************************************************************************************/
/****************************************************************************  Request Send Invoice ****************************************************************************/
/*******************************************************************************************************************************************************************************/


.ReqInvoice {
    width: 1000px;
    margin: auto;
}

.ReqInvoiceBody {
    float: left;
    width: 100%;
    margin: 20px 0 150px 0;
}

.sendInvTbl {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
}

    .sendInvTbl h3 {
        border-bottom: 1px solid #0B85A1;
        font-family: Calibri;
        font-size: 20px;
        color: #0B85A1;
        margin-bottom: 1px;
        padding-bottom: 10px;
    }

    .sendInvTbl h4 {
        color: #FFFFFF !important;
        padding: 5px 0px;
        border-right: 1px solid #FFFFFF;
    }

.sendInvTblData {
    float: left;
    width: 100%;
    margin: 0px 0 0 0;
}

    .sendInvTblData h5 {
        color: #0B85A1 !important;
        padding: 10px 0;
    }

.TopButtons {
    width: 100%;
    float: left;
    padding: 5px 0 5px 0;
    background-color: rgb(239, 239, 239);
    box-shadow: 0px 1px 10px -4px black;
}

.TBClass {
    width: 1000px;
    margin: auto;
}

.TBCpos {
    float: right;
}

.tffButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Trebuchet MS;
    font-size: 15px;
    margin: 0 23px 0 0;
    padding: 7px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

    .tffButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        background-color: #e9e9e9;
    }

    .tffButton:active {
        position: relative;
        top: 1px;
    }

.liButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    box-shadow: inset 0px 1px 0px 0px #54a3f7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color: #007dc1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
}

    .liButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
        background-color: #0061a7;
    }

    .liButton:active {
        position: relative;
        top: 1px;
    }


.blocks {
    float: left;
    width: 100%;
    height: auto;
}

.block1 {
    width: 100%;
    float: left;
    border: 1px solid #cecece;
    height: 100%;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.2s;
}

    .block1:hover {
        border: 1px solid #2A94FE;
    }

        .block1:hover .block1right:before {
            background-color: #2A94FE;
        }

.blockNote {
    width: 100%;
    float: left;
    background-color: #ffffff;
    position: relative;
    border-top: 1px solid #cecece !important;
}

.blockNoteDrop {
    height: 184px;
    background-color: #E8FBFF;
    background-image: url(../images/upload_files.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: 50% 50%;
    opacity: 0.8;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
}

.blockNoteBody {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .blockNoteBody h4 {
        margin-bottom: 3px;
        color: #737373;
        float: left;
        width: 100%;
        font-size: 16px;
        font-family: calibri;
    }

.block2 {
    width: 80%;
    border: 1px solid rgb(11, 133, 161);
    height: 150px;
    margin: auto;
    margin-bottom: 10px;
}

.block1left {
    float: left;
    width: 50%;
    height: 155px;
    text-align: center;
    position: relative;
    transition: all 0.2s;
}

.block1right:before {
    content: "";
    position: absolute;
    background-color: #d6d6d6;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
}


    .block1right {
    float: left;
    padding: 10px;
    width: 50%;
    min-height: 155px;
    text-align: center;
    background-color: #ffffff;
    box-sizing: border-box;
    position:relative;
    transition:all 0.2s;
}

.block12right {
    width: 25%;
    height: 140px;
    float: left;
    position: absolute;
    background-image: url(../images/upload_files.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: 156px 15px;
    opacity: 0.5;
}

.block2right {
    width: 100%;
    float: left;
    margin-bottom:7px;
}

.block1middle {
    width: 2px;
    background-color: #2a94fe;
    float: left;
    height: 150px;
    color: transparent;
}

.block1left h4 {
    padding: 5px 0 10px 0;
    font-size: 17px;
    font-family: calibri;
    line-height: 25px;
}

.block1left h5 {
    font-size: 35px;
    color: rgb(124, 176, 7);
    font-weight: 600;
}

.b1rline {
    margin: 13px 0 0 0;
}

.b1rline1 {
    margin-top: 10px;
}

    .b1rline1 h3 a {
        background-image: url('../images/AttachmentIcon.png');
        background-repeat: no-repeat;
        background-position: 3px 0px;
        background-size: 24px;
        cursor: pointer;
        padding: 0 0 0 30px;
    }

.b1rline3 h3 {
    background-image: url('../images/doc-transfer.png');
    background-repeat: no-repeat;
    background-position: 175px 1px;
    background-size: 32px;
    padding: 0 0 0 40px;
}

.b1rline32 h3 {
    background-image: url('../images/doc-transfer.png');
    background-repeat: no-repeat;
    background-position: 50px 5px;
    background-size: 32px;
    padding: 0 0 0 88px;
}

.b1rline1, .b1rline2, .b1rline3, .b1rline32 {
    line-height: 25px;
}

.CcMe {
    width: 68%;
    margin: auto;
    float: left;
    text-align: right;
    padding: 6px 0;
}

    .CcMe label {
        vertical-align: top;
    }

    .CcMe input {
        width: 16px;
        height: 16px;
        margin: 0;
    }

.SCButton {
    width: 100%;
    margin: 14px 0 14px -46px;
    float: left;
}

    .SCButton a {
        /*float: right;*/
    }

.blleft, .blright {
    float: left;
    width: 50%;
}

    .blleft h5, .blright h5 {
        font-size: 17px;
    }

    .blleft h4, .blright h4 {
        padding: 5px 0 0 0;
        font-size: 30px;
        color: rgb(124, 176, 7);
    }


.activelinkclass {
    border-bottom: 3px solid #ff7400;
}

.removeThisDiv {
    display: none;
}


/*********************************************  Search Block Start **************************************************/

.rowAdvSearchBlock {
    float: left;
    width: 100%;
}

.divAdvSearchBlock {
    float: left;
    width: 98%;
    margin: 1%;
}

.divAdvSearchBlockLineOne, .divAdvSearchBlockLineTwo, .divAdvSearchBlockLineThree {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.LineOneA, .LineOneB {
    float: left;
    width: 50%;
}

.LineTwoA, .LineTwoB {
    float: left;
    width: 50%;
}

.LineTwoAa, .LineTwoAb {
    float: left;
    width: 50%;
}

.LineThreeA, .LineThreeB {
    float: left;
    width: 50%;
}

.LineThreeAa, .LineThreeAb {
    float: left;
    width: 50%;
}

    .LineOneA h4, .LineOneB h4, .LineTwoAa h4, .LineTwoAb h4, .LineThreeAa h4, .LineThreeAb h4 {
        font-size: 15px;
        margin-bottom: 3px;
    }

.LineOneA input, .LineOneB input {
    width: 83%;
    font-size: 15px;
    padding: 6px 5px 6px 5px;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
}

.LineTwoAa input, .LineTwoAb input, .LineThreeAa input, .LineThreeAb input {
    width: 75%;
    font-size: 15px;
    padding: 6px 5px 6px 5px;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
}

.SearchBtbS {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #C3C3C3;
    display: inline-block;
    cursor: pointer;
    color: #4293E4;
    font-family: Arial;
    font-size: 15px;
    padding: 6px 24px;
    margin: 0 10px 0 0;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

    .SearchBtbS:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
        background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
        background-color: #dfdfdf;
    }

    .SearchBtbS:active {
        position: relative;
        top: 1px;
    }

/*************************************************  User Add Table******************************************************/

.UserAddTbl {
    float: left;
    width: 100%;
    margin: 20px 0 60px 0;
}

.uatHead {
    float: left;
    width: 100%;
}

.UserAddTbl h3 {
    font-size: 17px;
    width: 100%;
    color: #3E95DC;
    border-bottom: 1px solid #3E95DC;
    margin: 0 0 1px 0;
}

.UserAddTblCheckbox input {
    float: left;
    width: 16px;
    height: 16px;
    margin: 2px 4px 0 0px;
}

.UserAddTblCheckbox h5 {
    float: left;
    padding: 2px 0 0 5px;
    font-family: calibri;
    font-size: 17px;
    color: #676767;
    cursor: context-menu;
}

.uatHead i {
    font-size: 15px;
    padding: 0 0 0 5px;
}

.utahA, .utahB, .utahC, .utahD, .utahE, .utahF, .utahG {
    float: left;
    width: 16%;
}

    .utahA h4, .utahB h4, .utahC h4, .utahD h4, .utahE h4, .utahF h4, .utahG h4 {
        float: left;
        width: 100%;
        color: #FFFFFF;
        text-align: center;
        background-color: #3E95DC;
        padding: 6px 0;
        background-image: url('../images/head-stroke.png');
        background-repeat: no-repeat;
    }

    .utahA h5, .utahB h5, .utahC h5, .utahD h5, .utahE h5, .utahF h5, .utahG h5 {
        float: left;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #D8D8D8;
        padding: 5px 0;
        background-color: #EAF5FF;
        background-image: url('../images/head-stroke.png');
        background-repeat: no-repeat;
    }


    .utahA h5 {
        padding: 5px 0 6px 0;
        text-align: left;
        padding-left: 20px;
    }

.uatHead input {
    width: 20px;
    height: 20px;
}


/****************************************  Issue list ID & Number  *****************************************/

.display_document_id {
    float: left;
    width: 100%;
    text-align: center;
    padding: 8px 0 10px 0;
}

    .display_document_id h4 {
        font-size: 16px;
        font-family: Calibri;
        color: #79d000 !important;
    }

        .display_document_id h4 span {
            font-family: Calibri;
            font-size: 16px;
            color: #377fc8;
        }

            .display_document_id h4 span a {
                font-family: Calibri;
                text-decoration: none;
                font-size: 16px;
                color: #377fc8;
            }
/***********************  Outstanding Payable  *************************/

.opTable {
    float: left;
    width: 100%;
    height: 100%;
    margin: 10px 0 0 0;
}

.opSelectAll {
    float: left;
    width: 100%;
    padding: 10px 0;
}

    .opSelectAll span {
        float: left;
    }

    .opSelectAll input {
        background-image: url("../images/checkbox.png");
        width: 20px !important;
        margin: 2px 0 0 0 !important;
    }

.optWrap {
    float: left;
    width: 100%;
    border: 1px solid #b1b1b1;
}

.optwHead {
    float: left;
    width: 100%;
    padding: 10px 0;
    background-color: #F9F9F9;
    border-bottom: 1px solid #b1b1b1;
}

    .optwHead h4 {
        color: #1CA7DA;
        font-family: 'Arial Rounded MT';
        text-align: center;
        margin-bottom: 10px;
    }

    .optwHead h5 {
        color: #00B7E2;
        font-family: Calibri;
        text-align: center;
        font-size: 20px;
    }

.optwhFrom {
    float: left;
    width: 60%;
    padding-left: 2%;
}

    .optwhFrom h4, .optwhFrom h5 {
        text-align: left;
    }

    .optwhFrom h6 span {
        float: left;
        color: #6B6767;
        font-size: 17px;
        width: 100%;
        padding: 3px 0;
    }

        .optwhFrom h6 span i {
            text-align: center;
            width: 14px;
        }

.optwhOverda, .optwhOutA {
    float: left;
    width: 37%;
    line-height: 30px;
}

    .optwhOverda h4, .optwhOutA h4 {
        float: left;
        width: 50%;
        text-align: left;
    }

    .optwhOverda h5, .optwhOutA h5 {
        float: left;
        width: 50%;
        text-align: left;
    }

.optwMain {
    float: left;
    width: 100%;
}

.optwRep {
    float: left;
    width: 98%;
    border: 1px solid #D8D8D8;
    /*margin: 1%;*/
    padding: 1%;
    /*background-color: #F9F9F9;*/
    background-image: url("../images/con_spliter.png");
    background-size: 9px 210px;
    background-repeat: no-repeat;
    background-position: 814px 0 !important;
    cursor: context-menu;
}

    .optwRep:hover {
        background-color: #FFFFFF;
    }

    .optwRep h4 {
        color: rgb(165, 165, 165);
        font-family: Calibri;
        font-size: 16px;
    }

    .optwRep h5 {
        font-size: 17px;
        color: #1A9FD0;
    }

.optwLeft {
    float: left;
    width: 68%;
    margin: 0 1% 0 0;
}

.optwRight {
    float: left;
    width: 17%;
    text-align: center;
    position: relative;
}

.compIcon {
    position: absolute;
    right: 0;
}

.optwLineA {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.optwLineB {
    float: left;
    width: 100%;
    margin: 0px;
}

.optwLineAa {
    float: left;
    width: 66.66%;
}

.optwLineAb {
    float: left;
    width: 23.33%;
}

.optwLineAc {
    float: left;
    width: 10%;
}

.optwLineBa, .optwLineBb, .optwLineBc {
    float: left;
    width: 33.33%;
}

.optwStatus {
    margin-bottom: 20px;
}

    .optwStatus h5, .optwDueA h5 {
        font-size: 20px;
    }
/*********************************************************  fic email resend popup ***************************************************************/

.emailform {
    float: left;
    width: 100%;
    margin: 0 auto;
}

    .emailform p {
        float: left;
        width: 100%;
        padding: 0 0 0 33px;
    }

        .emailform p label {
            float: left;
            margin-top: 1%;
            width: 12%;
            margin-top: 5px;
            margin-bottom: 5px;
            padding-top: 15px;
        }

        .emailform p input {
            float: left;
            width: 77.4%;
            margin: 13px 0 0 0;
            padding: 2px 5px 2px 5px;
        }



.html_desc {
    display: inline;
    float: right;
    text-align: left;
    width: 100%;
}
.html_descc, .html_descc1 {
    margin: 0 144px 0 0;
    float: right;
    width: 43%;
}


/* sxpublic Pages start */

.sxBody {
    background-image: url("../images/demo.jpg");
    font-size: 17px;
    font-family: Calibri !important;
    color: #5D5D5D;
    text-decoration: none;
    box-sizing: border-box;
}
.main_topSec{
    height:76px;
}
.sxHeadGrey {
    color: #6e6a6a;
    font-size: 16px;
    font-variant: normal;
    font-weight: 600;
    padding: 3px 0;
    line-height: 26px;
}

.sxDetailsBlock {
    float: left;
    width: 100%;
    background-color: #ffffff;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.sxDetailsBlock_image {
    float: left;
    width: 15%;
    text-align:left;
}

.sxDetailsBlock_image img {
    width:120px;
}

.sxDetailsBlock_text {
    float: left;
    width: 85%;
    
}

.sx_status_img {
    position: absolute;
    top: 0;
    right: 0;
}
    .sx_status_img img {
        width:225px;
    }

    .sxClientComment {
        float: left;
        width: 100%;
        margin-top: 10px;
        background-color: #ffffff;
        padding: 10px;
        box-sizing: border-box;
    }

    .sxClientComment label {
        float: left;
        width: 100%;
        font-size: 15px;
        color: #adadad;
        margin-bottom: 5px;
    }
    
        .sxClientComment > span {
        float: left;
        width: 100%;
        font-size: 17px;
        line-height: 22px;
        text-align: justify;
        word-break: break-word;
        font-family:Calibri;
    }

    .sx_thanks_message {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 25px;
    font-size: 20px;
    color: darkgreen;
}




.sxpublic_table {
    width: 100%;
    float: left;
    border-left: none !important;
}

    .sxpublic_table tr td {
        background-color: #ffffff;
    }

    .sxpublic_table tr:hover td {
        font-weight: normal !important
    }

.sxpublicBlockComment {
    float: left;
    width: 100%;
}

    .sxpublicBlockComment h4 {
        font-size: 15px;
        font-family: calibri;
        color: #adadad;
    }

.sxpublicBlockComment {
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: calibri;
    line-height: 23px;
    color: #686868;
    text-align: justify;
    word-break: break-word;
}

.sxBtnSave {
    height: 21px;
    width: 102px !important;
    min-width: 102px !important;
    line-height: 21px !important;
    box-sizing: unset !important;
    vertical-align: middle;
}


.sxAttachmentFile {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
}

.blockNoteBody > #characters_left_250 {
    width:100% !important;
}

/* sxpublic Pages End */