/**
* parallax.css
* @Author Original @msurguy -> http://bootsnipp.com/snippets/featured/parallax-login-form
* @Reworked By @kaptenn_com
* @package PARALLAX LOGIN.
*/
@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'), url('../fonts/RobotoRegular.woff2') format('woff2'), url('../fonts/RobotoRegular.woff') format('woff'), url('../fonts/RobotoRegular.ttf') format('truetype'), url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

button {
    outline: none !important;
}

a {
    outline: none !important;
}

body {
    /*background-color: #f1fdf6;*/
    background-color: #fff;
    font-family: 'RobotoRegular';
    color: #7c7c7c;
}

/**
    Generic Grid Header
    */

.Generic-grid-table a {
    color: #333;
}

.Generic-grid-table th {
    background: #daf3e4 !important;
    color: #000 !important;
    font-weight: normal;
    text-transform: uppercase;
    border-top: 1px solid #ddd !important;
     font-size: 12px !important;
}

.Generic-grid-table .form-group {
    margin: 5px 0;
}

.Generic-grid-table tbody {
    font-size: 12px;
}





/*=======Login Form======*/
.login_bg {
    background-color: #55af78;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat;
}

.login {
    padding: 20px !important;
}

.login_button {
    background: #6cac89;
    border: solid 1px #489667;
    margin-top: 6px;
    color: #fff !important;
}

    .login_button:hover, .login_button:focus {
        background: #489667;
        border: solid 1px #489667;
        color: #fff;
        outline: none;
    }

.login_page {
    min-height: 500px;
}

.margin-box {
    float: left;
    margin-bottom: 30px;
}

/*=======Home======*/
.header {
    padding: 4px;
}
/*.logo img {
    height: 70px;
}*/

.logo {
    text-align: center;
    margin-bottom: 20px;
}

.logo1 {
    text-align: left;
}

    .logo img, .logo1 img {
        /*  height: 70px; */
    }

#custom-search-input {
    margin-top: 18px;
}

.stylish-input-group .input-group-addon {
    background: white !important;
}

.stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
}

.top-nav {
    margin-bottom: 0;
}

    .top-nav a {
        /*padding-top:17px !important;*/
        padding-bottom: 15px !important;
        color: #000;
    }

        .top-nav a .fa {
            font-size: 24px;
            position: relative;
            top: 4px;
            right: 5px;
            color: #595959;
        }

        .top-nav a:hover .fa {
            color: #d20015;
        }

        .top-nav a:hover, .top-nav a:focus {
            color: #d20015;
            background: none !important;
        }

    .top-nav .open > a, .top-nav .open > a:hover, .top-nav .open > a:focus {
        color: #d20015;
        background: none !important;
    }

    .top-nav .dropdown-menu > li > a {
        padding: 3px 20px !important;
    }

.navbar {
    min-height: inherit;
}

.menu-bar {
    /*background:#55af78;*/
    background: #6cac89;
    border: medium none;
    border-radius: 0;
    margin-bottom: 0px;
}

.menu > li > a {
    color: #fff !important;
    padding-right: 9px;
    padding-left: 9px;
    font-size: 15px;
    padding-top: 11px;
    padding-bottom: 11px;
}

    .menu > li > a:hover {
        background: #ededed !important;
        color: #000 !important;
        outline: none;
    }

.menu > li:last-child > a {
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: #ededed;
    color: #000 !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: #ededed;
    color: #000;
}

.menu > li:hover > a, .menu > li > a:focus {
    background: #ededed;
    color: #000 !important;
    outline: none;
}

.menu-bar h3 {
    display: inline-block;
    padding: 12px;
    margin: 0px;
    display: none;
}

.menu .fa {
    font-size: 18px;
    padding: 0 5px;
}

/*.nav li{
   position:static!important;
   float:left}

.dropdown-menu.style-drop{
   background:#ededed}

.nav.navbar-nav.menu a:hover{ background:#ededed!important; color:#000!important}

.active-red{ color:#ce1722!important}

.dropdown-menu.style-drop{ width:100%}

.dropdown-menu.style-drop a:hover{
background:#d7f7e5;
color:#000000}*/
.drop {
    background: #ededed;
}

    .drop ul, .drop li {
        list-style: none;
        margin: 0px;
    }

    .drop li {
        padding: 5px 30px 9px 0;
        float: left;
    }

        .drop li a {
            color: #000;
            font-size: 13px;
            font-weight: normal;
        }

            .drop li a:hover, .drop li a.active {
                text-decoration: none;
                color: #cc0a15;
                outline: none;
            }

        .drop li:first-child a, .drop li:first-child {
            font-weight: bold;
            padding-left: 0;
        }

        .drop li:first-child {
            background: url(../images/arrow_right.jpg) no-repeat center right;
            padding-right: 45px;
        }

            .drop li:first-child a:hover {
                color: #000;
            }

.table td {
    text-align: center;
    color: #4f4e4e;
}

.table th {
    text-align: center;
    font-family: Calibri;
    font-weight: bold !important;
    font-size: 14px;
    vertical-align: top !important;
}

.links a {
    font-weight: bold;
    color: #000 !important;
    font-size: 15px;
    padding-left: 0 !important;
}

    .links a:hover {
        color: #55af78 !important;
        background: none !important;
    }

.links .disabled a:hover {
    color: #000 !important;
}

.view a {
    color: #7c7c7c;
}

.view .open > a, .view .open > a:hover, .view .open > a:focus {
    background: none;
    color: #FF0000;
}

.view > li > a:hover, .view > li > a:focus {
    background: none;
    color: #d20015;
}

.box {
    margin-bottom: 30px;
}

    .box .box-header {
        /*background:#55af78;*/
        background: #6cac89;
        height: 50px;
        padding: 0 10px;
    }

        .box .box-header a {
            color: #fff;
            cursor: pointer;
        }

        .box .box-header h5 {
            padding: 13px 0;
            color: #fff;
            font-weight: bold;
            margin: 0px;
        }
        
    .box .list-drop {
        background: #daf3e4;
        height: 40px;
        padding: 7px 10px;
    }

        .box .list-drop select {
            border-radius: 0;
            height: 26px;
            padding: 0;
            width: 100px;
        }

.box-container {
    background: #fff;
    padding: 0px;
    border: solid 1px #ccc;

        width: 100%;
    /*overflow-x: auto;*/
}

.chart {
    padding: 10px;
    padding-bottom: 0;
}

    .chart h5 {
        text-align: center;
        font-size: 15px;
        margin: 0px;
    }

    .chart h6 {
        text-align: center;
        font-size: 13px;
        margin: 0px;
        margin-top: 5px;
    }

    .chart img {
        max-width: 100%;
    }

.symbols {
    padding: 5px;
    text-align: right;
}

    .symbols p {
        display: inline-block;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        margin: 5px 0;
        font-size: 13px;
        color: #000;
    }

.dark_blue {
}

    .dark_blue:before {
        position: absolute;
        left: 0;
        content: "";
        background-color: #0c5895;
        width: 8px;
        height: 8px;
        border-radius: 45%;
        top: 40%;
        text-indent: -9999px;
    }

