@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Ubuntu', sans-serif;
    font-size: 11px;
    color: #333333;
}

h1, h2, h3, h4, h5, p, ul, p; {
    margin: 0;
    padding: 0;
}

a:focus {
    outline: none;
}

ul li, ol li {
    list-style-type: none;
}

ul {
    margin: 0;
}

a:hover {
    color: #78befd;
}

img {
    max-width: 100%;
}
/****************Header Navigation **********************/
.navbar.navbar-inverse.navigation {
    background: #358ee0;
    border: none;
    border-radius: 0;
    margin: 0;
}

.navbar-nav > li > .dropdown-menu {
    padding: 0;
}

.navbar.navbar-inverse.navigation .navbar-brand {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 26.01px;
    text-transform: uppercase;
    color: #fff;
    background: #1e73c4;
    padding: 15px 30px;
    margin-right: 2px;
}

.navigation .nav.navbar-nav a {
    background: #358ee0 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    line-height: 44px;
    padding: 0 15px;
    text-transform: uppercase;
}

.navbar-inverse.navigation .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background: none;
}

.navbar-inverse.navigation .navbar-toggle {
    border-color: #1e73c4;
}

    .navbar-inverse.navigation .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background: #1e73c4;
    }

.navbar-inverse.navigation .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #1e73c4;
}

.navigation .nav.navbar-nav a:hover {
    color: #005db6;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #358EE0;
    color: #ffffff;
}
/**************Bedcrums************/
.top-list {
    background: #f4f4f4;
    color: #666666;
    border-bottom: 1px solid #cccccc;
}

.breadcrumb {
    background-color: #f4f4f4;
    border-radius: 0;
    margin-bottom: 0;
    padding: 15px 15px;
}

.right {
    padding: 10px 0 0;
    text-align: right;
}

.top-list .breadcrumb li a {
    color: #666;
}

.top-list .breadcrumb > li + li::before {
    color: #666;
    content: "";
    padding: 0 17px 0 12px;
    font-family: 'FontAwesome';
    font-size: 13px;
}
/********************Main Content of home page**********/
/******Left Content******/
.main-content {
    position: relative;
}

.left-SectionHome-page {
    padding: 25px 0 0;
}

.heading h2 {
    float: left;
    margin: 0;
    font-size: 40px;
    color: #358ee0;
    font-weight: 300;
}

.heading h5 {
    float: right;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    line-height: 22px;
}

.heading::after {
    clear: both;
    content: "";
    display: block;
}

.file-details {
    padding: 30px 0 25px;
}

    .file-details ul li {
        list-style-type: none;
        text-transform: uppercase;
        padding-bottom: 7px;
    }

        .file-details ul li span {
            display: inline-block;
            font-size: 13px;
            font-weight: 700;
            text-transform: capitalize;
            width: 145px;
        }
/*****Accordian********/
.accordian-heading a {
    color: #358ee0;
    font-weight: 700;
    display: inline-block;
}

.accordian-heading ul li a i {
    padding-right: 8px;
}

.accordian-heading ul li {
    float: left;
    padding: 0 25px;
    position: relative;
}

.accordian-heading li::after {
    content: "|";
    position: absolute;
    right: 0;
    color: #666666;
    top: 0;
}

.accordian-heading li:last-child::after {
    display: none;
}

.accordian-heading li:first-child {
    padding-left: 0;
}

.accordian-heading::after {
    clear: both;
    content: "";
    display: block;
}

.accordian-heading {
    padding: 0 0 30px;
}

.home-accordian .panel-title a {
    display: block;
    padding: 20px;
    position: relative;
}

    .home-accordian .panel-title a:hover, .home-accordian .panel-title a:focus {
        text-decoration: none;
    }

.home-accordian .panel-default > .panel-heading {
    background-color: #358ee0;
    border-color: #358ee0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    border: 2px solid #358ee0;
    border-radius: 0;
}

.home-accordian .more-less {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    color: #358ee0;
    font-size: 13px;
    padding: 3px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 16px;
}

.home-accordian .panel-body {
    border: 2px solid #358ee0;
}

.home-accordian .panel-body {
    padding: 0;
}

.accordian-in-heading {
    background: #f7f7f7;
    padding: 15px 20px;
}

    .accordian-in-heading h3 {
        margin: 0;
        float: left;
        font-size: 13px;
    }

        .accordian-in-heading h3 i {
            color: #34ae03;
            padding-right: 5px;
        }
    /*.accordian-in-content {padding-top: 18px;}*/
    .accordian-in-heading a {
        float: right;
        color: #fff;
        font-weight: 700;
    }

    .accordian-in-heading::after {
        clear: both;
        content: "";
        display: block;
    }

.accordian-in-content .form-group::after {
    clear: both;
    content: "";
    display: block;
}

.accordian-in-content label {
    float: left;
    width: 35%;
    color: #666666;
    font-size: 13px;
    background: #fff;
}

.accordian-in-content .form-group {
    margin-bottom: 20px;
}

.accordian-in-content .form-control {
    float: right;
    width: 65%;
    border: 1px solid #cccccc;
    height: 38px;
    background: #fff;
    -webkit-appearance: none;
}

    .accordian-in-content .form-control:focus {
        box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        -webkit-box-shadow: none;
    }

.accordian-in-content::after {
    clear: both;
    content: "";
    display: block;
}

.prev-mail {
    display: block;
    text-align: right;
    width: 100%;
    color: #358ee0;
    font-weight: 700;
    text-decoration: underline;
    font-weight: 700;
    padding: 15px 0 0 0;
}

    .prev-mail i {
        padding-right: 5px;
    }

.send-mail {
    background: #358ee0;
    border: 1px solid #358ee0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    line-height: 37px;
    text-transform: uppercase;
    width: 65%;
}

.left-side-acc {
    border-right: 2px solid #cccccc;
}

.send-mail i {
    padding-right: 5px;
}

.send-mail:hover {
    background: #fff;
    color: #358ee0;
}

.left-side-acc {
    padding: 18px 40px 18px 20px;
}

.home-accordian.panel-group .panel + .panel {
    margin-top: 30px;
}

.right-side-acc h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    color: #358ee0;
    padding-bottom: 15px;
}

