body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container-150 {
    max-width: 1500px
}

.container-200 {
    max-width: 2000px
}

.print_option * {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease
}

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

    .print_option ul li {
        padding: 5px;
        cursor: pointer
    }

        .print_option ul li.active {
            background: #0277bd;
            color: #fff;
            cursor: default
        }

.print_option {
    min-height: 280px;
    height: 280px;
    overflow-y: auto
}

.print_document {
    min-height: 280px;
    height: 280px;
    overflow-y: auto
}

    .print_document * {
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -moz-transition: all .5s ease
    }

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

        .print_document ul li {
            padding: 5px;
            cursor: pointer;
            cursor: pointer
        }

            .print_document ul li.active {
                background: #0277bd;
                color: #fff;
                cursor: default
            }

.client_option * {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease
}

.client_option ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 10px
}

    .client_option ul li {
        padding: 5px;
        cursor: pointer
    }

        .client_option ul li.active {
            background: #0277bd;
            color: #fff;
            cursor: default
        }

.user_group_option * {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease
}

.user_group_option ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 10px
}

    .user_group_option ul li {
        padding: 5px;
        cursor: pointer
    }

        .user_group_option ul li.active {
            background: #0277bd;
            color: #fff;
            cursor: default
        }

.cssmain {
    width: 100%;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 0 15px
}

.cssmainnav {
    margin: 0 auto;
    padding: 0
}

li {
    list-style: none
}

    li a {
        text-decoration: none
    }

.cssdropdown {
    position: absolute;
    width: 270px;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: ease-out .35s;
    -moz-transition: ease-out .35s;
    -webkit-transition: ease-out .35s;
    z-index: 100;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    background-color: #fff;
    padding: 0;
    display: none;
}

.cssmainnav li {
    float: left;
    padding: 0
}

    .cssmainnav li.hassubs {
        position: relative
    }

    .cssmainnav li:first-child {
        border: none
    }

    .cssmainnav li a {
        display: block;
        padding: 5px 10px;
        color: rgba(0,0,0,.7);
        font-size: 1rem
    }

    .cssmainnav li:hover {
        background: #eee;
        transition: ease-in .35s;
        -moz-transition: ease-in .35s;
        -webkit-transition: ease-in .35s
    }

        .cssmainnav li:hover a {
            color: rgba(0,0,0,.7);
            transition: ease-in .35s;
            -moz-transition: ease-in .35s;
            -webkit-transition: ease-in .35s
        }

.subs {
    position: relative;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #efefef !important
}

    .subs:last-child {
        border: none !important
    }

.cssmainnav > li.hassubs:hover > ul.cssdropdown,
.cssmainnav > li.hassubs > ul > li.hassubs:hover > ul.cssdropdown,
.cssmainnav > li.hassubs > ul > li > ul > li.hassubs:hover > ul.cssdropdown {
    opacity: 1;
    visibility: visible;
    transition: ease-in .35s;
    -moz-transition: ease-in .35s;
    -webkit-transition: ease-in .35s;
    display: block;
}

.cssmainnav li:hover ul a, .cssmainnav li:hover ul li ul li a {
    color: rgba(0,0,0,.7)
}

.cssmainnav li ul li ul li:hover, .cssmainnav li ul li:hover {
    background: #eee;
    transition: ease-in-out .35s;
    -moz-transition: ease-in-out .35s;
    -webkit-transition: ease-in-out .35s
}

    .cssmainnav li ul li ul li:hover a, .cssmainnav li ul li:hover a {
        color: rgba(0,0,0,.9);
        transition: ease-in-out .35s;
        -moz-transition: ease-in-out .35s;
        -webkit-transition: ease-in-out .35s
    }