.light_blue {
}

    .light_blue:before {
        position: absolute;
        left: 0;
        content: "";
        background-color: #85b2ce;
        width: 8px;
        height: 8px;
        border-radius: 45%;
        top: 40%;
        text-indent: -9999px;
    }

.orange {
}

    .orange:before {
        position: absolute;
        left: 0;
        content: "";
        background-color: #f07d2a;
        width: 8px;
        height: 8px;
        border-radius: 45%;
        top: 40%;
        text-indent: -9999px;
    }

.key-performance-list {
    width: 33%;
    display: inline-block;
    text-align: center;
    padding: 30px 0 10px 0;
}

    .key-performance-list > p {
        color: #d23327;
    }

    .key-performance-list > div {
        color: #55af78;
        font-size: 24px;
        margin-top: 20px;
    }

.sort-up-down {
}

    .sort-up-down .sort-up {
        font-size: 15px;
        left: 0 !important;
        position: absolute;
        right: 0;
        top: -5px;
    }

    .sort-up-down .sort-down {
        font-size: 15px;
        /*left: -8px;*/
        position: relative;
        top: 6px;
    }

    .sort-up-down a:hover {
        text-decoration: none;
    }

.sort-col-no-click-up i {
    color: #6CAC89;
}

.sort-col-no-click-down i {
    color: #6CAC89;
    /*width: 10px;*/
    /*padding-right: 11px;*/
}

.non-sort-col i {
    /*width: 10px;*/
    color: #000;
}

.sort-col-click-down i {
    color: #000;
    /*padding-right: 10px;
    width: 10px;*/
}

.sort-down.sort-col-no-click-down {
    /*left: 0px;*/
}

.sort-up.sort-col-no-click-up {
    left: 5px;
}

.sort-col-click-up i {
    color: #000;
}

.span1 {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 22px;
}

.key-performance-table {
    margin-top: 20px;
}

.key-performance-table1 a {
    color: #333;
}

.key-performance-table th {
    background: #fff;
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
}

.key-performance-table1 th {
    background: #daf3e4;
    color: #000 !important;
    font-weight: normal;
    text-transform: uppercase;
    border-top: 1px solid #ddd !important;
}

.key-performance-table3 th {
    background: #daf3e4;
    color: #000 !important;
    font-weight: normal;
    text-transform: uppercase;
    border-top: 1px solid #ddd !important;
}

.key-performance-table3 {
    margin-bottom: 0px;
}

    .key-performance-table3 thead, .key-performance-table3 thead td {
        font-size: 13px;
        text-transform: uppercase;
        color: #000 !important;
    }

    .key-performance-table3 th {
        width: 8%;
    }

        .key-performance-table3 th:nth-child(1), .key-performance-table3 th:nth-child(2) {
            width: 10%;
        }

        .key-performance-table3 th:nth-child(4), .key-performance-table3 th:nth-child(5) {
            width: 9%;
        }

        .key-performance-table3 th:nth-child(3) {
            width: 6%;
        }

.key-performance-table1 .form-group {
    margin: 5px 0;
}

.key-performance-table2 {
    margin-bottom: 0px;
}

    .key-performance-table2 > thead > tr > th {
        border-bottom: none;
        font-weight: normal !important;
        color: #000;
        padding-bottom: 0;
    }

.key-performance-table1 tbody {
    font-size: 12px;
}

.key-performance-table3 tbody {
    font-size: 12px;
}

.key-performance-table2 th {
    font-weight: normal;
    background: #fff;
    border-bottom: none;
}

.key-performance-table2 tr td {
    border-top: medium none !important;
    padding-top: 0 !important;
}

.key-performance-table2 th:nth-child(1) {
    width: 12%;
}

.key-performance-table2 th:nth-child(2) {
    width: 9%;
}

.key-performance-table2 th:nth-child(3) {
    width: 8%;
}

.key-performance-table2 th:nth-child(4) {
    width: 10%;
}

.key-performance-table2 th:nth-child(5) {
    width: 10%;
}

.key-performance-table2 th:nth-child(6) {
    width: 9%;
}

.key-performance-table2 th:nth-child(7) {
    width: 8%;
}

.key-performance-table2 th:nth-child(8) {
    width: 9%;
}

.key-performance-table2 th:nth-child(9) {
    width: 10%;
}

.key-performance-table2 th:nth-child(10) {
    width: 10%;
}

.key-performance-table2 .form-group {
    margin: 5px 0;
}

.key-performance-table1 th {
    font-size: 12px !important;
}

.sales_order a {
    color: #4f4e4e;
    outline: none;
}

    .sales_order a:hover, .sales_order a.active {
        color: #cc0a15;
        text-decoration: none;
    }

.sort-up-down th {
    font-size: 14px;
    padding: 8px 0 !important;
    position: relative;
}

    .sort-up-down th:nth-child(1) {
        padding-left: 8px !important;
    }

.sort-up-down th {
    font-size: 14px;
    padding: 8px 0 !important;
}

.key-icons a {
    color: #fff;
    display: inline-block;
    padding: 8px 4px;
    font-size: 18px;
}

.change {
    display: block;
    background: #f1fdf6;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    width: 85%;
}

.change-arrows {
    background: #55af78 none repeat scroll 0 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    display: inline-block;
    height: 25px;
    line-height: 0;
    padding: 4px 6px;
    float: left;
}

.chnage-text {
    padding: 5px;
    float: left;
    line-height: 1;
    color: #55af78;
    font-size: 13px;
}

.key-title {
    color: #000;
}

.red {
    color: #d23327 !important;
}

.key-fiscal span {
    display: inline-block;
}

.cfo {
    padding: 10px;
}

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

    .cfo .cfo-grid p {
        color: #000;
        margin: 10px 0 20px 0;
        font-weight: bold;
    }

    .cfo .cfo-img {
        width: 70px;
        height: 90px;
        border-radius: 6px;
        padding-top: 17px;
        background: #55af78;
        margin-right: 10px;
        float: left;
        text-align: center;
    }

    .cfo .cfo-links {
        float: left;
        width: 62%;
    }

        .cfo .cfo-links ul {
            list-style: none;
            padding: 0px;
        }

            .cfo .cfo-links ul li {
                list-style: none;
            }

        .cfo .cfo-links li a {
            color: #d23327;
        }