.right-side-acc thead tr {
    background: #f5f6f8 none repeat scroll 0 0;
}

.right-side-acc table {
    border: 1px solid #e6e9ee;
}

    .right-side-acc table .fa-close {
        color: #e0122a;
        font-size: 16px;
    }

.full-border {
    border-right: 3px solid #e6e9ee;
    padding-right: 500px;
}

.left-SectionHome-page .collapsed .more-less .close-acc {
    display: none;
}

.left-SectionHome-page .more-less .close-acc {
    display: block;
}

.left-SectionHome-page .more-less .open {
    display: none;
}

.left-SectionHome-page .collapsed .more-less .open {
    display: block;
}

.left-SectionHome-page .close-acc {
    color: #358ee0;
    opacity: 1;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    border-left: medium none;
    height: 38px;
    margin-left: -1px;
    z-index: 2;
    color: #358ee0;
}

.form-control.date {
    border-right: 0 none;
    width: 63%;
    border-radius: 5px 0 0 5px !important;
}

.form-control.pincode {
    border-right: 0 none;
    width: 63%;
    border-radius: 5px 0 0 5px !important;
}

.input-group-addon, .input-group-btn {
    vertical-align: top;
}

.accordian-in-heading h3 .red {
    color: #e0122a;
}

.select-box::after {
    background: #ffffff url("../images/selectIcon.png") no-repeat scroll center center;
    border-radius: 0 4px 4px 0;
    content: "";
    height: 95%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    border: 1px solid #cccccc;
    border-left: none;
}

.select-box {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 4px;
    height: 40px;
    position: relative;
}

.form-control select {
    padding-left: 6px;
    width: 100%;
}

.select-box select {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.form-control select option {
    background: #ffffff none repeat scroll 0 0;
    color: #595959;
    padding: 3px;
}

.rt-section-home-content .more-less .open.fa.fa-plus-square {
    float: left;
    padding: 2px;
}

.field {
    float: left;
    width: 64%;
}

    .field .form-control {
        position: relative;
        width: 100%;
    }

    .field .input-group-btn {
        position: absolute;
        right: 70px;
    }

textarea {
    resize: none;
    width: 100%;
    height: 110px;
}
#txt_DescriptionLines {
    resize: none;
    width: 100%;
    height: 50px;
}
/*******Right Section*******/
.right-sectionHome-page .collapsed .more-less .close-acc {
    display: none;
}

.right-sectionHome-page .more-less .close-acc {
    display: block;
}

.right-sectionHome-page .more-less .open {
    display: none;
}

.right-sectionHome-page .collapsed .more-less .open {
    display: block;
}

.right-sectionHome-page .close-acc {
    color: #358ee0;
    opacity: 1;
}

.rtl-hm-heading::after {
    clear: both;
    content: "";
    display: block;
}

.greenBox {
    background: #34ae03 none repeat scroll 0 0;
    color: #ffffff;
    padding: 25px 15px;
}

.no-padding {
    padding: 0;
}

.greenBox h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}

    .greenBox h2 span {
        display: block;
        padding: 10px 0 0;
    }

.rtl-hm-heading ul {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 15px 15px 12px 30px;
}

    .rtl-hm-heading ul li {
        padding: 10px 0;
    }

        .rtl-hm-heading ul li:first-child {
            padding-top: 0;
            color: #032f49;
        }

        .rtl-hm-heading ul li:last-child {
            padding-bottom: 0;
            border-top: 1px solid #e6e9ee;
        }

        .rtl-hm-heading ul li span {
            width: 115px;
            font-weight: 700;
            display: inline-block;
        }

.rt-hm-contentHeading {
    padding: 27px 0 25px;
}

    .rt-hm-contentHeading > h5 {
    color: #358ee0;
    float: left;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    display: inline-block;
    float: none;
}
    .rt-hm-contentHeading .table-bg {
    display: inline-block;
    vertical-align: middle;
}

    .rt-hm-contentHeading > a {
        display: block;
        float: right;
        color: #5dba44;
        text-transform: uppercase;
        font-weight: 700;
    }

        .rt-hm-contentHeading > a i {
            padding: 0 5px;
        }

.rt-section-home-content::after {
    clear: both;
    content: "";
    display: block;
}

.rt-hm-contentHeading::after {
    clear: both;
    content: "";
    display: block;
}

.right-sectionHome-page table thead tr {
    background: #f5f6f8;
}

.rt-section-home-content .table-bg {
    border-radius: 5px;
    overflow: hidden;
}

.hide-link {
    color: #358ee0;
    text-decoration: underline;
}

.hide-link i {
        padding-right: 5px;
}
.invoice-details-inr li {
    font-size: 12px;
    margin-bottom: 15px;
}
.invoice-details-inr li span {
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
        width: 100px;
}
.invoice-details-inr::after {
    clear: both;
    content: "";
    display: block;
}
.invoice-details-inr {
    border: 2px solid #e6e9ee;
    margin: 12px;
    padding: 18px 20px 6px;
}
.invoice-details-inr .fa-close {
        color: #e0122a;
}
.no-lt-pdng {
    bottom: 0;
    float: right;
    padding-left: 0;
    position: static;
    right: 15px;
    top: 0;
    width: 30%;
}
.content-left{border-right:3px solid #e6e9ee;}
.rt-section-home-content {
    padding-left: 10px;
}
.already-inv-section {
    border-top: 1px solid #e6e9ee;
    margin: 20px 0;
}
.already-inv-section > h3 {
        color: #358ee0;
        margin: 0;
        padding: 30px 20px 16px;
        font-weight: 700;
        font-size: 18px;
}
.already-inv-section .table-bg.table-responsive {
        border: 1px solid #cccccc;
        border-radius: 5px;
        margin: 15px 0 0 20px;
        overflow: hidden;
}
.already-inv-section .table-bg.table-responsive thead tr {
            background: #f5f6f8;
            border-bottom: 1px solid #cccccc;
}

        .already-inv-section .table-bg.table-responsive .table {
            margin: 0;
        }

    .already-inv-section.invoice-in {
        border-top: none;
        padding: 0 0 0 20px;
    }

        .already-inv-section.invoice-in .table-bg.table-responsive {
            margin: 15px 0 0 0;
        }

.invoice-details-inr .first-col:first-child {
    padding-right: 0;
}

.invoice-details-inr .first-col:last-child {
    padding-left: 0;
    padding-right: 0;
}

.modal-backdrop {
    background: #fff;
}

    .modal-backdrop.fade {
        opacity: 0.8;
    }

.mymodal .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.mymodal .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}

