@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');
}

.click_to_highlight_text h1, .click_to_highlight_text h2, .click_to_highlight_text h3, .click_to_highlight_text h4, .click_to_highlight_text h5, .click_to_highlight_text h6, .click_to_highlight_text p, .click_to_highlight_text label, .click_to_highlight_text li, .click_to_highlight_text span {
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

    .click_to_highlight_text a, .click_to_highlight_text a span, .click_to_highlight_text li div, .click_to_highlight_text img {
        -webkit-touch-callout: text !important;
        -webkit-user-select: text !important;
        -khtml-user-select: text !important;
        -moz-user-select: text !important;
        -ms-user-select: text !important;
        user-select: text !important;
    }

.remove_highlight_text, .remove_highlight_text h1, .remove_highlight_text h2, .remove_highlight_text h3, .remove_highlight_text h4, .remove_highlight_text h5, .remove_highlight_text p, .remove_highlight_text li, .remove_highlight_text span {
    -webkit-touch-callout: text !important;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

a {
    outline: none !important;
    cursor: pointer;
}


/* Caax Header Logo Css Start */
.caaxLogo {
    width: 110px;
    float: left;
    margin: 0 0 3px 0;
}

.comName {
    width: 62%;
    float: left;
    text-align: center;
    position: relative;
    padding: 2px 0 0 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .comName a {
        font-family: 'open_sansbold' !important;
        font-size: 22px;
        text-shadow: 0 1px rgba(0, 0, 0, 1) !important;
        text-decoration: none !important;
        color: #fff !important;
    }

.userName {
    float: right;
    width: 27%;
    text-align: right;
}

.ancUserName {
    font-size: 16px;
    color: #fff !important;
    padding: 6px 0 0 0 !important;
    float: right !important;
    text-shadow: 0 1px rgb(123, 123, 123) !important;
    font-family: 'open_sansbold' !important;
    line-height: 16px !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
}

.liLogOut {
    border-bottom: none;
    margin: 0px !important;
    padding: 0px !important;
}
/* Caax Header Logo Css End*/


.viewIcons {
    padding: 3px 7px;
    float: left;
    margin: 0;
}

    .viewIcons:hover {
        background-color: #e4e4e4 !important;
        border-radius: 4px;
    }

    .viewIcons i {
        color: #79d000;
        font-size: 18px !important;
    }

.btnDownHover:hover {
    background-color: #e4e4e4 !important;
    border-radius: 4px;
}

.copyNoty {
    float: none !important;
    width: auto !important;
    padding: 7px 20px !important;
    font-size: 16px !important;
    position: absolute !important;
    z-index: 1 !important;
    /*-o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);*/
    /*-webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;*/
}



/* quick_create start */
.quick_create {
    display: none;
    position: absolute;
    top: 23px;
    left: 0px;
    background-color: #fff;
    z-index: 666;
    width: 210px;
    box-shadow: 0 2px 5px #262626;
}

    .quick_create:before {
        content: "";
        position: absolute;
        top: -12px;
        left: 10px;
        border-top: 6px solid transparent;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
    }

    .quick_create span {
        float: left;
        width: 100%;
        font-family: Calibri;
        font-size: 16px;
        border-bottom: 1px solid #E5E6E8;
    }

        .quick_create span a {
            padding: 10px;
            box-sizing: border-box;
            color: #000 !important;
            font-family: Calibri !important;
            font-size: 16px !important;
            cursor: pointer !important;
        }

        .quick_create span:last-child {
            border-bottom: none;
        }

        .quick_create span:hover {
            background-color: #E5E6E8;
        }

/* quick_create end */



/* favourites page list strat */
.favourites_page {
    float: left;
    width: 100%;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

    .favourites_page span {
        float: left;
        width: 100%;
        border-bottom: 1px solid #d8d8d8;
        background-color: #f7f7f7;
        transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
    }

        .favourites_page span:hover {
            background-color: #79d000;
        }

        .favourites_page span a {
            padding: 10px 10px 10px 30px !important;
            color: #191919 !important;
            width: 88%;
            float: left;
            font-family: calibri !important;
            font-size: 16px !important;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            border-right: 1px solid transparent !important;
        }

        .favourites_page span:hover a {
            color: #fff !important;
            border-right: 1px solid #4d8009 !important;
        }

        .favourites_page span a label {
            cursor: pointer !important;
        }


    .favourites_page a i {
        float: left;
        margin: 1px 0 0 -21px;
        font-size: 14px !important;
    }

    .favourites_page > span > i {
        padding: 9px 10px;
        font-size: 18px !important;
        color: #191919 !important;
        cursor: pointer;
    }

        .favourites_page > span > i:hover {
            color: red !important;
        }

    .favourites_page > span:hover > i {
        color: red !important;
    }
/* favourites page list end */







/* Count Block Like FIC Top Block Start */
.countBlock {
    width: 100%;
    float: left;
    border: 1px solid #e4e4e4;
  /*  -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;*/
    background-color: #fff;
}

.countBlockHead {
    padding: 7px 10px;
    font-size: 15px;
    font-family: 'open_sansbold';
    color: #fff;
/*    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;*/
    background: #79d000;
    background: linear-gradient(to bottom, #7ed802 5%, #6db903 100%);
    background: -moz-linear-gradient(top, #7ed802 5%, #6db903 100%);
    background: -webkit-linear-gradient(top, #7ed802 5%, #6db903 100%);
    background: -o-linear-gradient(top, #7ed802 5%, #6db903 100%);
    background: -ms-linear-gradient(top, #7ed802 5%, #6db903 100%);
    background: linear-gradient(to bottom, #7ed802 5%, #6db903 100%);
}

.countBlocks {
    border-right: 1px solid #e4e4e4;
    width: 110px;
    float: left;
    background-color: #fff;
}

.countBlockTitle {
    color: #676767;
    font-weight: 500;
    font-size: 16px;
    font-family: Calibri;
    float: left;
    width: 100%;
    padding: 5px 0 5px 0;
    text-align: center;
}

.countBlockNum {
    font-size: 35px;
    color: #6bc001;
    font-family: 'open_sansbold';
    float: left;
    width: 100%;
    padding: 0px 0 5px 0;
    text-align: center;
}

.countBlockStatus {
    cursor: pointer;
    padding: 6px 0 9px 0;
    border-radius: 0 0 15px 15px;
    color: white;
    border: 7px solid #f5f5f5;
    border-top: none;
    font-size: 15px;
    font-family: 'open_sansbold';
    width: 200px;
    float: right;
    text-align: center;
    background: #79d000;
    background: linear-gradient(to bottom, #7ed802 5%, #6db903 100%);
    background: -moz-linear-gradient(top, #7ed802 5%, #6db903 100%);
    background: -webkit-linear-gradient(top, #7ed802 5%, #6db903 100%);
    background: -o-linear-gradient(top, #7ed802 5%, #6db903 100%);
    background: -ms-linear-gradient(top, #7ed802 5%, #6db903 100%);
    background: linear-gradient(to bottom, #7ed802 5%, #6db903 100%);
}
/* Count Block Like FIC Top Block End */






/* BtnAttechIcon */
.BtnAttechIcon {
    -moz-box-shadow: inset 0px 1px 0px 0px #FBFBFB !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #FBFBFB !important;
    box-shadow: inset 0px 1px 0px 0px #FBFBFB !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FBFBFB), color-stop(1, #F1F2F2)) !important;
    background: -moz-linear-gradient(top, #FBFBFB 5%, #F1F2F2 100%) !important;
    background: -webkit-linear-gradient(top, #FBFBFB 5%, #F1F2F2 100%) !important;
    background: -o-linear-gradient(top, #FBFBFB 5%, #F1F2F2 100%) !important;
    background: -ms-linear-gradient(top, #FBFBFB 5%, #F1F2F2 100%) !important;
    background: linear-gradient(to bottom, #FBFBFB 5%, #F1F2F2 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#F1F2F2',GradientType=0) !important;
    background-color: #FBFBFB !important;
  /*  -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #B7B7B7 !important;
    border-top: 2px solid #04A1D2 !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 150px !important;
    width: 150px !important;
    color: #049ebd !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 2px 0px !important;
    line-height: 17px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #528009 !important;
    text-align: left;
    text-indent: 10px;
}

    .BtnAttechIcon:before {
        content: "\f0c6";
        font-family: FontAwesome;
        transform: rotate(44deg);
        display: inline-block;
        font-size: 28px;
        text-align: left;
        color: #04a1d2;
        position: relative;
        top: -8px;
        left: -14px;
    }

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

    .BtnAttechIcon:active {
        position: relative !important;
        top: 1px !important;
    }



/*Disable*/
.BtnAttechIconDisable {
    -moz-box-shadow: inset 0px 1px 0px 0px #FBFBFB !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #FBFBFB !important;
    box-shadow: inset 0px 1px 0px 0px #FBFBFB !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FBFBFB), color-stop(1, #F1F2F2)) !important;
    background: -moz-linear-gradient(top, #FBFBFB 5%, #F1F2F2 100%) !important;
    background: -webkit-linear-gradient(top, #FBFBFB 5%, #F1F2F2 100%) !important;
    background: -o-linear-gradient(top, #FBFBFB 5%, #F1F2F2 100%) !important;
    background: -ms-linear-gradient(top, #FBFBFB 5%, #F1F2F2 100%) !important;
    background: linear-gradient(to bottom, #FBFBFB 5%, #F1F2F2 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#F1F2F2',GradientType=0) !important;
    background-color: #FBFBFB !important;
 /*   -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #B7B7B7 !important;
    border-top: 2px solid #7d7d7d !important;
    display: inline-block;
    cursor: no-drop !important;
    min-width: 150px !important;
    width: 150px !important;
    color: #7d7d7d !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 2px 0px !important;
    line-height: 17px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #528009 !important;
    text-align: left;
    text-indent: 10px;
}

    .BtnAttechIconDisable:before {
        content: "\f0c6";
        font-family: FontAwesome;
        transform: rotate(44deg);
        display: inline-block;
        font-size: 28px;
        text-align: left;
        color: #7d7d7d;
        position: relative;
        top: -8px;
        left: -14px;
    }
/* BtnAttechIcon */






/* history_tab css Start */
.history_tab {
    float: left;
    width: 98%;
    background-color: #fdfdfd;
    border-top: solid 2px #66c278;
    margin: 10px 0 0 0;
   /* padding: 5px 10px;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


.historyCloseIcon {
    cursor: pointer;
    margin: -3px -10px -10px 0;
    float: right;
    position: relative;
}

    .historyCloseIcon img {
        width: 20px;
        height: 20px;
    }

.spliter_img {
    width: 1000px;
    height: 7px;
}

.history_head, .history_content {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}


    .history_head div, .history_head div h5 {
        font-size: 17px;
        font-family: calibri;
        font-weight: bold;
        color: #585858;
    }

    .history_content div, .history_content div h5 {
        font-size: 17px;
        font-family: calibri;
        font-weight: normal;
        color: #585858;
        line-height: 24px;
        word-break: break-word;
    }


.history_log {
    float: left;
    width: 7%;
}

    .history_log h5 {
        text-align: center;
        text-transform: capitalize;
    }


.history_date_time {
    float: left;
    width: 15%;
}

    .history_date_time h5 {
        text-align: left;
    }

        .history_date_time h5 i {
            float: right;
            margin: 5px 30px -3px 0;
            font-size: 16px !important;
            color: #585858;
        }

            .history_date_time h5 i:hover {
                color: #6DBE51;
            }


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

    .history_users h5 {
        text-align: left;
    }

        .history_users h5 a {
            text-align: left;
            text-decoration: none;
            color: #585858;
            cursor: default;
        }

.history_email_icon {
    color: #FFC107;
    margin: 0 5px 0 0;
}

    .history_email_icon:hover {
        color: #FFC107 !important;
    }


.history_desc {
    float: left;
    width: 43%;
}

    .history_desc h5 {
        text-align: left;
    }

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

    .history_desc_extra h5 {
        text-align: left;
    }

.history_desc_extra_chaild {
    margin: 0 0px 0 0;
  /*  float: right;*/
   /* width: 43%;*/
}

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

    .history_desc_aerrow h5 {
        text-align: center;
    }

        .history_desc_aerrow h5 i {
            text-align: center;
            color: #6BBF01;
            font-size: 16px !important;
            cursor: pointer;
            -webkit-touch-callout: text !important;
            -webkit-user-select: text !important;
            -khtml-user-select: text !important;
            -moz-user-select: text !important;
            -ms-user-select: text !important;
            user-select: text !important;
        }

            .history_desc_aerrow h5 i:hover {
                color: #79d000;
            }

.history_documents {
    float: left;
    width: 12%;
}

    .history_documents h5 {
        text-align: center;
    }

        .history_documents h5 a {
            text-align: center;
            text-decoration: none;
            color: #79d000;
        }

            .history_documents h5 a i {
                font-size: 18px !important;
                text-align: center;
                text-decoration: none;
                color: #79d000;
            }

                .history_documents h5 a i:hover {
                    color: #6DBE51;
                    text-decoration: none;
                }

.history_tab_line {
    border: 0;
    float: left;
    width: 100%;
    height: 1px;
    margin: 10px 0 5px 0;
    background: #6dbe51;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(#fff), color-stop(50%, #6dbe51));
    background: -o-linear-gradient(linear, 0 0, 100% 0, from(#fff), to(#fff), color-stop(50%, #6dbe51));
    background: -moz-linear-gradient(linear, 0 0, 100% 0, from(#fff), to(#fff), color-stop(50%, #6dbe51));
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

.history_content:hover .history_tab_line {
    background: #6dbe51;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(#fff), color-stop(50%, #4293e4));
    background: -o-linear-gradient(linear, 0 0, 100% 0, from(#fff), to(#fff), color-stop(50%, #4293e4));
    background: -moz-linear-gradient(linear, 0 0, 100% 0, from(#fff), to(#fff), color-stop(50%, #4293e4));
}


.FNoteTArea {
    background-color: #f5f5f5;
    border-top: solid 2px #66c278;
    margin-top: 10px;
    padding: 5px 10px 10px 10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


.FNoteLabel {
    width: 100%;
    float: left;
    font-size: 17px;
    font-family: calibri;
    margin: 0 0 5px 0;
}

.FNoteTArea textarea {
    height: 80px;
}

.FNoteFooter {
    width: 100%;
    float: left;
    margin: 20px 0 5px 0;
}

.FNoteButton {
    width: 100%;
    float: left;
    text-align: right;
}

.BtnAttechAll {
    min-width: 160px !important;
    width: 160px !important;
    padding: 2px 0px 9px 0px !important;
    font-size: 19px !important;
    text-transform: capitalize;
}

.FNoteAttach {
    margin: 15px 0 0 0 !important;
    width: 99.6% !important;
}


.tblProcessChengData_po {
    table-layout: auto;
    width: 90% !important;
    margin: 0 0 0 66px !important;
}

.tblProcessChengData {
    table-layout: auto;
    width: 169% !important;
    margin: 0 0 0 -335px !important;
}

    .tblProcessChengData tr th {
        padding: 2px 4px;
        background-color: steelblue;
        border: 1px solid #38678f !important;
        font-size: 12px !important;
    }

    .tblProcessChengData tr td {
        border: 1px solid #cccccc !important;
        background-color: #fff !important;
        font-size: 12px !important;
        font-family: calibri;
        padding: 2px 7px !important;
        word-break: break-word;
    }

/* history_tab css Start */



/*Main Menu Css Start*/
/* Main ul */
.navBarMenu {
    margin: 0;
    padding: 1px 0 0 0;
    list-style: none;
}

    .navBarMenu li {
        position: relative;
    }

    .navBarMenu > li {
        float: left;
        border-bottom: 3px solid transparent;
        margin-right: 25px;
        padding: 0 0px 5px 0px;
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
    }

/* Right Side Icon Nav Start */
.navBarMenuRight > li {
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding: 0 10px 5px 10px;
}

    .navBarMenuRight > li:last-child {
        padding: 0 0px 5px 10px !important;
    }
/* Right Side Icon Nav End */

.navBarMenu > li:hover {
    border-bottom: 3px solid #ff7400 !important;
}

.navBarMenu > li.activeLi {
    border-bottom: 3px solid #ff7400 !important;
}


.navBarMenu li a {
    display: block;
    color: #fff;
    position: relative;
    text-decoration: none;
    font-family: 'open_sansbold';
    font-size: 15px;
}


/* Main Chaild Ul */
.navBarMenu ul {
    width: 210px;
    text-align: left;
    position: absolute;
    white-space: nowrap;
    margin: 5px 0 0 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 2px 5px 10px 0px rgba(110, 106, 106, 0.83);
    z-index: 999;
    display: none;
    /*left: -99999em;*/
    min-width: 100%;
}

    .navBarMenu ul:before {
        content: "";
        position: absolute;
        top: -11px;
        left: -1px;
        border-top: 6px solid transparent;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #039503;
    }

.navBarMenu li ul li:first-child {
    border-top: none !important;
}

.navBarMenu li ul li {
    border-top: 1px solid rgb(105, 191, 0);
    background-color: #78cf02;
    transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
}

    .navBarMenu li ul li:hover {
        background-color: #69bd01 !important;
    }

    .navBarMenu li ul li:last-child {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .navBarMenu li ul li a {
        margin-top: 1px;
        padding: 10px 0px 10px 15px;
        color: #fff;
        font-size: 15px;
        font-family: sans-serif !important;
        font-weight: normal;
        text-decoration: none;
        display: block;
    }

        .navBarMenu li ul li a i {
            position: relative;
            top: -3px;
            float: right;
            font-size: 20px !important;
            padding: 0 10px 0 0;
            transition: 0.3s ease-in-out;
            -webkit-transition: 0.3s ease-in-out;
            -moz-transition: 0.3s ease-in-out;
            -o-transition: 0.3s ease-in-out;
        }


.navBarMenuBlue ul:before {
    content: "";
    position: absolute;
    top: -11px;
    left: -1px;
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #357db9;
}

.navBarMenuBlue li ul li:first-child {
    border-top: none !important;
}

.navBarMenuBlue li ul li {
    border-top: 1px solid #0f2f4a !important;
    background-color: #357db9 !important;
    transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
}

    .navBarMenuBlue li ul li:hover {
        background-color: #026ec7 !important;
    }

    .navBarMenuBlue li ul li:last-child {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }


/* Main Chaild Ul into chaild ul */
.navBarMenu ul li ul {
    margin: 0px;
    left: 100%;
    top: 0px;
}

    .navBarMenu ul li ul:before {
        content: "";
        position: absolute;
        top: 13px;
        left: -12px;
        border-top: 6px solid transparent;
        border-left: 6px solid transparent;
        border-right: 6px solid #039503;
        border-bottom: 6px solid transparent;
    }



/* Main Chaild Ul Show Ul & Hover*/
/*.navBarMenu li:hover ul   {
        display:block !important;
        min-width: 100%;
    }*/

/* Main Chaild Ul chaild Show Ul & Hover*/
/*.navBarMenu > li li:hover > ul {
        left: 100%;
        top: -1px;
    }*/
/*Main Menu Css Start*/


.headBlue {
    background: -moz-linear-gradient(top, #357db9 5%, #003f73 100%) !important;
    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: #4682b4;
}

.headAdmin {
    background-color: #607D8B !important;
}


/* Dashboard Design Start Css */











.dashForenCurDiv {
    display: none;
    text-align: center !important;
    width: 220px !important;
    margin: 7px 0 0 1px !important;
    color: rgb(136, 136, 136) !important;
    box-shadow: rgb(214, 214, 214) 0px 2px 0px 2px !important;
    padding: 7% 3% 3% !important;
    border-radius: 0px 0px 3px 3px !important;
    background: rgb(234, 244, 252) !important;
    border: 0px solid rgb(235, 235, 235) !important;
    left: 0px !important;
    /*top: 82px !important;*/
}

.headerDash {
    background-color: #2a94fe;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
   /* text-shadow: 0 1px 1px #545454;*/
    font-size: 15px;
    font-family: 'open_sanssemibold';
    margin: 0;
    padding: 10px;
    width: 98%;
    max-width: 100%;
    float: left;
    cursor: default;
    position: relative;
}

.dashMainBlock {
    padding: 10px;
    float: left;
    width: 98%;
    font-family: calibri;
    background-color: #fff;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    /*display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;*/
}

.dashChaildDiv_1 {
    border: 1px solid #e4e4e4;
    margin-right: 10.5px;
    width: 18.9%;
    height: 101px;
    border-radius: 2px;
    /* position: relative; */
    float: left;
}

    .dashChaildDiv_1:last-child {
        margin-right: 0px;
    }


.dashChaildDiv_2 {
    border: 1px solid #e4e4e4;
    margin-right: 10.5px;
    width: 15.56%;
    border-radius: 2px;
    /* position: relative; */
    float: left;
}

    .dashChaildDiv_2:last-child {
        margin-right: 0px;
    }


.dashChaildDiv_3 {
    border: 1px solid #e4e4e4;
    margin-right: 10.5px;
    width: 23.99%;
    border-radius: 2px;
    /* position: relative; */
    float: left;
}

    .dashChaildDiv_3:last-child {
        margin-right: 0px;
    }


.dashChaildDivs_3 {
    border: 1px solid #e4e4e4;
    margin-right: 10.5px;
    width: 32.33%;
    border-radius: 2px;
    float: left;
}

    .dashChaildDivs_3:last-child {
        margin-right: 0px;
    }


.dashChaildDiv_7 {
    border: 1px solid #e4e4e4;
    margin-right: 10.5px;
    width: 15.55%;
    border-radius: 2px;
    float: left;
}

    .dashChaildDiv_7:last-child {
        margin-right: 0px;
    }




.dashFlipI {
    position: absolute;
    right: 0;
    padding: 10px;
    z-index: 1;
    cursor: pointer;
    color: #7d7d7d;
}

.dashBlockText {
    text-decoration: none;
    color: #686868;
    text-align: center;
    font-size: 16px;
    font-family: calibri;
}

.dashBlockHead {
    text-decoration: none;
    color: #686868;
    text-align: left;
    font-size: 17px;
    font-family: calibri;
    width: auto;
    float: left;
}

.dashBlockHeadChaild {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 0;
    text-indent: 10px;
}

.dashEmailBlock {
    background-color: #fff !important;
    width: 97% !important;
    margin: 0 10px 0 0px !important;
    border: 1px solid #e4e4e4;
    outline: 0px;
    position: relative;
}

    .dashEmailBlock a {
        text-decoration: none;
    }

.dashEmailtext {
    float: left;
    color: #595959;
    font-size: 17px;
    font-family: calibri;
    margin: 3.3px 0 0 0;
}

.dashEmailtextCount {
    font-size: 19px;
    font-family: 'open_sansbold';
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    float: right;
    border: 1px solid transparent;
    margin: 0 -5px 0 0;
}

    .dashEmailtextCount:hover {
        border: 1px solid #e4e4e4;
    }

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

    .dashEmailallemail a {
        color: #6bc001;
        font-size: 17px;
        font-family: calibri;
        padding: 3px 10px 10px 10px;
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
    }

        .dashEmailallemail a:hover {
            color: #2a94fe !important;
        }

        .dashEmailallemail a i {
            float: right;
            font-size: 18px !important;
            padding: 2px 8px 2px 7px;
            margin: -2px -6px 0 0;
        }


.dashReqBlock {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    width: 59.7% !important;
    position: relative;
}

.dashReqChaild {
    float: left;
    padding: 10px;
    width: 97%;
    font-family: calibri;
}

.dashReqList1 {
    color: #686868;
    text-align: left;
    font-size: 17px;
    font-family: calibri;
    text-decoration: none;
    width: auto;
    float: left;
    outline: 0;
    cursor: default;
    padding: 5px 0 0 10px;
}

.dashReqList {
    color: #686868;
    text-align: left;
    font-size: 17px;
    font-family: calibri;
    text-decoration: none;
    width: auto;
    float: left;
    outline: 0;
    cursor: default;
}

    .dashReqList:focus, dashReqList:active, dashReqList:hover {
        outline: 0;
        border: none;
    }

.dashReqListCount {
    float: right;
    margin: 0px 20px 0 0;
    font-size: 19px;
    font-family: 'open_sansbold';
    padding: 3px;
    border: 1px solid transparent;
    position: relative;
}

    .dashReqListCount:hover {
        padding: 3px;
        border: 1px solid #e4e4e4;
    }


.dashDlPoGrBlock {
    background-color: #fff !important;
    width: 100% !important;
    margin: 10px 0 0 0;
    float: left;
    border: 1px solid #e4e4e4 !important;
    box-sizing: border-box;
}

.dashDlPoGrDataBlock {
    border-top: 1px solid #e4e4e4;
    margin: -2px 0 0 0 !important;
    background-color: #fff;
    float: left;
    width: 100%;
    box-shadow: rgba(50, 50, 50, 0.3) 5px 3px 5px;
    position: absolute;
    z-index: 5;
    top: 51px !important;
}

.dashDlPoGrDataListBlock {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f2efef;
    padding-bottom: 5px;
    padding-top: 5px;
    transition: all 0.4s;
}

    .dashDlPoGrDataListBlock:hover {
        border-bottom: 1px solid #95caff;
        background-color: #dff8ff;
    }

    .dashDlPoGrDataListBlock a {
        text-decoration: none;
    }

.dashDlPoGrDataBlockIconList {
    font-size: 18px !important;
    color: #2a94fe;
    float: right;
    position: relative;
    margin: 0 10px 0 10px;
}

    .dashDlPoGrDataBlockIconList i {
        padding: 3px;
        border: 1px solid transparent;
    }

        .dashDlPoGrDataBlockIconList i:hover {
            border: 1px solid #bbbbbb;
            border-radius: 2px;
        }

.dashDlPoGrDataBlockIconAdd {
    font-size: 20px !important;
    color: #79d000;
    float: right;
    position: relative;
    margin: 0 10px 0 10px;
}

    .dashDlPoGrDataBlockIconAdd i {
        padding: 3px;
        border: 1px solid transparent;
    }

        .dashDlPoGrDataBlockIconAdd i:hover {
            border: 1px solid #bbbbbb;
            border-radius: 2px;
        }


.DashficSky {
    background-color: #d4edfa;
    color: #292525;
    padding: 8px 10px;
    float: left;
    width: 98%;
    font-size: 18px;
    font-family: calibri;
}



/* Dashboard Design End Css */


/* Radio Btn Bacnkground Color CSS Strat    ///// Green Orange Red */

.inputGreen input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: darkgrey;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.inputGreen input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #454645;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
    box-shadow: 0 0px 0 5px #79d000 inset;
}

.inputOrange input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: darkgrey;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.inputOrange input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #454645;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
    box-shadow: 0 0px 0 5px #ffa500 inset;
}

.inputRed input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: darkgrey;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.inputRed input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #454645;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
    box-shadow: 0 0px 0 5px #ff5757 inset;
}

/* Radio Btn Bacnkground Color CSS Strat */





/* Request for Suppler Mail Strat */
.reqUserName {
    font-size: 17px;
    font-family: calibri;
    margin-bottom: 7px;
    float: left;
    width: 100%;
}

.reqUserMsg {
    font-size: 17px;
    font-family: calibri;
    margin-bottom: 7px;
    text-align: justify;
    line-height: 21px;
    word-break: break-word;
    color: #5D5D5D;
}
/* Request for Suppler Mail End */





.modalHead {
    font-size: 18px !important;
    color: #1b1b1b !important;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    width: 100%;
    font-family: sans-serif !important;
}

.BtnSignSup {
    width: 140px;
    padding: 5px;
    background-color: #61b301;
    /*border-radius: 2px;*/
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    font-size: 17px;
    margin-top: 1px;
}

    .BtnSignSup:hover {
        background-color: #fff;
        color: #000;
        cursor: pointer;
    }

.BtnPurchs {
    width: 140px;
    background-color: #f48b0b;
    padding: 5px;
    /*border-radius: 2px;*/
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    font-size: 17px;
    margin-top:1px;
}

    .BtnPurchs:hover {
        background-color: #fff;
        color: #000;
        cursor: pointer;
    }


.BtnSaveProcessNew {
    -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;
    text-align: center !important;
    cursor: pointer !important;
    color: #ffffff !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 5px 0px !important;
    line-height: 21px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #528009 !important;
}


/*---------------Processing Document---------------*/
.BtnAddNewLine {
    -moz-box-shadow: inset 0px 1px 0px 0px #5399d3 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #5399d3 !important;
    box-shadow: inset 0px 1px 0px 0px #5399d3 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5399d3), color-stop(1, #4682b4)) !important;
    background: -moz-linear-gradient(top, #5399d3 5%, #4682b4 100%) !important;
    background: -webkit-linear-gradient(top, #5399d3 5%, #4682b4 100%) !important;
    background: -o-linear-gradient(top, #5399d3 5%, #4682b4 100%) !important;
    background: -ms-linear-gradient(top, #5399d3 5%, #4682b4 100%) !important;
    background: linear-gradient(to bottom, #5399d3 5%, #4682b4 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0) !important;
    background-color: #5399d3 !important;
 /*   -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;*/
    border: 1px solid #4682b4 !important;
    display: inline-block;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 100px !important;
    width: 155px !important;
    color: #fff !important;
    font-family: calibri !important;
    font-size: 17px !important;
    line-height: 21px !important;
    padding: 5px 0px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #ffffff !important;
}

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

    .BtnAddNewLine:active {
        position: relative !important;
        top: 1px !important;
    }
/*---------------Processing Document---------------*/




/* communicator */

.comm_tab {
    float: left;
    width: 98%;
    background-color: rgb(245, 243, 243);
    border-top: solid 2px rgb(102, 194, 120);
    margin: 0px 0 0px 0;
    padding: 10px;
}


/*Recvid Mag*/

.RecMsg {
    width: 79.5%;
    padding: 7px;
    border-radius: 4px;
    border: 1px solid #cec6c6;
    float: left;
    margin: 0 0 10px 0;
    background-color: #fff;
    box-shadow: 3px 3px #eae2e2;
    transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
}

    .RecMsg:before {
        content: '';
        border-left: 8px solid transparent;
        border-right: 8px solid #a2a1a1;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        position: absolute;
        margin: 2px 0 0 -23px;
    }

    .RecMsg:hover {
        background-color: #f5f3f3;
    }


.UserImg {
    width: 50px;
    height: 50px;
    line-height: 50px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    background: #f5f3f3;
    cursor: pointer;
}

    .UserImg img {
        width: 50px;
    }

    .UserImg h1 {
        font-size: 38px;
        color: #cccccc;
        line-height: 50px;
        font-weight: bold;
    }


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


    .UserName h4 {
        color: #686868;
        font-size: 18px;
        font-family: Calibri;
        font-weight: bold;
        width: 70%;
        float: left;
    }


.DocAttech {
    float: right;
    width: 20%;
    text-align: right;
}

.Attechcount {
    color: #101010;
    background-color: transparent;
    width: auto;
    text-align: center;
    border-radius: 4px;
    font-size: 13px;
    border: 1px solid #DEDEDE;
    cursor: pointer;
    padding: 0 5px 0 5px;
}

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

.UserText {
    float: left;
    margin: 5px 0 0 0;
    width: 100%;
}

    .UserText h5 {
        color: #686868;
        font-size: 16px;
        font-family: Calibri;
        line-height: 20px;
        text-align: justify;
    }



.UserTime {
    float: right;
    margin: 0 0 0 0;
    width: auto;
}


    .UserTime h5 {
        color: #a09f9f;
        font-size: 14px;
        font-family: Calibri;
        line-height: 20px;
        text-align: right;
    }


/*Recvid Mag*/





/*Send Mag*/

.SendMsg {
    width: 79.5%;
    padding: 7px;
    border-radius: 4px;
    border: 1px solid #cec6c6;
    float: right;
    margin: 0 0 10px 0;
    background-color: #e5f1fd;
    box-shadow: 3px 3px #eae2e2;
    transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
}

    .SendMsg:after {
        content: '';
        border-left: 8px solid #a2a1a1;
        border-right: 8px solid transparent;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        position: absolute;
        margin: 2px 0 0 7px;
    }

    .SendMsg:hover {
        background-color: #d9ecff;
    }


.UserImgSend {
    width: 50px;
    height: 50px;
    line-height: 50px;
    float: right;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

    .UserImgSend img {
        width: 50px;
    }

    .UserImgSend h1 {
        font-size: 38px;
        color: #cccccc;
        line-height: 50px;
        font-weight: bold;
    }

.UserTimeSend {
    float: right;
    margin: 0 0 0 0;
    width: auto;
}


    .UserTimeSend h5 {
        color: #a09f9f;
        font-size: 14px;
        font-family: Calibri;
        line-height: 20px;
        text-align: right;
    }

/*Send Mag*/



/* User Comment */

.UserComm {
    width: 100%;
    float: left;
    background: #fff;
}

.UserCommMsg {
    width: 98%;
    padding: 10px;
    resize: none;
}

.UserAttDoc {
    float: left;
    width: 98%;
    padding: 10px;
    background-color: #f5f3f3;
}

.Msgval {
    color: #a09f9f;
    font-size: 14px;
    font-family: Calibri;
    line-height: 20px;
    text-align: right;
}

.AttechIcon {
    float: right;
    font-size: 20px;
    color: #a09f9f;
    cursor: pointer;
    margin: 0 0 0 10px;
}

.AttchName {
    text-align: right;
    padding: 10px;
    font-size: 14px;
    float: left;
    width: 98%;
    background-color: #f5f3f3;
}

.DocMulti {
    float: left;
    text-align: right;
    width: 98%;
    color: #968c85;
}

.AttehClose {
    cursor: pointer;
}

/* User Comment */



.UserDocPdf {
    width: 30px;
    float: left;
}

.UserDocPdfName h4 {
    cursor: default;
}

.UserDocPdf i {
    font-size: 20px;
    color: #a2a1a1;
    margin: 3px 0 0 13px;
    cursor: pointer;
}

.UserDocPdf img {
    width: 22px;
}

.UserDocPdfName {
    width: 138px;
    float: left;
    margin: 5px 0 0 0;
}



/* communicator */








/*SearchPanel*/

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

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

BtnGrey .SearchPanelPor 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;
}

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

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

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


/*---------------Processing Document---------------*/
.BtnOther {
    -moz-box-shadow: inset 0px 1px 0px 0px #5399d3 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #5399d3 !important;
    box-shadow: inset 0px 1px 0px 0px #5399d3 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5399d3), color-stop(1, #4682b4)) !important;
    background: -moz-linear-gradient(top, #5399d3 5%, #4682b4 100%) !important;
    background: -webkit-linear-gradient(top, #5399d3 5%, #4682b4 100%) !important;
    background: -o-linear-gradient(top, #5399d3 5%, #4682b4 100%) !important;
    background: -ms-linear-gradient(top, #5399d3 5%, #4682b4 100%) !important;
    background: linear-gradient(to bottom, #5399d3 5%, #4682b4 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0) !important;
    background-color: #5399d3 !important;
/*    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;*/
    border: 1px solid #4682b4 !important;
    display: inline-block;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 100px !important;
    width: 155px !important;
    color: #fff !important;
    font-family: calibri !important;
    font-size: 17px !important;
    line-height: 21px !important;
    padding: 5px 0px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #ffffff !important;
}

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

    .BtnOther:active {
        position: relative !important;
        top: 1px !important;
    }
/*---------------Processing Document---------------*/


/* 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;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.tooltip-inner {
    padding: 3px 20px !important;
    color: #6e6a6a !important;
    text-align: center !important;
    background-color: #f6f6f6 !important;
    border-radius: 4px !important;
    -moz-box-shadow: 1px 2px 6px rgba(0,0,0,0.3) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.3) !important;
    box-shadow: 1px 2px 6px rgba(0,0,0,0.3) !important;
    font-family: Calibri !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 600 !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.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 */



/* Nav Menu Design */

.NavMenuBody {
    width: 200px;
    position: fixed;
    top: 98px;
    background-color: #69bd01;
    z-index: 999999;
    padding: 0px 0px 0px 0;
    line-height: 30px;
    margin: 0px 0px 0px -112px;
    height: auto;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 2px 5px 10px 0px rgba(110, 106, 106, 0.83);
}

.NavMenuTopCorner:after {
    content: "";
    position: absolute;
    top: -12px;
    left: -1px;
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #039503;
}

.NavMenuHead {
    background: #039503;
    color: #fff;
    font-size: 16px;
    font-family: sans-serif;
    margin-bottom: 10px;
    padding: 2px 00px 2px 15px;
    cursor: context-menu;
    border-radius: 0px;
    clear: both;
}

.NavMenu {
    margin: 0;
    cursor: pointer;
    width: 88%;
    transition: 0.2s all;
    -o-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}

    .NavMenu li {
        float: left;
        width: 106%;
        border-top: 1px solid rgb(105, 191, 0);
        padding: 5px 0px 5px 15px;
        /*background: linear-gradient(#78cf02 5%, #74ca08 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #78cf02 ), color-stop(1, #74ca08)) !important;
        background: -moz-linear-gradient(top, #78cf02 5%, #74ca08 100%) !important;
        background: -webkit-linear-gradient(top, #78cf02 5%, #74ca08 100%) !important;
        background: -o-linear-gradient(top, #78cf02 5%, #74ca08 100%) !important;
        background: -ms-linear-gradient(top, #78cf02 5%, #74ca08 100%) !important;
        background: linear-gradient(to bottom, #78cf02 5%, #74ca08 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78cf02', endColorstr='#74ca08',GradientType=0) !important;*/
        background-color: #78cf02 !important;
        transition: background 0.3s ease-in-out;
        -webkit-transition: background 0.3s ease-in-out;
        -moz-transition: background 0.3s ease-in-out;
        -o-transition: background 0.3s ease-in-out;
        -ms-transition: background 0.3s ease-in-out;
    }

        .NavMenu li a {
            color: #fff;
            font-size: 15px;
            font-family: sans-serif !important;
            font-weight: normal;
            text-decoration: none;
            display: block;
            outline: 0px;
        }

        .NavMenu li:hover {
            /*background: linear-gradient(#74c403 5%, #86df0b 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74c403 ), color-stop(1, #86df0b)) !important;
        background: -moz-linear-gradient(top, #74c403 5%, #86df0b 100%) !important;
        background: -webkit-linear-gradient(top, #74c403 5%, #86df0b 100%) !important;
        background: -o-linear-gradient(top, #74c403 5%, #86df0b 100%) !important;
        background: -ms-linear-gradient(top, #74c403 5%, #86df0b 100%) !important;
        background: linear-gradient(to bottom, #74c403 5%, #86df0b 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c403', endColorstr='#86df0b',GradientType=0) !important;*/
            background-color: #69bd01 !important;
        }

        .NavMenu li a:hover {
            color: #fff !important;
        }

    .NavMenu i {
        font-size: 17px !important;
        color: #fff;
        float: left;
        margin: 6px 15px 0px 0;
        display: none;
    }

/* Nav Menu Design */



/* DropDon Menu under */
.NavMenu1 {
    display: none;
}

.NavSubMenu:hover .NavMenu1 {
    display: block;
}

.NavMenuBody1 {
    width: 201px;
    position: fixed;
    top: 146px;
    background-color: #69bd01;
    z-index: 999999;
    padding: 00px 0px 0px 0;
    line-height: 30px;
    margin: 67px 0 0 185px;
    height: auto;
    box-shadow: 3px 2px 6px 0px rgba(110, 106, 106, 0.83);
    /*border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;*/
}

.NavMenu1 {
    margin: 0;
    cursor: pointer;
    width: 88%;
    transition: 0.2s all;
    -o-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}

    .NavMenu1 li {
        float: left;
        width: 106%;
        border-top: 1px solid rgb(108, 188, 4);
        padding: 5px 0px 5px 15px;
        background-color: #69bd01;
        /*background: linear-gradient(#78cf02 5%, #74ca08 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #78cf02 ), color-stop(1, #74ca08)) !important;
        background: -moz-linear-gradient(top, #78cf02 5%, #74ca08 100%) !important;
        background: -webkit-linear-gradient(top, #78cf02 5%, #74ca08 100%) !important;
        background: -o-linear-gradient(top, #78cf02 5%, #74ca08 100%) !important;
        background: -ms-linear-gradient(top, #78cf02 5%, #74ca08 100%) !important;
        background: linear-gradient(to bottom, #78cf02 5%, #74ca08 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78cf02', endColorstr='#74ca08',GradientType=0) !important;
        background-color: #78cf02 !important;*/
        transition: background 0.5s ease-in-out;
        -webkit-transition: background 0.5s ease-in-out;
        -moz-transition: background 0.5s ease-in-out;
        -o-transition: background 0.5s ease-in-out;
        -ms-transition: background 0.5s ease-in-out;
    }

        .NavMenu1 li a {
            color: #fff;
            font-weight: normal;
            font-size: 15px;
            font-family: sans-serif !important;
            font-weight: normal;
            text-decoration: none;
            display: block;
        }

        .NavMenu1 li:hover {
            background-color: #69bd01 !important;
            /*background: linear-gradient(#74c403 5%, #86df0b 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74c403 ), color-stop(1, #86df0b)) !important;
        background: -moz-linear-gradient(top, #74c403 5%, #86df0b 100%) !important;
        background: -webkit-linear-gradient(top, #74c403 5%, #86df0b 100%) !important;
        background: -o-linear-gradient(top, #74c403 5%, #86df0b 100%) !important;
        background: -ms-linear-gradient(top, #74c403 5%, #86df0b 100%) !important;
        background: linear-gradient(to bottom, #74c403 5%, #86df0b 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c403', endColorstr='#86df0b',GradientType=0) !important;*/
        }

        .NavMenu1 li a:hover {
            color: #fff !important;
        }

    .NavMenu1 i {
        font-size: 17px !important;
        color: #fff;
        float: left;
        margin: 6px 15px 0px 0;
    }





/* Drag & Drop / Attach */
.attach_div {
    width: 100%;
    height: 100%;
    background-color: #F6F7F9;
    top: 98px;
    position: fixed;
    z-index: 999999;
}

.Attach_Head {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #dcdcdc;
}

.Attach_Div1 {
    width: 100%;
    text-align: left;
    color: #6e6a6a;
    float: left;
    font-family: Calibri;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
}

.attach_close {
    color: #6e6a6a;
    font-family: Calibri;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    float: right;
    text-align: right;
    position: fixed;
    right: 0;
}

    .attach_close i {
        cursor: pointer;
        font-size: 24px !important;
        color: rgb(110, 106, 106);
        margin: 0 50px 0 0;
    }

/* Drag & Drop / Attach */


/*All Notification IMG*/
.approvalImgNoti {
    background-image: url(../images/pp-approval.png) !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    float: left;
    width: 25px;
    height: 25px;
    margin: -9px 7px 0 -22px;
}

.rejectImgNoti {
    background-image: url(../images/pp-rejected.png) !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    float: left;
    width: 25px;
    height: 25px;
    margin: -9px 7px 0 -22px;
}
/*All Notification IMG*/


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

/* Request Outstanding */
.routtext {
    cursor: pointer;
}

.routtextlink {
    cursor: pointer;
    text-decoration: underline;
    color: #4293E4;
}
/* Request Outstanding */

/**/

.btnReqFor {
    /*-moz-box-shadow: inset 0px 1px 0px 0px #3486da !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3486da !important;
    box-shadow: inset 0px 1px 0px 0px #3486da !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #73b4f6), color-stop(1, #45a0fa)) !important;
    background: -moz-linear-gradient(to bottom, #73b4f6 5%, #45a0fa 100%) !important;
    background: -webkit-linear-gradient(to bottom, #73b4f6 5%, #45a0fa 100%) !important;
    background: -o-linear-gradient(to bottom, #73b4f6 5%, #45a0fa 100%) !important;
    background: -ms-linear-gradient(to bottom, #73b4f6 5%, #45a0fa 100%) !important;
    background: linear-gradient(to bottom, #73b4f6 5%, #45a0fa 100%) !important;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a9bec', endColorstr='#3486da',GradientType=0) !important;
    background-color: #2a94fe !important;
    border: 1px solid #2a94fe !important;
   /* -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;*/
    display: inline-block;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 150px !important;
    width: 215px;
    color: #fff !important;
    font-family: calibri !important;
    font-size: 18px !important;
    line-height: 18px !important;
    padding: 5px 0px !important;
    text-decoration: none !important;
    /*text-shadow: 0px 0px 0px #ffffff !important;*/
}

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


/**/


/* Raise a debit note Button */
.BtnDebitNote {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fcfcfc), color-stop(1, #f2f3f3)) !important;
    background: -moz-linear-gradient(top, #fcfcfc 5%, #f2f3f3 100%) !important;
    background: -webkit-linear-gradient(top, #fcfcfc 5%, #f2f3f3 100%) !important;
    background: -o-linear-gradient(top, #fcfcfc 5%, #f2f3f3 100%) !important;
    background: -ms-linear-gradient(top, #fcfcfc 5%, #f2f3f3 100%) !important;
    background: linear-gradient(to bottom, #fcfcfc 5%, #f2f3f3 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f2f3f3',GradientType=0) !important;
    background-color: #fcfcfc !important;
    border-top: 2px solid #04a1d2 !important;
   /* -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    display: inline-block;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 150px !important;
    width: 215px;
    !important;
    color: #04a1d2 !important;
    font-family: calibri !important;
    font-size: 21px !important;
    line-height: 21px !important;
    padding: 5px 0px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #ffffff !important;
}

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


/* Raise a debit note Button */


/* client Deta Capture Button */

.BtnSaveData {
    -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;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 150px !important;
    width: 150px !important;
    color: #ffffff !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 5px 0px !important;
    line-height: 21px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #528009 !important;
}

    .BtnSaveData: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;
    }

    .BtnSaveData:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnCancelData {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #e8e8e8)) !important;
    background: -moz-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -webkit-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -o-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -ms-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: linear-gradient(to bottom, #f5f5f5 5%, #e8e8e8 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0) !important;
    background-color: #f5f5f5 !important;
/*    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #B7B7B7 !important;
    display: inline-block;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 150px !important;
    width: 150px !important;
    color: #666666 !important;
    font-family: calibri !important;
    font-size: 17px !important;
    line-height: 21px !important;
    padding: 5px 0px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #ffffff !important;
}

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

    .BtnCancelData:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnQueDisData {
    -moz-box-shadow: 0px 0px 0px 0px #ff3700 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #ff3700 !important;
    box-shadow: 0px 0px 0px 0px #ff3700 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7aa6b), color-stop(1, #ff6a00)) !important;
    background: -moz-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: -webkit-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: -o-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: -ms-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: linear-gradient(to bottom, #f7aa6b 5%, #ff6a00 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7aa6b', endColorstr='#ff6a00',GradientType=0) !important;
    background-color: #f7aa6b !important;
 /*   -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #ff7300 !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 150px !important;
    width: 150px !important;
    color: #ffffff !important;
    font-family: Calibri !important;
    font-size: 17px !important;
    padding: 5px 0px !important;
    line-height: 21px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px #528ecc !important;
}

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

    .BtnQueDisData:active {
        position: relative !important;
        top: 1px !important;
    }

/* client Deta Capture Button */




/* Action & View Button */
.dropbtn {
    background-color: #F6F7F7;
    width: 100px;
    border-top: none;
    text-align: center;
    margin: 00px 00px 00px 00px;
    padding: 5px;
    color: #4293E4;
    font-family: Candara;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid darkgray;
    transition: all ease-in 0.7s;
}

.dropdown {
    position: relative;
    display: inline-block;
    margin-top: -15px;
}
/*Action Botton Css*/
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    font-family: Candara;
    font-size: 16px;
    z-index: 1;
    margin-left: 0px;
    border: 1px solid darkgray;
    width: 227px;
}

    .dropdown-content ul li {
        margin: 00px;
        padding: 00px;
    }

        .dropdown-content ul li a {
            color: #4293E4;
            padding: 8px 14px;
            text-decoration: none;
            display: block;
            background-color: #FFF;
            border-bottom: 1px solid #04A1D2;
            font-family: Candara;
            font-size: 16px;
        }

            .dropdown-content ul li a:hover {
                color: #79d000;
                background: #e4f9ff;
            }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #F6F7FF;
    color: #79d000;
}
/*Action Botton Css*/

/*View Botton Css*/
.dropdown-content_View {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    font-family: Candara;
    font-size: 16px;
    z-index: 1;
    margin-left: -117px;
    border: 1px solid darkgray;
    width: 227px;
}

    .dropdown-content_View ul li {
        margin: 00px;
        padding: 00px;
    }

        .dropdown-content_View ul li a {
            color: #4293E4;
            padding: 8px 14px;
            text-decoration: none;
            display: block;
            background-color: #FFF;
            border-bottom: 1px solid #04A1D2;
            font-family: Candara;
            font-size: 16px;
        }

            .dropdown-content_View ul li a:hover {
                color: #79d000;
                background: #e4f9ff;
            }

.dropdown:hover .dropdown-content_View {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #F6F7FF;
    color: #79d000;
}
/*View Botton Css*/
/* Action & View Button */


.caaxa {
    position: absolute;
    font-size: 21px !important;
    margin-right: 10px;
    padding: 4px 0px !important;
    color: #2e8cd3;
}

.removee {
    text-align: center !important;
    padding: 00px;
    margin-right: 20px;
}



.bgncolour th:last-child {
    /*padding-left:28px !important;*/
    text-align: center !important;
}



/*btnDropdown Start*/


.btnDropdown {
    display: inline-block !important;
    background-color: #F6F7F7;
    width: 100px;
    cursor: pointer;
    padding: 0 !important;
    margin: 0 0 0 5px !important;
    border: 1px solid #dedede;
    text-align: center;
    position: relative;
    transition: all ease-in 0.2s;
    -webkit-transition: all ease-in 0.2s;
    -moz-transition: all ease-in 0.2s;
}

    .btnDropdown:hover {
        background-color: #ffffff;
    }

    .btnDropdown a {
        padding: 5px 0 !important;
        color: #4293E4;
        font-family: Candara;
        font-size: 16px;
        cursor: pointer;
        text-decoration: none;
        display: block !important;
    }

    .btnDropdown ul {
        position: absolute;
        top: 28px;
        left: 0;
        display: block;
        width: 210px;
        z-index: 2;
        box-shadow: 0px 0px 7px #dedede;
    }

        .btnDropdown ul li {
            display: block;
            padding: 0 !important;
            margin: 0 0 0 0 !important;
            background-color: #FFF;
            border-bottom: 1px solid #04A1D2;
            transition: all ease-in 0.2s;
            -webkit-transition: all ease-in 0.2s;
            -moz-transition: all ease-in 0.2s;
        }

            .btnDropdown ul li:hover {
                color: #79d000;
                background: #e4f9ff;
            }


            .btnDropdown ul li a {
                text-align: left;
                padding: 8px 10px !important;
                text-decoration: none;
                font-family: Candara;
                font-size: 16px;
                color: #4293E4;
                display: block;
                word-break: break-word;
            }

                .btnDropdown ul li a.dec {
                    background-color: #eaeaea;
                    color: #332f2f;
                    cursor: no-drop;
                }

/*btnDropdown End*/



.CommonOneHalf {
    width: 100%;
    float: left;
    margin: 1% 0 0 0;
}

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

.CommonThreeHalf {
    width: 33.33%;
    float: left;
}

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

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

.CommonFiveHalf80 {
    width: 80%;
    float: left;
}

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

.CommonFiveHalf70 {
    width: 70%;
    float: left;
}

.CommonFiveHalf65 {
    width: 65%;
    float: left;
}

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

.CommonFiveHalf55 {
    width: 55%;
    float: left;
}

.CommonFiveHalf45 {
    width: 45%;
    float: left;
}

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

.CommonFiveHalf35 {
    width: 35%;
    float: left;
}

.CommonFiveHalf33 {
    width: 33%;
    float: left;
}

.CommonFiveHalf30 {
    width: 30%;
    float: left;
}

.CommonFiveHalf28 {
    width: 28%;
    float: left;
}

.CommonFiveHalf23 {
    width: 23%;
    float: left;
}

.CommonFiveHalf21 {
    width: 21%;
    float: left;
}

.CommonFiveHalf18 {
    width: 18%;
    float: left;
}

.CommonFiveHalf17 {
    width: 17%;
    float: left;
}

.CommonFiveHalf15 {
    width: 15%;
    float: left;
}

.CommonFiveHalf12 {
    width: 12%;
    float: left;
}

.CommonFiveHalf11 {
    width: 11%;
    float: left;
}

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

.CommonFiveHalf9 {
    width: 9%;
    float: left;
}

.CommonFiveHalf8 {
    width: 8%;
    float: left;
}

.CommonFiveHalf7 {
    width: 7%;
    float: left;
}

.CommonFiveHalf6 {
    width: 6%;
    float: left;
}

.CommonFiveHalf5 {
    width: 5%;
    float: left;
}

    .CommonOneHalf h4, .CommonTwoHalf h4, .CommonThreeHalf h4, .CommonFourHalf h4 .CommonFiveHalf h4, .CommonFiveHalf80 h4, .CommonFiveHalf70 h4, .CommonFiveHalf60 h4, .CommonFiveHalf40 h4, .CommonFiveHalf35 h4, .CommonFiveHalf30 h4, .CommonFiveHalf15 h4, .CommonFiveHalf10 h4, .CommonFiveHalf11 h4, .CommonFiveHalf9 h4, .CommonFiveHalf8 h4, .CommonFiveHalf7 h4, .CommonFiveHalf6 h4, .CommonFiveHalf5 h4 {
        width: 100%;
        height: 19px;
        float: left;
        margin: 0;
        color: #676767; /* green=#6ABE01*/
        font-weight: 500;
        font-size: 17px;
        font-family: Calibri;
        cursor: context-menu;
    }

.CommonOneHalf h5, .CommonTwoHalf h5, .CommonThreeHalf h5, .CommonFiveHalf h5 {
    width: 100%;
    float: left;
    margin: 0;
    color: #377fc8;
    font-size: 17px;
    font-family: Calibri;
    cursor: context-menu;
}

.CommonOneHalf input, .CommonTwoHalf input, .CommonThreeHalf input, .CommonFiveHalf input {
    width: 91%;
    border-radius: 2px;
    float: left;
    font-size: 17px;
    cursor: auto;
    font-family: Calibri;
    padding: 3px 2px;
    margin: 0px 0 2px 0;
    background-color: #FFFFFF;
    border: 1px solid #C8C8C8;
    outline: none;
}

.DisableField {
    background-color: #eaeaea !important;
    cursor: no-drop !important;
}

.OverwriteBlockC {
    width: 249px;
    height: 10px;
    cursor: no-drop;
    opacity: 0;
    padding: 9px 0 10px 0;
}

.OverwriteBlockTR {
    width: 156px;
    height: 10px;
    cursor: no-drop;
    opacity: 0;
    padding: 9px 0 10px 0;
}


/*************************   approvaldivDetails  ******************************/

.approvaldivDetails {
    position: absolute;
    text-align: center;
    cursor: context-menu;
    width: 350px;
    margin: 12px 0px 50px 120px;
    color: rgb(136, 136, 136);
    box-shadow: black 0px 0px 10px 0px;
    padding: 10px;
    left: 54px;
    top: 49px;
    background: rgb(255, 255, 255);
    z-index: 99999 !important;
}

    .approvaldivDetails label {
        /*float: left;
        width: 100%;*/
        font-size: 14px;
        text-align: left;
        margin: 15px 0px 0 10px;
        color: #A7A7A7;
        text-decoration: underline;
    }

    .approvaldivDetails h4 {
        width: 100% !important;
        float: left !important;
        font-size: 21px !important;
        text-align: left !important;
        /*padding-bottom: 10px !important;
        margin: 3px 0 0 10px !important;*/
        color: rgb(66, 157, 234) !important;
        font-family: sans-serif !important;
        font-weight: 400 !important;
    }

    .approvaldivDetails h5 {
        text-align: left !important;
        margin: 2px 0 5px 10px !important;
        font-size: 21px !important;
        color: #377fc8 !important;
    }

        .approvaldivDetails h5 a {
            color: #377fc8 !important;
            text-transform: lowercase;
        }

    .approvaldivDetails h4 a:nth-child(1):before {
        content: "\f003";
        font-family: FontAwesome;
        font-size: 17px;
        padding: 0 0px 0 0;
    }

    .approvaldivDetails h4:nth-child(3):before {
        content: "\f095";
        font-family: FontAwesome;
        font-size: 17px;
        padding: 0 0px 0 0;
    }

    .approvaldivDetails h4 a:nth-child(3):before {
        content: "\f10b";
        font-family: FontAwesome;
        font-size: 17px;
        padding: 0 0px 0 0;
    }

    .approvaldivDetails span img {
        margin: -15px 300px 0 0;
        float: right;
    }



/*********************   approvaldivDetails  End  ******************************/

.approvaldelDetails {
    position: absolute;
    text-align: center;
    cursor: context-menu;
    width: 350px;
    margin: 12px 0px 50px 120px;
    color: rgb(136, 136, 136);
    box-shadow: black 0px 0px 10px 0px;
    padding: 10px;
    left: 54px;
    top: 49px;
    background: rgb(255, 255, 255);
}

    .approvaldelDetails label {
        /*float: left;
        width: 100%;*/
        font-size: 14px;
        text-align: left;
        margin: 15px 0px 0 10px;
        color: #A7A7A7;
        text-decoration: underline;
    }

    .approvaldelDetails h4 {
        width: 100% !important;
        float: left !important;
        font-size: 21px !important;
        text-align: left !important;
        /*padding-bottom: 10px !important;
        margin: 3px 0 0 10px !important;*/
        color: rgb(66, 157, 234) !important;
        font-family: sans-serif !important;
        font-weight: 400 !important;
    }

    .approvaldelDetails h5 {
        text-align: left;
        margin: 2px 0 5px 10px;
        font-size: 21px;
    }

        .approvaldelDetails h5 a {
            color: #377fc8 !important;
            text-transform: lowercase;
        }

    .approvaldelDetails h4 a:nth-child(1):before {
        content: "\f003";
        font-family: FontAwesome;
        font-size: 17px;
        padding: 0 0px 0 0;
    }

    .approvaldelDetails h4:nth-child(3):before {
        content: "\f095";
        font-family: FontAwesome;
        font-size: 17px;
        padding: 0 0px 0 0;
    }

    .approvaldelDetails h4 a:nth-child(3):before {
        content: "\f10b";
        font-family: FontAwesome;
        font-size: 17px;
        padding: 0 0px 0 0;
    }

    .approvaldelDetails span img {
        margin: -15px 300px 0 0;
        float: right;
    }

/**********************************************************************************/

.alignLeft {
    text-align: left;
}

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}

.alignJustify {
    text-align: justify;
}

.inputCbox {
    position: relative;
    top: 4px;
}

.textCenter {
    text-align: center !important;
}

.padding0 {
    padding: 0 !important;
}

.positionRel {
    position: relative;
}

.positionAbs {
    position: absolute;
}

.positionFix {
    position: fixed;
}

.curPointer {
    cursor: pointer;
}

.curNoDrop {
    cursor: no-drop !important;
}


.Fleft {
    float: left !important;
}

.Fright {
    float: right !important;
}

.Fnone {
    float: none !important;
}

.margin-r10 {
    margin-right: 10px !important;
}

.margin-t4p {
    margin-top: 4%;
}


/* Margin Css Start */

.ldmargin0 > *:last-child {
    margin: 0 !important;
}

.marginA {
    margin: 0 auto !important;
}

.margin0 {
    margin: 0 !important;
}

.margin10 {
    margin: 5px !important;
}

.margin10 {
    margin: 10px !important;
}

.margin15 {
    margin: 15px !important;
}

.margin20 {
    margin: 20px !important;
}

.margin25 {
    margin: 25px !important;
}

.margin30 {
    margin: 30px !important;
}

.margin40 {
    margin: 40px !important;
}

.margin50 {
    margin: 40px !important;
}

.marginTB10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.marginTB20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.marginTB30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.marginTB40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.marginTB50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.marginLR10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.marginLR20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.marginLR30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.marginLR40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.marginLR50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}



.marginTop10 {
    margin-top: 10px !important;
}

.marginBottom10 {
    margin-bottom: 10px !important;
}


.marginPT1 {
    margin-top: 1% !important;
}

.marginPT2 {
    margin-top: 2% !important;
}

.marginPT3 {
    margin-top: 3% !important;
}

.marginPT4 {
    margin-top: 4% !important;
}

.marginPT5 {
    margin-top: 5% !important;
}

.marginPL1 {
    margin-left: 1% !important;
}

.marginPL2 {
    margin-left: 2% !important;
}

.marginPL3 {
    margin-left: 3% !important;
}

.marginPL4 {
    margin-left: 4% !important;
}

.marginPL5 {
    margin-left: 5% !important;
}

.marginPR1 {
    margin-right: 1% !important;
}

.marginPR2 {
    margin-right: 2% !important;
}

.marginPR3 {
    margin-right: 3% !important;
}

.marginPR4 {
    margin-right: 4% !important;
}

.marginPR5 {
    margin-right: 5% !important;
}

.marginPB1 {
    margin-bottom: 1% !important;
}

.marginPB2 {
    margin-bottom: 2% !important;
}

.marginPB3 {
    margin-bottom: 3% !important;
}

.marginPB4 {
    margin-bottom: 4% !important;
}

.marginPB5 {
    margin-bottom: 5% !important;
}



.marginT5 {
    margin-top: 5px !important;
}

.marginT6 {
    margin-top: 6px !important;
}

.marginT7 {
    margin-top: 7px !important;
}

.marginT8 {
    margin-top: 8px !important;
}

.marginT9 {
    margin-top: 9px !important;
}

.marginT10 {
    margin-top: 10px !important;
}

.marginT15 {
    margin-top: 15px !important;
}

.marginT20 {
    margin-top: 20px !important;
}

.marginT25 {
    margin-top: 25px !important;
}

.marginT30 {
    margin-top: 30px !important;
}

.marginT35 {
    margin-top: 35px !important;
}

.marginT40 {
    margin-top: 40px !important;
}

.marginT45 {
    margin-top: 45px !important;
}

.marginT50 {
    margin-top: 50px !important;
}

.marginT60 {
    margin-top: 60px !important;
}

.marginT70 {
    margin-top: 70px !important;
}

.marginT80 {
    margin-top: 80px !important;
}

.marginT90 {
    margin-top: 90px !important;
}

.marginT100 {
    margin-top: 100px !important;
}

.marginT110 {
    margin-top: 100px !important;
}

.marginT120 {
    margin-top: 120px !important;
}

.marginT130 {
    margin-top: 130px !important;
}

.marginT140 {
    margin-top: 140px !important;
}

.marginT150 {
    margin-top: 150px !important;
}

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

.marginL10 {
    margin-left: 10px !important;
}

.marginL15 {
    margin-left: 15px !important;
}

.marginL20 {
    margin-left: 20px !important;
}

.marginL25 {
    margin-left: 25px !important;
}

.marginL30 {
    margin-left: 30px !important;
}

.marginL35 {
    margin-left: 35px !important;
}

.marginL40 {
    margin-left: 40px !important;
}

.marginL45 {
    margin-left: 45px !important;
}

.marginL50 {
    margin-left: 50px !important;
}



.marginR5 {
    margin-right: 5px !important;
}

.marginR6 {
    margin-right: 6px !important;
}

.marginR7 {
    margin-right: 7px !important;
}

.marginR8 {
    margin-right: 8px !important;
}

.marginR9 {
    margin-right: 9px !important;
}

.marginR10 {
    margin-right: 10px !important;
}

.marginR15 {
    margin-right: 15px !important;
}

.marginR20 {
    margin-right: 20px !important;
}

.marginR25 {
    margin-right: 25px !important;
}

.marginR30 {
    margin-right: 30px !important;
}

.marginR35 {
    margin-right: 35px !important;
}

.marginR40 {
    margin-right: 40px !important;
}

.marginR45 {
    margin-right: 45px !important;
}

.marginR50 {
    margin-right: 50px !important;
}


.marginB5 {
    margin-bottom: 5px !important;
}

.marginB10 {
    margin-bottom: 10px !important;
}

.marginB15 {
    margin-bottom: 15px !important;
}

.marginB20 {
    margin-bottom: 20px !important;
}

.marginB25 {
    margin-bottom: 25px !important;
}

.marginB30 {
    margin-bottom: 30px !important;
}

.marginB35 {
    margin-bottom: 35px !important;
}

.marginB40 {
    margin-bottom: 40px !important;
}

.marginB45 {
    margin-bottom: 45px !important;
}

.marginB50 {
    margin-bottom: 50px !important;
}

.marginB100 {
    margin-bottom: 100px !important;
}

.marginB200 {
    margin-bottom: 200px !important;
}

.marginB300 {
    margin-bottom: 300px !important;
}
/*Margin Css End*/












/* padding Css Start */
.padding5 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}

.padding15 {
    padding: 15px !important;
}

.padding20 {
    padding: 20px !important;
}

.padding25 {
    padding: 25px !important;
}

.padding30 {
    padding: 30px !important;
}

.padding40 {
    padding: 40px !important;
}

.padding50 {
    padding: 50px !important;
}



.paddingTB10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.paddingTB20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.paddingTB30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.paddingTB40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.paddingTB50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.paddingLR10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.paddingLR20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.paddingLR30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.paddingLR40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.paddingLR50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.paddingT1 {
    padding-top: 1px !important;
}

.paddingT2 {
    padding-top: 2px !important;
}

.paddingT3 {
    padding-top: 3px !important;
}

.paddingT4 {
    padding-top: 4px !important;
}

.paddingT5 {
    padding-top: 5px !important;
}

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

.paddingT7 {
    padding-top: 7px !important;
}

.paddingT8 {
    padding-top: 8px !important;
}

.paddingT9 {
    padding-top: 9px !important;
}


.paddingT10 {
    padding-top: 10px !important;
}

.paddingT15 {
    padding-top: 15px !important;
}

.paddingT20 {
    padding-top: 20px !important;
}

.paddingT25 {
    padding-top: 25px !important;
}

.paddingT30 {
    padding-top: 30px !important;
}

.paddingT35 {
    padding-top: 35px !important;
}

.paddingT40 {
    padding-top: 40px !important;
}

.paddingT45 {
    padding-top: 45px !important;
}

.paddingT50 {
    padding-top: 50px !important;
}

.paddingT100 {
    padding-top: 100px !important;
}

.paddingT110 {
    padding-top: 110px !important;
}

.paddingT120 {
    padding-top: 120px !important;
}

.paddingT150 {
    padding-top: 150px !important;
}

.paddingL5 {
    padding-left: 5px !important;
}

.paddingL10 {
    padding-left: 10px !important;
}

.paddingL15 {
    padding-left: 15px !important;
}

.paddingL20 {
    padding-left: 20px !important;
}

.paddingL25 {
    padding-left: 25px !important;
}

.paddingL30 {
    padding-left: 30px !important;
}

.paddingL35 {
    padding-left: 35px !important;
}

.paddingL40 {
    padding-left: 40px !important;
}

.paddingL45 {
    padding-left: 45px !important;
}

.paddingL50 {
    padding-left: 50px !important;
}



.paddingR5 {
    padding-right: 5px !important;
}

.paddingR10 {
    padding-right: 10px !important;
}

.paddingR15 {
    padding-right: 15px !important;
}

.paddingR20 {
    padding-right: 20px !important;
}

.paddingR25 {
    padding-right: 25px !important;
}

.paddingR30 {
    padding-right: 30px !important;
}

.paddingR35 {
    padding-right: 35px !important;
}

.paddingR40 {
    padding-right: 40px !important;
}

.paddingR45 {
    padding-right: 45px !important;
}

.paddingR50 {
    padding-right: 50px !important;
}


.paddingB5 {
    padding-bottom: 5px !important;
}

.paddingB10 {
    padding-bottom: 10px !important;
}

.paddingB15 {
    padding-bottom: 15px !important;
}

.paddingB20 {
    padding-bottom: 20px !important;
}

.paddingB25 {
    padding-bottom: 25px !important;
}

.paddingB30 {
    padding-bottom: 30px !important;
}

.paddingB35 {
    padding-bottom: 35px !important;
}

.paddingB40 {
    padding-bottom: 40px !important;
}

.paddingB45 {
    padding-bottom: 45px !important;
}

.paddingB50 {
    padding-bottom: 50px !important;
}

.paddingB100 {
    padding-bottom: 100px !important;
}

.paddingB200 {
    padding-bottom: 200px !important;
}

.paddingB300 {
    padding-bottom: 300px !important;
}

.paddingB400 {
    padding-bottom: 400px !important;
}

.paddingB500 {
    padding-bottom: 500px !important;
}
/*padding Css End*/












/*.faCompany:before {
    content: "\f275";
    font-family: FontAwesome;
    font-size: 17px;
    color: #377fc8;
    padding: 0 10px 0 0;
}*/


.faCompany:before {
    background-image: url(../images/ic_factory.png);
    background-repeat: no-repeat;
    background-size: 18px 20px;
    display: inline-block;
    height: 21px;
    width: 15px;
    content: "";
    font-family: FontAwesome;
    font-size: 17px;
    color: #85c729;
    padding-left: 10px;
    float: left;
    margin: 0 5px 0 -4px;
}





.faMail a {
    text-decoration: none;
}

.faMail:before {
    content: "\f003";
    font-family: FontAwesome;
    font-size: 17px;
    padding: 0 6px 0 0;
}
/* FIC Block Scrool*/
.faMailFIC:before {
    content: "\f003";
    font-family: FontAwesome;
    font-size: 17px;
    padding: 0 10px 0 0;
}
/* FIC Block Scrool*/

.faTele:before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 18px;
    padding: 0 12px 0 2px;
}

.faMob:before {
    content: "\f10b";
    font-family: FontAwesome;
    font-size: 21px;
    padding: 0 14px 0 5px;
}

/* IN TRANSIT Page Poup */
.faMobIN:before {
    content: "\f10b";
    font-family: FontAwesome;
    font-size: 21px;
    padding: 0 24px 0px 5px;
}

.faTeleIN:before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 18px;
    padding: 0 21px 0 2px;
}
/* IN TRANSIT Page Poup */

/*****************************************************  Fonts Size  *************************************************/

.font15 {
    font-size: 15px !important;
}

.font16 {
    font-size: 16px !important;
}

.font17 {
    font-size: 17px !important;
}

.font18 {
    font-size: 18px !important;
}

.font19 {
    font-size: 19px !important;
}

.font20 {
    font-size: 20px !important;
}

.font21 {
    font-size: 21px !important;
}

.font22 {
    font-size: 22px !important;
}

.font23 {
    font-size: 23px !important;
}

.font24 {
    font-size: 23px !important;
}

.font25 {
    font-size: 25px !important;
}

.font28 {
    font-size: 28px !important;
}

.font35 {
    font-size: 28px !important;
}

/**************************************************  Footer Section  ************************************************/

.FooterAction {
    padding: 5px 0;
    position: fixed;
    left: 0px;
    bottom: 29px;
    width: 100%;
    float: left;
    background-color: #fff;
    z-index: 5;
    box-shadow: 0px 0px 10px 0px #d0d0d0;
    -webkit-box-shadow: 0px 0px 10px 0px #d0d0d0;
    -moz-box-shadow: 0px 0px 10px 0px #d0d0d0;
}

/********************************************************************************************************************/
/*****************************************   General Search Block End  **********************************************/
/********************************************************************************************************************/



/********************************************************************************************************************/
/********************************************   Button Style Start **************************************************/
/********************************************************************************************************************/



.BtnDisable {
    /*  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    box-shadow: inset 0px 1px 0px 0px #ffffff !important;*/
    /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #e8e8e8)) !important;
    background: -moz-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -webkit-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -o-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -ms-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: linear-gradient(to bottom, #f5f5f5 5%, #e8e8e8 100%) !important;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0) !important;
    background-color: #f5f5f5 !important;
    /* -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #dcdcdc !important;
    display: inline-block;
    cursor: no-drop !important;
    min-width: 100px !important;
    color: #939393 !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 5px 18px !important;
    text-decoration: none !important;
    text-align: center !important;
    text-shadow: 0px 0px 0px #ffffff !important;
}

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

    .BtnDisable:active {
        position: relative !important;
        top: 1px !important;
    }


.BtnGrey {
    -moz-box-shadow: inset 0px 1px 0px 0px #FBFBFB !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #FBFBFB !important;
    box-shadow: inset 0px 1px 0px 0px #FBFBFB !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FBFBFB), color-stop(1, #F1F2F2)) !important;
    background: -moz-linear-gradient(top, #FBFBFB 5%, #F1F2F2 100%) !important;
    background: -webkit-linear-gradient(top, #FBFBFB 5%, #F1F2F2 100%) !important;
    background: -o-linear-gradient(top, #FBFBFB 5%, #F1F2F2 100%) !important;
    background: -ms-linear-gradient(top, #FBFBFB 5%, #F1F2F2 100%) !important;
    background: linear-gradient(to bottom, #FBFBFB 5%, #F1F2F2 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#F1F2F2',GradientType=0) !important;
    background-color: #FBFBFB !important;
/*    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #B7B7B7 !important;
    border-top: 2px solid #04A1D2 !important;
    display: inline-block;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 98px !important;
    width: 100px !important;
    color: #3082D7 !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 5px 0px !important;
    line-height: 21px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #528009 !important;
}

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

    .BtnGrey:active {
        position: relative !important;
        top: 1px !important;
    }


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

.BtnBlue:active {
    position: relative !important;
    top: 1px !important;
}




.BtnRed {
    -moz-box-shadow: inset 0px 1px 0px 0px #ff0000 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ff0000 !important;
    box-shadow: inset 0px 1px 0px 0px #ff0000 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f56c6c), color-stop(1, #ff0000));
    background: -moz-linear-gradient(top, #f56c6c 5%, #ff0000 100%);
    background: -webkit-linear-gradient(top, #f56c6c 5%, #ff0000 100%);
    background: -o-linear-gradient(top, #f56c6c 5%, #ff0000 100%);
    background: -ms-linear-gradient(top, #f56c6c 5%, #ff0000 100%);
    background: linear-gradient(to bottom, #f56c6c 5%, #ff0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c6c', endColorstr='#ff0000',GradientType=0);
    background-color: #f56c6c;
  /*  -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #fd1616 !important;
    display: inline-block;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 98px !important;
    width: 100px !important;
    color: #ffffff !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 5px 0px !important;
    line-height: 21px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #528009 !important;
}

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

    .BtnRed:active {
        position: relative !important;
        top: 1px !important;
    }











.BtnSave {
   /* -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;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 98px !important;
    width: 100px !important;
    color: #ffffff !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 5px 0px !important;
    line-height: 21px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #528009 !important;
}

    .BtnSave: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;
    }

    .BtnSave:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnSaveProcess {
    -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: none;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 98px !important;
    width: 100px !important;
    height: 21px !important;
    /*line-height: 15px !important;*/
    color: #ffffff !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 5px 0px 5px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #528009 !important;
}

    .BtnSaveProcess: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;
    }

    .BtnSaveProcess:active {
        position: relative !important;
        top: 1px !important;
    }

    .BtnSaveProcess img {
        margin: 3px 0 0 0;
    }

.BtnSaveSearch {
    -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;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 100px !important;
    width: 100px !important;
    color: #ffffff !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 5px 0px !important;
    line-height: 21px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #528009 !important;
}

    .BtnSaveSearch: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;
    }

    .BtnSaveSearch:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnCancel {
   /* -moz-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #e8e8e8)) !important;
    background: -moz-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -webkit-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -o-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -ms-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: linear-gradient(to bottom, #f5f5f5 5%, #e8e8e8 100%) !important;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0) !important;
    background-color: #f5f5f5 !important;
    /*-moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #B7B7B7 !important;
    display: inline-block;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 100px !important;
    width: 100px !important;
    color: #666666 !important;
    font-family: calibri !important;
    font-size: 17px !important;
    line-height: 21px !important;
    padding: 5px 0px !important;
    text-decoration: none !important;
    /*text-shadow: 0px 0px 0px #ffffff !important;*/
}

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

    .BtnCancel:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnCancelProcess {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #e8e8e8)) !important;
    background: -moz-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -webkit-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -o-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -ms-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: linear-gradient(to bottom, #f5f5f5 5%, #e8e8e8 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0) !important;
    background-color: #f5f5f5 !important;
 /*   -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #B7B7B7 !important;
    display: none;
    text-align: center !important;
    cursor: pointer !important;
    min-width: 98px !important;
    width: 98px !important;
    color: #666666 !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 6px 0px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #ffffff !important;
}

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

    .BtnCancelProcess:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnSend {
    -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: 100px !important;
    color: #ffffff !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 5px 0px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #528009 !important;
}

    .BtnSend: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;
    }

    .BtnSend:active {
        position: relative !important;
        top: 1px !important;
    }


.BtnCommon {
   /* -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;
}

    .BtnCommon: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;
    }

    .BtnCommon:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnClose {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #e8e8e8)) !important;
    background: -moz-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -webkit-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -o-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: -ms-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%) !important;
    background: linear-gradient(to bottom, #f5f5f5 5%, #e8e8e8 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0) !important;
    background-color: #f5f5f5 !important;
  /*  -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #dcdcdc !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 100px !important;
    color: #666666 !important;
    font-family: calibri !important;
    font-size: 17px !important;
    /*line-height: 21px !important;*/
    padding: 5px 18px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #ffffff !important;
}

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

    .BtnClose:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnForwardNew {
    -moz-box-shadow: 0px 0px 0px 0px #ff3700 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #ff3700 !important;
    box-shadow: 0px 0px 0px 0px #ff3700 !important;
    background: #3a7bd5; /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #00d2ff, #3a7bd5); /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to bottom, #00d2ff, #3a7bd5);*/
    background: linear-gradient(to bottom, #40b1fc, #2980b9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7aa6b', endColorstr='#ff6a00',GradientType=0) !important;
    background-color: #f7aa6b !important;
 /*   -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #3a7bd5 !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 100px !important;
    color: #ffffff !important;
    font-family: Calibri !important;
    font-size: 17px !important;
    padding: 5px 0px !important;
    line-height: 21px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px #528ecc !important;
}


    .BtnForwardNew:hover {
        background: #00d2ff;
        background: -webkit-linear-gradient(to bottom, #3a7bd5, #00d2ff);
        /*background: linear-gradient(to bottom, #3a7bd5, #00d2ff);*/
        background: linear-gradient(to bottom, #2980b9, #40b1fc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6a00', endColorstr='#f7aa6b',GradientType=0) !important;
        background-color: #ff6a00 !important;
    }

    .BtnForwardNew:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnQueDis {
    /*  -moz-box-shadow: 0px 0px 0px 0px #ff3700 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #ff3700 !important;
    box-shadow: 0px 0px 0px 0px #ff3700 !important;*/
   /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7aa6b), color-stop(1, #ff6a00)) !important;
    background: -moz-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: -webkit-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: -o-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: -ms-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: linear-gradient(to bottom, #f7aa6b 5%, #ff6a00 100%) !important;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7aa6b', endColorstr='#ff6a00',GradientType=0) !important;
    background-color: #ff6a00 !important;
    /*   -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;*/
    /*  border-radius: 2px !important;*/
    border: 1px solid #ff7300 !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 100px !important;
    color: #ffffff !important;
    font-family: Calibri !important;
    font-size: 17px !important;
    padding: 5px 0px !important;
    line-height: 21px !important;
    text-align: center !important;
    text-decoration: none !important;
    /* text-shadow: 0px 1px 0px #528ecc !important;*/
}


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

    .BtnQueDis:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnForward {
    -moz-box-shadow: 0px 0px 0px 0px #ff3700 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #ff3700 !important;
    box-shadow: 0px 0px 0px 0px #ff3700 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7aa6b), color-stop(1, #ff6a00)) !important;
    background: -moz-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: -webkit-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: -o-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: -ms-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: linear-gradient(to bottom, #f7aa6b 5%, #ff6a00 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7aa6b', endColorstr='#ff6a00',GradientType=0) !important;
    background-color: #f7aa6b !important;
   /* -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #ff7300 !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 100px !important;
    color: #ffffff !important;
    font-family: Calibri !important;
    font-size: 17px !important;
    padding: 5px 18px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px #528ecc !important;
}

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

    .BtnForward:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnDelRej {
    /* -moz-box-shadow: 0px 0px 0px 0px #b50606 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #b50606 !important;
    box-shadow: 0px 0px 0px 0px #b50606 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f56c6c), color-stop(1, #ff0000)) !important;
    background: -moz-linear-gradient(top, #f56c6c 5%, #ff0000 100%) !important;
    background: -webkit-linear-gradient(top, #f56c6c 5%, #ff0000 100%) !important;
    background: -o-linear-gradient(top, #f56c6c 5%, #ff0000 100%) !important;
    background: -ms-linear-gradient(top, #f56c6c 5%, #ff0000 100%) !important;
    background: linear-gradient(to bottom, #f56c6c 5%, #ff0000 100%) !important;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c6c', endColorstr='#ff0000',GradientType=0) !important;
    background-color: #e14242 !important;
    /*  -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #e33d35 !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 100px !important;
    color: #ffffff !important;
    text-align: center !important;
    font-family: Calibri !important;
    font-size: 17px !important;
    line-height: 21px !important;
    padding: 5px 0px !important;
    text-decoration: none !important;
    /*text-shadow: 0px 1px 0px #d14747 !important;*/
}

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

    .BtnDelRej:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnApprove {
    -moz-box-shadow: 0px 0px 0px 0px #16ab2f !important;
    -webkit-box-shadow: 0px 0px 0px 0px #16ab2f !important;
    box-shadow: 0px 0px 0px 0px #16ab2f !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #47D02C ), color-stop(1, #36BB1B)) !important;
    background: -moz-linear-gradient(top, #47D02C 5%, #36BB1B 100%) !important;
    background: -webkit-linear-gradient(top, #47D02C 5%, #36BB1B 100%) !important;
    background: -o-linear-gradient(top, #47D02C 5%, #36BB1B 100%) !important;
    background: -ms-linear-gradient(top, #47D02C 5%, #36BB1B 100%) !important;
    background: linear-gradient(to bottom, #47D02C 5%, #36BB1B 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47D02C', endColorstr='#36BB1B',GradientType=0) !important;
    background-color: #68e352 !important;
/*    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #16ab2f !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 100px !important;
    color: #ffffff !important;
    width: 138px !important;
    text-align: center !important;
    font-family: Calibri !important;
    font-size: 17px !important;
    padding: 5px 14px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px #14a603 !important;
}

    .BtnApprove:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #36BB1B), color-stop(1, #47D02C )) !important;
        background: -moz-linear-gradient(top, #36BB1B 5%, #47D02C 100%) !important;
        background: -webkit-linear-gradient(top, #36BB1B 5%, #47D02C 100%) !important;
        background: -o-linear-gradient(top, #36BB1B 5%, #47D02C 100%) !important;
        background: -ms-linear-gradient(top, #36BB1B 5%, #47D02C 100%) !important;
        background: linear-gradient(to bottom, #36BB1B 5%, #47D02C 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36BB1B', endColorstr='#47D02C',GradientType=0) !important;
        background-color: #3fc730 !important;
    }

    .BtnApprove:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnSaveProImg {
    -moz-box-shadow: 0px 0px 0px 0px #ff3700 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #ff3700 !important;
    box-shadow: 0px 0px 0px 0px #ff3700 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7aa6b), color-stop(1, #ff6a00)) !important;
    background: -moz-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: -webkit-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: -o-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: -ms-linear-gradient(top, #f7aa6b 5%, #ff6a00 100%) !important;
    background: linear-gradient(to bottom, #f7aa6b 5%, #ff6a00 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7aa6b', endColorstr='#ff6a00',GradientType=0) !important;
    background-color: #f7aa6b !important;
 /*   -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;*/
    border: 1px solid #ff7300 !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 100px !important;
    width: 178px !important;
    margin: auto !important;
    color: #ffffff !important;
    font-family: calibri !important;
    font-size: 17px !important;
    padding: 6px 18px !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 0px #528009 !important;
}

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

    .BtnSaveProImg:active {
        position: relative !important;
        top: 1px !important;
    }

.myButtond {
    -moz-box-shadow: 0px 0px 0px 0px #16ab2f;
    -webkit-box-shadow: 0px 0px 0px 0px #16ab2f;
    box-shadow: 0px 0px 0px 0px #16ab2f;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #47D02C ), color-stop(1, #36BB1B));
    background: -moz-linear-gradient(top, #47D02C 5%, #36BB1B 100%);
    background: -webkit-linear-gradient(top, #47D02C 5%, #36BB1B 100%);
    background: -o-linear-gradient(top, #47D02C 5%, #36BB1B 100%);
    background: -ms-linear-gradient(top, #47D02C 5%, #36BB1B 100%);
    background: linear-gradient(to bottom, #47D02C 5%, #36BB1B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47D02C', endColorstr='#36BB1B',GradientType=0);
    background-color: #68e352;
/*    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    border: 1px solid #16ab2f;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Calibri;
    font-size: 16px;
    padding: 5px 18px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #14a603;
}

    .myButtond:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #36BB1B), color-stop(1, #47D02C ));
        background: -moz-linear-gradient(top, #36BB1B 5%, #47D02C 100%);
        background: -webkit-linear-gradient(top, #36BB1B 5%, #47D02C 100%);
        background: -o-linear-gradient(top, #36BB1B 5%, #47D02C 100%);
        background: -ms-linear-gradient(top, #36BB1B 5%, #47D02C 100%);
        background: linear-gradient(to bottom, #36BB1B 5%, #47D02C 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36BB1B', endColorstr='#47D02C',GradientType=0);
        background-color: #3fc730;
    }

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

.myButtonf {
    -moz-box-shadow: 0px 0px 0px 0px #b50606;
    -webkit-box-shadow: 0px 0px 0px 0px #b50606;
    box-shadow: 0px 0px 0px 0px #b50606;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f56c6c), color-stop(1, #ff0000));
    background: -moz-linear-gradient(top, #f56c6c 5%, #ff0000 100%);
    background: -webkit-linear-gradient(top, #f56c6c 5%, #ff0000 100%);
    background: -o-linear-gradient(top, #f56c6c 5%, #ff0000 100%);
    background: -ms-linear-gradient(top, #f56c6c 5%, #ff0000 100%);
    background: linear-gradient(to bottom, #f56c6c 5%, #ff0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c6c', endColorstr='#ff0000',GradientType=0);
    background-color: #f56c6c;
  /*  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    border: 1px solid #e33d35;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Calibri;
    font-size: 16px;
    padding: 5px 18px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #d14747;
}

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

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

.myButtonSS {
    -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: 17px;
    padding: 0px 10px;
    text-decoration: none;
    /*text-shadow: 0px 1px 0px #ffffff;*/
}

    .myButtonSS: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;
    }

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

.BtnEmail {
   /* -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;
    text-align: right !important;
    cursor: pointer !important;
    min-width: 105px !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;*/
    background-image: url('../images/email-icon.png') !important;
    background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 12px 7px !important;
}

    .BtnEmail: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;
        background-image: url('../images/email-icon.png') !important;
        background-size: 24px !important;
        background-repeat: no-repeat !important;
        background-position: 12px 7px !important;
    }

    .BtnEmail:active {
        position: relative !important;
        top: 1px !important;
    }

.BtnDownload {
    width: 99%;
    background-color: #75CB00;
    color: #FFFFFF;
    /* border: 1px solid #69BD01; */
    font-family: Calibri;
   /* border-radius: 2px;*/
    float: left;
    font-size: 17px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
}

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

.BtnGotoXero {
    width: 99%;
    /*background-color: #00b7e2;*/
    color: #FFFFFF;
    border: 1px solid #049cd1;
    font-family: Calibri;
    /*border-radius: 2px;*/
    float: left;
    font-size: 17px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    -moz-box-shadow: 0px 0px 0px 0px #049cd1 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #049cd1 !important;
    box-shadow: 0px 0px 0px 0px #049cd1 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #32add9 ), color-stop(1, #049cd1)) !important;
    background: -moz-linear-gradient(top, #32add9 5%, #049cd1 100%) !important;
    background: -webkit-linear-gradient(top, #32add9 5%, #049cd1 100%) !important;
    background: -o-linear-gradient(top, #32add9 5%, #049cd1 100%) !important;
    background: -ms-linear-gradient(top, #32add9 5%, #049cd1 100%) !important;
    background: linear-gradient(to bottom, #32add9 5%, #049cd1 100%) !important;
}


    .BtnGotoXero:hover {
        -moz-box-shadow: 0px 0px 0px 0px #32add9 !important;
        -webkit-box-shadow: 0px 0px 0px 0px #32add9 !important;
        box-shadow: 0px 0px 0px 0px #32add9 !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #049cd1 ), color-stop(1, #32add9)) !important;
        background: -moz-linear-gradient(top, #049cd1 5%, #32add9 100%) !important;
        background: -webkit-linear-gradient(top, #049cd1 5%, #32add9 100%) !important;
        background: -o-linear-gradient(top, #049cd1 5%, #32add9 100%) !important;
        background: -ms-linear-gradient(top, #049cd1 5%, #32add9 100%) !important;
        background: linear-gradient(to bottom, #049cd1 5%, #32add9 100%) !important;
    }

    .BtnGotoXero i {
        margin: 0 2px 0 5px;
        font-size: 16px;
    }



.BtnGotoQBO {
    width: 99%;
    /*background-color: #00b7e2;*/
    color: #FFFFFF;
    border: 1px solid #2ca01c;
    font-family: Calibri;
    /*border-radius: 2px;*/
    float: left;
    font-size: 17px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    -moz-box-shadow: 0px 0px 0px 0px #049cd1 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #049cd1 !important;
    box-shadow: 0px 0px 0px 0px #049cd1 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2ac116 ), color-stop(1, #2ca01c)) !important;
    background: -moz-linear-gradient(top, #2ac116 5%, #2ca01c 100%) !important;
    background: -webkit-linear-gradient(top, #2ac116 5%, #2ca01c 100%) !important;
    background: -o-linear-gradient(top, #2ac116 5%, #2ca01c 100%) !important;
    background: -ms-linear-gradient(top, #2ac116 5%, #2ca01c 100%) !important;
    background: linear-gradient(to bottom, #2ac116 5%, #2ca01c 100%) !important;
}


    .BtnGotoQBO:hover {
        -moz-box-shadow: 0px 0px 0px 0px #32add9 !important;
        -webkit-box-shadow: 0px 0px 0px 0px #32add9 !important;
        box-shadow: 0px 0px 0px 0px #32add9 !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2ca01c ), color-stop(1, #2ac116)) !important;
        background: -moz-linear-gradient(top, #2ca01c 5%, #32add9 100%) !important;
        background: -webkit-linear-gradient(top, #2ca01c 5%, #2ac116 100%) !important;
        background: -o-linear-gradient(top, #2ca01c 5%, #2ac116 100%) !important;
        background: -ms-linear-gradient(top, #2ca01c 5%, #2ac116 100%) !important;
        background: linear-gradient(to bottom, #2ca01c 5%, #2ac116 100%) !important;
    }

    .BtnGotoQBO i {
        margin: 0 2px 0 5px;
        font-size: 16px;
    }



.BtnSearch {
    background-image: url('../images/btn_bg.png');
    background-position: 0px 0px;
    background-size: 141px 33px;
    background-repeat: no-repeat;
    padding: 6px 23px;
    float: left;
    margin: 8px auto;
    font-family: calibri;
    text-decoration: none;
    color: #04a1d2;
    font-size: 21px;
}

    .BtnSearch i {
        padding: 2px 10px;
        float: left;
        font-size: 17px !important;
    }

.BtnRequestFor {
    background-image: url('../images/btn_bg.png');
    background-position: 0px 0px;
    background-size: 210px 32px;
    background-repeat: no-repeat;
    padding: 6px 23px;
    float: left;
    margin: 0px 0 0 58px;
    font-family: calibri;
    text-decoration: none;
    color: #04a1d2;
    font-size: 21px;
    cursor: pointer;
}

    .BtnRequestFor a {
        text-decoration: none;
        color: #04a1d2;
        font-family: calibri;
        font-size: 21px;
    }

        .BtnRequestFor a img {
            width: 20px;
            float: left;
            margin: 0 6px 0 0;
        }

    .BtnRequestFor i {
        padding: 2px 10px;
        float: right;
        font-size: 17px !important;
    }

.BtnReview {
    background-image: url('../images/btn_bg_org.png');
    background-position: 0px 0px;
    background-size: 144px 32px;
    background-repeat: no-repeat;
    padding: 6px 29px;
    float: left;
    margin: 4px 0 0 0px;
    font-family: calibri;
    text-decoration: none;
    color: #ff7e00;
    font-size: 21px;
    cursor: pointer;
}

    .BtnReview:hover {
        color: #ff7e00 !important;
    }

    .BtnReview img {
        width: 20px;
        float: left;
        margin: 0 6px 0 0;
    }

    .BtnReview i {
        padding: 2px 10px;
        float: right;
        font-size: 17px !important;
    }

.BtnReviewer {
    background-image: url('../images/btn_bg.png');
    background-position: 0px 0px;
    background-size: 144px 32px;
    background-repeat: no-repeat;
    padding: 6px 23px;
    float: left;
    margin: 10px 0 0 0px;
    font-family: calibri;
    text-decoration: none;
    color: #04a1d2;
    font-size: 21px;
    cursor: pointer;
}

    .BtnReviewer:hover {
        color: #04a1d2 !important;
    }

.BtnDebitFor {
    background-image: url('../images/btn_bg.png');
    background-position: 0px 0px;
    background-size: 210px 32px;
    background-repeat: no-repeat;
    padding: 6px 12px;
    float: left;
    margin: 0px 0 0 0px;
    font-family: calibri;
    text-decoration: none;
    color: #04a1d2;
    font-size: 21px;
    cursor: pointer;
}




.BtnDebitFor {
    text-decoration: none !important;
    color: #04a1d2 !important;
    font-family: calibri !important;
    font-size: 21px !important;
}

    .BtnDebitFor img {
        width: 20px;
        float: left;
        margin: 0 6px 0 0;
    }

    .BtnDebitFor i {
        padding: 2px 10px;
        float: right;
        font-size: 17px !important;
    }

/********************************************************************************************************************/
/*********************************************   Button Style End ***************************************************/
/********************************************************************************************************************/


/*.approvaldiv {
    text-align: center;
    width: 350px;
    margin-bottom: 60px;
    color: rgb(136, 136, 136);
    box-shadow: black 0px 0px 10px 0px;
    padding: 10px;
    left: 788.5px;
    top: 389px;
    display: none;
    background: rgb(255, 255, 255);
}

    .approvaldiv img {
        margin: -5px 306px 0 0 !important;
        float: right;
    }

    .approvaldiv label {
        float: left !important;
        width: 100% !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        text-align: left !important;
        margin: 15px 0px 0px 10px !important;
        color: #62b401 !important;
    }

    .approvaldiv h4 {
        float: left !important;
        width: 100% !important;
        text-align: left !important;
        margin: 0px 0 0 10px !important;
        font-size: 21px !important;
        font-family: calibri !important;
        color: rgb(104, 104, 104) !important;
    }

        .approvaldiv h4 a {
            text-decoration: underline !important;
            color: rgb(104, 104, 104) !important;
        }*/


/********************************************************************************************************************/
/****************************************   Waiting For Approval Multi **********************************************/
/********************************************************************************************************************/

.emailformchkbx input {
    width: 4%;
    margin: 0.7% 1% 1% 1%;
    float: left;
}


#queryopt input, #disputeopt input {
    width: 9%;
    margin: 1% 0 0 0;
}

.ReasonBlockWFA span {
    width: 100%;
}

.ReasonBlockWFA input {
    width: 11%;
    margin: 5px 0 0 0;
}

.ReasonBlockWFA label {
    width: 89%;
    float: left;
}

.PopupQueryDis h5 input {
    width: 98%;
}

.BorderNone input {
    border: none;
}


/**********************************************  Attachment Block for Add Notes ********************************************************/

.maincount, .mainupload {
    /*width: 11.30%;*/
    float: left;
    text-align: center;
    padding: 2px 3px 0px 7px;
    border-right: solid 1px #A9A9A9;
}

    .maincount .tDemo {
        float: left;
        width: 82px;
    }

.tDemoD img {
    width: 50px;
}

.maincountpdf {
    opacity: 1;
    cursor: pointer;
    height: 70px;
    width: 70px;
    margin: 0 0 0 9px;
}

.mainuploadpdf {
    opacity: 0.3;
    cursor: pointer;
    height: 70px;
    width: 70px;
    margin: 0 0 0 9px;
}

.pBarCssClass {
    margin-bottom: -18px;
}

.pBarCss {
    width: 72px;
    height: 20px;
    margin-left: 15px;
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
}

.LabelCss label {
    margin-left: 38px;
    font-size: 12px;
    font-weight: bold;
    color: #57F019;
}

.actfilename {
    margin-top: 9px;
    text-align: center;
    font-size: 11px;
    color: black;
}


/***************************************************  Attachment Block for Popup ********************************************************/

.maincountpopup, .mainuploadpopup {
    /*width: 96px;*/
    float: left;
    padding: 2px 3px 10px 3px;
    border-right: solid 1px #A9A9A9;
}

    .maincountpopup .tDemo {
        float: left;
        width: 80px;
    }

.maincountpdfpopup {
    opacity: 1;
    cursor: pointer;
    height: 70px;
    width: 70px;
    margin: 0 0 0 12px;
}

.mainuploadpdfpopup {
    opacity: 0.3;
    cursor: pointer;
    height: 70px;
    width: 70px;
    margin: 0 0 0 12px;
}

.pBarCsspopup {
    width: 86px;
    height: 20px;
    margin-left: 0px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
}

.LabelCsspopup label {
    margin-left: 0px;
    font-size: 12px;
    font-weight: bold;
    color: #57F019;
}
/****************************************************************************************************************************************/
/************************************************************  Post.aspx  ***************************************************************/
/****************************************************************************************************************************************/

.inputRadio input {
    width: 3%;
    float: none;
}

.dropdownlist select {
    width: 93.5%;
   /* border-radius: 2px;*/
    float: left;
    font-size: 18px;
    cursor: auto;
    font-family: Calibri;
    padding: 0.5% 1% 0.5% 1%;
    margin: 0px 0 2px 0;
    background-color: #FFFFFF;
    border: 1px solid #C8C8C8;
}

#divTrackingDetail {
    margin: 0;
}

.infoques i {
    color: #3A93DC;
    position: relative;
}

.infoques img {
    cursor: pointer;
    position: relative;
}

/****************************************************************************************************************************************/
/*********************************************************  Post_list.aspx  *************************************************************/
/****************************************************************************************************************************************/

.plBlockBg {
    border: 1px solid #D8D8D8;
    margin-bottom: 9px;
    background: #FFFFFF url("../images/21px-stroke.png") repeat-y;
    background-position: 822px 0;
}

    .plBlockBg:hover {
        background: rgb(232,242,252) url("../images/21px-stroke.png") repeat-y;
        background-position: 822px 0;
    }

.titlecss h4 {
    color: #79d000;
    font-family: Calibri;
    font-size: 15px;
    cursor: context-menu;
}

.titlecss h5 {
    color: #377fc8;
    /*font-size: 16px;*/
    cursor: context-menu;
}

.titlecss h6 {
    color: #377fc8;
    font-size: 14px;
    cursor: context-menu;
}

.titlecss15 h4 {
    color: #79d000;
    font-family: Calibri;
    text-align: center;
    font-size: 15px;
    cursor: context-menu;
}

.titlecss15 h5 {
    color: #377fc8;
    text-align: center;
    font-size: 17px;
    cursor: context-menu;
}

.titlestatus h5 {
    color: #377fc8;
    font-size: 22px;
    font-weight: 400;
}

.batchnoblock {
    padding: 4% 0;
}

.inTdatablock {
    padding: 0.1% 1%;
}

    .inTdatablock i {
        cursor: pointer;
    }

.inTstatusBlock {
    padding: 0.6% 0% 0% 1%;
}

.borderleft {
    border-left: 1px solid #BFD0AB;
}

.borderright {
    border-right: 1px solid #BFD0AB;
}

.grayout h5 {
    color: #a7a7a7;
}

.cDetailAdd {
    padding: 5% 13%;
    width: 80%;
    margin: 0;
}

.DeleteBlock {
    width: 90%;
    padding: 1% 5%;
}

.DelBlockDetail h4 {
    color: #79d000;
    font-family: Calibri;
    font-size: 15px;
    cursor: context-menu;
}

.DelBlockDetail h5 {
    font-size: 21px;
}

.approvaldelDetails {
    position: absolute;
    text-align: center;
    width: 350px;
    margin: 12px 0px 50px -44px;
    color: rgb(136, 136, 136);
    box-shadow: black 0px 0px 10px 0px;
    padding: 10px;
    left: 54px;
    top: 49px;
    background: rgb(255, 255, 255);
}

    .approvaldelDetails label {
        float: left;
        width: 100%;
        font-size: 14px;
        text-align: left;
        margin: 15px 0px 0 10px;
        color: #A7A7A7;
        text-decoration: underline;
    }

    .approvaldelDetails h4 {
        width: 100% !important;
        float: left !important;
        font-size: 21px !important;
        text-align: left !important;
        padding-bottom: 10px !important;
        margin: 3px 0 0 10px !important;
        color: rgb(66, 157, 234) !important;
        font-family: sans-serif !important;
        font-weight: 400 !important;
    }

        .approvaldelDetails h4 a {
            color: rgb(66, 157, 234) !important;
        }

    .approvaldelDetails span img {
        margin: -15px 135px 0 0;
        float: right;
    }

.caax-postlist-tran {
    background: url("../images/ic_postlist.png") no-repeat !important;
    background-position: 6px -5px !important;
}

.caax-postlist-rec {
    background: url("../images/ic_postlist.png") no-repeat !important;
    background-position: 6px -86px !important;
}

.caax-postlist-scan {
    background: url("../images/ic_postlist.png") no-repeat !important;
    background-position: 6px -176px !important;
}

.caax-postlist-scan-done {
    background: url("../images/ic_postlist.png") no-repeat !important;
    background-position: 6px -408px !important;
}

.caax-postlist-all {
    background: url("../images/ic_postlist.png") no-repeat !important;
    background-position: 6px -256px !important;
}

.caax-postlist-del {
    background: url("../images/ic_postlist.png") no-repeat !important;
    background-position: 6px -342px !important;
}

/****************************************************************************************************************************************/
/***************************************************************  FIC  ******************************************************************/
/****************************************************************************************************************************************/

.faapprove {
    font-size: 18px;
    float: left;
    margin: 0 0 5px 0;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #7DB107;
    width: 100%;
}

.fa-question-circle {
    font-size: 13px;
    position: absolute;
    padding: 0 0 0 4px;
    color: orange;
    cursor: pointer;
}

    .fa-question-circle:hover {
        color: #4293E4;
    }

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

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


/***********************************************************************************************/

#nav {
    display: inline;
    text-align: left;
    position: relative;
    list-style-type: none;
}

.subs {
    position: relative;
}

.menu {
    float: left;
    /*width: 100%;*/
    /*margin: 8px 0;*/
}

.menucount {
    float: left;
    width: 100%;
    margin: 10px 0 10px 4%;
    text-align: center;
    cursor: pointer;
}

    .menucount h4 {
        font-size: 17px;
        float: left;
        width: 70%;
    }

    .menucount h5 {
        font-size: 17px;
        float: left;
        width: 30%;
        text-align: left;
    }

.DrpDwnfic {
    display: none;
    background-color: #F9F9F9;
    border: 1px solid #04A1D2;
    font-size: 0.75em;
    margin: 0;
    position: absolute;
    top: 3px;
    left: 6px;
    z-index: 1;
    width: 165px !important;
    border-bottom: 10px solid #04A1D2;
}

.DrpDwn {
    display: none;
    background-color: #F9F9F9;
    border: 1px solid #3385db;
    font-size: 0.75em;
    margin: 0;
    position: absolute;
    top: 3px;
    left: 6px;
    z-index: 1;
    width: 194px;
    border-bottom: 10px solid #3385db;
    box-shadow: black 0px 0px 15px -4px;
}

    .DrpDwn a {
        border-bottom: 1px solid #04A1D2;
        color: #4F4F4F;
        font-size: 17px;
        text-align: left;
        padding: 11.3px 0 11.3px 0px;
        text-decoration: none;
        display: block;
        font-family: calibri;
        border-top: 1px solid white;
        transition: 0s;
    }

        .DrpDwn a:hover {
            color: #04A1D2;
            /*background: #e4f9ff;*/
            background: #cbf3fe;
        }

        .DrpDwn a span {
            width: 28px;
            float: left;
            text-align: center;
            margin: 0 0px 0 4px;
        }





/* Action Btn Issue(s) to resolve */

.DrpDwnGreen {
    display: none;
    background-color: #ebfdd1;
    border: 1px solid #36BB1B;
    font-size: 0.75em;
    margin: 0;
    position: absolute;
    top: 3px;
    left: 6px;
    z-index: 1;
    width: 194px;
    border-bottom: 10px solid #36BB1B;
}

    .DrpDwnGreen a {
        border-bottom: 1px solid #47D02C;
        color: #4F4F4F;
        font-size: 17px;
        text-align: left;
        padding: 10px 0 10px 14px;
        text-decoration: none;
        display: block;
        font-family: calibri;
        border-top: 1px solid #47D02C;
        transition: 0s;
    }



        .DrpDwnGreen a:hover {
            color: #ffffff;
            background: #47D02C;
        }

        .DrpDwnGreen a span {
            width: 28px;
            float: left;
            text-align: center;
        }


/* Action Btn Issue(s) to resolve */


/*************************************************  Home.aspx  ********************************************************/

.LastloggedDetail h5 a {
    text-decoration: none;
    color: rgb(66, 147, 228);
    font-size: 28px;
}

.LastloggedDetail h5 span {
    color: black;
    font-size: 20px;
    padding: 0 10px;
}

    .LastloggedDetail h5 span a {
        text-decoration: none;
        color: rgb(66, 147, 228);
        font-size: 15px;
    }

.DescDown {
    padding: 5px 0;
}

    .DescDown a {
        text-decoration: none;
        color: inherit;
    }

        .DescDown a i {
            margin: 2px 0 0 6px;
            position: absolute;
        }

.LoginOpt {
    border: 1px solid #61B301;
    border-radius: 3px;
    padding: 2%;
    position: absolute;
    width: 500px;
    right: -30px;
    top: 37px;
    background-color: #FFFFFF;
    display: none;
    z-index: 10;
}

    .LoginOpt span i {
        position: absolute;
        color: #6ABE01;
        margin: -27px 0 0 482px;
    }

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

    .LoginOpt ul li {
        list-style-type: none;
        line-height: 31px;
    }

        .LoginOpt ul li input {
            width: 5%;
            margin: 9px 0 0 0;
        }

        .LoginOpt ul li select {
            border-radius: 2px;
            width: 280px;
        }

.HomeBlock {
    border: 1px solid #D8D8D8;
    padding: 1%;
    /*border-radius: 2px;*/
    width: 98%;
    /*box-shadow: 0px 1px 10px -4px black;*/
}

    .HomeBlock:hover {
        background-color: #f6fbff; /* #fbfff5; */
        transition: background-color 0.2s ease-out;
        box-shadow: 1px 1px 2px 1px rgb(222, 222, 222);
        border: 1px solid #bbe4f3;
    }

.myTHead h4 {
    border-bottom: 2px solid #9ED066;
    padding: 0 0 5px 0;
    color: #7D7D7D;
}

.myTData {
    position: relative;
}

    .myTData h4 {
        color: #9C9C9C;
    }

    .myTData h5 a {
        text-decoration: none;
        color: inherit;
        font-size: 27px;
    }

.saleCountData, .PurCountData, .EmpCountData {
    position: absolute;
    display: none;
    float: left;
    top: 50px;
    margin: 0 0 40px 0;
    box-shadow: 0px 0px 6px -2px black;
    width: 400px;
    background-color: #FFFFFF;
    border: 1px solid #DADADA;
    /*border-radius: 2px;*/
    z-index: 10;
}

    .saleCountData h4, .PurCountData h4, .EmpCountData h4 {
        height: 40px;
    }

    .saleCountData h5, .PurCountData h5, .EmpCountData h5 {
        font-size: 30px;
        padding: 0 0 10px 0;
    }

    .saleCountData span i {
        position: absolute;
        margin: -11px 0 0 -139px;
    }

    .PurCountData span i {
        position: absolute;
        margin: -11px 0 0 -7px;
    }

    .EmpCountData span i {
        position: absolute;
        margin: -11px 0 0 124px;
    }

.CnameHover {
    position: absolute;
    text-align: center;
    width: 400px;
    margin: 0px 0px 50px 218px;
    color: rgb(136, 136, 136);
    box-shadow: black 0px 0px 10px 0px;
    padding: 10px;
    /*border-radius: 2px;*/
    background: rgb(255, 255, 255);
}

/*************************************************  setting_personalinfo.aspx  ********************************************************/

.cdNumber select {
    padding: 3px;
    float: left;
    font-family: calibri;
    font-size: 17px;
    /*border-radius: 2px;*/
    margin: 0 10px 0 0;
}

.cdNumber input {
    /*padding: 6px;*/
    float: left;
    margin: 0 10px 2px 0;
}

.perinfoHead h3 {
    border-bottom: 1px solid #CACACA;
    font-size: 21px;
    font-family: calibri;
    padding: 0 0 2px 0;
    color: #909090;
}

    .perinfoHead h3 input {
        width: 15px;
        margin: 4px 6px 0 0;
    }

.contactaddcaax h3 {
    border-bottom: 1px solid #CACACA;
    font-size: 21px;
    width: 94%;
    font-family: calibri;
    padding: 0 0 2px 0;
    color: #909090;
    margin: 0;
}

.contactaddxero h3 {
    border-bottom: 1px solid #CACACA;
    font-size: 21px;
    width: 100%;
    font-family: calibri;
    padding: 0 0 2px 0;
    color: #909090;
    margin: 0;
}

.perinfoBottomSpace {
    margin-bottom: 20px;
}

.peruserImg {
    width: 112px;
    height: 112px;
    border: 1px solid #CACACA;
    /*border-radius: 2px;*/
    margin: 10px 0px 0 40px;
}

    .peruserImg img {
        width: 112px;
        height: 112px;
    }

.DrpDwnul a {
    border-bottom: 1px solid #04A1D2;
    color: #04a1d2;
    font-size: 17px;
    text-align: center;
    padding: 10px 0 10px 0px;
    text-decoration: none;
    display: block;
    font-family: calibri;
    border-top: 1px solid white;
    transition: 0s;
}

    .DrpDwnul a:hover {
        color: #FFFFFF;
        background-color: #04a1d2;
    }




/*************************************************  setting_company_profile_edit.aspx  ********************************************************/

.postDetails {
    margin: 0 55px 0 0;
}

    .postDetails h5 input {
        width: 100%;
    }



.Btncompanychange {
    background-image: url('../images/btn_bg.png');
    background-position: 0px 0px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    padding: 4px;
    float: left;
    border: 1px solid #51c3e6;
    margin: 1px 0 0 10px;
    font-family: calibri;
    text-decoration: none;
    color: #04a1d2;
    font-size: 21px;
    cursor: pointer;
}

    .Btncompanychange a {
        text-decoration: none;
        color: #04a1d2;
        font-family: calibri;
        font-size: 21px;
    }

    .Btncompanychange i {
        padding: 3px 3px 0px 5px;
        float: right;
        font-size: 17px !important;
    }

.DrpDwn a input {
    border-bottom: 1px solid #04A1D2;
    color: #4F4F4F;
    width: 100%;
    cursor: pointer;
    font-size: 17px;
    text-align: left;
    padding: 10px 0 10px 14px;
    text-decoration: none;
    display: block;
    font-family: calibri;
    border-top: 1px solid white;
    transition: 0s;
}

    .DrpDwn a input:hover {
        color: #04A1D2;
        background: #e4f9ff;
    }

    .DrpDwn a input span {
        width: 28px;
        float: left;
        text-align: center;
    }

.historyHeading h4, .historyHeading h5 {
    color: #686868;
    font-size: 17px;
    font-family: Calibri;
}

/*********************************************************  Export_Setting.aspx  **************************************************************/


.ExpoSetInput h5 input {
    width: 10%;
    margin: 3px 0 0 0;
}

/************************************************************  User_Add.aspx  *****************************************************************/


.TeamUserDetail {
    margin: 20px 0;
}

    .TeamUserDetail h5 input {
        width: 97%;
        background-color: #f3f0f0;
    }


/******************************************************  setting_communication.aspx  ***********************************************************/

.setticommu h3 {
    border-bottom: 1px solid #CACACA;
    font-size: 21px;
    font-family: calibri;
    padding: 10px 0 6px 12px;
    margin: 0;
    color: #838383;
    background-color: #F7F7F7;
    font-weight: 500;
    /*border-radius: 5px 5px 0 0;*/
}

.settiCommuBlock {
    box-shadow: 0px 0px 0px 1px #CACACA;
    margin: 1%;
    width: 31.33%;
    height: 132px;
    background-color: white;
}

    .settiCommuBlock h4 {
        height: 100%;
        color: black;
        font-size: 21px;
        padding: 6px 0;
    }

    .settiCommuBlock h5 {
        text-align: justify;
    }

    .settiCommuBlock h6 {
        text-align: center;
    }

/********************************************************  setting_reminder.aspx  *************************************************************/

.reminderHead {
    margin: 40px auto;
}

    .reminderHead h4 {
        font-size: 21px;
        border-bottom: 1px solid #9E9E9E;
        padding: 0 0 5px 0;
        margin: 0 0 0 0;
    }

    .reminderHead h5 {
        font-size: 19px;
        padding: 6px 0;
    }

    .reminderHead input {
        width: 96%;
        height: 19px;
        margin: 4px 0;
    }

    .reminderHead select {
        width: 96%;
        padding: 4px;
        margin: 0 2%;
        /*border-radius: 2px;*/
    }

.remDataBox input {
    width: 30px !important;
    padding: 4px !important;
    margin: 0;
    float: none;
}

.remDataHead {
    border-bottom: 1px solid #EFEFEF;
}

    .remDataHead h5 {
        margin: 8px 0 0px 0;
    }

.reminderLineHight {
    height: 50px;
}

.toggle-slide {
    width: 98px;
}

/********************************************************  List of Request(s).aspx  *************************************************************/

.LoRHead {
    background-color: #F1F1F1;
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid #CCCCCC;
}

    .LoRHead h4 {
        float: left;
        height: 100%;
    }

.LoRHeadBgWhite {
    background-color: #FFFFFF;
}

.lorSname {
    padding: 0 10px;
    box-sizing: border-box;
}


.LorHeadFix {
    position: fixed;
    z-index: 1;
    margin: 0px 20px;
}

.caax-postlist-inv {
    background: url("../images/ic_requestlist.png") no-repeat !important;
    background-position: 16px -56px !important;
}

.caax-postlist-cre {
    background: url("../images/ic_requestlist.png") no-repeat !important;
    background-position: 16px 2px !important;
}

.caax-postlist-stat {
    background: url("../images/ic_requestlist.png") no-repeat !important;
    background-position: 16px -115px !important;
}

.caax-postlist-bank {
    background: url("../images/ic_requestlist.png") no-repeat !important;
    background-position: 16px -173px !important;
}

.caax-postlist-email {
    background: url("../images/ic_requestlist.png") no-repeat !important;
    background-position: 16px -236px !important;
}

.caax-postlist-pod {
    background: url("../images/ic_requestlist.png") no-repeat !important;
    background-position: 16px -296px !important;
}



/********************************************************  reasonAddEdit.aspx  *************************************************************/

.TblHead {
    /*text-align: left;
    padding: 0 0 0 10px;
    border-right: 1px solid #CACACA;*/
}



/*.TblHead td {
        text-align: left;
        padding: 0 0 0 10px;
        /*border-right: 1px solid #CACACA;
        border-left: 1px solid #CACACA;*/
}

*/
/*********************************************************  Contact_list.aspx  **************************************************************/
.BtnRequestForList {
    background-image: url('../images/btn_bg.png');
    background-position: 0px 0px;
    background-size: 210px 32px;
    background-repeat: no-repeat;
    padding: 6px 23px;
    float: left;
    margin: -1px 0 0 0px;
    font-family: calibri;
    text-decoration: none;
    color: #04a1d2;
    font-size: 21px;
    cursor: pointer;
}

.BtnRequestForList a {
    text-decoration: none;
    color: #04a1d2;
    font-family: calibri;
    font-size: 21px;
}

    .BtnRequestForList a img {
        width: 20px;
        float: left;
        margin: 0 6px 0 0;
    }

.BtnRequestForList i {
    padding: 2px 10px;
    float: right;
    font-size: 17px !important;
}

.contList {
    float: left;
    margin: 0 0 0 0;
    width: 150px;
    /*position: absolute;*/
    color: #101010;
    background-color: #FFFFFF;
    text-align: center;
    /*border-radius: 4px;*/
    font-size: 17px;
    padding: 5px;
    border: 1px solid #DEDEDE;
    cursor: context-menu;
}

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

.h4emailadd h5 {
    color: #6abe01;
}

    .h4emailadd h5 a {
        text-decoration: none;
        color: #6abe01;
    }

.iconAn {
    margin-left: 10px !important;
    padding: 0px 0 0px 33px;
    background-image: url(../images/ic_an.png);
    background-size: 18px 19px;
    background-repeat: no-repeat;
    line-height: 19px;
}

.iconDn {
    margin-left: 10px !important;
    padding: 0px 0 0px 33px;
    background-image: url(../images/ic_dn.png);
    background-size: 18px 19px;
    background-repeat: no-repeat;
    line-height: 19px;
}

.faCompanycl:before {
    background-image: url(../images/ic_factory_gren.png);
    background-repeat: no-repeat;
    background-size: 23px 18px;
    display: inline-block;
    height: 21px;
    width: 15px;
    content: "";
    font-family: FontAwesome;
    font-size: 17px;
    color: #85c729;
    padding-left: 10px;
    float: left;
    margin-left: 8px;
}

/*.faCompanycl:before {
    content: "\f275";
    font-family: FontAwesome;
    font-size: 17px;
    float: left;
    color: #85c729;
    margin: 0px 10px 10px 0px;
    padding-left: 10px;
}*/
/*.faCompanycDocpoup:before {
    content: "\f275";
    font-family: FontAwesome;
    font-size: 13px;
    float: left;
    color: #85c729;
    margin: 0px 7px 0px 0px;
}*/


.faCompanycDocpoup:before {
    background-image: url(../images/ic_factory_gren.png);
    background-repeat: no-repeat;
    background-size: 23px 18px;
    display: inline-block;
    height: 22px;
    width: 23px;
    content: "";
    font-family: FontAwesome;
    font-size: 17px;
    color: #85c729;
    float: left;
    margin: 2px 7px 2px -4px;
}



.faUsercl:before {
    content: "\f007";
    font-family: FontAwesome;
    font-size: 18px;
    padding: 0px 6px 0px 3px;
}

.faUsercl a {
    cursor: context-menu;
}

.faMailcl:before {
    content: "\f003";
    font-family: FontAwesome;
    font-size: 18px;
    padding: 0 8px 1px 3px;
}

.faTelecl:before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 18px;
    margin: 0px 16px 3px 4px;
}

.faMobcl:before {
    content: "\f10b";
    font-family: FontAwesome;
    font-size: 24px;
    margin: 0 17px 0 6px;
    padding-right: 4px;
}

.faDirDial:before {
    content: "\f2a0";
    font-family: FontAwesome;
    font-size: 15px;
    margin: 0 20px 0 6px;
    padding-right: 4px;
}

.MoneyRec h5, .MoneyPay h5 {
    color: #808080;
}



/************************************************************  contact_add.aspx  *********************************************************************/

.caax-contAdd-home {
    background: url("../images/ic_conAdd.png") no-repeat !important;
    background-position: -1px -10px !important;
}

.caax-contAdd-add {
    background: url("../images/ic_conAdd.png") no-repeat !important;
    background-position: -5px -72px !important;
}

.caax-contAdd-bank {
    background: url("../images/ic_conAdd.png") no-repeat !important;
    background-position: -2px -134px !important;
}

.caax-contAdd-sale {
    background: url("../images/ic_conAdd.png") no-repeat !important;
    background-position: -5px -195px !important;
}

.caax-contAdd-pur {
    background: url("../images/ic_conAdd.png") no-repeat !important;
    background-position: -8px -256px !important;
}

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

/**************************************************************  Client Dashboard  *******************************************************************/

.padding200 {
    padding: 20px 0;
}

.reqReply tr td {
    background-color: #eef6fe;
    border-right: 1px solid #2a94fe;
    border-top: 0;
    font-size: 16px;
    color: #776868 !important;
}
/*.reqReply:hover {
    background-color: #b6dbff;
}*/

.DashCount {
    padding: 10px 0;
    float: left;
    width: 100%;
    text-decoration: none;
    color: #484849;
    text-align: center;
}

.flip-container a {
    text-decoration: none;
    color: #7d7d7d;
}

/*******************************************************************  item_list.aspx  *****************************************************************/

.SearchCont {
    padding: 10px 0;
}

/**************************************************************  site.master popup design  ************************************************************/
.mbDiscribe ul {
    padding: 40px 46px;
}

    .mbDiscribe ul li {
        text-align: justify;
        line-height: 17px;
        font-size: 18px;
        font-family: calibri;
        list-style-type: circle;
    }

        .mbDiscribe ul li:first-child {
            list-style-type: none;
            text-align: center;
        }

        .mbDiscribe ul li:nth-child(2) {
            list-style-type: none;
            color: #ff0000;
            text-align: center;
            padding: 0 0 10px 0;
        }

        .mbDiscribe ul li i {
            cursor: pointer;
        }

/************************************************  Request_for_statement  ************************************************/

.rfsTblHead {
    position: fixed;
    background-color: #f3f0f0;
    padding: 5px 0;
    margin: 0;
    width: 79.7%;
    z-index: 1;
    border-bottom: 1px solid #919191;
}

    .rfsTblHead h5 {
        color: #868686;
    }

.rfsTextbox {
    width: 96%;
    max-width: 96%;
    height: 100px;
    font-family: calibri;
    color: #6b6b6b;
    padding: 1% 2%;
    /*border-radius: 2px;*/
    font-size: 16px;
    border: solid 1px #dadcdd !important;
}

.bgncolourRfs {
    color: rgb(100, 100, 100) !important;
    font-family: Calibri;
    Background-Color: #E5F1FD !important;
    border-bottom: 2px solid rgb(150, 150, 150);
    border-top: 2px solid #287fcc;
}

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

        .bgncolourRfs th:nth-child(1) {
            padding: 0px 10px !important;
            text-align: center !important;
            background-color: white;
            font-size: 21px;
            border-bottom: 2px solid #287fcc;
            border-left: 1px solid #c7d3e2;
        }

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

        .bgncolourRfs th:nth-child(2) {
            padding: 0 6px !important;
            text-align: left !important;
            background-color: white;
            font-size: 18px;
            border-bottom: 2px solid #287fcc;
        }

            .bgncolourRfs th:nth-child(2) a, .bgncolourRfs th:nth-child(4) a, .bgncolourRfs th:nth-child(5) a {
                text-decoration: none;
                color: #1761b2;
            }

                .bgncolourRfs th:nth-child(2) a:after, .bgncolourRfs th:nth-child(4) a:after, .bgncolourRfs th:nth-child(5) a:after {
                    /*content: "\f0dc";
                    font-family: FontAwesome;
                    font-size: 12px;
                    padding: 0 0 0 4px;*/
                }

        .bgncolourRfs th:nth-child(3) {
            border-right: none;
            background: none;
            background-color: white;
            border-bottom: 2px solid #287fcc;
        }

        .bgncolourRfs th:nth-child(4), .bgncolourRfs th:nth-child(5), .bgncolourRfs th:nth-child(6), .bgncolourRfs th:nth-child(7), .bgncolourRfs th:nth-child(8), .bgncolourRfs th:nth-child(9) {
            background-color: white;
            border-bottom: 2px solid #287fcc;
            font-size: 17px;
        }

.bgncolortdRfs {
    margin: 0px 0px 100px 0px;
}

    .bgncolortdRfs tr td:nth-child(1) {
        text-align: center;
    }

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



/*******************************************************  bank details ********************************************************/


.popupEdit {
    width: 86%;
    margin: 2% 7%;
    line-height: 30px;
}

    .popupEdit h4 {
        height: auto;
    }

    .popupEdit h5 {
        font-size: 19px;
    }


/*******************************************************  send_acemail ********************************************************/

.emailgray {
    background-image: url('../images/email_gray.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 11px 8px;
    outline: none;
}


/*******************************************************  intransit admin ********************************************************/
.intransitHead th:nth-child(2) {
    text-align: left;
    padding: 0 5px;
}

.intransitHead th:nth-child(3) {
    text-align: left;
    padding: 0 5px;
}

/*******************************************************  request_list ********************************************************/
.LoRData div {
}

.DelDocBox {
    float: left;
    margin: 8px 0 0 0;
}

    .DelDocBox input {
        width: 20px;
        height: 20px;
    }

    .DelDocBox label {
        padding: 2px 0 0 5px;
        float: left;
    }

/*******************************************************  upload scanned documents.aspx ********************************************************/
.uploadsd input {
    width: 5%;
}

/*******************************************************  upload scanned documents.aspx ********************************************************/


.InvCreNoteTitle h4 {
    color: #686868;
    padding: 5px 0 0 0;
}

.InvCreNote input {
    width: 10%;
    margin: 2px 5px;
    float: none;
}

/*******************************************************  pop msg text  ***************************************************/
.mbodyText {
    color: #6f6f6f !important;
    margin: 50px 0 !important;
    text-align: center !important;
}

.boxSizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* width css start */

.block_1 {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.block_2 {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.block_3 {
    float: left;
    width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.block_4 {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.block_5 {
    float: left;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.block_6 {
    float: left;
    width: 16.66%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.widthAuto {
    width: auto !important;
}

.width5 {
    width: 5% !important;
}

.width10 {
    width: 10% !important;
}

.width15 {
    width: 15% !important;
}

.width20 {
    width: 20% !important;
}

.width25 {
    width: 25% !important;
}

.width30 {
    width: 30% !important;
}

.width33 {
    width: 33% !important;
}

.width35 {
    width: 35% !important;
}

.width40 {
    width: 40% !important;
}

.width45 {
    width: 45% !important;
}

.width48 {
    width: 48% !important;
}

.width49 {
    width: 49% !important;
}

.width50 {
    width: 50% !important;
}

.width55 {
    width: 55% !important;
}

.width60 {
    width: 60% !important;
}

.width65 {
    width: 65% !important;
}

.width70 {
    width: 70% !important;
}

.width75 {
    width: 75% !important;
}

.width80 {
    width: 80% !important;
}

.width85 {
    width: 85% !important;
}

.width90 {
    width: 90% !important;
}

.width95 {
    width: 95% !important;
}

.width98 {
    width: 98px !important; /* Do Not Change px to % */
}

.width_98 {
    width: 98% !important;
}

.width99 {
    width: 99% !important;
}

.width100 {
    width: 100% !important;
}

.width3Block {
    width: 33.00% !important;
}

.width7Block {
    width: 14.28% !important;
}

.width9Block {
    width: 11.11% !important;
}



/* form Px */
.minWidthU {
    min-width: unset !important;
}

.maxWidthU {
    max-width: unset !important;
}

.widthP10 {
    width: 10px !important;
}

.widthP20 {
    width: 20px !important;
}

.widthP30 {
    width: 30px !important;
}

.widthP40 {
    width: 40px !important;
}

.widthP50 {
    width: 50px !important;
}

.widthP50 {
    width: 50px !important;
}

.widthP60 {
    width: 60px !important;
}

.widthP70 {
    width: 70px !important;
}

.widthP80 {
    width: 80px !important;
}

.widthP90 {
    width: 90px !important;
}

.widthP99 {
    width: 99px !important;
}

.widthP100 {
    width: 100px !important;
}

.widthP101 {
    width: 101px !important;
}

.widthP102 {
    width: 102px !important;
}

.widthP110 {
    width: 110px !important;
}

.widthP120 {
    width: 120px !important;
}

.widthP130 {
    width: 130px !important;
}

.widthP140 {
    width: 140px !important;
}

.widthP150 {
    width: 150px !important;
}

.widthP160 {
    width: 160px !important;
}


.widthP165 {
    width: 165px !important;
}


.widthP170 {
    width: 170px !important;
}

.widthP180 {
    width: 180px !important;
}


.widthP185 {
    width: 185px !important;
}

.widthP200 {
    width: 200px !important;
}

.widthP250 {
    width: 250px !important;
}

.widthP300 {
    width: 300px !important;
}

.widthP320 {
    width: 320px !important;
}

.widthP350 {
    width: 350px !important;
}

.widthP400 {
    width: 400px !important;
}

.widthP450 {
    width: 450px !important;
}

.widthP500 {
    width: 500px !important;
}

.widthP550 {
    width: 550px !important;
}

.widthP600 {
    width: 600px !important;
}

.widthP650 {
    width: 650px !important;
}

.widthP700 {
    width: 700px !important;
}

.widthP750 {
    width: 750px !important;
}

.widthP800 {
    width: 800px !important;
}

.widthP850 {
    width: 850px !important;
}

.widthP900 {
    width: 900px !important;
}

.widthP950 {
    width: 950px !important;
}

.widthP1000 {
    width: 1000px !important;
}

.heightP34 {
    height: 34px !important;
}

.lineH21 {
    line-height: 21px !important;
}

.lineH22 {
    line-height: 22px !important;
}

.lineH23 {
    line-height: 23px !important;
}

.lineH24 {
    line-height: 24px !important;
}

.lineH25 {
    line-height: 25px !important;
}

.lineH26 {
    line-height: 26px !important;
}

.lineH27 {
    line-height: 27px !important;
}

.lineH28 {
    line-height: 28px !important;
}

.lineH29 {
    line-height: 29px !important;
}

.lineH30 {
    line-height: 30px !important;
}
/* width css End */





/***************************************************  setting lock_dates  ***********************************************/
.ldatesCalendarF img {
    position: absolute;
    left: 130px;
    top: 44px;
    width: 16px;
    height: 17px;
}

.ldatesCalendar img {
    position: absolute;
    /*left: 130px; Nishit*/
    left: 322px;
    /*top: 25px; Nishit*/
    top: 44px;
    width: 16px;
    height: 17px;
}

.lckDate_options input {
    float: left;
    width: 20%;
    cursor: pointer;
}

.lckDate_options label {
    cursor: pointer;
}
/***************************************************  document_details_popup  ***********************************************/
.ddph4h5 h4 {
    color: #737373;
    cursor: context-menu;
}

.ddph4h5 h5 {
    color: #2b2b2b;
    font-size: 17px !important;
    cursor: context-menu;
    font-family: Calibri;
}

/***************************************************  email_setting client  ***********************************************/
.block {
    border: 1px solid #c5c5c5;
    margin-bottom: 9px;
    /*padding: 1%;*/
    width: 98%;
    box-shadow: 1px 1px 6px #C9C9C9;
    background: url(../images/21px-stroke.png) repeat-y;
    background-position: 78.5% 0;
}

/******************************************************  setting_tracking  ************************************************/

.bgncolourSt th {
    border-bottom: 2px solid #287fcc;
    Color: #2877BD;
    font-size: 21px;
    background: #FFFFFF;
    text-align: left;
    padding: 0 10px;
    font-family: calibri;
    font-weight: 500;
}

.regionDropDown {
}

    .regionDropDown select {
        width: 93%;
        padding: 1.5%;
    }

.trackingMoreLess a {
    color: #60aa00;
    font-family: calibri;
    font-size: 17px;
}
/**********************************************************  progresbar  ********************************************************/
.progressBar {
    height: 14px;
    width: 96px !important;
    float: left;
    background-color: green;
    margin-left: 12px;
    color: white;
    font-size: 11px;
    padding-top: 5px;
    border: 1px solid #ddd;
    /*border-radius: 3px;*/
    overflow: hidden;
    display: inline-block;
    margin: 0px 10px 5px 0px;
    vertical-align: top;
}

    .progressbar div {
        text-align: center;
    }

.disableactions {
    /*background-color: rgba(0,0,0,0.65);*/
    background-color: rgba(0,0,0,0);
    position: relative;
    height: 33px;
    margin-left: 32px;
    width: 327px;
    font-family: Verdana, Geneva, sans-serif;
    color: #FFF;
    bottom: 0px;
    z-index: 1;
    display: none;
}



.paddingLeft {
    padding-left: 10px !important;
}

.paddingRight {
    padding-right: 10px !important;
}

.paddingTop {
    padding-top: 10px;
}

.paddingBottom {
    padding-bottom: 10px !important;
}

.divRow {
    width: 100%;
    float: left;
    margin: 1% 0 0 0;
}

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

.hoverMainBlock:hover {
    background-color: #fff;
    box-shadow: 0px 4px 4px cornflowerblue;
}

.hoverMainBlockCur:hover {
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0px 4px 4px cornflowerblue;
}


/*purchaseorder_list Css Start*/


.poMainBlock {
    width: 100%;
    float: left;
    border: 1px solid #c5c5c5;
    padding: 1%;
    box-shadow: 1px 1px 6px #C9C9C9;
    margin: 0 0 10px 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .poMainBlock:after {
        position: absolute;
        content: '';
        border: 0.5px solid #bfd0ab;
        height: 100%;
        top: 0;
        right: 35%;
    }


.poDetailsBlock {
    float: left;
    width: 45%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.poStatus {
    float: left;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.poMoreDoc {
    float: left;
    width: 35%;
    padding-left: 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.poRightBlock {
    border: 1px solid #c5c5c5;
    padding: 1%;
    width: 40%;
    box-shadow: 1px 1px 6px #C9C9C9;
    margin: 0;
    box-sizing: border-box;
    transition: ease-in 0.2s;
}

.divActionMsg {
    padding-top: 70px !important;
    font-size: 20px !important;
}


.divLinkBill {
    position: relative;
}

    .divLinkBill:before {
        content: "\f0c1";
        font-family: 'FontAwesome';
        position: absolute;
        font-size: 30px;
        color: #79d000;
        transform: rotate(134deg);
        top: 85px;
        margin: 0 0 0 -31px;
    }



.divLinksChain {
    position: absolute;
}

    .divLinksChain img {
        width: 50px;
        left: -31px;
        top: 85px;
        position: relative;
        z-index: 1;
    }

    .divLinksChain span {
        position: absolute;
        background-color: #ffffff;
        box-shadow: 1px 1px 6px #696464;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        top: 89px;
        left: -34px;
        z-index: 0;
    }

        .divLinksChain span:nth-child(2) {
            left: 10px !important;
        }



.floatL {
    float: left !important;
}

.floatR {
    float: right !important;
}

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



.divId_Icon {
    float: left;
    width: 20%;
    height: 100%;
}

.divSuppDetails {
    float: left;
    width: 80%;
    height: 100%;
    padding-left: 5px;
    box-sizing: border-box;
}

.strokeBottom {
    background: url(../images/1px-stroke.png) left top no-repeat;
    float: left;
    width: 100%;
    height: 13px;
    margin-top: 5px;
    background-position: center;
    background-size: contain;
}

.poupSpanHead {
    color: #676767 !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    font-family: Calibri !important;
    cursor: context-menu !important;
    width: 73px;
    float: left;
}

.poupSpanNum {
    float: left;
    color: #429dea !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    font-family: Calibri !important;
    cursor: context-menu !important;
}

.divStuts {
    font-size: 17px;
    color: orange;
    width: 97%;
    float: left;
    text-align: center;
    padding-top: 60px;
}

/*purchaseorder_list Css End*/

/*Commen Css Form Strat */

.formHead {
    float: left;
    margin: 0;
    color: #676767;
    font-weight: 500;
    font-size: 17px;
    font-family: Calibri;
    cursor: context-menu;
}

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

    .formInput input, select, textarea {
        border: 1px solid #c8c8c8;
        color: #383838;
      /*  -webkit-border-radius: 2px;
        border-radius: 2px;*/
        box-shadow: inset 0px 0px 0px 0px;
        padding: 4px 6px;
        font-size: 17px;
        margin: 0;
        box-shadow: 0px;
    }

.formHeadMain {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    margin: 10px 0 10px 0;
    float: left;
    color: #676767;
    font-weight: 600;
    font-size: 17px;
    font-family: Calibri;
    cursor: context-menu;
    padding-bottom: 10px;
}

.tblReqPrice {
    width: 100%;
}

    .tblReqPrice th {
        margin: 0;
        color: #676767;
        font-weight: 500;
        font-size: 17px;
        font-family: Calibri;
        cursor: context-menu;
        padding: 5px;
        margin-bottom: 10px;
        text-align: left;
    }

    .tblReqPrice tr {
        border-bottom: 1px solid #e8e8e8;
        float: left;
    }

    .tblReqPrice td {
        padding: 5px;
        font-size: 17px;
        font-family: calibri;
        vertical-align: top;
    }

        .tblReqPrice td span {
            line-height: 20px;
            font-size: 17px;
            font-family: Calibri;
        }

    .tblReqPrice tr:last-child td {
        border-bottom: 0px solid #e8e8e8;
    }

    .tblReqPrice td input, select, textarea {
        border: 1px solid #c8c8c8;
        color: #383838;
      /*  -webkit-border-radius: 2px;
        border-radius: 2px;*/
        box-shadow: inset 0px 0px 0px 0px;
        padding: 4px 6px;
        font-size: 16px;
        margin: 0;
        box-shadow: 0px;
    }

.compaerBlock {
    float: left;
    margin-bottom: 10px;
}

    .compaerBlock h5 {
        color: #4495E6;
        font-size: 19px;
        font-family: calibri;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .compaerBlock h6 {
        float: left;
        width: 100%;
        font-family: calibri;
        font-size: 17px;
        color: #676767;
        font-weight: 600;
        margin: 0 0 7px 0;
    }

        .compaerBlock h6 span {
            font-family: calibri;
            font-size: 17px;
            color: #676767;
            font-weight: normal;
            margin-bottom: 10px;
            word-break: break-word;
        }

            .compaerBlock h6 span:nth-child(1) {
                width: 35%;
            }

            .compaerBlock h6 span:nth-child(2) {
                width: 65%;
                float: left;
                line-height: 20px;
                margin: 0;
            }
/*Commen Css Strat Form* End */


/* This Class Use Div Notification Daynamic Set Akash 14-06-2018 Start */
/* Alert Red Start */
.alertRed {
    width: 100%;
    padding: 5px 20px 5px 45px;
    float: left;
    margin: 0 0 10px 0;
    text-shadow: none;
   /* -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
  /*  -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;*/
    background-color: #cc3a00;
    border-color: #b32400;
    color: #fff;
    line-height: 24px;
    word-break: break-word;
    font-size: 18px;
    font-family: calibri;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .alertRed i {
        float: left;
        margin: 4px 10px 0 -31px;
        font-size: 17px !important;
    }

    .alertRed label, .alertRed span {
        color: #fff;
    }

        .alertRed label a, .alertRed span a {
            color: #fff;
            text-decoration: none;
            outline: none;
        }

/*orange*/
.alertOrange {
    background-color: #ff8000 !important;
    border-color: #da6f04 !important;
    color: #fff;
    box-shadow: 1px 4px 2px 0 #ddd, inset 0 2px 2px 0 #e4780c !important;
}

    .alertOrange label, .alertOrange span {
        color: #fff !important;
    }

        .alertOrange label a, .alertOrange span a {
            color: #fff !important;
            text-decoration: none;
            outline: none;
        }
/* Alert Red End */

/* Alert Green Start */
.alertNoty {
    float: left;
    width: 100%;
    padding: 10px 20px 10px 45px;
    margin: 10px 0;
    font-size: 18px;
    font-family: sans-serif;
    font-weight: 600;
    background: #f1fde7;
    color: #6ABE01;
    text-align: left;
    border: 2px solid #79d000;
    position: relative;
    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;
    line-height: 24px;
    word-break: break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alertNotyI {
    float: left;
    margin: 4px 10px 0 -31px;
    font-size: 17px !important;
}

.imgGreenSet {
    float: left;
    width: 25px;
    height: 25px;
    margin: 0px 7px 0 -35px;
}

.imgGreen {
    background-image: url(../images/pp-approval.png);
    background-repeat: no-repeat;
    background-size: 25px;
    float: left;
    width: 25px;
    height: 25px;
    margin: 0px 7px 0 -35px;
}

.imgRed {
    background-image: url(../images/pp-rejected.png);
    background-repeat: no-repeat;
    background-size: 25px;
    float: left;
    width: 25px;
    height: 25px;
    margin: 0px 7px 0 -35px;
}

.imgOrange {
    background-image: url(../images/pp-approvaloh.png);
    background-repeat: no-repeat;
    background-size: 25px;
    float: left;
    width: 25px;
    height: 25px;
    margin: 0px 7px 0 -35px;
}

.alertNoty label, .alertNoty span {
    color: #6ABE01;
}

    .alertNoty label a, .alertNoty span a {
        color: #6ABE01;
        text-decoration: none;
        outline: none;
    }

/*Red*/
.alertNotyRed {
    background-color: rgb(255, 237, 237) !important;
    border-color: rgb(227, 9, 4) !important;
    color: #ff0000;
}

    .alertNotyRed label, .alertNotyRed span {
        color: #ff0000;
    }

        .alertNotyRed label a, .alertNotyRed span a {
            color: #ff0000 !important;
            text-decoration: none;
            outline: none;
        }

/*Red*/
.alertNotyOrange {
    background-color: #ffe4c9 !important;
    border-color: #ff8000 !important;
    color: #ff8204;
}

    .alertNotyOrange label, .alertNotyOrange span {
        color: #ff8000 !important;
    }

        .alertNotyOrange label a, .alertNotyOrange span a {
            color: #ff8000 !important;
            text-decoration: none;
            outline: none;
        }




/*Other Data*/
.alertNotyClose {
    position: absolute;
    height: 16px;
    width: 16px;
    right: 2px;
    top: 2px;
    cursor: pointer;
}

.viewLINK {
    color: #4293E4 !important;
    margin: 0 20px 0 0;
    text-decoration: none;
    font-family: calibri;
    font-size: 16px;
    cursor: pointer;
    float: right;
    font-weight: normal;
}

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

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


.alertMoreDetails {
    width: 100%;
    margin: 5px 0 0 1px;
    float: left;
}

    .alertMoreDetails ul li {
        font-family: Calibri;
        font-size: 16px;
        color: #68A519;
        margin: 0 10px 0 0;
        display: inline-block;
        font-weight: normal;
        font-style: normal;
        cursor: default;
        vertical-align: top;
    }

        .alertMoreDetails ul li:nth-child(1) {
            width: 150px;
        }

        .alertMoreDetails ul li:nth-child(2) {
            width: 218px;
        }

        .alertMoreDetails ul li:nth-child(3) {
            width: 240px;
        }

        .alertMoreDetails ul li:nth-child(4) {
            width: 276px;
            margin: 0;
        }



        .alertMoreDetails ul li span:nth-child(1) {
            color: #2b8bc9 !important;
        }

        .alertMoreDetails ul li span:nth-child(2) {
            color: #68A519;
        }


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

/* Alert Green End*/
/* This Class Use Div Notification Daynamic Set Akash 14-06-2018 End */


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

.mainHead {
    background-color: #efefef;
    color: #686868;
    width: 100%;
    float: left;
    padding: 7px 7px;
    font-family: calibri;
    font-size: 17px;
    margin-bottom: 5px;
    border-bottom: 2px solid #c5c5c5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lblHead {
    width: 100%;
    font-family: calibri;
    font-size: 16px;
    color: #686868;
    margin: 0 0 6px 0;
    padding: 0;
    float: left;
    box-sizing: border-box;
    text-decoration: none;
    font-style: normal;
    word-break:break-word;
}

.green {
    color: #63b601 !important;
}

.darkgreen {
    color: darkgreen !important;
}

.blue {
    color: #377fc8 !important;
}

.orange {
    color: orange !important;
}

.redColor {
    color: red !important;
}

.red {
    color: red !important;
}

.grey {
    color: #686868 !important;
}

.bold {
    font-weight: bold !important;
}


.boldNormal {
    font-weight: normal !important;
}


.tCap {
    text-transform: capitalize !important;
}

.tLow {
    text-transform: lowercase !important;
}

.tUpp {
    text-transform: uppercase !important;
}


.tCenter {
    text-align: center !important;
}

.tLeft {
    text-align: left !important;
}

.tRight {
    text-align: right !important;
}

.calIcon {
    position: absolute;
    top: 3px;
    right: 6px;
    z-index: 1;
    cursor: pointer;
    font-size: 16px;
    color: #63b601;
}

.inputBox {
    font-size: 16px !important;
    outline: none;
    resize: none;
    width: 100%;
    /*border-radius: 2px;*/
    padding: 4px 5px !important;
    font-family: calibri;
    border: 1px solid #c8c8c8;
    margin: 0px 0 0px 0;
    box-sizing: border-box;
    background-color: white;
    word-break: break-word;
    position: relative;
    text-align: left;
}

    .inputBox:focus, .inputBoxCheck input:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }


.inputBoxDec {
    font-size: 16px !important;
    outline: none;
    resize: none;
    width: 100%;
    /*border-radius: 2px;*/
    padding: 4px 5px !important;
    font-family: calibri;
    border: 1px solid #c8c8c8;
    margin: 0px 0 0px 0;
    box-sizing: border-box;
    background-color: #e6e6e6;
    word-break: break-word;
    cursor: no-drop !important;
    position: relative;
    text-align: left;
}

.sDropdown {
    box-sizing: unset !important;
    position: unset !important;
    padding-bottom: 2px !important;
    height: 22px !important;
}

.inputBoxCheck {
    margin-bottom: 5px;
}

    .inputBoxCheck input {
        width: 16px;
        height: 16px;
        margin: 0 15px 0 0;
        position: relative;
        top: 3px;
    }

    .inputBoxCheck label {
        font-size: 18px;
        font-family: calibri;
    }

    .inputBoxCheck:hover label {
        font-weight: 600;
    }

.pRel {
    position: relative;
}

.pAso {
    position: absolute;
}

.modalBody {
    padding: 30px 30px 20px 30px;
    width: 100%;
    font-size: 17px;
    font-family: Calibri;
    color: #686868;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


.modalBody_1 {
    padding: 15px 15px 10px 15px;
    width: 100%;
    font-size: 17px;
    font-family: Calibri;
    color: #686868;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


.blockRed {
    border: 2px solid red !important;
    background-color: rgb(255, 247, 247) !important;
}


.ulTab {
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #686868;
    margin-bottom: 20px;
    transition: all 0.4s;
}

    .ulTab li {
        background-color: #ffffff !important;
        border-left: 1px solid #cacaca;
        border-top: 1px solid #cacaca;
        border-right: 1px solid #cacaca;
        border-radius: 4px 4px 0 0;
        display: inline-block;
        border-radius: 4px 4px 0 0;
        position: relative;
        transition: all 0.4s;
    }

        .ulTab li.active:after {
            content: '';
            width: 100%;
            height: 5px;
            position: absolute;
            border: 0;
            left: 0;
            background-color: #fff;
            z-index: 11;
            top: 34px;
        }


        .ulTab li.active, .ulTab li:hover {
            background-color: #ffffff !important;
            border-left: 1px solid #686868;
            border-top: 1px solid #686868;
            border-right: 1px solid #686868;
            color: #1761ab;
            font-weight: bold;
            position: relative;
            transition: all 0.4s;
        }

        .ulTab li a {
            display: block;
            padding: 10px 20px;
            text-align: center;
            color: #3297d8;
            text-decoration: none;
            transition: all 0.4s;
        }



.tabContant {
    border: 1px solid #686868;
    border-radius: 0px 4px 4px 4px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

#tabbed label.tabs {
    padding: 10px 15px 10px 15px !important;
    height: auto !important;
    line-height: normal !important;
    margin-right: 5px !important;
}


    #tabbed label.tabs i {
        margin-right: 5px;
        font-size: 16px !important;
        position: relative;
        top: 1px;
    }

    #tabbed label.tabs img {
        position: relative;
        width: 22px;
        margin: 0px 5px -8px 0 !important;
        filter: grayscale();
        top: -2px;
    }


    #tabbed label.tabs:hover img, #tabbed label.tabs:focus img, #tabbed input:checked + label.tabs img {
        filter: unset;
    }

.divSearchMaster {
    border: 1px solid #c8c8c8;
    background-color: #f7f7f7;
    width: 100%;
    /*border-radius: 2px;*/
    float: left;
}

.divFeatureED {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    text-align: center;
    top: 0;
    left: 0;
    cursor: default;
}


.fixed {
    position: fixed;
    top: 107px;
    box-shadow: none;
    width: 1000px;
    z-index: 6;
}




/*Table Blue Start*/
.tblBlue {
    float: left;
    border-left: 1px solid #cccccc;
}

    .tblBlue tr {
        border-left: 1px solid #cccccc;
        transition: all 0.2s;
    }

        .tblBlue tr th {
            padding: 7px;
            font-size: 16px;
            font-family: Calibri;
            background: steelblue;
            text-shadow: 0 1px 0 #38678f;
            color: white;
            border-right: 1px solid #38678f;
            box-shadow: inset 0px 1px 2px #568ebd;
            transition: all 0.2s;
        }

        .tblBlue tr td {
            padding: 7px;
            color: #000;
            line-height: 22px;
            font-size: 16px;
            font-family: Calibri;
            text-align: center;
            border-right: 1px solid #cccccc;
            border-bottom: 1px solid #cccccc;
            transition: all 0.2s;
        }

            .tblBlue tr td i {
                font-size: 16px;
                color: steelblue;
            }

        .tblBlue tr:nth-child(odd) {
            background-color: #f9f9f9;
        }

        .tblBlue tr:hover {
            background-color: #e8f2fc;
        }

            .tblBlue tr:hover td {
                color: #004d72;
                font-weight: 800;
            }

/*Table Blue End*/


/* GridPager Start */
GridPagerPlain {
    background-color: #fff !important;
    color: #000 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.GridPager {
    width: 100%;
    background-color: #fff !important;
    border: none;
    border-bottom: none !important;
    padding: 0;
    height: 20px;
}

    .GridPager:hover {
        background-color: #fff !important;
    }

    .GridPager td {
        border: none;
        padding: 0 0 2px 3px !important;
    }

        .GridPager td table {
            margin: 5px 5px 0 0;
        }

            .GridPager td table tbody tr {
                border: none;
            }

                .GridPager td table tbody tr td {
                    border: none;
                    padding: 0;
                }

    .GridPager a,
    .GridPager span {
        display: inline-block;
        padding: 0px 9px;
        margin-right: 4px;
        /*border-radius: 3px;*/
        border: solid 1px #c0c0c0;
        background: #e9e9e9;
        box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
        font-size: .875em;
        font-weight: bold;
        text-decoration: none;
        color: #717171;
        text-shadow: 0px 1px 0px rgba(255,255,255, 1);
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .GridPager a {
        background-color: #f5f5f5;
        color: #676767;
        border: 1px solid #676767;
        padding: 3px 10px;
        text-decoration: none !important;
    }

    .GridPager td a:hover {
        background-color: #dff1ff;
    }


    .GridPager span {
        background: #4682b4;
        box-shadow: inset 0px 0px 8px rgb(5, 100, 173), 0px 1px 0px rgba(255,255,255, .8);
        color: #f0f0f0;
        font-size: 15px;
        text-shadow: 0px 0px 3px rgba(0,0,0, .5);
        border: 1px solid #196aac;
        padding: 3px 10px;
        cursor: no-drop;
        position: relative;
        top: 0;
    }

    .GridPager table {
        float: right;
        border: none;
    }

    .GridPager tr:nth-child(odd) {
        background-color: transparent !important;
    }
/* gridPager End */






.iframe_issue_input_type {
    position: relative !important;
}

    .iframe_issue_input_type:hover {
        position: relative !important;
        z-index: -2 !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
    }



.hideBlock {
    display: none;
}

.showBlock {
    display: block;
}

.sxpublicBlock {
    width: 100%;
    float: left;
    border: 1px solid rgb(179, 235, 249);
    background-color: #fff;
    margin: 0;
    padding: 10px 10px;
    width: 100%;
    font-size: 18px;
    font-family: calibri;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


.htmlPreLine {
    white-space: pre-line;
    -webkit-white-space: pre-line;
    -o-white-space: pre-line;
    -moz-white-space: pre-line;
    -ms-white-space: pre-line;
}


.how_to_use {
    padding: 0 0 0 25px;
    margin: 0 0 15px 0;
    cursor: pointer;
    width: 100%;
    float: left;
    font-family: calibri;
    font-size: 17px;
    color: #686868;
    box-sizing: border-box;
    -mox-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .how_to_use:hover, .how_to_use:hover > i {
        color: orange !important;
    }

    .how_to_use i {
        margin: 0 0 0 -25px;
        font-size: 15px !important;
        position: relative;
        top: 1px;
        float: left;
        color: #686868 !important;
        padding: 0 !important;
    }


.arrow_down_gif {
    width: 27px;
    transform: rotate(90deg);
    display: inline-block;
    position: relative;
    top: 7px;
    left: 10px;
}


.drp_disable {
    cursor: no-drop !important;
    color: #868686 !important;
    padding: 5px 8px;
}


.greyPopups {
    background-color: #f5f5f5;
    width: 100%;
    float: left;
    height: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}