.m0 {
    margin: 0px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt100 {
    margin-top: 100px;
}

.mb2 {
    margin-bottom: 2px;
}

.footer {
    background: #333 none repeat scroll 0 0;
    color: #acacac;
    padding: 15px 0 5px;
    text-align: center;
}

    .footer a {
        color: #fff;
        margin: 0 5px;
        font-size: 15px;
    }

        .footer a:hover {
            color: #D23327;
            text-decoration: none;
        }

.sales_order_table td, .sales_order_table th {
    text-align: left;
}

.sales_order_table > thead > tr > th, .sales_order_table > tbody > tr > th, .sales_order_table > tfoot > tr > th, .sales_order_table > thead > tr > td, .sales_order_table > tbody > tr > td, .sales_order_table > tfoot > tr > td {
    border-top: none;
}

.sales_order_table .table > thead > tr > th, .sales_order_table .table > tbody > tr > th, .sales_order_table .table > tfoot > tr > th, .sales_order_table .table > thead > tr > td, .sales_order_table .table > tbody > tr > td, .sales_order_table .table > tfoot > tr > td {
    border-top: none;
}

.sales_order_table, .sales_order_table .table {
    margin-bottom: 0px;
    font-size: 13px;
}

.add_notes {
    width: 330px;
    margin-left: 20px;
}

.sales_order_contact {
    border: 1px solid #ddd;
}

    .sales_order_contact .radio, .checkbox {
        margin: 0px;
    }

    .sales_order_contact th {
        background: #daf3e4;
    }

.sales_order_table a {
    color: #cc0a15;
}

.EmailHistory {
    border: 1px solid #ddd;
}

    .EmailHistory .radio, .checkbox {
        margin: 0px;
    }

    .EmailHistory th {
        background: #daf3e4;
    }

    .EmailHistory a {
        color: #cc0a15;
    }

.track-info {
    resize: none;
}

.customer-note {
    padding-left: 20px;
}

    .customer-note textarea {
        height: 150px;
    }

.date {
    float: left;
    text-align: left;
    /*width: 240px;*/
}

.pofilewidth {
    width: 245px;
}

.tracking td {
    padding: 8px 0;
}

.p0 {
    padding: 0 !important;
}

@media (min-width:320px) and (max-width:767px) {
    .dropdowns {
        text-align: right;
        min-width: auto;
        border: 1px solid #E8DADA !important;
        padding: 0;
    }

    .login_bg {
        background-position: center;
    }

    .logo {
        text-align: center;
    }

    .menu-bar h3 {
        display: inline-block;
        color: #D23327;
    }

    .top-nav {
        /*width: 220px;*/
        margin: auto;
        margin-right: 10px;
    }

        .top-nav .nav.navbar-nav.navbar-right > li {
            display: inline-block !important;
            vertical-align: top;
        }

    .meter {
        padding: 6px;
    }

    .box .box-header {
        /*height:auto;*/
    }

    .mobile {
        display: none;
    }
}

@media (min-width:768px) {
    .goto-invoice {
        font-size: 14px;
    }

    .date1 {
        float: right;
    }

    .salesorder-input {
        width: 58%;
    }

    .track-info {
        width: 512px;
    }

    .ml-20 {
        margin-left: 20px;
    }

    .modal-dialog {
        width: 320px;
        margin: 30px auto;
        text-align: center;
    }

    .modal {
        top: 40%;
    }

    .assign-edit-permissions {
        width: 500px;
    }

    .sub-categore-select {
        width: 58%;
    }

    .pull-right-xs {
        float: right;
    }
}

@media (min-width:836px) {
    .dropdown-menu .sub-menu {
        left: 100%;
        position: absolute;
        top: 0;
        visibility: hidden;
        margin-top: -1px;
    }

    .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }

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

    .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
        margin-top: 0;
    }

    .navbar .sub-menu:before {
        border-bottom: 7px solid transparent;
        border-left: none;
        border-right: 7px solid rgba(0, 0, 0, 0.2);
        border-top: 7px solid transparent;
        left: -7px;
        top: 10px;
    }

    .navbar .sub-menu:after {
        border-top: 6px solid transparent;
        border-left: none;
        border-right: 6px solid #fff;
        border-bottom: 6px solid transparent;
        left: 10px;
        top: 11px;
        left: -6px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .menu > li > a {
        color: #fff !important;
        padding-left: 6.6px;
        padding-right: 6.6px;
        font-size: 12px;
    }

    .menu .fa {
        padding: 0;
    }

    .cfo .cfo-links {
        width: 100%;
    }

    .change {
        width: 100%;
    }
}

.manage-caterogies-table2 thead th {
    background: #daf3e4;
    color: #000 !important;
    font-weight: normal;
    text-transform: uppercase;
    border-top: 1px solid #ddd !important;
}

.manage-caterogies-table1 thead th, .manage-user-table1 th, .manage-role-table1 th {
    border-bottom: none !important;
}

.manage-caterogies-table1 td, .manage-user-table1 td, .manage-role-table1 td {
    border-top: none !important;
}

.manage-user-table1 thead th {
    background-color: #fff !important;
    color: #7c7c7c !important;
}

.manage-user-table thead th {
    background: #daf3e4;
    color: #000;
}

.manage-role-table1 thead th {
    background-color: #fff !important;
    color: #7c7c7c !important;
}

.manage-role-table thead th {
    background: #daf3e4;
    color: #000;
}

.table-list thead th {
    background: #daf3e4;
    color: #000;
    text-transform: uppercase;
}

.table-Batch-Details thead th {
    background: #daf3e4;
    color: #000;
    text-transform: uppercase;
    text-align: left;
}

.table-Batch-Details td {
    text-align: left;
}

.table-Batch-Details {
    margin: 10px 10px 0px 10px;
    width: 98%;
}

.table-Batch-Rm-Details {
    margin: 0px 10px 10px 10px;
    width: 98%;
}

    .table-Batch-Rm-Details > thead > tr > th {
        vertical-align: bottom;
        border-bottom: transparent;
    }

.Batch-Rm-head {
    background: #f1f1f1;
    color: #000;
}

    .Batch-Rm-head th {
        /*text-align: left;*/
    }

.table-Batch-Rm-Details td {
    /*text-align: left;*/
}