.mymodal .modal-content {
    width: 80%;
    margin: 0 auto;
    border: 3px solid #333333;
	margin-top:120px;
	}

.mymodal table thead tr {
    background: #f5f6f8 none repeat scroll 0 0;
    border-radius: 5px;
    border-bottom: none;
}

.mymodal .table-responsive {
    border-radius: 5px;
}

.mymodal .modal-header h2 {
    border-bottom: 1px solid #cccccc;
    color: #358ee0;
    font-size: 24px;
    font-weight: 300;
    margin: 0;
    padding: 0 0 15px; font-weight:bold;
}

.close.modal-close 
{
    background: #358ee0 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 37.5px;
    height: 40px;
    width: 40px;
    opacity: 1;
}

.accordian-heading li a:hover 
{
    cursor: pointer;
}

.mymodal .modal-header 
{
    border-bottom: none;
    padding: 30px 20px 9px 30px;
}

.mymodal table tr td 
{
    padding: 13px 8px;
}

.mymodal table thead tr th
{
    padding: 13px 8px;
}
.table-st {
    border: 1px solid #cccccc;
    border-radius: 5px;
}
.invoice-in .table-st {
    margin: 0;
}
.table > thead > tr > th {
    border-bottom: none;
}
.table-responsive.table-st.tb-margin {
    margin: 0 0 0 15px;
}
/********************Footer****************/
/*footer {background: #358ee0 none repeat scroll 0 0;color: #ffffff;font-size: 12px;height: 70px;line-height: 70px;margin: 0 auto;text-align: center;}*/

footer {
    background: #358ee0 none repeat scroll 0 0;
    bottom: 0;
    color: #ffffff;
    font-size: 12px;
    height: 70px;
    left: 0;
    line-height: 70px;
    margin: 0 auto;
    /*//position: fixed;*/
    text-align: center;
    width: 100%;
}
footer a {
        color: #fff;
}
/**********List Page**************/
.list-content-header .input-group {
    float: right;
    width: 30%;
}

.list-content-header h2 {
    float: left;
    font-weight: 300;
    font-size: 40px;
    color: #358ee0;
    margin: 0;
}

.list-content-header::after {
    clear: both;
    content: "";
    display: block;
}

.list-content-header {
    padding: 35px 0 23px;
}

    .list-content-header .input-group-addon {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-left: 0 none;
        color: #358ee0;
        font-weight: 700;
        height: 33px;
        line-height: 33px;
    }

    .list-content-header .input-group input 
    {
        border-right: 0 none;
        height: 47px;
    }

        .list-content-header .input-group input:focus 
        {
            box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            -webkit-box-shadow: none;
            border: 1px solid #ccc;
            border-right: none;
        }

    .list-content-header .form-control::-moz-placeholder 
    {
        color: #666666;
        font-weight: 700;
    }

    .list-content-header .form-control::-webkit-input--placeholder {
        color: #666666;
        font-weight: 700;
    }

    .list-content-header .form-control::-ms-placeholder {
        color: #666666;
        font-weight: 700;
    }

    .list-content-header .form-control::-o-placeholder {
        color: #666666;
        font-weight: 700;
    }

/*.table-responsive.list-table tr td {
    padding: 13px 8px;
    font-size: 12px;
}*/

.table-responsive.list-table thead th {
    background: #f5f6f8;
    border: 1ps solid #ccc;
    border-bottom: none;
    font-weight: 700;
    font-size: 13px;
    padding: 13px 8px;
}

.table-responsive.list-table {
    border: 1px solid #ccc;
    border-radius: 5px;
}
/**Pagination***/
.pagination.list-pagination {
    float: right;
    margin: 15px 0 40px;
}

    .pagination.list-pagination a {
        border: medium none;
        color: #333333;
        font-weight: 700;
        font-size: 16px;
    }

        .pagination.list-pagination a:hover {
            background: #358ee0 none repeat scroll 0 0;
            border-radius: 5px;
            color: #ffffff;
        }

    .pagination.list-pagination .active > a {
        background: #358ee0 none repeat scroll 0 0;
        border-radius: 5px;
        color: #ffffff;
        padding: 6px 14px;
    }

.see {
    color: #358ee0;
    font-size: 12px;
}
/***List page modal design***/
.mymodal .modal-content.small-modal {
    width: 900px;
}

.list-modal .form-group label {
    float: left;
    width: 20%;
}

.list-modal .form-control {
    width: 80%;
    border: 1px solid #ccc;
}

    .list-modal .form-control:focus {
        box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        -webkit-box-shadow: none;
    }

.okBtn {
    background: #358ee0 none repeat scroll 0 0;
    border: 1px solid #358ee0;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto;
    padding: 5px 25px;
    text-align: center;
    transition: all 1s ease 0s;
    -moz-transition: all ease 1s;
    -ms-transition: all ease 1s;
    -o-transition: all ease 1s;
    -webkit-transition: all ease 1s;
}
.okBtnForSection {
    background: #358ee0 none repeat scroll 0 0;
    border: 1px solid #358ee0;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto;
    padding: 5px 25px;
    text-align: center;
    transition: all 1s ease 0s;
    -moz-transition: all ease 1s;
    -ms-transition: all ease 1s;
    -o-transition: all ease 1s;
    -webkit-transition: all ease 1s;
}
.list-modal .form-control.date {
    border-right: 0;
}

.list-modal .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    height: 34px;
}

.okBtn:hover {
    background: #fff;
    color: #358ee0;
}

.see:hover {
    cursor: pointer;
}
/************Invoice Page******************/
.invoice-cHeader {
    padding: 40px 0 30px;
}

    .invoice-cHeader::after {
        clear: both;
        content: "";
        display: block;
    }

    .invoice-cHeader h2 {
        font-weight: 300;
        font-size: 40px;
        color: #358ee0;
        float: left;
        margin: 0;
    }