.hassubs .hassubs .cssdropdown,
.hassubs .hassubs .hassubs .cssdropdown,
.hassubs .hassubs .hassubs .hassubs .cssdropdown,
.hassubs .hassubs .hassubs .hassubs .hassubs .cssdropdown {
    position: absolute;
    width: 270px;
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: ease-out .35s;
    -moz-transition: ease-out .35s;
    -webkit-transition: ease-out .35s;
    display: none;
}

    .hassubs .hassubs .cssdropdown .subs {
        position: relative;
        width: 100%;
        top: 0
    }

ul.cssmainnav li ul li a, ul.cssmainnav li ul li ul li a {
    padding: 7px 15px
}

ul.cssmainnav li.hassubs a {
    padding-right: 25px;
    position: relative
}

ul.cssmainnav > li.hassubs > a:before {
    font-family: FontAwesome;
    content: "\f0d7";
    position: absolute;
    right: 10px;
    top: 7px
}

ul.cssmainnav > li > ul > li.hassubs > a:before,
ul.cssmainnav > li > ul > li > ul > li.hassubs > a:before {
    font-family: FontAwesome;
    position: absolute;
    content: "\f0da";
    right: 10px;
    top: 10px;
    display: block
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .nav > li {
        position: relative;
        display: block
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                background-color: #eee
            }

        .nav > li.disabled > a {
            color: #777
        }

            .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent
            }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #eee;
        border-color: #337ab7
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

        .nav-tabs.nav-justified > li {
            float: none
        }

            .nav-tabs.nav-justified > li > a {
                margin-bottom: 5px;
                text-align: center
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto
        }

.shipment-air-export-form-wrapper {
    background-color: #f0f0f0;
    background-color: #d9ebfc;
}


@media (min-width:768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border: 1px solid #ddd
    }