@media only screen and (max-width: 767px) {
    .goto-invoice {
        font-size: 12px;
    }

    .date1 {
        float: left;
        clear: both;
    }

    .pull-left-max-xs {
        float: left;
    }

    .remove-heading td:nth-of-type(1):before {
        content: '';
        display: none !important;
    }

    .table-striped-xs tr:nth-of-type(even) {
        background-color: #F1F1F1;
        border-bottom: 1px solid #E2D1D1;
        border-top: 1px solid #E2D1D1;
    }

    .create_user tr {
        display: inline-block !important;
        width: auto;
    }

    .create_user thead tr {
        display: table;
        width: 100%;
    }

    .create_role tr {
        display: inline-block !important;
        width: auto;
    }

    .create_role thead tr {
        display: table;
        width: 100%;
    }

    .assign-edit-permissions {
        width: 100%;
    }

        .assign-edit-permissions td:before {
            content: '';
            font-weight: bold;
            display: block;
        }

        .assign-edit-permissions tr {
            margin-bottom: 10px;
        }

        .assign-edit-permissions td:nth-of-type(2):before {
            content: 'Add';
        }

        .assign-edit-permissions td:nth-of-type(3):before {
            content: 'Edit';
        }

        .assign-edit-permissions td:nth-of-type(4):before {
            content: 'View';
        }

        .assign-edit-permissions td:nth-of-type(5):before {
            content: 'Delete';
        }

        .assign-edit-permissions td:nth-of-type(6):before {
            content: 'IsActive';
        }

        .assign-edit-permissions td:nth-of-type(7):before {
            content: 'IsDelete';
        }

    .get-user-role {
    }

        .get-user-role td {
            width: 100%;
            display: block;
            text-align: left;
        }

    .get-user-role-row td:before {
        content: 'Role Name';
        display: block;
        font-weight: bold;
    }

    .get-user-role-row-2 td:before {
        display: block;
        font-weight: bold;
    }

    .get-user-role-row-2 td:nth-of-type(1):before {
        content: '';
    }

    .get-user-role-row-2 td:nth-of-type(2):before {
        content: 'Add';
    }

    .get-user-role-row-2 td:nth-of-type(3):before {
        content: 'Edit';
    }

    .get-user-role-row-2 td:nth-of-type(4):before {
        content: 'View';
    }

    .get-user-role-row-2 td:nth-of-type(5):before {
        content: 'Delete';
    }

    .get-user-role-row-2 td:nth-of-type(6):before {
        content: 'IsActive';
    }

    .get-user-role-row-2 td:nth-of-type(7):before {
        content: 'IsDelete';
    }

    .get-role-permissions td {
        display: block;
        width: 100%;
        text-align: left;
    }

        .get-role-permissions td:before {
            display: block;
            font-weight: bold;
        }

        .get-role-permissions td:nth-of-type(1):before {
            content: 'Category Name';
        }

        .get-role-permissions td:nth-of-type(2):before {
            content: 'Add';
        }

        .get-role-permissions td:nth-of-type(3):before {
            content: 'Edit';
        }

        .get-role-permissions td:nth-of-type(4):before {
            content: 'View';
        }

        .get-role-permissions td:nth-of-type(5):before {
            content: 'Delete';
        }

        .get-role-permissions td:nth-of-type(6):before {
            content: 'IsActive';
        }

        .get-role-permissions td:nth-of-type(7):before {
            content: 'IsDelete';
        }

    .modal-center {
        position: absolute;
        margin: auto;
        top: 38%;
        left: 0;
        right: 0;
        text-align: center;
        width: 300px;
    }

    .menu .dropdown-menu a {
        color: #fff !important;
    }

    .box .box-header h5 {
        padding: 10px 0;
        font-size: 13px;
    }

    .top-nav {
        text-align: right;
    }

    .manage-permision-table1 td:before {
        text-align: left;
        /*position: absolute;
        left: 30px;*/
        margin-top: 5px;
    }

    .manage-permision-table1 td {
        width: 100%;
        display: block;
        /*padding-left: 40% !IMPORTANT;*/
        text-align: left;
    }

    .EmailHistory thead {
        display: none;
    }

    .EmailHistory tr:nth-of-type(even) {
        background-color: #F1F1F1;
        border-bottom: 1px solid #E2D1D1;
        border-top: 1px solid #E2D1D1;
    }

    .EmailHistorySendShipping tr:nth-of-type(even) {
        background-color: #F1F1F1;
        border-bottom: 1px solid #E2D1D1;
        border-top: 1px solid #E2D1D1;
    }

    .EmailHistory td {
        display: block;
        text-align: left;
    }

        .EmailHistory td:before {
            clear: both;
            display: block;
            font-weight: bold;
        }

        .EmailHistory td:nth-of-type(1):before {
            content: 'Display Name';
        }

        .EmailHistory td:nth-of-type(2):before {
            content: 'Email';
        }

        .EmailHistory td:nth-of-type(3):before {
            content: 'Documents Sent';
        }

        .EmailHistory td:nth-of-type(4):before {
            content: 'Date Sent';
        }

    .manage-permision-table1 td:nth-of-type(1):before {
        content: 'Role Name';
    }

    .manage-permision-table1 td:nth-of-type(2):before {
        content: 'Status';
    }

    .manage-permision-table1 td:nth-of-type(3):before {
        content: 'Created Date';
    }

    .manage-permision-table1 td:nth-of-type(4):before {
        content: 'Catergorie';
    }

    .manage-permision-table2 td {
        display: block;
        text-align: left;
    }

        .manage-permision-table2 td:before {
            display: block;
            font-weight: bold;
        }

        .manage-permision-table2 td:nth-of-type(1):before {
            content: 'Role Name';
        }

        .manage-permision-table2 td:nth-of-type(2):before {
            content: 'AssignedCategories';
        }

        .manage-permision-table2 td:nth-of-type(3):before {
            content: 'AssignedOperations';
        }

        .manage-permision-table2 td:nth-of-type(4):before {
            content: 'Status';
        }

        .manage-permision-table2 td:nth-of-type(5):before {
            content: 'Created Date';
        }

    .manage-caterogies-table2 td:before { /* after 981 line */
        display: block;
        font-weight: bold;
    }

    .assign-permissions {
        border: 1px solid #ddd;
    }

        .assign-permissions .radio, .checkbox {
            margin: 0px;
        }

        .assign-permissions th {
            background: #daf3e4;
        }

        .assign-permissions a {
            color: #cc0a15;
        }

    .frame-modall { /* pdf pop up*/
        margin-left: -277px !important;
    }

    .drop li {
        width: 100%;
    }

    .top-nav a .fa {
        font-size: 15px;
        top: 0px;
    }

    .top-nav a {
        padding: 0 !important;
        padding-left: 5px !important;
        font-size: 12px;
    }

    .manage-move {
        margin: auto;
        width: 95%;
        border-right: 1px solid #CCC;
        border-left: 1px solid #CCC;
    }

    .manage-move2 {
        width: 90%;
        margin: auto;
        border-right: 1px solid #CCC;
        border-left: 1px solid #CCC;
    }

    /* Force table to not be like tables anymore */

      .Generic-grid-table table, .Generic-grid-table thead, .Generic-grid-table tbody, .Generic-grid-table th, .Generic-grid-table td,   .Generic-grid-table tr, 
    .key-performance-table1 table, .key-performance-table1 thead, .key-performance-table1 tbody, .key-performance-table1 th, .key-performance-table1 td,   .key-performance-table1 tr, 
    .manage-caterogies-table1 tr .key-performance-table2 table, .key-performance-table2 thead, .key-performance-table2 tbody, .key-performance-table2 th, .key-performance-table2 td,
    .key-performance-table2 tr, .manage-caterogies-table2 td, .manage-caterogies-table1 td, .manage-caterogies-table2 tr, .manage-caterogies-table1 tr,
    .sales_order_table tr, .sales_order_table td, .sales_order_table th, .manage-role-table td, .manage-role-table th, .manage-role-table tr, .manage-user-table th, .manage-user-table tr, .manage-user-table td {
        display: block;
        text-align: left;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
      .Generic-grid-table thead th,   .key-performance-table1 thead th, .key-performance-table2 thead th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .Generic-grid-table tr, .key-performance-table1 tr, .key-performance-table2 tr, .manage-user-table tr, .manage-role-table td {
        border: 1px solid #ccc;
    }

     .Generic-grid-table td, .key-performance-table1 td, .key-performance-table2 td, .manage-role-table td, .manage-user-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        /*padding-left: 50% !important;*/
    }

        .Generic-grid-table td:before, .key-performance-table1 td:before, .key-performance-table2 td:before, .manage-role-table td:before, .manage-user-table td:before {
            /* Now like a table header */
            /*position: absolute;*/
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 100%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            display: block;
        }

        .key-performance-table2 td:before {
            margin-top: 15px;
        }

    .EmailHistorySendShipping td {
        display: block;
        text-align: left;
    }

        .EmailHistorySendShipping td:nth-of-type(1):before {
            content: 'Display Name';
            display: block;
            font-weight: bold;
        }

        .EmailHistorySendShipping td:nth-of-type(2):before {
            content: 'Email';
            display: block;
            font-weight: bold;
        }

        .EmailHistorySendShipping td:nth-of-type(3):before {
            content: 'Email Code';
            display: block;
            font-weight: bold;
        }

        .EmailHistorySendShipping td:nth-of-type(4):before {
            content: 'Documents Sent';
            display: block;
            font-weight: bold;
        }

        .EmailHistorySendShipping td:nth-of-type(5):before {
            content: 'Date Sent';
            display: block;
            font-weight: bold;
        }

    .customer-notes {
        height: auto;
        height: auto !IMPORTANT;
        text-align: left;
    }

    /* bottom contacts in send shipping documents  */

    .sales_order_contact td:nth-of-type(1):before {
        content: 'Name';
        font-weight: bold;
        display: block;
    }

    .sales_order_contact td:nth-of-type(2):before {
        content: 'Email';
        font-weight: bold;
        display: block;
    }

    .sales_order_contact td:nth-of-type(3):before {
        content: 'Email Code';
        font-weight: bold;
        display: block;
    }

    .sales_order_contact td:nth-of-type(4):before {
        content: 'Documents';
        font-weight: bold;
        display: block;
    }
    /*
Label the data
*/
    .key-performance-table1 td:nth-of-type(1):before {
        content: "Customer";
    }

    .key-performance-table1 td:nth-of-type(2):before {
        content: "Sales Order";
    }

    .key-performance-table1 td:nth-of-type(3):before {
        content: "Order Status";
    }

    .key-performance-table1 td:nth-of-type(4):before {
        content: "Ready to Ship Date";
    }

    .key-performance-table1 td:nth-of-type(5):before {
        content: "Date Last Sent";
    }
    /*.key-performance-table1 td:nth-of-type(6):before { content: "Tracking Info"; }*/
    .key-performance-table1 td:nth-of-type(6):before {
        content: "Bill Of Lading (BOL)";
    }

    .key-performance-table1 td:nth-of-type(7):before {
        content: "Shipping Packet (SP)";
    }

    .key-performance-table1 td:nth-of-type(8):before {
        content: "Invoice";
    }

    /*.key-performance-table1 td:nth-of-type(8):before {
        content: "Safety Data Sheet (SDS)";
    }

    .key-performance-table1 td:nth-of-type(9):before {
        content: "Invoice";
    }*/

    .key-performance-table2 td:nth-of-type(1):before {
        content: "Customer";
    }

    .key-performance-table2 td:nth-of-type(2):before {
        content: "Sales Order";
    }

    .key-performance-table2 td:nth-of-type(3):before {
        content: "Order Status";
    }

    .key-performance-table2 td:nth-of-type(4):before {
        content: "Ship Date From";
    }

    .key-performance-table2 td:nth-of-type(5):before {
        content: "Ship Date To";
    }
    /*.key-performance-table2 td:nth-of-type(6):before { content: "Tracking Info"; }*/
    .key-performance-table2 td:nth-of-type(6):before {
        content: "BOL";
    }

    .key-performance-table2 td:nth-of-type(7):before {
        content: "SP ";
    }

    .key-performance-table2 td:nth-of-type(8):before {
        content: "Invoice";
    }
    /*.key-performance-table2 td:nth-of-type(8):before {
        content: "SDS";
    }

    .key-performance-table2 td:nth-of-type(9):before {
        content: "Invoice";
    }*/

    .manage-caterogies-table1 td:nth-of-type(1):before {
        content: "Category Name";
        text-align: left;
    }

    .manage-caterogies-table1 td:nth-of-type(2):before {
        content: "Status";
        text-align: left;
    }

    .manage-caterogies-table1 td:nth-of-type(3):before {
        content: "Created Date";
        text-align: left;
    }

    .manage-caterogies-table2 td:nth-of-type(1):before {
        content: "Category Name";
        padding-right: 80px;
    }

    .manage-caterogies-table2 td:nth-of-type(2):before {
        content: "Status";
        padding-right: 120px;
    }

    .manage-caterogies-table2 td:nth-of-type(3):before {
        content: "Created Date";
        padding-right: 80px;
    }

    .manage-role-table td:nth-of-type(1):before {
        content: "Role Name";
    }

    .manage-role-table td:nth-of-type(2):before {
        content: "Status";
    }

    .manage-role-table td:nth-of-type(3):before {
        content: "Created Date	";
    }

    .manage-role-table td:nth-of-type(4):before {
        content: "";
    }

    .manage-user-table td:nth-of-type(1):before {
        content: "Email";
    }

    .manage-user-table td:nth-of-type(2):before {
        content: "UserName";
    }

    .manage-user-table td:nth-of-type(3):before {
        content: "Status";
    }

    .manage-user-table td:nth-of-type(4):before {
        content: "CreatedDate";
    }

    .cfo .cfo-img {
        background: #55af78 none repeat scroll 0 0;
        border-radius: 6px;
        float: left;
        height: 80px;
        margin-right: 10px;
        padding-top: 12px;
        text-align: center;
        width: 60px;
    }

    .key-title {
        color: #7c7c7c;
    }

    .key-performance-table .text-right {
        text-align: left;
    }

    .search-shipping-head {
        min-height: 120px;
    }

    .goto-page {
        padding: 0;
    }

    .page-records {
        padding: 0;
    }

    .goto-page .pull-right.paging-space {
        float: none !important;
    }

    .page-records .paging-space {
        text-align: left;
    }

    .search-shipping-head h5 {
        padding-bottom: 0;
    }
}