.actionBtns {
    float: right;
}

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

        .actionBtns li a {
            background: #358ee0 none repeat scroll 0 0;
            border-radius: 4px;
            color: #ffffff;
            display: block;
            font-weight: 700;
            padding: 10px 15px;
            font-size: 14px;
            color: #fff;
            border: 1px solid #358ee0;
            transition: all ease 1s;
            -moz-transition: all ease 1s;
            -ms-transition: all ease 1s;
            -o-transition: all ease 1s;
            -webkit-transition: all ease 1s;
        }

.invoice-nm-details::after {
    clear: both;
    content: "";
    display: block;
}

.actionBtns li a:hover {
    background: #fff;
    color: #358ee0;
    text-decoration: none;
}

.invoice-nm-details .lt-section {
    float: left;
    width: 58%;
}

.invoice-nm-details .rt-section {
    float: right;
    width: 42%;
}

.name {
    font-size: 15px;
    color: #1e73c4;
    font-weight: 700;
}

.invoice-nm-details .lt-section address {
    font-weight: 400;
    font-size: 13px;
    margin: 0;
}

.lt-section h3 {
    font-weight: 700;
    color: #34ae03;
    font-size: 20px;
    margin: 0;
    padding: 30px 0;
}

.invoice-nm-details {
    padding: 0 0 30px;
}

.rt-section span {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    width: 140px;
}

.rt-section li {
    font-size: 13px;
    padding: 1px 0;
}

.main-invoice {
    border: 2px solid #358ee0;
    margin-bottom: 30px;
}

    .main-invoice .header-in {
        padding: 20px 15px;
        background: #358ee0;
    }

        .main-invoice .header-in:after {
            display: block;
            clear: both;
            content: "";
        }

        .main-invoice .header-in h3 {
            float: left;
            color: #fff;
            margin: 0;
        }

        .main-invoice .header-in a i {
            padding: 0 5px;
        }

        .main-invoice .header-in a {
            float: right;
            color: #fff;
            display: block;
        }

.invoice-body {
    padding: 20px 15px;
}

.edDlt span {
    padding: 0 0 0 18px;
}

.edDlt {
    color: #358ee0;
    font-weight: 700;
}