@media (min-width:768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%)
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0)
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.in {
        opacity: .5
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .panel-body:after, .panel-body:before {
    display: table;
    content: " "
}

.modal-footer:after, .modal-header:after, .panel-body:after {
    clear: both
}

.middle-selection-wrapper {
    padding: 0 15px
}

    .middle-selection-wrapper .nav-tabs {
        float: none;
        background: #03a9f4;
        border: 0
    }

        .middle-selection-wrapper .nav-tabs li {
            float: none;
            display: inline-block;
            margin-bottom: 0
        }

            .middle-selection-wrapper .nav-tabs li a {
                display: block;
                padding: 3px 10px;
                -webkit-border-radius: 0;
                border-radius: 0;
                border: 0;
                color: #fff;
                margin: 0;
                margin-right: 5px;
                text-transform: uppercase
            }

                .middle-selection-wrapper .nav-tabs li a:focus, .middle-selection-wrapper .nav-tabs li a:hover, .middle-selection-wrapper .nav-tabs li.active a {
                    border: 0;
                    background: #0277bd;
                    color: #fff;
                    margin: 0;
                    margin-right: 5px
                }

.checkbox label.checkbox-inline, .radio label.radio-inline {
    margin-bottom: 10px
}

.checkbox .checkbox-inline, .radio .radio-inline {
    margin-top: 0;
    margin-right: 15px
}

    .checkbox .checkbox-inline input[type=checkbox], .radio .radio-inline input[type=radio] {
        margin-right: 2px
    }

.label_for_select {
    top: auto !important;
    opacity: 1 !important
}

.default_select {
    border: 1px solid rgba(0,0,0,.12);
    width: 100%;
    max-width: 100%;
    min-height: 24px;
    height: 24px
}

.default_select {
    display: block;
    padding: 0 1.25em 0 .25em;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right .7em top 50%;
    background-size: .65em auto
}

    .default_select::-ms-expand {
        display: none
    }

    .default_select option {
        font-weight: 400
    }

.md-input-focused .default_select {
    border-color: #03a9f4
}

.modal-dialog .btn-close {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 100;
    cursor: pointer
}

.user_new_create_new_user .checkbox + .checkbox, .user_new_create_new_user .radio + .radio {
    margin-top: 0
}

.date-picker-wrapper {
    padding-right: 30px;
    padding-right: 2px;
    position: relative
}

    .date-picker-wrapper input.md-input {
        background: #ffffff url(../images/date-picker1.png) no-repeat right center;
    }

    .date-picker-wrapper:after { /*font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:block;line-height:1;content:"\e916";position:absolute;right:2px;color:inherit;z-index:-1;opacity:.3*/
    }

.time-picker-wrapper {
    padding-right: 2px;
    position: relative;
    max-width: 76px
}

    .time-picker-wrapper:after {
        font-family: 'Material Icons';
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        display: block;
        line-height: 1;
        content: "\e425";
        position: absolute;
        right: 2px;
        color: inherit;
        z-index: 0;
        opacity: .3
    }

.ajaxpopup {
    position: relative;
    background: #000;
    padding: 20px;
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.ajaxbigpopup {
    width: 100%;
}

.jm-popup {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 3px #222;
    box-shadow: 0 0 5px 3px #222;
    z-index: 99999
}

.popup-close-link {
    text-decoration: none;
    font-size: 20px;
    color: #323232;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99999;
    outline: 0;
    display: block
}

a.popup-close-link:focus, a.popup-close-link:hover, a.popup-close-link:visited {
    outline: 0;
    color: #323232
}

.view-section-tab-wrapper {
    padding: 0 15px
}

    .view-section-tab-wrapper .nav-tabs {
        float: none;
        background: #03a9f4;
        border: 0
    }

        .view-section-tab-wrapper .nav-tabs li {
            float: none;
            display: inline-block;
            margin-bottom: 0
        }

            .view-section-tab-wrapper .nav-tabs li a {
                display: block;
                padding: 3px 10px;
                -webkit-border-radius: 0;
                border-radius: 0;
                border: 0;
                color: #fff;
                margin: 0;
                margin-right: 5px
            }

                .view-section-tab-wrapper .nav-tabs li a:focus, .view-section-tab-wrapper .nav-tabs li a:hover, .view-section-tab-wrapper .nav-tabs li.active a {
                    border: 0;
                    background: #0277bd;
                    color: #fff;
                    margin: 0;
                    margin-right: 5px
                }

.general-tab-wrapper {
    padding: 0
}

    .general-tab-wrapper .nav-tabs {
        float: none;
        background: #03a9f4;
        border: 0
    }

        .general-tab-wrapper .nav-tabs li {
            float: none;
            display: inline-block;
            margin-bottom: 0
        }

            .general-tab-wrapper .nav-tabs li a {
                display: block;
                padding: 3px 10px;
                -webkit-border-radius: 0;
                border-radius: 0;
                border: 0;
                color: #fff;
                margin: 0;
                margin-right: 5px
            }

                .general-tab-wrapper .nav-tabs li a:focus, .general-tab-wrapper .nav-tabs li a:hover, .general-tab-wrapper .nav-tabs li.active a {
                    border: 0;
                    background: #0277bd;
                    color: #fff;
                    margin: 0;
                    margin-right: 5px
                }

.shipment-master-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.master-bill-form-wrapper {
    background-color: rgba(3,169,244,.1);
    background-color: rgba(145,200,255,1);
    background-color: #c9e3fd
}

.left-side-content {
    border: 1px solid rgba(0,0,0,.12);
    padding: 0;
    background-color: #fff
}

.left-menu-wrapper .md-menu-content {
    max-height: none;
    background-color: #fff;
    padding: 0;
    margin: 15px 0
}

    .left-menu-wrapper .md-menu-content .md-menu-item:first-child {
        border-top: 1px solid rgba(0,0,0,.1)
    }

    .left-menu-wrapper .md-menu-content .md-menu-item {
        min-height: 25px;
        height: auto;
        line-height: 1.5;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

        .left-menu-wrapper .md-menu-content .md-menu-item a {
            padding: 5px 15px;
            min-height: 1px;
            height: auto;
            line-height: 1.5;
            margin: 0;
            background-color: #fff
        }

            .left-menu-wrapper .md-menu-content .md-menu-item a:hover {
                background-color: rgba(158,158,158,.2)
            }

.material-icons-nospan.space:before {
    width: 24px;
    content: ""
}

.shipment-housing-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.housing-bill-form-wrapper {
    background-color: rgba(3,169,244,.1);
    background-color: #ddd
}

.table-wrapper .table {
    background-color: #fff;
    margin-bottom: 5px
}

.shipment-air-import-form-wrapper {
    background-color: #d4d0c8
}

.shipment-domestic-form-wrapper {
    background-color: #d6d6d6
}

.horizontal-sep-border {
    border-right: 1px solid rgba(0,0,0,.2)
}

.menu-and-content-wrapper {
    position: relative;
    overflow: hidden
}

    .menu-and-content-wrapper .left-side-content {
        position: absolute;
        width: 320px;
        z-index: 100;
        height: 100%;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -moz-transition: all .5s ease
    }

        .menu-and-content-wrapper .left-side-content.left-active {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
            -moz-transition: all .5s ease
        }

    .menu-and-content-wrapper .left-menu-backdrop {
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        bottom: 0;
        background: rgba(0,0,0,0);
        z-index: -1;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -moz-transition: all .5s ease
    }

        .menu-and-content-wrapper .left-menu-backdrop.left-active {
            display: block;
            background: rgba(0,0,0,.3);
            z-index: 55;
            transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
            -moz-transition: all .5s ease
        }

.left-menu-link.left-active:before {
    content: "\e5cd"
}

.inline-button-wrapper.match-to-input {
    padding: 0 2px
}

.inline-button-wrapper.inline-button-wrapper-left .md-button:nth-child(1) {
    margin-left: 0
}

.inline-button-wrapper.inline-button-wrapper-right .md-button:last-child {
    margin-right: 0
}

.vertical-scroll-table-wrapper {
    max-height: 300px;
    height: 300px
}

    .vertical-scroll-table-wrapper tr.active td {
        background-color: #b3b3b3 !important
    }

.quotes-input-wrapper-tables .md-icon-button.search {
    padding-top: 0;
    padding-bottom: 0;
    height: 28px;
    min-height: 28px
}

.result-table .table tr th {
    vertical-align: middle;
    text-align: center
}

.md-toolbar {
    z-index: auto;
}

.alert-popup {
    width: auto;
    padding: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

    .alert-popup .popup-close-link {
        top: 9px;
        right: 9px;
    }

        .alert-popup .popup-close-link .fa {
            color: #fff;
        }

.md-button.md-icon-button.form-search-button {
    margin-top: 6px;
    padding: 12px 8px 4px 8px;
}

.shipment-chargecode-wrapper .md-button.md-icon-button.form-search-button {
    margin-top: 6px;
    padding: 12px 8px 4px 8px;
}

.md-button.md-icon-button.form-date-delete-button {
    margin-left: 0px;
    margin-right: 0px;
}

@media (min-width:1650px) {
    .default_select {
        min-height: 30px;
        height: 30px;
        line-height: 28px;
    }
}

.blue-bg {
    background-color: #c9e3fd;
}

.button-like-input {
    min-height: 24px;
    line-height: 24px;
    margin: 0px !important
}

tr.no-border td {
    border: 0px !important;
}

.preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    background: rgba(255, 255, 255,0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: opacity 0.3s linear;
}

.group-search-add-btns button {
    padding-left: 4px !important;
    padding-right: 4px !important;
    width: 30px !important;
}

    .group-search-add-btns button:nth-child(1) {
        margin-right: 0px;
        margin-right: 2px;
    }

    .group-search-add-btns button:nth-child(2) {
        margin-left: 0px;
    }

.quotes-input-wrapper-tables .md-button.md-icon-button.form-search-button {
    padding-top: 0px;
}

.date-selection-wrapper {
    padding: 0;
    border: 1px solid #e4e4e4;
}

    .date-selection-wrapper .nav-tabs {
        float: none;
        background: #03a9f4;
        border: 0;
        margin: 0px;
    }

        .date-selection-wrapper .nav-tabs li {
            float: none;
            display: inline-block;
            margin-bottom: 0
        }

            .date-selection-wrapper .nav-tabs li a {
                display: block;
                padding: 3px 10px;
                -webkit-border-radius: 0;
                border-radius: 0;
                border: 0;
                color: #fff;
                margin: 0;
                margin-right: 5px;
                text-transform: uppercase
            }

                .date-selection-wrapper .nav-tabs li a:focus, .date-selection-wrapper .nav-tabs li a:hover, .date-selection-wrapper .nav-tabs li.active a {
                    border: 0;
                    background: #0277bd;
                    color: #fff;
                    margin: 0;
                    margin-right: 5px
                }

    .date-selection-wrapper .tab-content {
        padding: 15px;
    }


.accounting-sub > ul.cssdropdown {
    left: 15px;
    right: 15px;
    width: auto;
}

.accounting-sub:hover > ul.cssdropdown,
.accounting-sub > ul > li.hassubs:hover > ul.cssdropdown,
.accounting-sub > ul > li > ul > li.hassubs:hover > ul.cssdropdown,
.accounting-sub > ul > li > ul > li > ul > li.hassubs:hover > ul.cssdropdown,
.accounting-sub > ul > li > ul > li > ul > li > ul > li.hassubs:hover > ul.cssdropdown {
    opacity: 1;
    visibility: visible;
    transition: ease-in .35s;
    -moz-transition: ease-in .35s;
    -webkit-transition: ease-in .35s;
    display: block;
}

li.accounting-sub > a {
    position: relative;
    padding-right: 25px;
}

    li.accounting-sub > a:before {
        font-family: FontAwesome;
        content: "\f0d7";
        position: absolute;
        right: 10px;
        top: 7px
    }

.accounting-sub > ul > li {
    width: auto;
    float: left;
}

.accounting-sub > ul.cssdropdown > li.hassubs > a:before {
    font-family: FontAwesome;
    content: "\f0d7";
    position: absolute;
    right: 10px;
    top: 7px
}

.accounting-sub > ul > li > ul > li.hassubs > a:before,
.accounting-sub > ul > li > ul > li > ul > li.hassubs > a:before {
    font-family: FontAwesome;
    position: absolute;
    content: "\f0da";
    right: 10px;
    top: 10px;
    display: block;
}

.green-text {
    color: #218539 !important
}

.red-text {
    color: #ff0000 !important
}

.blue-text {
    color: #0277bd !important
}

.accounting_shortcut_menu {
    padding: 5px 25px; /*background:#ccc;background-image:
    linear-gradient(
      to bottom, 
      #03a9f4, 
      #0277bd
    );*/
}

    .accounting_shortcut_menu ul {
        display: block;
        margin: 0px;
        padding: 0px;
    }

        .accounting_shortcut_menu ul li {
            display: inline-block;
            margin-right: 5px;
        }

            .accounting_shortcut_menu ul li a {
                display: block;
                position: relative;
                padding: 40px 10px 5px;
                margin-top: 0px;
                min-width: 80px;
                text-align: center;
                font-size: 1.0rem;
                color: #444;
                border: 1px solid #ddd;
                transition: ease-in .35s;
                -moz-transition: ease-in .35s;
                -webkit-transition: ease-in .35s;
                -webkit-border-radius: 6px;
                border-radius: 6px;
            }

                .accounting_shortcut_menu ul li a:hover, .accounting_shortcut_menu ul li a:focus {
                    border: 1px solid #444;
                    transition: ease-in .35s;
                    -moz-transition: ease-in .35s;
                    -webkit-transition: ease-in .35s;
                    -webkit-box-shadow: 0px 0px 5px rgba(255,255,255,0.7);
                    box-shadow: 0px 0px 5px rgba(255,255,255,0.7);
                }

                .accounting_shortcut_menu ul li a:before {
                    position: absolute;
                    content: "";
                    top: 5px;
                    left: 50%;
                    margin-left: -15px;
                    display: block;
                    width: 30px;
                    height: 30px;
                }

            .accounting_shortcut_menu ul li.shortcut-icon1 a:before {
                background: url(../images/accounting_menu_icon_ar.png) no-repeat;
            }

            .accounting_shortcut_menu ul li.shortcut-icon2 a:before {
                background: url(../images/accounting_menu_icon_ap.png) no-repeat;
            }

            .accounting_shortcut_menu ul li.shortcut-icon3 a:before {
                background: url(../images/accounting_menu_icon_apply_cash.png) no-repeat;
            }

            .accounting_shortcut_menu ul li.shortcut-icon4 a:before {
                background: url(../images/accounting_menu_icon_pay_bill.png) no-repeat;
            }

            .accounting_shortcut_menu ul li.shortcut-icon5 a:before {
                background: url(../images/accounting_menu_icon_check_register.png) no-repeat;
            }

            .accounting_shortcut_menu ul li.shortcut-icon6 a:before {
                background: url(../images/accounting_menu_icon_clients.png) no-repeat;
            }

            .accounting_shortcut_menu ul li.shortcut-icon7 a:before {
                background: url(../images/accounting_menu_icon_esupport.png) no-repeat;
            }

.cash_content_bg {
    padding: 5px 10px;
}

.cash_content_bg1 {
    background-color: #72e26c;
    background: rgba(114,226,108,0.7);
}

.cash_content_bg2 {
    background-color: #f6e16f;
    background: rgba(246,225,111,0.7);
}

.cash_content_bg3 {
    background-color: #92b9f4;
    background: rgba(146,185,244,0.7);
}

.cash_content_bg4 {
    background-color: #f4d792;
    background: rgba(244,215,146,0.7);
}

.cash_content_bg5 {
    background-color: #f3c5f6;
    background: rgba(243,197,246,0.7);
}

.cash_content_bg6 {
    background-color: #9eb1f9;
    background: rgba(158,177,249,0.7);
}

.simple-border-round-corner {
    padding: 10px;
    border: 2px solid #444;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.cssaccountnav {
    margin: 0 auto;
    padding: 0
}

    .cssaccountnav li {
        list-style: none
    }

        .cssaccountnav li a {
            text-decoration: none
        }

    .cssaccountnav .cssdropdown {
        position: absolute;
        width: 270px;
        top: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transition: ease-out .35s;
        -moz-transition: ease-out .35s;
        -webkit-transition: ease-out .35s;
        z-index: 100;
        -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
        box-shadow: 2px 2px 5px rgba(0,0,0,.5);
        background-color: #fff;
        padding: 0;
        display: none;
    }

    .cssaccountnav li {
        display: inline-block;
        padding: 0;
    }

        .cssaccountnav li.hassubs {
            position: relative;
        }

        .cssaccountnav li:first-child {
            border: none
        }

        .cssaccountnav li a {
            display: block;
            padding: 5px 10px;
            color: rgba(0,0,0,.7);
            font-size: 1rem
        }

        .cssaccountnav li:hover {
            background: #eee;
            transition: ease-in .35s;
            -moz-transition: ease-in .35s;
            -webkit-transition: ease-in .35s
        }

            .cssaccountnav li:hover a {
                color: rgba(0,0,0,.7);
                transition: ease-in .35s;
                -moz-transition: ease-in .35s;
                -webkit-transition: ease-in .35s
            }

    .cssaccountnav .subs {
        position: relative;
        top: 0;
        width: 100%;
        border-bottom: 1px solid #efefef !important
    }

        .cssaccountnav .subs:last-child {
            border: none !important
        }

    .cssaccountnav > li.hassubs:hover > ul.cssdropdown,
    .cssaccountnav > li.hassubs > ul > li.hassubs:hover > ul.cssdropdown,
    .cssaccountnav > li.hassubs > ul > li > ul > li.hassubs:hover > ul.cssdropdown,
    .cssaccountnav > li.hassubs1:hover > ul.cssdropdown,
    .cssaccountnav > li.hassubs1 > ul > li.hassubs:hover > ul.cssdropdown,
    .cssaccountnav > li.hassubs1 > ul > li > ul > li.hassubs:hover > ul.cssdropdown {
        opacity: 1;
        visibility: visible;
        transition: ease-in .35s;
        -moz-transition: ease-in .35s;
        -webkit-transition: ease-in .35s;
        display: block;
    }

    .cssaccountnav li:hover ul a, .cssaccountnav li:hover ul li ul li a {
        color: rgba(0,0,0,.7)
    }

    .cssaccountnav li ul li ul li:hover, .cssaccountnav li ul li:hover {
        background: #eee;
        transition: ease-in-out .35s;
        -moz-transition: ease-in-out .35s;
        -webkit-transition: ease-in-out .35s
    }

        .cssaccountnav li ul li ul li:hover a, .cssaccountnav li ul li:hover a {
            color: rgba(0,0,0,.9);
            transition: ease-in-out .35s;
            -moz-transition: ease-in-out .35s;
            -webkit-transition: ease-in-out .35s
        }

    .cssaccountnav .hassubs .hassubs .cssdropdown,
    .cssaccountnav .hassubs .hassubs .hassubs .cssdropdown,
    .cssaccountnav .hassubs .hassubs .hassubs .hassubs .cssdropdown,
    .cssaccountnav .hassubs .hassubs .hassubs .hassubs .hassubs .cssdropdown,
    .cssaccountnav .hassubs1 .hassubs .cssdropdown,
    .cssaccountnav .hassubs1 .hassubs .hassubs .cssdropdown,
    .cssaccountnav .hassubs1 .hassubs .hassubs .hassubs .cssdropdown,
    .cssaccountnav .hassubs1 .hassubs .hassubs .hassubs .hassubs .cssdropdown {
        position: absolute;
        width: 270px;
        left: 100%;
        top: 0;
        opacity: 0;
        visibility: hidden;
        transition: ease-out .35s;
        -moz-transition: ease-out .35s;
        -webkit-transition: ease-out .35s;
        display: none;
    }

        .cssaccountnav .hassubs .hassubs .cssdropdown .subs,
        .cssaccountnav .hassubs1 .hassubs .cssdropdown .subs {
            position: relative;
            width: 100%;
            top: 0
        }

    .cssaccountnav li ul li a, ul.cssaccountnav li ul li ul li a {
        padding: 7px 15px
    }

    .cssaccountnav li.hassubs a,
    .cssaccountnav li.hassubs1 a {
        padding-right: 25px;
        position: relative
    }

    .cssaccountnav > li.hassubs > a:before,
    .cssaccountnav > li.hassubs1 > a:before {
        font-family: FontAwesome;
        content: "\f0d7";
        position: absolute;
        right: 10px;
        top: 7px
    }

    .cssaccountnav > li > ul > li.hassubs > a:before,
    .cssaccountnav > li > ul > li > ul > li.hassubs > a:before {
        font-family: FontAwesome;
        position: absolute;
        content: "\f0da";
        right: 10px;
        top: 10px;
        display: block
    }

    .cssaccountnav li.hassubs1.has3colsubs > ul.cssdropdown {
        width: 900px;
        left: 15px;
        top: 27px;
    }

        .cssaccountnav li.hassubs1.has3colsubs > ul.cssdropdown > li {
            width: 33%;
            vertical-align: top;
        }

        .cssaccountnav li.hassubs1.has3colsubs > ul.cssdropdown:before {
            width: 33%;
            height: 100%;
            position: absolute;
            left: 33%;
            border-left: 1px solid #efefef;
            border-right: 1px solid #efefef;
            content: "";
            display: block;
        }