@media (min-width: 767px) and (max-width:992px) {
    .menu-dropdown {
        position: relative;
        width: 100%;
    }

    .p-0-sm {
        padding: 0;
    }
}

@media (max-width: 991px) {
    div#navbarCollapse {
        border: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }

    .navbar-default .navbar-toggle {
        border-color: #FFF;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #FFF;
        }

    .menu-bar h3 {
        color: #d23327;
        display: inline-block;
        float: left;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .menu-bar .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .menu-bar .navbar-nav > li {
            float: none;
        }
}

.tbl-search .form-control {
    padding: 6px 5px;
}

.table-search {
    border-bottom: none;
    font-weight: normal !important;
    color: #000;
    padding-bottom: 0;
}

    .table-search thead tr {
        border-bottom: none !important;
    }

    .table-search > thead > tr > td {
        border-bottom: medium none;
        color: #000;
        font-weight: normal !important;
        padding-bottom: 0;
        font-size: 12px;
    }

/*.table-search .form-control {
    padding: 6px 5px;
}*/
.tbl-search2 .form-control {
    padding: 6px 5px;
}

.paging-space span {
    padding: 0 3px;
}

/*.m-btm-row{margin-bottom:20px;}
 .box-container2 {
    background: #fff;
    border: solid 1px #ddd;

    padding-top: 20px;
}*/