.invoice-body .table-responsive {
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .invoice-body .table-responsive tr td {
        padding: 13px 8px;
        color: #666666;
        font-size: 14px;
    }

    .invoice-body .table-responsive thead th {
        background: #f5f6f8;
        border: 1ps solid #ccc;
        border-bottom: none;
        font-weight: 700;
        font-size: 14px;
        padding: 13px 8px;
    }

.invoice-body-foot {
    padding: 35px 0 45px;
}

.invoice-des ul li {
    font-size: 13px;
    color: #666;
    line-height: 22px;
}

.invoice-des h5 {
    font-weight: 700;
    color: #333;
    font-size: 13px;
    line-height: 22px;
    margin: 0;
}

.final-invoice-amt ul li span {
    width: 120px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.final-invoice-amt ul li {
    font-size: 14px;
    padding: 10px 0;
}

    .final-invoice-amt ul li:first-child {
        padding-top: 0;
    }

    .final-invoice-amt ul li:last-child {
        padding-bottom: 0;
    }

.final-invoice-amt span.spn-dt {
    font-weight: 400;
    text-align: right;
    font-size: 14px;
}

.final-invoice-amt ul li:last-child span.spn-dt {
    font-size: 17px;
}
/************Login Page****************/
.login-main {
    margin: 0 auto;
    max-width: 470px;
    padding: 90px 0;
    width: 100%;
}

    .login-main h2 {
        background: #1e73c4 none repeat scroll 0 0;
        height: 70px;
        line-height: 66px;
        text-align: center;
        margin: 0;
    }

.login-body {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 57px 56px 30px;
}

    .login-body form label {
        font-size: 16px;
        font-weight: 700;
        padding-bottom: 5px;
        color: #333;
    }

    .login-body form .form-control {
        height: 44px;
    }

    .login-body form .form-control {
        height: 44px;
        line-height: 0;
        padding: 0 15px;
        border: 1px solid #ccc;
    }

    .login-body form .form-group {
        margin-bottom: 20px;
    }

    .login-body form .form-control:focus {
        border: 1px solid #ccc;
        box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        -webkit-box-shadow: none;
    }

.rememberP {
    float: left;
    font-weight: 700;
    font-size: 14px;
}

    .rememberP:hover {
        cursor: pointer;
    }

.forgotP {
    float: right;
    font-size: 14px;
    font-weight: 700;
    color: #666;
}

.login-foot::after {
    clear: both;
    content: "";
    display: block;
}

.signIn {
    background: #1e73c4 none repeat scroll 0 0;
    border: 1px solid #1e73c4;
    border-radius: 5px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    height: 45px;
    line-height: 27px;
    margin: 18px 0 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
    transition: all ease 1s;
    -moz-transition: all ease 1s;
    -ms-transition: all ease 1s;
    -o-transition: all ease 1s;
    -webkit-transition: all ease 1s;
}

    .signIn:hover {
        background: #fff;
        color: #1e73c4;
    }

.rememberP.control-inline > label {
    padding-left: 5px;
}

.rememberP input {
    display: none;
}

input[type=checkbox]:not(old),
input[type=radio ]:not(old) {
    margin: 0;
    padding: 0;
    /*opacity   : 0;*/
}

.checkBox-div label {
    margin-left: -30px;
}

input[type="checkbox"]:not(old) + label > span, input[type="radio"]:not(old) + label > span:hover {
    cursor: pointer;
}

.checkBox-div span:hover {
    cursor: pointer;
}

input[type="checkbox"]:not(old) + label, input[type="radio"]:not(old) + label {
    display: inline;
    line-height: 27px;
}

    input[type="checkbox"]:not(old) + label > span, input[type="radio"]:not(old) + label > span {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        display: inline-block;
        height: 20px;
        margin: 0.25em 0.5em 0.25em 0.25em;
        vertical-align: bottom;
        width: 20px;
    }

.checkBox-div label {
    display: inline;
}

input[type="checkbox"]:checked:not(old) + label > span::before {
    color: #1E73C4;
    content: "";
    display: block;
    font-family: fontawesome;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(115, 153, 77);
}

input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: 0.5em;
    height: 0.5em;
    margin: 0.125em;
    border: 0.0625em solid rgb(115,153,77);
    border-radius: 0.125em;
    background: rgb(153,204,102);
    background-image: -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image: -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image: -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image: -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image: linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

.file-details label {
    font-weight: 400;
}






/*****For Loader*****/

.overlay-loader {
    display: block;
    margin: auto;
    width: 97px;
    height: 97px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 97px;
    height: 97px;
    animation-name: rotateAnim;
    -o-animation-name: rotateAnim;
    -ms-animation-name: rotateAnim;
    -webkit-animation-name: rotateAnim;
    -moz-animation-name: rotateAnim;
    animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

    .loader div {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        border: 1px solid rgb(0,0,0);
        position: absolute;
        top: 2px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

        .loader div:nth-child(odd) {
            border-top: none;
            border-left: none;
        }

        .loader div:nth-child(even) {
            border-bottom: none;
            border-right: none;
        }

        .loader div:nth-child(2) {
            border-width: 2px;
            left: 0px;
            top: -4px;
            width: 12px;
            height: 12px;
        }

        .loader div:nth-child(3) {
            border-width: 2px;
            left: -1px;
            top: 3px;
            width: 18px;
            height: 18px;
        }

        .loader div:nth-child(4) {
            border-width: 3px;
            left: -1px;
            top: -4px;
            width: 23px;
            height: 23px;
        }

        .loader div:nth-child(5) {
            border-width: 3px;
            left: -1px;
            top: 4px;
            width: 31px;
            height: 31px;
        }

        .loader div:nth-child(6) {
            border-width: 4px;
            left: 0px;
            top: -4px;
            width: 39px;
            height: 39px;
        }

        .loader div:nth-child(7) {
            border-width: 4px;
            left: 0px;
            top: 6px;
            width: 49px;
            height: 49px;
        }


@keyframes rotateAnim {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-o-keyframes rotateAnim {
    from {
        -o-transform: rotate(360deg);
    }

    to {
        -o-transform: rotate(0deg);
    }
}

@-ms-keyframes rotateAnim {
    from {
        -ms-transform: rotate(360deg);
    }

    to {
        -ms-transform: rotate(0deg);
    }
}

@-webkit-keyframes rotateAnim {
    from {
        -webkit-transform: rotate(360deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes rotateAnim {
    from {
        -moz-transform: rotate(360deg);
    }

    to {
        -moz-transform: rotate(0deg);
    }
}

.load-ui {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
}


.edit-icon {
    display: block;
    font-size: 16px;
    padding: 13px 0 0;
    vertical-align: middle;
}

    .edit-icon i {
        padding-left: 15px;
    }

#lbl_ContainerNo a {
    color: #ff0000;
    display: inline-block;
}

#lbl_ContainerNo {
    text-align: right;
}

.okBtn.shipmentUpdatefkid {
    margin: 18px 0 0;
    width: 100%;
}

.breadcrumb-inq .breadcrumb {
    background-color: #f4f4f4;
    border-radius: 0;
    display: inline-block;
    margin-bottom: 0;
    padding: 10px 15px;
    vertical-align: middle;
    width: 69%;
}

.breadcrumb-inq .right {
    display: inline-block;
    font-size: 22px;
    padding: 0;
    text-align: right;
    vertical-align: middle;
    width: 30%;
    color: #34ae03;
}

/*------------------25-08-2016 Jitendra Prajapat--------------------- */
.required {
    border-color: #ff0000 !important;
    border-radius: 2px !important;
}
.GreenAdd {   
    background-color:green;
}
.RedAdd {
    background-color:red;
}
.orangeBox {
    background: #FF8C00 none repeat scroll 0 0;
    color: #ffffff;
    padding: 25px 15px;
}

    .orangeBox h2 {
        margin: 0;
        font-size: 18px;
        font-weight: 700;
    }

        .orangeBox h2 span {
            display: block;
            padding: 0;
        }


#DDL_BaseID {
    width: 8%;
}

#DDL_OrignID {
    width: 8%;
}

#DDL_DestID {
    width: 8%;
}

#txt_20 {
    width: 5%;
}

#txt_40 {
    width: 5%;
}

#txt_20 {
    width: 5%;
}

#txt_45 {
    width: 5%;
}

#txt_40HQ {
    width: 5%;
}

#DDL_Currency {
    margin-right: 1%;
    width: 8%;
}

#Btn_SubmitBaseLine {
    font-size: 12px;
    padding: 2px 5px;
    width: 10%;
}
#Btn_SubmitBaseLineAddPlush {

     font-size: 12px;
    padding: 2px 5px;
    width: 10%;
}
#DDL_Currency:focus, #DDL_Currency:hover {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

#txt_NOR {
    width: 5%;
}

#ddlCarrierID {
    width: 15%;
}

#ddlBasePortID {
    width: 15%;
}


#ddlDuplicateAgencyID {
    width: 15%;
}



#txt_rate {
    width: 5%;
}

/*********************/
.btn-box-top .btn-group {
    vertical-align: top;
    padding: 0 10px;
}

.panel-custom h5 {
    display: inline-block;
    vertical-align: middle;
}

.panel-custom select.form-control {
    display: inline-block;
    margin: 0 20px 0 10px;
    vertical-align: middle;
}

.on {
    display: block;
}

.off {
    display: none;
}

.on input {
    width: 30px;
}




#dll_priviuosQuotationID {
    width: 400px;
}

#dll_quotationINID {
    width: 100px;
}

.txt-30 {
    width: 30px;
}

.cur{
    cursor:pointer;
    color:red;
}

/*****************************/
html, body {
    height: 100%;
}
.main-content {
    min-height: 100%;
}
footer p { margin:0;}
.content-left {
    float: left;
    width: 70%;
} 
.content-left .full-border {
    padding: 0;
}

.modalhome2CreateInvoice.quotationOUTView {
    text-align: right;
}

.containerinfoadd_class {
    text-align: right;
}


.form-control.txt_container {
    width: 200px;
   margin-left: 625px;
}
#dll_quoteIN {
    width: 481px;
    height:40px;
}

.no-lt-pdng.right-position {
    position: absolute;
}

.full-border.file-full-border {
 padding-right: 3px;}

.form-control.txt_containerGloble {
    width: 250px;
}

/*******************************/
a.modalhome2CreateInvoice {
    float: left;
    margin-right: 5px;
}
.form-control.txt_containerGloble {
    display: inline-block;
    vertical-align: middle;
}
.all-btn {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
}
.all-input-btn {
    float: right;
    margin-bottom: 15px;
}
.left-SectionHome-page .panel.panel-default {
 float:left; width:100%;}
.accordian-in-heading label {
    margin-right: 20px;
}
.righline {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 15px;
    text-align: right;
}
.okBtnInvoiceButton {
    display: inline-block;
    vertical-align: middle;
}
.marginLeftText {

margin-left:1000px;
margin-top: -203px;
}
.InvoiceLineLeftMargin {

width:70%;
}

.total_block {

    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 10px 0;
    margin: 15px 0;
}
.hide {
display:none;
}
footer {
    /*position:fixed;*/
    height: 50px;
    line-height: 50px;
}
.containerinfoadd_class {
    margin-top: 24px;
    margin-bottom: 7px;
}
.form-control.txt_container{
    margin-left:0px;
    display:inline-block;
}
.home-accordian .panel-body{
    margin-top:25px;
}
a.modalhome2CreateInvoice {
    margin-top: 6px;
}


.file-detail-box:after {
 content:""; clear:both; display:block;}
.content-left.file-detail-box {
    float: none;
    width: 100%;
}
.file-detail-left{
 float:left; width:70%; border-right:none;}

.no-lt-pdng.right-position.file-detail-right {
  position:static; float:right; width:30%; padding-bottom:20px;}

/** 4 Feb **/
.srch_clm_box {
    width: 100%;
    border: 1px solid #ccc;
    padding: 15px 0 15px;
    /*margin: 20px auto;*/
    background-color: #f5f5f5;
}
table.serch_crt_sc {
    margin: 0 auto;
    width: 100%;
}
.left-SectionHome-page .panel.panel-default{position:relative;}
.table-responsive.list-table .serch_crt_sc tr {
    /*width: 25%;*/
    /*display: inline-block;*/
}
.chooseCol{display:inline-block;}
.topCOls{    margin-top: 12px;
    padding-right: 28px;}
.panelInHead {
    text-align: right;
    padding: 0;
    right: 10px;
    position: absolute;
    top: 10px;
}
.panelInHead a {
    display: inline-block;
}
.panelInHead a i {
    padding-right: 6px;
}
a.createQuotationOUT, a.modalhome2CreateSectionPrintExport {
    margin: 0 3px;
}
 .table-responsive.list-table .serch_crt_sc tr td {
    padding: 0 8px;
    font-size: 12px;
    display: block;
}
div#myTable_filter {
    display: none;
}
#myTable_length {
    width: 100%;
    padding: 10px;
}
.dataTables_length select {
    width: 60px;
    margin: 0 3px;
}
.crt_invc_btn {
   /*  position: absolute; */
   float:right;
}

/** 24/02/2017 **/
.rgt_fltr_sc h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 7px;
}
.dt_innr_sc {
    padding-bottom: 13px;
}
.dt_innr_sc label {
    display: block;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
}
.dt_innr_sc input[type="submit"] {
    width: 45%;
    display: block;
    background-color:#1e73c4;
    border-radius:3px;
    color:#fff;
}



/*---11april---*/

.panel-primary > .panel-heading {
  background-color: #337ab7;
  border-color: #337ab7;
  color: #ffffff;
}
.panel-primary {
  border-color: #337ab7;
}

.panel-green .panel-heading {
  background-color: #5cb85c;
  border-color: #5cb85c;
  color: #ffffff;
}
.panel-green {
  border-color: #5cb85c;
}

.panel-green a {
  color: #5cb85c;
}
.panel-yellow {
  border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  color: #ffffff;
}

.panel-red .panel-heading {
  background-color: #d9534f;
  border-color: #d9534f;
  color: #ffffff;
}


.panel-yellow a {
  color: #f0ad4e;
}

.panel-red {
  border-color: #d9534f;
}
.panel-red a {
  color: #d9534f;
}
.addgreycolortxt {
  color: lightgray;
}
.huge {
  font-size: 40px;
}
.top-space{ padding:30px 0 35px 0;}
.popP {
    padding-top: 15px;
}
.blue_bg .panel-default > .panel-heading {
  background-color: #1e73c4;
  border-color: #1e73c4;
  color: #fff;
}