.danger-hover {
    padding: 0 6px;
    background-color: rgba(201,48,44,0.5);
    text-align: center;
    width: 30px;
}

    .danger-hover:hover {
        background-color: rgba(201,48,44,0.7) !important;
        border-color: #BB4242;
    }

.primary-hover {
    color: #fff !important;
    padding: 0 6px;
    background-color: rgba(40,96,144,0.5);
    text-align: center;
    width: 30px;
}

    .primary-hover:hover {
        background-color: rgba(40,96,144,0.7) !important;
        border-color: #537A97;
    }

.customer-notes {
    height: 300px;
    overflow-y: auto;
    /*font-size: 13px;*/
}

    .customer-notes a {
        color: #cc0a15;
    }

.divfont14 {
    /*font-size: 14px;*/
}

.forgotPassword {
    margin-top: 7px;
    text-align: right;
}

h5, .h5 {
    font-size: 17px;
}

.goto-invoice {
    font-weight: normal;
    padding-top: 4px;
}

.EmailHistorySendShipping {
    font-size: 13px;
}

    .EmailHistorySendShipping a {
        color: #cc0a15;
    }

        .EmailHistorySendShipping a:hover {
            color: #cc0a15;
        }

    .EmailHistorySendShipping td {
        border-top: none !important;
    }

    .EmailHistorySendShipping th {
        background: #daf3e4 none repeat scroll 0 0;
        border-top: #dddddd 1px solid !important;
    }

.EmailHistory {
    font-size: 13px;
}

    .EmailHistory td {
        border-top: none !important;
    }

.create_user {
    border: 1px solid #ddd;
}

    .create_user .radio, .checkbox {
        margin: 0px;
    }

    .create_user th {
        background: #daf3e4;
    }

    .create_user a {
        color: #cc0a15;
    }

.create_role {
    border: 1px solid #ddd;
}

    .create_role .radio, .checkbox {
        margin: 0px;
    }

    .create_role th {
        background: #daf3e4;
    }

    .create_role a {
        color: #cc0a15;
    }

.assign-permissions {
    border: 1px solid #ddd;
}

    .assign-permissions .radio, .checkbox {
        margin: 0px;
    }

    .assign-permissions th {
        background: #daf3e4;
    }

    .assign-permissions a {
        color: #cc0a15;
    }

a.disabled {
    pointer-events: none;
}

.assign-edit-permissions thead {
    background: #daf3e4 none repeat scroll 0 0;
}

.assign-edit-permissions th:nth-of-type(1) {
    width: 250px;
}

.assign-edit-permissions th {
    width: 50px;
}
/*.assign-edit-permissions td:nth-of-type(2), .assign-edit-permissions td:nth-of-type(3), .assign-edit-permissions td:nth-of-type(4), .assign-edit-permissions td:nth-of-type(5){ width: 50px;display: block;}*/

#Message {
    display: inline-block;
    height: 115px;
    resize: none;
    width: 100%;
}
/*Shipping Document model css*/
#modal {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: 0;
    padding-top: 50px;
    position: fixed;
    _position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    height: 100%;
}

#modalPop {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: 0;
    padding-top: 50px;
    position: fixed;
    _position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    height: 100%;
}

.showfile {
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 9;
    width: 98%;
    margin: 0 auto;
}

/*#modalframe #print {
    display: none !important;
}
 #outerContainer #mainContainer div.toolbar {
        display: none !important;
    }*/
/*ipce css*/

.bg-white {
    background: #fff;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

#myModaldiv {
    background: rgba(0, 0, 0, 0.6);
    /*bottom: 0;*/
    left: 0;
    padding-top: 50px;
    padding-bottom: 100px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9;
    height: auto;
    min-height: 100%;
}

.loadingdiv {
    background: rgba(0, 0, 0, 0.6);
    /*bottom: 0;*/
    left: 0;
    padding-top: 50px;
    padding-bottom: 100px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9;
    height: auto;
    min-height: 100%;
}

#modal-show-template {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: 0;
    padding-top: 50px;
    position: fixed;
    _position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    height: 100%;
}

.closeright {
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 30px;
    position: relative;
    right: -23px;
    top: -25px;
}

.pop-model-header {
    background: #6cac89;
    border-radius: 5px 5px 0 0;
    color: #fff;
    display: block;
    padding: 5px 10px;
    width: 100%;
    margin-bottom: 10px;
}

.pre-order-ack-details > thead > tr > th {
    border-bottom: none;
    color: #4f4e4e;
    font-weight: bold;
}

.pre-order-ack-details > thead > tr {
    border-top: none;
}

.paste-notes {
    font-size: 10px;
}