.blue_bg .panel-default{border-color: #1e73c4;}
.blue_bg .list-group-item{ border:none;}
ul.list_menu{ margin:0; padding:0;}
ul.list_menu li{ border-bottom:solid 1px #ddd; font-size:14px; padding:0 0 0 15px;}
ul.list_menu li a:hover{ text-decoration:none;}
ul.list_menu li:nth-child(odd) { background:#f9f9f9; }
ul.list_menu li:nth-child(even) { background:#f3f3f3 }
ul.list_menu li:last-child{ border:none;}
ul.list_menu li a{ display:block; padding:10px 0px; color:#555555;}
ul.list_menu li a:hover{ color:#1e73c4;}

/*---End-11april---*/

/*------------01/05/2017-----by Jitendra Prajapat--------*/


/*select#ddl_sectionNameID {
    width: 450px;
}*/
/*----------------------END---------------------------------*/

.modal.modal-wide .modal-dialog {
  width: 90%;
}
/*.modal-wide .modal-body {
  --overflow-y: auto;
}*/

/* irrelevant styling */
/*body { text-align: center; }*/
/*body p { 
  max-width: 400px; 
  margin: 20px auto; 
}*/
/*#modalhome2CreateSectionPrintExport .modal-body p { margin-bottom: 900px }*/


/***********************************Written By Jitendra Prajapat - Date - 09/06/2017******************************************8*/

.ScrollClassforpopudiv {
   
    width: 100%;
    height:auto;
    overflow: scroll;
}
/*05-07-2017 dinesh*/
.registration-pg {
    padding: 15px 10%;
}

.master-in:after {
    content: "";
    clear: both;
    display: block;
}

.accordian-in-heading select, .accordian-in-heading input {
    height: 30px;
    margin:0 3px 10px;
}

.tableInLinks{margin: 0 5px;}
.navigation .nav > li {
    padding: 9px 0;
}
.navigation .nav.navbar-nav a {
  
    height: inherit;
    line-height:normal;
    padding: 10px 12px;
    
}
/*.main-content.top-space .container-fluid {
    padding: 0 30px;
}*/
.printBody-title{font-size:16px;
}
.print-top {
    margin-bottom: 15px;
}
.qtTextarea{padding:15px;}
.qtText-submit{margin-top:30px;}
.crt_invc_btn a{/*margin-top:10px;*/ /* margin-right:15px;*/}
.twoCol .content-left, .twoCol .no-lt-pdng {
    padding: 0 15px;
}
.panel-heading-According 
{
    background-color: #358ee0;
    border-color: #358ee0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    border: 2px solid #358ee0;
    border-radius: 0;
}

.txt140HQ {   
    background-color: #f7f7f7;
}
.FileDetailsEmailBySection {
    margin-left: 1103px;
}
.settings_block .panel-body {
    padding: 0;
    height: 123px;
    overflow-y: auto;
}
.main_panel_block .panel-title i {
    margin-right: 5px;
    display: inline-block;
}
.dataTables_info {
    padding-left: 10px;
}
div#myTable_paginate {
    margin-bottom: 9px;
    margin-top: 5px;
}
.invoice_out_table th {
    font-weight: 600;
    font-size: 15px;
}
.invoice_out_table th, .invoice_out_table td {
    border: 1px solid #ccc!Important;
}
.invoice_out_table td {
    font-size: 14px;
}
.invoice_out_block.total_block{margin:0;}
.table-st.manage-invoice-line{border:none;}
.close.modal-close:hover {
    opacity: 0.8;
}

.close.modal-close{-moz-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s;}
.page-heading{margin-top:0; margin-bottom:20px; font-weight:bold;}
.load {
  border: 16px solid #fff;
  border-radius: 50%;
  border-top: 16px solid #1e73c4;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; 
}
.load {
    left: 50%;
    position: fixed;
    top: 40%;
    -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.createSection-modal .form-control{margin-bottom:15px;}
.srch_clm_box tr {
    width: 16.6666%;
    display: inline-block;
    margin-bottom: 0;
}
.srch_clm_box tr td {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding: 5px 10px;
    }


table.dataTable.myTable-in tbody th, table.dataTable tbody td {
    padding: 8px 9px !important;
}
table.dataTable.no-footer.myTable-in {
    width: 100% !important;
}
/*.dataTables_length {
    display: none;
}*/

.dataTables_filter {
    display: none;
}

.fltr_innr_yr_box {
    float: left;
    margin: 0 15px 0 0;
}

.fltr_innr_yr_box label, .ffltr_innr_yr_box input {
        vertical-align: middle;
        line-height: inherit;
        display: inline-block;
}
select#DDL_OrignPortID {
    width: 97px;
    height: 34px;
}

.pink {
    background-color: pink !important;
}
.header-dropdown-quote-out label, .header-dropdown-quote-out select {
    display: block;
    width: 100% !important;
}
.header-dropdown-quote-out select {
    height: 40px;
}
span.untilLabel {
    margin-left: 118px;
}

/*20 MAY 18*/

.file-detail-container-popup label {
    width: 100% !important;
}
.file-detail-container-popup textarea {    
    border-radius: 4px;
    border: 1px solid #ccc;
}
.file-detail-container-popup .form-control {
    width: 100%
}
.checkbox-section label {
    width: 50% !important;
}
.checkbox-section .form-group { 
    width: 100%;
    float: left;
}
.submit-btn .okBtn{
     margin:0px;
     display:inline-block;
}
.submit-btn {
    text-align:center;
}
.file-detail-container-popup .modal-body {   
    padding: 15px 30px;
}
.popup-top .custom-5{
    width:20%;
    float:left;
    padding:0px 15px;
}

.filecolorandSize {

color:blue;
font-size:16px;
}

.RemarkLineByline {
    width: 150px;
    border: 1px solid #000000;
}
.btnSendEmailNewTech {

}
#lbl_InternalRemark {
    color: orange;
    width: 1100px;
    background-color: white;
    border: 0;
    /*display: none;*/
}

.modal-content.clsNewmodelSize {
    width: 40%;
}

.dropify-wrapper {
    background-color: red;
    height: 80px;
}
.pull-left.ForwardInternal-input {
    margin-left: 3px;
    height: 200px;
}
label#lbl_FileNoOnTop {
    color: red;
}
/*******/
.padding-left0 {
    padding-left: 0;
}

.padding-right0 {
    padding-right: 10px;
}
.padding-left0 a.forwardContainerNo, .padding-right0 a.forwardContainerNo {
    display: block;
}
.btnSearchToContainerNo, #btnSearchToAction {
    padding: 6px 9px;
    width: 100%;
}

.table-responsive.list-table.previous-email thead th {

    font-size: 12px;
    padding: 13px 5px;
}
select#ddlContainerID-0,.btn-success.btnSendEmail {
    margin-bottom: 10px;
}
.right-sectionHome-page input[type=checkbox] {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 4px 0 0 10px !important;
    vertical-align: top;
    box-shadow: none;
}

.file-detail-container-popup textarea {
    font-size: 14px;
    padding-left: 14px; padding-top:4px;
}
table.dataTable.myTable-in tbody th, table.dataTable tbody td {
    padding: 8px 3px !important;
    color: #000000;
    text-align: center;
}

body table.dataTable thead th, table.dataTable thead td , body .table-responsive.list-table thead th {
    padding: 10px 3px;
    text-align:center;
}
 table.dataTable tbody td p {
    width: 100% !important;
    word-break: break-word;
    max-width: 100px;
}
#myTable td .btn {
    padding: 6px 3px;
    font-size: 12px;
    max-width: 76px;
}
.table-responsive.list-table .serch_crt_sc tr td {
    padding: 5px 10px;
}
.crt_invc_btn {
    margin-top: 10px;
}
.crt_invc_btn a {
    margin-top: 0;
}

/* ks 19-10-2018 start */
.top-space{
padding-top:20px; 
}
#filter_global .form-control{
height:30px;
}
.rgt_fltr_sc .button-group .dropdown-menu li{
    padding: 0px 10px;
}
.rgt_fltr_sc .button-group .dropdown-menu li input,
.rgt_fltr_sc .button-group .dropdown-menu li label{
	vertical-align: middle;
	margin-right: 3px;
}
.noPad{
padding:0;
}
table.dataTable tbody th, table.dataTable tbody td{
    word-break: break-word;
}
.rgt_fltr_sc .button-group{
padding:0 15px;
}
.rgt_fltr_sc .button-group button{
width:100%;
    font-size: 16px;
}
.btnCollect input[type="button"]{
margin-top:0px;
}
.rgt_fltr_sc .button-group .dropdown-menu{
	    left: 15px;
    width: calc(100% - 30px);
}
/* ks 19-10-2018 end */


/* ks 20-10-2018 start */
.srch_clm_box tr.srcBtn{
width:41.666%
}
.rgt_fltr_sc .button-group h4{
	text-align: center;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.rgt_fltr_sc .button-group .checks {
	font-size:0;
}
.rgt_fltr_sc .button-group .checks li{
	width:50%;
	display:inline-block;
	font-size:0;
}
.rgt_fltr_sc .button-group .checks.filter li {
    width: 33.333%;
}
.rgt_fltr_sc .button-group .checks li input[type="checkbox"],
.rgt_fltr_sc .button-group .checks li label{
	vertical-align:middle;
	font-size:11px;
}
.rgt_fltr_sc .button-group .checks li input[type="checkbox"]{
margin-right:5px;
}
.filterSec .noPad{
	/*float:right;*/
}
.srch_clm_box tr.srcBtn input[type="button"],
.srch_clm_box tr.btnTr input[type="button"]{
    font-size: 12px;
    line-height: 20px;
}
.srch_clm_box tr.btnTr input[type="button"]{
margin-top:20px;
} 
#forwardContainerNo.mymodal table tr td.proNo,
	#forwardContainerNo.mymodal table tr td.hblhs,
	#forwardContainerNo.mymodal table tr td.hblhs + td{
		word-break: break-word; 
	}
	#forwardContainerNo.mymodal .modal-content{
		width:95%;
	}

.srch_clm_box tr.btnTr{
	width:14%;
	white-space: nowrap;
}
.srch_clm_box tr.srcBtn {
    width: 20.77%;
}
.srch_clm_box tr {
    width: 11.11%;
	}
	
/* ks 22-10-2018 start */
.tableHeadSticky tr th{
background:#fff;
}

/* ks 23-10-2018 start */
#divTableUser{
overflow-x:visible;
}
.cusBtnPanel > ul{
text-align:right;
}
.cusBtnPanel > ul > li{
	display:inline-block;
	vertical-align:middle;
	    padding: 0 5px;
}
.cusBtnPanel > ul > li span{
display:inline-block;
margin:0 5px;
}
.cusBtnPanel > ul > li .form-control{
    display: inline-block;
    width: auto;
}
.cusBtnPanel{
	margin-top:0;
	padding-top:10px;
}
.dataTables_length{
width:100%;  
}
#myTable_wrapper .table-responsive{
clear:both;
}
#myTable_wrapper .floatThead-container{

}

/* ks 25-10-2018 */
#forwardExternalfileattachment input[type="checkbox"]{
width:auto;
height:auto;
}
#forwardExternalfileattachment a{
font-size:16px;
}
.form-group .dropify-message p{
font-size:11px;
}
#EmailContainerInstruction .richText .richText-editor{
    font-size: 16px;
}

.pnlHead .leftSd{
	float:left;
}
.pnlHead .rightSd{
	float:right;
	    padding: 19px 20px;
}
.pnlHead .leftSd a{
	display:inline-block;
	color:#fff;
}
.pnlHead .rightSd label ,
.pnlHead .rightSd input{
	display:inline-block;
	vertical-align:middle;
}
.pnlHead .rightSd label{
margin:0;
}
 .pnlHead .rightSd input{
     margin-left: 7px;
 }

 /* ks css 26-11-2018 */
 .modal-content{
     margin-top: 90px;
 }
 
 
 
 
 
 /* ks css 25-02-2019 */
 
.stickyTableHead{
  /**make table can scroll**/
  height: calc(100vh - 434px);
  overflow: auto !important;
  /** add some style**/
  /*padding: 2px;*/
  background: #fff !important;
  margin:40px 0px 0 !important;
  /*box-shadow: 0 0 1px 3px #ddd !important;*/
  min-height:400px;
  clear: both;
  display: block;
}
.stickyTableHead.quot{
	height:calc(100vh - 343px);
}
.stickyTableHead.quotout{
	height:calc(100vh - 400px);
}
.stickyTableHead .dataTables_wrapper{
	margin-top:0px !important;
}
.tableHeadSticky thead{ 
  background-color: red !important;
  transition:all 0s ease !important;
  -webkit-transition:  all 0s ease !important;
  -moz-transition:  all 0s ease !important;
  -ms-transition:  all 0s ease !important;
  -o-transition:  all 0s ease !important;
  
 /* transition:  all 0.3s ease-in-out !important;
  -webkit-transition:  all 0.3s ease-in-out !important;
  -moz-transition:  all 0.3s ease-in-out !important;
  -ms-transition:  all 0.3s ease-in-out !important;
  -o-transition:  all 0.3s ease-in-out !important;*/
}
.main-content {
    min-height: calc(100% - 50px);
}
.top-space {
    padding: 30px 0 0px 0;
}
#hoo2 .dataTables_length,
#hoo3 .dataTables_length,
.stickyTableHead .dataTables_length{
	width: 100%;
    padding: 10px;
    position: sticky;
    top: 0;
    left: 0;
    background: #fff;
}  
.stickyTableHead .glyphicon{
	position:static;
}
.createNwQtnBtn{
    position: sticky;
    top: 109px;
    z-index: 99;
    background: #fff;
    margin: 0;
    padding: 18px 0 10px;
}
.createNwQtnBtn + .table-responsive > .srch_clm_box{
	top: 171px;
}
  
/* ks css end */

/***21-11-2018***/
.datepicker.dropdown-menu{ z-index:9999 !important;}


.submit-in.right {
    margin-bottom: 15px;
}