.displaymessgaes {
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

    .displaymessgaes span {
        font-weight: normal;
        margin-bottom: 20px;
        display: inline-block;
    }

    .displaymessgaes h2 {
        font-size: 15px;
        display: block;
        font-weight: bold;
    }

.padding20 {
    padding: 0px 20px 20px 20px;
}

.number {
    float: left;
    width: 16px;
}

.displayNoData > span {
    padding: 50px;
    text-align: center;
    display: block;
}

.view-history {
    color: #fff;
    cursor: pointer;
}

    .view-history:hover {
        color: #fff;
        cursor: pointer;
    }

.popup-scroll {
    height: 500px;
    overflow-y: scroll;
}

.viewErrorLog {
    margin-top: 35px;
}
/*
.width100 {
    width: 32% !important;
}
    */
.mi-tool th {
    padding: 8px !important;
}

.bg-grey {
    background-color: #e1e1e1;
    color: #333;
    width: 30px;
    padding: 0 6px;
}

    .bg-grey:hover {
        background-color: #cccccc;
        color: #fff !important;
    }

.cross {
    position: relative;
}

    .cross:before, .cross:after {
        content: '';
        width: 1px;
        height: 20px;
        background: red;
        position: absolute;
        top: 0;
        left: 0px;
        right: 0px;
        margin: auto;
    }

    .cross:before {
        transform: rotate(45deg);
    }

    .cross:after {
        transform: rotate(-45deg);
    }

.yes-cross {
    position: relative;
}

    .yes-cross:before, .yes-cross:after {
        content: '';
        width: 1px;
        height: 20px;
        background: red;
        position: absolute;
        top: 0;
        left: 0px;
        right: 0px;
        margin: auto;
    }

    .yes-cross:before {
        transform: rotate(45deg);
    }

    .yes-cross:after {
        transform: rotate(-45deg);
    }

.yes-cross, .no-cross {
    cursor: pointer;
}

.productsku-info {
    display: block;
    font-size: 11px !important;
}

    .productsku-info table tr td {
        width: 8%;
    }

        .productsku-info table tr td:nth-child(2) {
            width: 6%;
        }

        .productsku-info table tr td:nth-child(3) {
            width: 6%;
        }

        .productsku-info table tr td:nth-child(4) {
            width: 6%;
        }

        .productsku-info table tr td:nth-child(5) {
            width: 8%;
        }

        .productsku-info table tr td:nth-child(6) {
            width: 9%;
        }

        .productsku-info table tr td:nth-child(7) {
            width: 5%;
        }

        .productsku-info table tr td:nth-child(8) {
            width: 8%;
        }

        .productsku-info table tr td:nth-child(9) {
            width: 8%;
        }

        .productsku-info table tr td:nth-child(10) {
            width: 9%;
        }

        .productsku-info table tr td:nth-child(11) {
            width: 4%;
        }

.productsku-add {
    display: block;
}

    .productsku-add table tr th {
        font-size: 12px;
        width: 12%;
    }

    .productsku-add table tr td {
        font-size: 11px !important;
    }

        .productsku-add table tr td p {
            margin-bottom: 0 !important;
            margin-top: 10px;
        }

    .productsku-add table tr th:first-child {
        width: 13% !important;
    }

    .productsku-add table tr th:nth-child(2) {
        width: 6% !important;
    }

    .productsku-add table tr th:nth-child(3) {
        width: 6% !important;
    }

    .productsku-add table tr th:nth-child(4) {
        width: 4% !important;
    }

    .productsku-add table tr th:nth-child(5) {
        width: 10% !important;
    }

    .productsku-add table tr th:nth-child(6) {
        width: 9% !important;
    }

    .productsku-add table tr th:nth-child(7) {
        width: 8% !important;
    }

    .productsku-add table tr th:nth-child(8) {
        width: 11% !important;
    }

    .productsku-add table tr th:nth-child(10) {
        width: 10% !important;
    }

    .productsku-add table tr th:nth-child(11) {
        width: 15% !important;
    }

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

.ipce-search {
    display: block;
}

    .ipce-search button {
        margin-top: 0 !important;
        /*width: 100%;*/
    }

    .ipce-search table tr td:first-child {
        width: 12% !important;
    }

    .ipce-search table tr td:nth-child(2) {
        width: 10% !important;
    }

    .ipce-search table tr td:nth-child(3) {
        width: 10% !important;
    }

    .ipce-search table tr td:nth-child(4) {
        width: 11% !important;
    }

    .ipce-search table tr td:nth-child(5) {
        width: 12% !important;
    }

    .ipce-search table tr td:nth-child(6) {
        width: 10% !important;
    }

    .ipce-search table tr td:nth-child(7) {
        width: 12% !important;
    }

    .ipce-search table tr td:nth-child(8) {
        width: 11% !important;
    }

    .ipce-search table tr td:nth-child(9) {
        width: 8% !important;
    }

    .ipce-search table tr td:nth-child(10) {
        width: 8% !important;
    }

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

.scQuote-add {
}

.scQuote-info {
    display: block;
}

    .scQuote-info table tr td:first-child {
        width: 50%;
    }

    .scQuote-info table tr td:nth-child(2) {
        width: 10%;
    }

    .scQuote-info table tr td:nth-child(3) {
        width: 15%;
    }

    .scQuote-info table tr td:nth-child(4) {
        width: 8%;
    }

.mt30 {
    margin-top: 32px;
}

.mt-20 {
    margin-top: 20px;
}

.pl-0 {
    padding-left: 0;
}

@media (max-width: 1100px) {
    .form-control {
        font-size: 12px;
    }
}

.dark_title {
    color: #4f4e4e;
    font-weight: bold;
}

.m-0 {
    margin: 0;
}

.mt-6 {
    margin-top: 6px;
}

.pr-0 {
    padding-right: 0;
}

.manuf-block hr {
    margin: 0;
}

.Customer-Satisfaction {
    margin-bottom: 0px !important;
    font-size: 13px;
}

    .Customer-Satisfaction td, .Customer-Satisfaction th {
        border-color: transparent !important;
    }

.label-disable-bold {
    font-weight: normal;
    cursor: pointer;
}

    .label-disable-bold input {
        outline: none;
    }

.btn_viewfile {
    background: #6cac89;
    border: solid 1px #489667;
    color: #fff !important;
    padding: 0px 8px !important;
}

    .btn_viewfile:hover, .btn_viewfile:focus {
        background: #489667;
        border: solid 1px #489667;
        color: #fff;
        outline: none;
    }

.table-grinder {
}

    .table-grinder tr td {
        padding: 0 !important;
        text-align: center;
        min-height: 56px;
    }

        .table-grinder tr td label {
            line-height: 30px;
            padding-right: 19px;
        }

        .table-grinder tr td:nth-child(2) {
            padding-top: 8px !important;
        }

.sizing_system_table {
    width: 50%;
}

    .sizing_system_table tr th:last-child, .sizing_system_table tr td:last-child {
        width: 100px;
    }

    .sizing_system_table tr td {
        width: 43%;
    }

    .sizing_system_table tr th {
        padding: 10px 0 10px 10px !important;
        border: 1px solid #ccc;
        text-align: left;
    }

    .sizing_system_table tr td {
        border: 1px solid #ddd;
        text-align: center;
        /*padding: 5px 0 5px 10px !important;*/
        text-align: left;
    }

    .sizing_system_table .range-td input[type="text"] {
        display: inline-block;
        width: 47%;
        float: left;
    }

.width-100 {
    width: 100% !important;
}

.clsNote {
    display: inline-block;
    width: 50px !important;
    padding: 5px;
    margin-left: 8px;
}

.clsLU {
    width: 40px !important;
    margin-top: 4px;
}

.fleft {
    float: left;
    margin-top: 4px;
}

.grind_table {
}

    .grind_table tr td {
        width: 100px;
    }

.drp-select {
    margin: 0 auto;
}

.progress_design {
    width: 250px !important;
    margin-left: 50px;
    border: #ccc solid 1px;
    border-radius: 4px;
    padding:13px 0 10px 0;
    margin-bottom:-12px;

}

.acknowledgement_table {
    margin-bottom: 0 !important;
    
}

    .acknowledgement_table tr th {
        border-bottom: 0 solid transparent !important;
        text-align: left;
        border-bottom: none;
        font-weight: normal !important;
        color: #000;
        padding-bottom: 0 !important;
    }

    .acknowledgement_table tr td {
        border-top: 0 solid transparent !important;
        padding-top: 0 !important;
    }

        .acknowledgement_table tr td .login_button {
            margin-top: 0;
        }

    .acknowledgement_table .form-group {
        color: #4f4e4e;
        margin: 5px 0;
        width:50%;
    }

    /*acknowledgement_table tr th{
        text-align:left;
    }*/

.ready_date_table {
    width:420px;
    margin:auto;
}
    .ready_date_table .form-group {
        width:100%;
    }
    .ackw-table tr td:nth-child(2)
    {
        padding-left:0;
    }
.order-acknowledgement {

}

.order-acknowledgement table tr td{
    width:12% !important;
}

.title_text_div
{
    position:relative;
}
.title_text_div:after{
    content:" (" attr(data-title) ")";
    position:absolute;
    width:300px;
    height:auto;
    padding:10px;
    bottom:100%;
    left:0;
    display:none;
    background:#fff;
    border:1px solid #6cac89;
    font-size:14px;
    transform: translateY(-5px);
}
.title_text_div:hover:after,
.title_text_div:hover:before
{
    display:block;
    
}
.title_text_div:before{
    content: '';
    position: absolute;
    border-top: 5px solid #6cac89;
    border-right: 5px solid #6cac89;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    transform: rotate(136deg);
    bottom: 100%;
    display:none;
    left:10px

}
.order-ack-survey-details table tr th{font-size:11px !important;}
.order-ack-survey-details table tr td{font-size:11px !important;}

.order-ack-survey-details table tr th:first-child{width:95px;}
.order-ack-survey-details table tr th:nth-child(2){width:120px;}
.order-ack-survey-details table tr th:nth-child(3){width:100px;}
.order-ack-survey-details table tr th:nth-child(4){width:120px;}
.order-ack-survey-details table tr th:nth-child(5){width:90px;}
.order-ack-survey-details table tr th:nth-child(6){width:160px;}
.order-ack-survey-details table tr th:nth-child(7){width:165px;}
.order-ack-survey-details table tr th:nth-child(8){width:130px;}
.order-ack-survey-details table tr th:nth-child(9){width:130px;}
.order-ack-survey-details table tr th:nth-child(10){width:130px;}
/*.order-ack-survey-details table tr td:first-child{width:100px;}
.order-ack-survey-details table tr td:nth-child(3){width:100px;}
.order-ack-survey-details table tr td:nth-child(4){width:100px;}*/


.shipmentSurveyDetails tr th{padding:8px 0px !important;padding-left:0px !important;}
.shipmentSurveyDetails tr td {
    padding: 8px 0px !important;
}
.shipmentSurveyDetails tr th:first-child{width:99px;padding-left:0px !important;}
.shipmentSurveyDetails tr th:nth-child(2){width:103px;}
.shipmentSurveyDetails tr th:nth-child(3){width:114px;}
.shipmentSurveyDetails tr th:nth-child(4){width:130px;}
.shipmentSurveyDetails tr th:nth-child(5){width:162px;}
.shipmentSurveyDetails tr th:nth-child(6){width:141px;}
.shipmentSurveyDetails tr th:nth-child(7){width:150px;}
.shipmentSurveyDetails tr th:nth-child(8){width:145px;}
.shipmentSurveyDetails tr th:nth-child(9){width:130px;}
.shipmentSurveyDetails tr th:nth-child(10){width:175px;}

.chk-jobs {
    font-size: 20px;
    color: #000;
    font-weight: normal;
}

.div-chkMntStatus {
    width:100%;
    border: 1px solid #ccc;
    margin: 20px auto;
    display: block;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

 .div-chkMntStatus > label {
        margin: 0 10px;
        cursor:pointer;
    }

      .div-chkMntStatus > label input {
            margin-right: 10px;
            position: relative;
            top: 3px;
             cursor:pointer;
        }



.div-chkWOStatus {
    width: 800px;
    border: 1px solid #ccc;
    margin: 20px auto;
    display: block;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

 .div-chkWOStatus > label {
        margin: 0 15px;
        cursor:pointer;
    }

      .div-chkWOStatus > label input {
            margin-right: 10px;
            position: relative;
            top: 3px;
             cursor:pointer;
        }

.div-chkjobs {
    width: 450px;
    border: 1px solid #ccc;
    margin: 20px auto;
    display: block;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

    .div-chkjobs > label {
        margin: 0 15px;
        cursor:pointer;
    }

       .div-chkjobs > label input {
            margin-right: 10px;
            position: relative;
            top: 3px;
             cursor:pointer;
        }

        #editRecipeDiv {
    background: rgba(0, 0, 0, 0.6);
    /*bottom: 0;*/
    left: 0;
    padding-top: 50px;
    padding-bottom: 100px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9;
    height: auto;
    min-height: 100%;
}



.short_table{

}

.short_table tr th{
width:125px;
font-size:12px;
}

.short_table tr th:nth-child(4){
width:190px;
}
.short_table tr th:nth-child(9){
width:160px;
}


.demo_table{

}


.demo_table table {
  width: 100%;
}

.demo_table table td {
  border-collapse: collapse;
  width:200px;
}


.demo_table table th {
 width: 200px;
 text-align: left;
 padding-left:0 !important;
}

.demo_table table th:nth-child(2){
    padding-left:8px!important;
}

.demo_table thead {
  display: table;
  width: calc(100% - 20px);
}

.demo_table tbody {
  display: block; 
  max-height: 300px; 
  overflow-y: scroll;
      width: 98.5%;
      margin-bottom: 20px;
border-bottom: 1px solid
#ccc;
}


.demo_table tr {
  display: table; 
  width: 100%;
  box-sizing: border-box; 
}


.ipce-search-watermark .form-control{
    font-size:12px !important;
}

.salelead th{
    width:200px !important;
}

.salelead td{
    text-align:left !important;
}
.salelead td:nth-child(7){
    text-align:center !important;
}
.search-status th{
    width:200px !important;
}

.custmore-new th{
    width:150px !important;
}

.custmore-new th:nth-child(7){
    width:250px !important;
}

.dufult-table tr th{
    width:11% !important;
    font-size: 12px;
    padding: 10px 0!important;
}
.highlightColor{
     color: #cc0a15;
}

.label_SubNote {
    display: block;
    font-size: 12px;
    font-weight: normal;
}

.workEntry_time .form-control{
    width:100px;
}


.mt50
{
    margin-top:50px;
}

@media (max-width: 500px) {
.workEntry_time .form-control{
    width:100%;
}
.workEntry_time .col-xs-3 {
    width: 100%;
}
    .workEntry_time > .row {
        border-bottom:solid 1px #ccc;
    }
}



.table-generic-list th {
    font-size: 12px !important;
}

.table-generic-list th {
    background: #daf3e4;
    color: #000 !important;
    font-weight: normal;
    text-transform: uppercase;
    border-top: 1px solid #ddd !important;
}

.hidden-header{
    display:none;
}
@media (max-width: 767px) {
    .Generic-grid-table thead {
        display:none;
    }
    .hidden-header{
        display:block;
        font-weight:bold;
    }
    .Generic-grid-table tbody td {
        display:block;
    }
}



/*.somarnav > li > a {
    color: #fff !important;
}

.somarnav > li > .SomarLink a:hover {
    color: #333;
}
*/