@font-face {
    font-family: dropify;
    src: url(../fonts/dropify-icon/dropify.eot);
    src: url(../fonts/dropify-icon/dropify.eot#iefix) format("embedded-opentype"), url(../fonts/dropify-icon/dropify.woff) format("woff"), url(../fonts/dropify-icon/dropify.ttf) format("truetype"), url(../fonts/dropify-icon/dropify.svg#dropify) format("svg")
}

@font-face {
    font-family: Printpacesymbol;
    src: url(../fonts/Printpacesymbol.otf)
}

@font-face {
    font-family: "Conv_TheSans_Plain";
    src: url("../fonts/TheSans-Plain.eot");
    src: url("../fonts/TheSans-Plain.woff");
}

.printpace-icon {
    font-family: Printpacesymbol;
}

#purchase_request input[type=date],
#purchase_request input[type=number],
#purchase_request input[type=password],
#purchase_request input[type=text],
#purchase_request select.form-control {
    height: 44px;
    margin: 0;
    padding: 0 8px;
    vertical-align: middle;
    background: #fff !important;
    font-size: 14px;
    font-weight: 300;
    line-height: 44px;
    color: #212121;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

body {
    position: relative
}

textarea,
textarea.form-control {
    height: 90px;
    padding: 5px 10px;
    line-height: 30px;
    border: 1px solid rgba(33, 33, 33, .5);
    border-radius: 3px;
    width: 100%
}

input[type=password]:focus,
input[type=text]:focus,
textarea.form-control:focus,
textarea:focus {
    outline: 0;
    background: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type=password]:-moz-placeholder,
input[type=text]:-moz-placeholder,
textarea.form-control:-moz-placeholder,
textarea:-moz-placeholder {
    color: #888
}

input[type=password]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #888
}

input[type=password]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #888
}

label {
    font-weight: 300;
    word-break: break-word;
}

button.btn:hover {
    opacity: 1;
    color: #fff
}

button.btn:active {
    outline: 0;
    opacity: 1;
    color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

button.btn.active:focus,
button.btn:active:focus,
button.btn:focus {
    outline: 0;
    opacity: 1;
    color: #fff
}

button.btn.btn-submit,
button.btn.btn-submit.active:focus,
button.btn.btn-submit:active:focus,
button.btn.btn-submit:focus {
    background: #be1e2d
}

button.btn.btn-previous,
button.btn.btn-previous.active:focus,
button.btn.btn-previous:active:focus,
button.btn.btn-previous:focus {
    background: #bbb
}

.wrapper .page-wrapper .heading-bg h4 {
    font-size: 16px;
    font-weight: 600
}

.product-description {
    border: 1px solid rgba(33, 33, 33, .12);
    resize: none;
    padding: 6px 12px
}

.product-description:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important
}

.button-container {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap
}

td.select-options {
    padding: 15px 0 !important
}

.left-side select {
    width: 40%
}

.left-side,
.right-side {
    padding-top: 10px
}

a.delete-btn {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #212121;
    cursor: pointer
}

a.delete-btn:hover {
    color: #555
}

.total-label {
    text-align: right
}

button.add-row-btn {
    border: 1px solid #145587;
    color: #fff;
    padding: 3px 10px;
    background: #145587;
    margin-top: 10px;
    border-radius: 3px
}

.amount-summary {
    padding: 10px 0;
    margin-bottom: 20px;
    background: 0 0;
    width: 100%
}

.amount-summary tbody {
    background: 0 0 !important
}

.amount-summary label {
    display: block;
    text-align: right;
    font-size: 14px
}

.amount-summary td {
    padding: 5px 10px
}

.amount-summary tr.row-total {
    border-top: 1px solid #555;
    border-bottom: 1px solid #555
}

.panel-wrapper .panel-body {
    padding: 0
}

.qtyListcol {
    text-align: right
}

.panel-group {
    margin-bottom: 0
}

a.btn:hover {
    opacity: .6;
    color: #fff
}

.table>tbody>tr>th {
    font-size: 12px;
    font-weight: 600
}

.lbg-section {
    background: #ebedef !important;
    margin-bottom: 20px;
    border-radius: 5px
}

.form-panel-head {
    border-bottom: 1px solid rgba(65, 115, 159, .09);
    padding: 0 0 5px;
    font-size: 18px
}

.gray-bar {
    background: #dae0e5;
    padding: 10px 0;
    margin: 20px 15px;
    border: 1px solid rgba(33, 33, 33, .12)
}

.custom_create_btn,
.multi_action_form .btn-primary {
    padding: 3px 6px;
    border: 1px solid rgba(33, 33, 33, .2);
    cursor: pointer;
    background: #18588e;
    color: #fff;
    transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    border-radius: 4px;
    outline: 0;
    font-size: 12px
}

.custom_create_btn {
    font-size: 14px !important;
    padding: 7px 15px !important;
}

.custom_create_btn:hover,
.multi_action_form .btn-primary:hover {
    opacity: 1 !important;
    color: #fff;
    background: #28659a
}

.multi_action_form .deleteforcheckbox {
    padding: 3px 22px 3px 9px;
    position: relative
}

.multi_action_form .deleteforcheckbox::after {
    position: absolute;
    content: "\f014";
    font-family: FontAwesome;
    right: 6px
}

.actions_btn_container .dropdown-menu {
    min-width: 68px;
    padding: 0 0;
    transition: all ease-in .3s;
    width: 100%;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s
}

.actions_btn_container .dropdown-menu>li>a,
.actions_btn_container .dropdown-menu>li>form>a {
    padding: 4px 15px;
    color: #212121;
    text-align: left;
    display: block;
    border-top: 1px solid #dae0e5;
    font-size: 12px;
    background: #fff
}

.actions_btn_container .dropdown-menu>li>a:hover,
.actions_btn_container .dropdown-menu>li>form>a:hover {
    background: #ebedef
}

/* .actions_btn,
button.actions_btn:focus {
    background: 0 0;
    border: 1px solid rgba(33, 33, 33, .2);
    padding: 2px 18px 2px 7px;
    font-size: 12px;
    color: #212121;
    width: 100%;
    position: relative
} */

.actions_btn,button.actions_btn:focus{
    background: 0 0;
    border: 1px solid rgb(9 101 158 / 45%);
    padding: 2px 18px 2px 7px;
    font-size: 12px;
    color: #09659e;
    width: 100%;
    position: relative;
    border-radius: 6px;
}

/* .actions_btn::after {
    position: absolute;
    right: 5px;
    top: 4px;
    content: "\f0d7";
    color: #000;
    font-family: fontawesome
} */

.actions_btn::after{
    position: absolute;
    right: 0px;
    top: 0px;
    content: "\f0d7";
    color: #ffffff;
    background: #0e85d0;
    padding: 3.3%;
    font-family: fontawesome;
    border: 1px solid #0e85d0;
    border-radius: 0 3px 3px 0;
    height: 100%;
}

.actions_btn_container .dropdown-menu>li>a i,
.actions_btn_container .dropdown-menu>li>form a i {
    color: #212121;
    font-size: 14px;
    margin-right: 0
}

.actions_btn_container .dropdown-menu>li>a i,
.actions_btn_container .dropdown-menu>li>form a i {
    color: #287eb6;
    font-size: 14px;
    margin-right: 0
}

#notfound {
    position: relative;
    height: 65vh;
    box-shadow: 5px 6px 27px 4px rgba(66, 65, 65, .21);
    margin-top: 73px;
    border: 1px solid rgba(66, 65, 65, .1);
    background: #d9e9f5
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.notfound {
    max-width: 920px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px
}

.notfound .notfound-404 {
    position: absolute;
    height: 100px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
}

.notfound h1 {
    color: rgba(0, 0, 0, .08);
    font-weight: 900;
    font-size: 276px;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 20%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.notfound h2 {
    font-size: 46px;
    color: #424141;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0
}

.notfound p {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 25px
}

.notfound a {
    font-size: 14px;
    text-decoration: none;
    background: #424141;
    display: inline-block;
    padding: 10px 12px;
    border: 2px solid transparent;
    border-radius: 5px;
    color: #fff;
    font-weight: 400;
    -webkit-transition: .2s all;
    transition: .2s all
}

.notfound a:hover {
    background-color: #d9e9f5;
    border-color: #424141;
    color: #424141
}

.icon-container {
    text-align: right;
    padding-bottom: 7px;
    padding-top: 5px
}

.icon-container .add-btn i {
    margin: 0;
    font-size: 10px
}

.icon-container .add-btn {
    background: #145587;
    border-radius: 100%;
    display: inline-block;
    height: 20px;
    width: 20px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    border: 2px solid #145587;
    box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .3);
    transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s
}

.icon-container .add-btn:hover {
    color: #145587;
    background: #fff;
    box-shadow: none
}

.icon-container span {
    font-size: 12px;
    font-weight: 400;
    color: #212121
}

.form-group {
    margin-bottom: 8px !important
}

.toggleChild span.f_left i {
    float: right;
    margin-top: 10px
}

.sideber .submenu div.child_toggle {
    background: #daefff
}

.sideber .submenu div.child_toggle a {
    color: #585858;
    margin: 0 0 0 10px
}

.sideber .submenu div.child_toggle a:hover {
    color: #212121
}


/*.sideber .submenu div.child_toggle:hover, .sideber .sb-card:hover, .sideber .sb-firstcard:hover {*/


/*background: #fff*/


/*}*/


/*.sideber .submenu div.child_toggle:hover a, .sideber .tab a:hover, .sideber .tabon a:hover{color:#212121;border-right: 4px solid #338dd4;}*/


/*.submenu .sb-card {*/


/*border-bottom: 1px solid rgba(216, 216, 216, .4) !important*/


/*}*/

.ToglechildDown {
    background: #4173a0 !important
}

.ToglechildDown a {
    color: #fff !important
}

.sideber .sb-card.short.tabon,
.sideber .sb-card.shortest.tabon,
.sideber .tabon {
    background-color: #fff
}

.sideber .sb-card.short.tabon a,
.sideber .sb-card.shortest.tabon a,
.sideber .tabon a {
    color: #212121 !important;
    font-weight: normal !important;
    border-right: 4px solid #338dd4
}

.sb-card span.zero {
    line-height: 35px
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--open .select2-selection__rendered {
    border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important
}

.select2-container--default .select2-search--inline .select2-search__field {
    font-size: 14px;
    font-weight: 400
}

.select2-container--open .select2-dropdown {
    left: 0;
    /*font-size: 12px;*/
    /*font-weight: 600;*/
    color: #212121;
    /*top: -9px*/
}

.select2-dropdown {
    border: 1px solid rgba(33, 33, 33, .2);
    z-index: 99999 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0px
}

.select2-results__option {
    padding: 3px 10px;
}

.select2-container--default .select2-results__group {
    padding-left: 6px;
}

.product-item-container {
    position: relative
}

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

.product-item-container .autocomplete-items {
    top: 100%
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: .2em .7em;
    font-size: 12px
}

.dataTables_wrapper .dataTables_info {
    font-size: 12px
}

.delete_icon,
.edit_icon,
.view_icon {
    transition: all .3s ease-in;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    border: 1px solid transparent
}

.table .form-control,
.table .select2-selection.select2-selection--multiple {
    height: 28px !important;
    padding: 0 5px;
    border-radius: 3px
}

.table .select2-container .select2-selection--multiple {
    min-height: 28px
}

.table .select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
    line-height: 25px
}

.table .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 28px !important
}

.table .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 40%
}

.card-view {
    border: 1px solid #fff;
    box-shadow: none;
    border-radius: 5px
}

.border1 .card-view {
    box-shadow: none;
    border: none;
    margin-bottom: 0
}

.btn.btn-primary:hover {
    background: #28659a;
    border: solid 1px rgba(33, 34, 34, .46);
    opacity: 1
}

.card-view.panel.pa-20 .panel-body {
    padding: 0
}

.select2-selection__rendered input[type=search] {
    border: none !important
}

.breadcrumb>li {
    font-size: 14px
}

.addform .form-actions {
    margin-top: 12px
}

.panel-default .border1 {
    box-shadow: none;
    border: none
}

.panel-default {
    border-color: #dedede !important
}

.panel {
    border: 1px solid #dedede !important
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #c1e0ff !important
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 2px solid #ddd
}

.menu-head {
    font-size: 8px;
    color: rgba(235, 237, 239, .59);
    letter-spacing: .05rem;
    margin-top: -3px;
    display: block;
    text-align: center
}

#ribbon .rib_btn.active .menu-head,
#ribbon .rib_btn.active:hover .menu-head,
#ribbon .rib_btn:hover .menu-head {
    color: rgba(235, 237, 239, 1)
}

#ribbon {
    border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.toggleChild.active {
    background-color: #4173a0;
    color: #fff
}

.logo-wrap {
    margin: 0 auto
}

textarea.notes {
    height: 35px !important;
    padding: 0 5px
}

.minico+.tooltip>.tooltip-inner {
    background-color: #212121 !important;
    color: #fff !important;
    border: 1px solid #212121 !important;
    padding: 5px !important;
    font-size: 14px !important;
    z-index: 9999
}

.minico+.tooltip.right>.tooltip-arrow {
    border-right: 5px solid #212121 !important
}

.menu-icon+.tooltip.top>.tooltip-arrow {
    border-top: 5px solid #212121
}

.top-button-container {
    margin-top: 10px;
    float: left;
    padding-left: 18px
}

.top-button-container .back-button button {
    padding: 5px 10px;
    font-size: 12px
}

.top-button-container .back-button button i {
    font-size: 12px
}

.pricing_box {
    background: rgba(199, 227, 255, 1);
    padding: 12px 5px;
    border-radius: 3px;
    border: 1px solid rgba(33, 33, 33, .16);
    width: 45%
}

.custom-button-container {
    border-bottom: 1px solid rgba(33, 33, 33, .16);
    padding-bottom: 10px;
    margin-bottom: 10px
}

.custom-button-container .custom_create_btn {
    margin: 0 !important
}

.text-formatting {
    cursor: pointer;
    margin-left: 5px;
    font-size: 18px;
    color: #173c60
}

.dropzone .dz-message {
    margin: 3em 0
}

.checkbox .inline-checkbox {
    margin-right: 30px
}

.currency-type {
    font-size: 12px;
    font-weight: 700
}

.border-left {
    position: absolute;
    left: 0;
    background: #e4e4e4;
    /*top: -25px;*/
    top: 0;
    /*bottom: -10px;*/
    bottom: 0;
    height: auto;
    width: 1px
}

.border-right {
    position: absolute;
    right: 0;
    background: #e4e4e4;
    top: 0;
    /*top: -25px;*/
    bottom: 0;
    /*bottom: -10px;*/
    height: auto;
    width: 1px
}

.add-inventory-container h6 {
    margin-bottom: 15px
}

#dtBasicExample .checkbox {
    padding-left: 0
}

#dtBasicExample .checkbox .inline-checkbox {
    margin-right: 0
}

#dtBasicExample .checkbox label::after,
#dtBasicExample .checkbox label::before {
    margin-left: -4px
}

#dtBasicExample.table.dataTable thead .sorting_asc:first-child::after,
#dtBasicExample.table.dataTable thead .sorting_desc:first-child::after {
    display: none !important
}

.editable-text {
    padding: 5px;
    outline: 0
}

#dtBasicExample .actions_btn,
#dtBasicExample button.actions_btn:focus {
    background: #fff;
    padding: 1px 9px
}

.dataTables_filter {
    width: 300px
}

.dataTables_filter input[type=search],
.dataTables_filter label {
    width: 100%;
    text-align: left
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0
}

#comments {
    font-size: 1.2rem;
    display: block;
    text-align: center;
    color: #797979;
}

#comments:hover {
    color: #0a4ca2
}

div.add-inventory-container[class*=col-] {
    padding: 0
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
    padding-top: 5px
}

a.dynamic_translate {
    color: #c5bcbc !important
}

.english-left {
    float: left
}

.english-right {
    float: right
}

.align-center {
    text-align: center
}

.ml-en-15 {
    margin-left: 15px
}

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

th.list-th {
    width: 100px !important
}

th.sn-th {
    width: 2px !important
}

th.action-th {
    width: 56px !important
}

.media-details .border-right {
    top: -10px;
    bottom: 0;
    right: -13px
}

.account-details .border-right {
    top: 0;
    bottom: 0
}

.pricing-details .border-right {
    top: 1px;
    bottom: 0;
    right: 40px;
    bottom: 4px
}

.pricing-details .thickness .border-right {
    right: 0;
    bottom: 5px
}

.pricing-details .border-left {
    left: -2px;
    top: 1px;
    bottom: 4px
}

.account_dept_details .border-left,
.account_dept_details .border-right {
    top: 2px;
    bottom: 2px
}

.other-media-details .border-left {
    top: 0;
    left: -23px;
    bottom: -5px
}

.wysihtml5-toolbar li a.btn.btn-default {
    color: #212121 !important;
    padding: 3px 6px !important;
    font-size: 12px
}

.remove_field {
    border-radius: 4px;
    display: inline-block;
    font-size: 14px
}

.remove_field_edit {
    padding: 1px 4px;
    border-radius: 4px;
    margin-top: 2px;
    display: inline-block;
    font-size: 14px
}

.color-box-bl .border-left {
    top: 0;
    bottom: 0;
    left: -26px
}

#custom-search-input {
    background: #e8e6e7 none repeat scroll 0 0;
    margin: 0;
    padding: 10px
}

#custom-search-input .search-query {
    background: #fff none repeat scroll 0 0 !important;
    border-radius: 4px;
    height: 33px;
    margin-bottom: 0;
    padding-left: 7px;
    padding-right: 7px
}

#custom-search-input button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #666;
    left: auto;
    margin-bottom: 0;
    margin-top: 7px;
    padding: 2px 5px;
    position: absolute;
    right: 0;
    z-index: 9999
}

.search-query:focus+button {
    z-index: 3
}

.all_conversation button {
    background: #f5f3f3 none repeat scroll 0 0;
    border: 1px solid #ddd;
    height: 38px;
    text-align: left;
    width: 100%
}

.all_conversation i {
    background: #e9e7e8 none repeat scroll 0 0;
    border-radius: 100px;
    color: #636363;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

.all_conversation .caret {
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 0
}

.all_conversation .dropdown-menu {
    background: #f5f3f3 none repeat scroll 0 0;
    border-radius: 0;
    margin-top: 0;
    padding: 0;
    width: 100%
}

.all_conversation ul li {
    border-bottom: 1px solid #ddd;
    line-height: normal;
    width: 100%
}

.all_conversation ul li a:hover {
    background: #ddd none repeat scroll 0 0;
    color: #333
}

.all_conversation ul li a {
    color: #333;
    line-height: 30px;
    padding: 3px 20px
}

.member_list .chat-body {
    margin-left: 47px;
    margin-top: 0
}

.top_nav {
    overflow: visible
}

.member_list .contact_sec {
    margin-top: 3px
}

.member_list li {
    padding: 6px
}

.member_list ul {
    border: 1px solid #ddd
}

.chat-img img {
    height: 34px;
    width: 34px
}

.member_list li {
    border-bottom: 1px solid #ddd;
    padding: 6px
}

.member_list li:last-child {
    border-bottom: none
}

.member_list {
    height: 380px;
    overflow-x: hidden;
    overflow-y: auto
}

.sub_menu_ {
    background: #e8e6e7 none repeat scroll 0 0;
    left: 100%;
    max-width: 233px;
    position: absolute;
    width: 100%
}

.sub_menu_ {
    background: #f5f3f3 none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, .15);
    display: none;
    left: 100%;
    margin-left: 0;
    max-width: 233px;
    position: absolute;
    top: 0;
    width: 100%
}

.all_conversation ul li:hover .sub_menu_ {
    display: block
}

.new_message_head button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none
}

.new_message_head {
    background: #f5f3f3 none repeat scroll 0 0;
    float: left;
    font-size: 13px;
    font-weight: 600;
    padding: 18px 10px;
    width: 100%
}


/*.chat_area {*/


/*height: 300px;*/


/*overflow-x: hidden;*/


/*overflow-y: auto;*/


/*width: 100%*/


/*}*/


/*.chat_area li {*/


/*padding: 0 14px 0*/


/*}*/

.chat-img1 {
    font-weight: 700
}

.chat-body1 p {
    background: #fff none repeat scroll 0 0;
    padding: 2px 10px;
    text-align: justify;
    border: none;
    margin-bottom: 4px;
    border-radius: 3px;
}


/*.chat-body1 p {*/


/*background: #fbf9fa none repeat scroll 0 0;*/


/*padding: 10px 5px;*/


/*text-align: justify;*/


/*border-bottom: 1px solid #ddd;*/


/*}*/

.chat_area .admin_chat .chat-body1 {
    margin-left: 0;
    margin-right: 50px
}

.chat_area li:last-child {
    padding-bottom: 10px
}


/*.message_write {*/


/*background: #f5f3f3 none repeat scroll 0 0;*/


/*float: left;*/


/*padding: 15px;*/


/*width: 100%*/


/*}*/


/*.message_write textarea.form-control {*/


/*height: 70px;*/


/*padding: 10px*/


/*}*/


/*.chat_bottom {*/


/*float: left;*/


/*margin-top: 13px;*/


/*width: 100%*/


/*}*/

.upload_btn {
    color: #777
}

.sub_menu_>li,
.sub_menu_>li a {
    float: left;
    width: 100%
}

.member_list li:hover {
    background: #428bca none repeat scroll 0 0;
    color: #fff;
    cursor: pointer
}

.panel-title a {
    display: block
}

.expand_collapse,
.expand_collapse:hover {
    padding: 4px 5px 0;
    border: 1px solid #c1e0ff !important;
    border-radius: 3px;
    color: #5b5d5f !important;
    background: #eaf2f8;
    line-height: 15px;
    margin-top: 2px
}

.expand_collapse img {
    width: 18px
}

.panel-title {
    cursor: pointer
}

.expand_collapse i {
    font-size: 19px;
    margin: 0
}

.help-content h4.panel-title {
    font-size: 1.125em !important
}

.help-content .panel-heading {
    padding: 4px 15px
}

.upload_field input[type=file] {
    display: none
}

.upload_field label {
    cursor: pointer;
    background: #337ab7;
    border: solid 1px rgba(8, 8, 8, .22);
    color: #fff;
    text-align: center;
    padding: 4px 14px;
    text-transform: capitalize;
    border-radius: 4px;
    outline: 0;
    font-size: 12px
}

.mapouter {
    text-align: right;
    margin-top: 10px
}

.gmap_canvas {
    overflow: hidden;
    background: 0 0 !important;
    height: 200px
}

.mapouter iframe {
    width: 100%;
    height: 100%
}

#depreciation_date_picker .input-group-addon {
    border-radius: 0 3px 3px 0;
    border: 1px solid #909090
}

#depreciation_date_picker input[type=text] {
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

label.account_checkbox {
    font-size: 16px;
    cursor: pointer !important
}

.social_column {
    min-height: 304px
}

.company_account_detailsWrapper {
    margin-top: 5px;
    padding-top: 15px
}

.account-option,
shipment-option {
    padding: 0 10px
}

.accounts .border-right,
.form-top-detail .border-right {
    top: 0;
    bottom: 6px;
    right: 0px
}

.shipment .border-right {
    top: 0;
    bottom: 6px
}

.account-option label {
    cursor: pointer !important
}

.financial-details h5 {
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
    padding-bottom: 3px;
    font-size: 16px
}

.financial-details .border-right {
    top: 0
}

.font-size-10 {
    font-size: 10px !important;
    font-weight: 700
}

.pricing-column .border-right {
    bottom: -10px
}

.financial-overview label,
.pricing-column label {
    font-size: 12px;
    color: #000
}


/*.product_list_conatiner {*/


/*padding: 0 18px*/


/*}*/

.inventory-adjustment .border-left,
.inventory-adjustment .border-right {
    top: 0
}

.memoRowDiv .border-left,
.pricing-table .border-left,
.pricing-table .border-right {
    top: 0;
    bottom: 0
}

.backSideColorWrapper .border-left {
    left: -15px;
    top: 0;
    bottom: 0
}

.table-text-center td,
.table-text-center th {
    text-align: center
}

.note p {
    font-size: 12px
}

.table-text-center.table-bordered>tbody>tr>td,
.table-text-center.table-bordered>thead>tr>th {
    border: 1px solid #c5dcef !important;
}

.ms-container .ms-list {
    height: 100px !important
}

.ms-container .ms-list li {
    padding: 3px 8px
}

.add-button_icon, .delete-button_icon {
    padding: 2px 6px !important;
    border-radius: 4px;
    margin-top: 2px;
    display: inline-block;
    font-size: 14px
}

.back_special_color_information .border-left,
.display_fornt_special_color .border-left {
    top: 0;
    bottom: 0;
    left: -25px;
    min-height: 108px
}

.back_side_coating .border-left,
.front_side_coating .border-left {
    top: 0;
    bottom: 0;
    left: 0;
    min-height: 180px
}

.discount-on-qty .border-right {
    top: 0;
    bottom: 0;
    right: 40px;
    min-height: 40px
}

.font-size-12 {
    font-size: 12px
}

.pkgm_new {
    padding-left: 73px
}

.account_type_discount_container .border-right {
    right: 41px;
    top: 0;
    bottom: 0
}

.production-flow .border-left {
    top: 0;
    bottom: 0;
    min-height: 360px
}

.grey-box {
    background: #fff;
    border: 1px solid #fff;
    padding: 20px;
    /* border-radius: 4px; */
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 8px -1px rgba(0, 0, 0, .37);
    -moz-box-shadow: 2px 2px 8px -1px rgba(0, 0, 0, .37);
    box-shadow: 2px 2px 8px -1px rgba(0, 0, 0, .37)
}

.width_65 {
    width: 65px !important;
}

.source-location .border-right {
    top: 0;
    right: 35px
}

.charges .border-left,
.charges .border-right {
    top: 0;
    bottom: 0
}

.charges .border-right {
    right: 25px
}

.panel-default>.panel-heading {
    background-color: #eaf2f8;
    border-color: transparent
}

.delivery .border-right {
    right: 0
}

.default-stock-level .border-right {
    right: -76px;
    top: -10px;
    bottom: 0
}

.prefered-size-br .border-right {
    right: 0
}

.document-details .border-left {
    left: 5px;
    top: 0;
    bottom: 0
}

.pages-section-br .border-right {
    right: 15px;
    top: 0;
    bottom: 0
}

.pages-section-br .border-left {
    left: -18px;
    top: 0;
    bottom: 0
}

.tax-total-clm .border-right {
    min-height: 196px
}

.form-top-detail label {
    font-size: 12px
}

.form-top-detail .form-control {
    height: 15px !important;
    border: none;
    background: 0 0;
    font-size: 12px;
    padding: 0 0
}

.table>tbody>tr>td {
    padding: 6px 10px !important
}

.table>tbody>tr>td input[type=text],
.table>tbody>tr>td>.form-control {
    margin-bottom: 0
}

a.btn-primary:focus,
a.btn:focus,
a.custom_create_btn:focus {
    color: #fff
}

.item-description p {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 20px;
    margin-top: 5px
}

.hide-description {
    display: none
}

.color-box-bl .border-left {
    top: 0;
    bottom: 0;
    left: -26px
}

.panel-group .panel-default {
    border-color: #c1e0ff !important
}

.panel-group .panel {
    border: 1px solid #c1e0ff !important
}

.panel-heading {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #a6a8ab
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #c1e0ff
}

.mobile-only-brand {
    background: #fff;
    padding: 0 3px 0 0
}

#global_branch_form .form-group {
    margin-top: 20px
}

#global_branch_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #acbdd6
}

#global_branch_form .form-control.custom-select1 {
    margin-bottom: 3px;
    border-radius: 0;
    margin-top: 0;
    background: #eaf2f8;
    border: 1px solid #d6eaf8;
    width: 100%
}

#global_branch_form .form-control.custom-select1:hover {
    background: #18578e;
    cursor: pointer;
    color: #fff
}

#global_branch_form .form-control.custom-select1:focus {
    box-shadow: none !important
}

.language-bg {
    background: linear-gradient(#18588e, #538eca);
    padding: 0 6px 0 7px;
    list-style: none;
    color: #fff;
    margin-top: 2px;
    border-radius: 27px;
    border: 1px solid #1f517d;
    position: relative;
    margin-left: 0
}

.language-bg a {
    color: #fff;
    font-size: 11px
}

.language-bg .language-icon {
    position: absolute;
    width: 22px;
    height: 22px;
    left: -1px;
    background: #18588e;
    border-radius: 39px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    top: 0;
    font-size: 13px;
    border: 1px solid #18588e;
    box-shadow: 0 0 15px 0 #c1e0ff
}

.navbar-right {
    margin-right: 2em
}

.navbar.navbar-inverse.navbar-fixed-top .navbar-right .nav>li>a {
    line-height: 15px;
    color: #fff;
    line-height: 20px;
    color: #fff
}

.navbar.navbar-inverse.navbar-fixed-top .navbar-right .nav>li>a .fa {
    font-size: 20px
}

.navbar-right i.custom-icon-css {
    border: 1px solid #85abd2;
    text-align: center;
    border: 1px solid #85abd2;
    border-radius: 40px;
    background: #fff;
    color: #18588e;
    height: 30px;
    width: 30px;
    display: block;
    line-height: 26px
}

#new_job_count,
#unassign_user_count {
    height: 18px;
    width: 18px;
    background: #f99500;
    position: absolute;
    border-radius: 50px;
    right: 3px;
    font-size: 10px;
    line-height: 19px;
    text-align: center;
    top: -5px;
    color: #ffffff;
}

fieldset.common-filed-set,
fieldset.country-fieldset {
    border: 1px solid #c5dcef !important;
}

.language-dropdown {
    background: linear-gradient(#e9eef3, #e9eef3);
    border-radius: 5px;
    border: 1px solid rgba(33, 33, 33, .22);
    padding: 7px 10px;
    min-width: 130px
}

.language-dropdown>li>a {
    margin-left: 0;
    flex: 100%;
    color: #272727;
    background: #eaf2f8;
    border: 1px solid #d6eaf8
}

.language-dropdown>li>a:hover {
    color: #fff;
    background: #18578e
}

.user-auth-dropdown>li>a {
    margin-bottom: 3px
}

.user-auth-dropdown .divider {
    background-color: #d6eaf8;
    box-shadow: none
}

.user-auth-dropdown>li>a:hover i {
    color: #212121
}

a.product-logo {
    display: block;
    padding: 22px;
    color: #184b8e;
    font-size: 19px;
    font-weight: 600;
    text-shadow: 0 0 4px #e9eef3
}

.product-dropdown .dropdown-menu {
    top: 60%;
    border-radius: 0;
    border: 0 solid rgba(33, 33, 33, .22);
    min-width: 200px
}

.product-dropdown .dropdown-menu>li>a {
    flex: 100%;
    margin-bottom: 3px
}

.product-dropdown .fa-angle-down {
    font-size: 20px;
    margin-left: 5px
}

.tooltip {
    position: relative;
    opacity: 1;
    z-index: 1
}

.tooltip .tooltiptext {
    /*visibility: hidden;*/
    /*min-width: 115px;*/
    /*background-color: #c1e0ff;*/
    color: #fff;
    text-align: center;
    /*border-radius: 6px;*/
    /*padding: 4px 0;*/
    /*position: absolute;*/
    /*z-index: 9;*/
    /*top: 8px;*/
    /*left: 100%;*/
    font-size: 14px
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #c1e0ff transparent transparent
}


/*.tooltip:hover .tooltiptext {*/


/*visibility: hidden;*/


/*}*/

.minico.accnt:before,
.minico.admin_wizard:before,
.minico.ddate:before,
.minico.estimate:before,
.minico.fol:before,
.minico.inventory_icon:before,
.minico.machi:before,
.minico.other_location_icon:before,
.minico.outsource_icon:before,
.minico.produc:before,
.minico.production_flow:before,
.minico.purch:before,
.minico.ready:before,
.minico.report:before,
.minico.sale:before,
.minico.tsk:before,
.purchasing_icon:before {
    display: none;
}

.minico .fa {
    display: none;
}

.show-images {
    height: 100%;
    width: 100%;
    background: #fff;
    border: 1px solid #a6a8ab;
    margin: 20px 0 25px;
    border-radius: 4px
}

.image-scroll {
    width: 1100px;
    overflow-x: scroll;
    white-space: nowrap;
    font-size: 0;
    margin: 0 auto
}

.image-scroll .thumbnail {
    display: inline-block;
    margin: 15px 5px
}

.btn:active,
.btn:focus,
button:active,
button:focus {
    outline: 0 !important;
    box-shadow: none !important
}

#image-gallery .modal-footer {
    display: block
}

.thumb {
    display: inline-block;
    float: none
}

.grey-box.status-modal {
    background: #f1f1f1
}

.status-modal .btn.btn-primary {
    width: 100%
}

#mobile_only_nav {
    margin-top: 8px
}

.brand-img {
    margin-top: 3px;
    width: 120px
}

.doc-images .border-right {
    top: 0;
    bottom: 0;
    right: 34px
}

.add-button-container {
    margin-bottom: 10px
}

.job-details .border-right,
.ncr-container .border-right,
.over-discount-details .border-left,
.reseller-account .border-left,
.reseller-account .border-right,
.zero-top-bottom .border-left,
.zero-top-bottom .border-right {
    top: 0;
    bottom: 0
}

.preview-div {
    width: 130px;
    height: 130px;
    background: #fff;
    border: 1px solid #3d4d5d
}


/*.upload-button {*/


/*background: #3379b7;*/


/*width: 130px;*/


/*display: block;*/


/*padding: 5px 10px;*/


/*border-radius: 4px;*/


/*color: #fff;*/


/*text-align: center;*/


/*cursor: pointer*/


/*}*/


/*.upload-button input[type=file] {*/


/*opacity: 0;*/


/*display: none*/


/*}*/


/*.custom-col-width20 {*/


/*width: 22.666667%*/


/*}*/

.sub-table thead tr th {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700
}

table.sub-table tbody td,
table.sub-table thead th {
    border: none !important;
    padding: 10px 10px
}

.view-single-data-btn {
    border: 0 solid #214a6d;
    background: 0 0;
    padding: 0;
    color: #5f5f5f;
    border-radius: 0;
    font-size: 14px
}

.view-single-data-btn:hover {
    color: #5f5f5f
}

table.sub-table tbody,
table.sub-table thead {
    background: #fff7f2 !important
}

table#myTableEst>tbody>tr>td {
    padding: 8px 10px !important
}

.fixed-sidebar-left2 {
    background: #18588e;
    z-index: 9
}

table#myTableEst tbody td a {
    color: #305471;
    padding: 6px 2px
}

.media_type .border-right {
    right: 0
}

.main-page-heading {
    text-align: center;
    margin-bottom: 25px
}

.heading-4 {
    text-align: center;
    margin: 0 0 .3em;
    color: #2e6da6;
}

.reporting-table {
    width: 100%
}

.reporting-table>tbody>tr>td,
.reporting-table>thead>tr>th {
    padding: 8px 8px !important
}

.reporting-table>tbody>tr>td {
    border-top: 1px solid #c5dcef;
}

.reporting-table tr.total-row td {
    background: #dff0ff !important;
    border: none !important
}

.addMoreCharge .customer-details-container {
    left: 1vw
}

.addMoreCharge .cust-detail-btn {
    margin-top: 5px
}

.addMoreCharge .cust-detail-btn a {
    color: #0c4da2;
    text-decoration: underline
}

.allow-checkbox-container .border-left,
.allow-checkbox-container .border-right {
    top: 0
}

.logo {
    display: block;
    height: 100%
}

.logo img {
    display: inline;
    width: 150px;
    margin-top: 12px;
    margin-left: 0;
}

.org-name {
    vertical-align: top;
    margin-top: .3rem;
    display: inline-block;
    margin-left: 7rem;
    font-size: 1.575rem;
    font-weight: 400;
    padding-left: 0;
    color: #212121
}

.navbar.navbar-inverse.navbar-fixed-top .nav>li>a {
    line-height: 30px;
    color: #212121
}

.navbar.navbar-inverse.navbar-fixed-top .nav>li>a .user-auth-img {
    height: 25px;
    width: 25px
}

.navbar.navbar-inverse.navbar-fixed-top .nav>li>a .fa {
    font-size: 1.5em;
    vertical-align: middle;
    color: #255988
}

.navbar.navbar-inverse.navbar-fixed-top .nav.navbar-border-right>li::after {
    position: absolute;
    content: "";
    width: .072rem;
    height: 64%;
    top: .46rem;
    background: #8bafd4
}

.navbar.navbar-inverse.navbar-fixed-top .nav.navbar-border-right>li:first-child::after {
    display: none
}

.navbar.navbar-inverse.navbar-fixed-top .nav.navbar-border-right>li:nth-child(2)::after {
    display: none
}

.navbar.navbar-inverse.navbar-fixed-top .nav>li>a .user-online-status {
    left: 7px;
    width: 10px;
    top: 18px
}

.navbar.navbar-inverse.navbar-fixed-top .nav>li>a.custom_create_btn {
    background: #2e6da6 !important;
    border: 1px solid #2e6da6;
    color: #fff;
    cursor: pointer
}

.navbar.navbar-inverse.navbar-fixed-top .nav>li .dropdown-menu,
.navbar.navbar-inverse.navbar-fixed-top .nav>li .dropdown-menu.user-auth-dropdown {
    -webkit-box-shadow: 0 3px 7px -3px rgba(0, 0, 0, .72);
    -moz-box-shadow: 0 3px 7px -3px rgba(0, 0, 0, .72);
    box-shadow: 0 3px 7px -3px rgba(0, 0, 0, .72);
    background: #fff;
    border: 1px solid #eaf2f8;
    border-radius: 3px
}

.notify-drop {
    padding: 0 !important
}

.form-control.custom-select1 {
    border: 1px solid #8bafd5;
    padding: 0 12px;
    margin-bottom: 0;
    margin-top: .65em;
    border-radius: 3px
}

.field_wrapper_add .row .form-group {
    margin-bottom: 2em !important
}

.user-profile-img img {
    width: 140px;
    padding: 0;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .18);
    padding: 1em
}

.user-profile-img {
    text-align: center;
    background: url(../../images/profie-bg.jpg) no-repeat center;
    padding: 2em 0 1em;
    border-radius: 5px;
    margin: 1em auto 3em
}

.bg-overlay {
    /* position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; */
    border-radius: 5px;
    background-color: #f8f8f8
}

.upload-btn {
    margin: 0% 0 2% 0;
}

.user-profile-name {
    text-align: center;
    position: relative
}

.user-profile-name h1 {
    font-size: 1.5em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .22)
}


/*!*background: url('../../images/profie-bg.jpg') no-repeat center;*!*/

.profile-detail-box {
    background: #fff;
    -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .5);
    border-radius: 5px;
    padding: 1em;
    min-height: 250px
}

.profile-detail-box:hover {
    -webkit-box-shadow: 4px 4px 6px 1px rgba(0, 0, 0, .5);
    -moz-box-shadow: 4px 4px 6px 1px rgba(0, 0, 0, .5);
    box-shadow: 4px 4px 6px 1px rgba(0, 0, 0, .5)
}

.profile-detail-box ul {
    padding-left: 1.2em
}

.profile-detail-box ul li {
    list-style-type: disc;
    margin-top: .3em
}

.profile-head {
    font-size: 1.375em;
    font-weight: 600;
    line-height: 2;
    margin-bottom: .5em;
    color: #2e6da6
}

.edit-profile-btn,
.edit-profile-btn:focus {
    float: right;
    padding: .2em .5em;
    font-size: 1em;
    color: #fff;
    background: #2e6da6;
    border: 1px solid #2e6da6;
    border-radius: 3px
}

.edit-profile-btn:hover {
    color: #fff
}

.sm-data-box {
    background: #fff;
    color: #313131;
    border-radius: 5px;
    margin-bottom: 1.5em;
    padding: 1em;
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .5)
}

.sm-data-box:hover {
    -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .5);
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .5)
}

.counter-anim {
    color: #313131
}

.view-detail-btn {
    padding: 1em;
    border-top: 1px solid #51dcff;
    display: block
}

.view-detail-btn a:hover {
    text-decoration: underline;
    color: #0a4ca2
}

.morris-chart svg {
    width: 100%;
    border-bottom: 1px solid #51dcff !important;
    border-top: 1px solid #51dcff !important
}

#help_box {
    position: fixed;
    top: 2em;
    right: -650px;
    width: 450px;
    height: 100%;
    background: #fff;
    padding: 4em 1.3em 2em;
    -webkit-box-shadow: -2px 0 8px 0 rgba(0, 0, 0, .39);
    -moz-box-shadow: -2px 0 8px 0 rgba(0, 0, 0, .39);
    box-shadow: -2px 0 8px 0 rgba(0, 0, 0, .39)
}

#help_box ul {
    margin: 0;
    padding: 0
}

#help_box ul li {
    margin: 0 10px;
    list-style: none;
    display: block;
    line-height: 30px;
    border-bottom: 1px solid #d39b33
}

#help_box ul li.active {
    background: #fbce52
}

#help_box ul li a {
    padding: 6px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    -webkit-transition-property: all;
    -webkit-transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: all;
    -moz-transition-duration: .1s;
    -moz-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .1s;
    -ms-transition-timing-function: ease-out;
    -o-transition-property: all;
    -o-transition-duration: .1s;
    -o-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: .1s;
    transition-timing-function: ease-out
}

#help_box ul li:hover {
    border-bottom: 1px solid #000
}

#help_box ul li a:hover {
    color: #000
}

.help-content {
    height: 72vh;
    overflow: auto
}

.help-search-form {
    margin-bottom: 1em
}

.help-search-form button {
    padding: .45em 1em
}

.help-search-form input[type=text] {
    height: 34px !important
}

.menu_icon,
.menu_icon:focus,
.menu_icon:hover {
    position: fixed;
    right: 0;
    bottom: 1.5em;
    background: #18588e;
    color: #fff;
    padding: .5em 1em;
    z-index: 9;
    border-radius: 4px;
    -webkit-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, .33);
    -moz-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, .33);
    box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, .33)
}

.panel-info>.panel-heading {
    background-color: #eff0f1 !important
}

.navbar-right .dropdown-menu.notify-drop {
    min-width: 330px;
    background-color: #fff
}

.navbar-right .dropdown-menu.notify-drop .notify-drop-title {
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 15px 10px 15px
}

.navbar-right .dropdown-menu.notify-drop .drop-content {
    overflow-y: auto
}

.navbar-right .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-track {
    background-color: #f5f5f5
}

.navbar-right .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5
}

.navbar-right .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-thumb {
    background-color: #ccc
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li {
    border-bottom: 1px solid #d6eaf8
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li:nth-child(2n+0) {
    background-color: #eaf2f8
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li:after {
    content: "";
    clear: both;
    display: block
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li:hover {
    background-color: #18578e
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li:hover a {
    color: #fff
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li:last-child {
    border-bottom: none
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li .notify-img {
    float: left;
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 0 0 8px 0
}

.navbar-right .dropdown-menu.notify-drop .allRead {
    margin-right: 7px
}

.navbar-right .dropdown-menu.notify-drop .rIcon {
    float: right;
    color: #999
}

.navbar-right .dropdown-menu.notify-drop .rIcon:hover {
    color: #333
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li a {
    font-size: 12px;
    font-weight: 400;
    display: block;
    padding: 5px 5px 5px 20px
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li {
    font-weight: 700;
    font-size: 11px
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li hr {
    margin: 5px 0;
    width: 70%;
    border-color: #e2e2e2
}

.navbar-right .dropdown-menu.notify-drop .drop-content .pd-l0 {
    padding-left: 0
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li p {
    font-size: 11px;
    color: #666;
    font-weight: 400;
    margin: 3px 0
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li p.time {
    font-size: 10px;
    font-weight: 600;
    top: -6px;
    margin: 8px 0 0 0;
    padding: 0 3px;
    border: 1px solid #e2e2e2;
    position: relative;
    background-image: linear-gradient(#fff, #f2f2f2);
    display: inline-block;
    border-radius: 2px;
    color: #b97745
}

.navbar-right .dropdown-menu.notify-drop .drop-content>li p.time:hover {
    background-image: linear-gradient(#fff, #fff)
}

.navbar-right .dropdown-menu.notify-drop .notify-drop-footer {
    border-top: 1px solid #d6eaf8;
    bottom: 0;
    position: relative;
    padding: 8px 15px
}

.navbar-right .dropdown-menu.notify-drop .notify-drop-footer a {
    color: #777;
    text-decoration: none
}

.navbar-right .dropdown-menu.notify-drop .notify-drop-footer a:hover {
    color: #333
}

.list-icons li a:hover {
    text-decoration: underline
}

.more-link,
.more-link:hover {
    text-decoration: underline
}


/*.navbar-right li button {*/


/*padding: 3px 8px*/


/*}*/

.adjustable_select_box {
    width: auto
}

#help_box .panel-heading .panel-title:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey
}

#help_box .panel-heading.collapsed .panel-title:after {
    content: "\e080"
}

.jsgrid-table>tfoot>tr>th,
.jsgrid-table>thead>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>th {
    text-transform: none !important;
    color: #fff;
}

.certificate-upload .dropify-wrapper {
    height: 90px;
    border-radius: 3px;
    border: 1px solid rgba(33, 33, 33, .5)
}

.certificate-upload .dropify-wrapper .dropify-message span.file-icon {
    display: none
}

.certificate-upload .dropify-wrapper .dropify-message {
    position: relative;
    top: 40%
}

.custom-btn-dropdown .dropdown-menu {
    padding: 0
}

.custom-btn-dropdown .dropdown-menu li {
    border-bottom: 1px solid #ddd;
    padding: 3px 0 3px 6px
}

.custom-btn-dropdown .dropdown-menu li button {
    background: #fff
}

.swal-button--cancel,
.swal-button--cancel:hover {
    /*color: #fff !important;*/
    /*background-color: #18588e !important*/
    background-color: #e8e6e3 !important;
    color: #333 !important;
}

.swal-button--danger,
.swal-button--danger:hover {
    color: #3c3c3c !important;
    background-color: #ffba6b !important;
}

.settings-submenu-container {
    height: 86vh;
    overflow-x: auto
}

.settings-submenu-container::-webkit-scrollbar {
    width: .375em
}

.settings-submenu-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 5px
}

.settings-submenu-container::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: 1px solid #708090;
    border-radius: 5px
}

#contents_left {
    box-shadow: none !important;
    /*display: none;*/
    background: #14588e;
}

.dropify-font:before,
.dropify-wrapper .dropify-message span.file-icon:before,
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon:before,
[class*=" dropify-font-"]:before,
[class^=dropify-font-]:before {
    font-family: dropify;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-left: .2em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}

.settings-checklist {
    padding-left: 20px;
    position: relative
}

.settings-checklist::before {
    content: "";
    position: absolute;
    left: 2px;
    width: .1em;
    background: #000;
    height: 100%
}

.settings-checklist li::before {
    content: "";
    position: absolute;
    left: 2px;
    width: 1em;
    height: 11px;
    border-bottom: 1px solid
}

.settings-checklist li a:hover {
    text-decoration: underline
}

.settings-checklist ul {
    padding-left: 15px
}

.settings-checklist ul li::before {
    content: "";
    position: absolute;
    left: 2px;
    width: 30px;
    height: 11px;
    border-bottom: 1px solid
}

.exitButton {
    background: #00588e;
    border: solid 1px #fff;
    position: absolute !important;
    left: 50%;
    top: 24%;
    -moz-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, .36);
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, .36);
    box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, .36);
    border-radius: 3px;
    color: #fff;
    float: right;
    margin-right: 50px;
    margin-top: 2px;
}

button.btn.exitButton:hover {
    color: #fff;
}

.btn.btn-anim i {
    padding-top: 6px
}

.org-name-container {
    margin-left: 8em
}

.navbar.navbar-inverse.navbar-fixed-top .nav .open>.dropdown-menu.mega-menu {
    padding: 1em 1.75em 1.75em;
    top: 4.9em;
    background: #ecf3fc;
    border: 1px solid #18578e;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .76);
    -moz-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .76);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .76)
}

.say-hello-btn {
    position: relative;
    margin-right: 8em
}

.dropdown.full-width-drp.open .say-hello-btn::after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 17px solid #18588e;
    content: "";
    position: absolute;
    top: 24px;
    left: 27px
}

.open .dropdown-toggle.btn.btn-primary,
.open .dropdown-toggle.btn.btn-primary:focus,
.open .dropdown-toggle.btn.btn-primary:hover {
    background: #18588e;
    border: solid 1px rgba(8, 8, 8, .22)
}

.welcome-box {
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #a6a8ab;
    background: #fff
}

.custom-alert-notification {
    position: absolute;
    right: 11%;
    top: 54%;
    background: #c9f2ff;
    padding: .5em 1em;
    -moz-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .47);
    -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .47);
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .47);
    border-radius: 3px;
    width: 23%;
    transition: .5s;
    opacity: 0
}

.custom-alert-notification::before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    right: auto;
    top: 0;
    bottom: auto;
    border: 22px solid;
    border-color: #c9f2ff transparent transparent
}

.invalid-feedback strong {
    font-size: 12px;
    color: #ce1717;
    font-weight: 300
}

.row .row {
    margin: 0
}

ul.password-checklist {
    padding-left: 1.2em
}

ul.password-checklist li {
    list-style-type: disc
}

.append-profile-child-design {
    padding-left: 40px
}

.appendSubSubMenu::before {
    content: "";
    position: absolute;
    left: -25px;
    width: 1px;
    background: #8f8f8f;
    height: 100%;
    top: 0
}

.appendSubSubMenu::after,
.profile-action-append-design::after,
.profile-tab-append-design::after {
    content: "";
    position: absolute;
    left: -24px;
    width: 1.7em;
    border-bottom: 1px solid #8f8f8f;
    top: 19px
}

.append-access-menu-design::before,
.profile-action-append-design::before,
.profile-tab-append-design::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    background: #8f8f8f;
    height: 100%;
    top: 0
}

.append-access-menu-design::after {
    content: "";
    position: absolute;
    left: 0;
    width: 1em;
    border-bottom: 1px solid #8f8f8f;
    top: 19px
}

.profile-action-append-design::before,
.profile-tab-append-design::before {
    left: -127px
}

.profile-action-append-design::after,
.profile-tab-append-design::after {
    left: -126px;
    top: 16px;
    width: 2.5em
}

.batch-payment-box {
    margin-top: 1.5em !important
}

.batch-payment-box h6 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1em;
    padding-bottom: .3em
}

.view-single-data-btn:before {
    font-family: FontAwesome, Arial, sans-serif;
    content: "\f070";
    height: 30px;
    width: 30px;
    margin-bottom: 0;
    line-height: 26px;
    font-size: 14px
}

.view-single-data-btn.collapsed:before {
    font-family: FontAwesome, Arial, sans-serif;
    content: "\f06e";
    height: 30px;
    width: 30px;
    margin-bottom: 0;
    line-height: 26px;
    font-size: 14px
}

.right-icon-container {
    float: right;
    margin-bottom: 0;
    padding: 0 .1rem;
    background: #18588e;
    border: 1px solid #18588e;
}

.right-icon-container .fa {
    color: #f5f7f9;
}

.right-icon-container a {
    padding: 0 5px;
    position: relative;
    margin: 0 3px !important;
    font-size: 16px;
}

.right-icon-container a:after {
    position: absolute;
    content: "";
    height: 80%;
    width: 1px;
    background: rgba(255, 255, 255, 0.3);
    right: 0;
    top: .1rem
}

.right-icon-container a:last-child:after {
    height: 0
}

.data-table-with-no-head.dataTable.no-footer {
    border: none !important
}

.data-table-with-no-head.dataTable.no-footer>thead {
    background: 0 0 !important
}

.data-table-with-no-head.dataTable.no-footer>tbody>tr>td,
.data-table-with-no-head.dataTable.no-footer>thead>tr>th {
    padding: 0 !important;
    padding-left: 0 !important;
    border: none !important
}

#myTable1_wrapper .grey-box label {
    margin-top: 5px !important
}

table tbody tr td:focus {
    outline: 0 !important
}

#myTable1_wrapper .grey-box .sales-list-top-container label {
    margin-top: 0 !important
}

.sales-list-top-container {
    margin-right: 10px
}

.chat_area.factory_O_chat_area {
    height: 150px;
    border: 1px solid rgba(33, 33, 33, .5);
    border-radius: 4px;
    padding-top: 10px
}

.message_write.factory_O_message_write {
    background: 0 0;
    padding: 0;
    margin-top: 10px
}

.message_write.factory_O_message_write textarea.form-control {
    height: 35px !important;
    resize: none;
    line-height: 21px;
    padding: 6px
}

.chat_bottom.factory_O_chat_bottom {
    margin-top: 0
}

.bar-code-img {
    background: #fff;
    padding: 0;
    width: 100%;
    height: 35px
}

.left-menu-sidebar {
    position: fixed;
    height: 100%;
    top: 71px;
    z-index: 999;
    left: 0;
    background-color: #18588e;
    display: none;
}

#contents_left {
    /*margin-left: 50px;*/
    margin-top: 68px;
    min-width: 235px
}

.parent_wrapper_div {
    position: relative;
    height: 100%
}

.hide-left-menu,
.mobile-menu-btn {
    display: none
}

.working-hours-wrap .input-group.date.datetimepicker {
    margin-bottom: 8px
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
    width: 49% !important
}

.status-div {
    margin-right: 5px;
    float: right;
    margin-top: 3px;
}

.estimate-list-top-container label,
.status-div label {
    margin-right: .5rem;
    position: relative;
    padding-right: .65rem
}

.estimate-list-top-container label:after,
.status-div label:after {
    position: absolute;
    content: "";
    height: 80%;
    width: 1px;
    background: #d2d2d2;
    right: 0;
    top: .1rem
}

.estimate-list-top-container label:last-child:after {
    height: 0
}

.estimate-list-top-container label strong {
    margin-right: 5px
}

.right-icon-container form {
    display: inline
}


/*.right-icon-container form a {*/


/*border-right: 1px solid #dadada !important*/


/*}*/

.right-icon-container form:last-child a {
    border-right: none !important
}

.preview-icon {
    font-size: 16px !important;
    margin-left: 3px
}

.fa-file-pdf-o.preview-icon {
    color: #af0202
}

.fa-file-excel-o.preview-icon {
    color: #1f8234
}

.download-preview-container {
    /*padding-right: 0;*/
    /*padding-top: 40px;*/
    text-align: center;
    padding: 40px 5px 0;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
}

.download-preview,
.artwork-link-box {
    border: 1px solid #aaabab;
    padding: 4px;
    border-radius: 3px;
    width: 100%;
    height: 100px;
    margin-bottom: 5px;
    /*background: #d8eefb;*/
    overflow: hidden;
}

.download-preview img {
    width: 100%;
}

.download-preview a {
    position: absolute;
    top: 12px;
    right: 0;
    padding: 3px 6px;
    font-size: 23px;
    line-height: 0;
    background: 0 0;
    /*border: 1px solid #e0dcdc;*/
    color: #585858
}

.download-preview a:nth-child(2) {
    right: 23px;
    border-right: 1px solid #bfbfbf;
    padding-right: 5px
}

.artwork-link-box {
    height: auto;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    /*background: #fff;*/
    max-height: 230px;
    border: none;
}

.modal-title {
    font-weight: 400
}

.image-link-preview {
    position: relative;
}

.image-link-preview:last-child {
    margin-bottom: 10px;
}

.image-link-preview a {
    color: #055eab;
    font-size: 12px;
    text-decoration: underline;
    line-height: 2;
    /*background: #d8eefb;*/
    word-break: break-word;
}

.image-link-preview a.delete-url-btn {
    color: #585858;
    font-size: 14px;
    border: 1px solid #c5c5c5;
    text-align: center;
    background: #dcdbdb
}

.delete-link-btn {
    position: absolute;
    top: 3px;
    right: 7px;
    padding: 0px 5px;
    background: transparent !important;
    color: #585858 !important;
    font-size: 14px !important;
}

.image-link-preview::before {
    content: " ";
    display: table
}

.image-link-preview .url-link {
    padding: 2px 12px;
    /*background: #ecf3f7;*/
}

.image-link-preview .delete-link {
    float: left;
    width: 6%
}

.description-checkbox-container {
    position: relative
}

.description-checkbox {
    float: right
}

.btn-list-container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: .45rem 0
}

.dropdown.m-show {
    display: none !important
}

.page-wrapper.auth-page {
    margin-left: 0 !important;
    /*background-image: none !important;*/
    position: relative;
}

.auth-form-wrap {
    position: relative;
}

.page-bg {
    /* Add the blur effect */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../img/slider-bg-1.jpg) !important;
    filter: opacity(0.7);
    -webkit-filter: opacity(0.7);
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.report-search-box .form-inline {
    display: flex;
    justify-content: center;
    align-items: center
}

.report-search-box .form-inline .input-group {
    margin: 0 1rem;
    width: 20%
}

.report-search-box .form-inline .input-group .btn {
    margin-right: .2rem;
    width: 45%
}

.welcome-btn-container .btn {
    float: right
}

.heading-bg .radio-list {
    margin-right: 1rem
}

.m-show {
    display: none
}

footer p {
    text-align: center;
    line-height: 1rem;
    font-size: .75rem
}

.page-wrapper {
    margin-bottom: 1.5rem
}

.dataTable {
    width: 100% !important
}

.dtr-data {
    display: inline-block
}

.dtr-data .dropdown.actions_btn_container {
    display: inline-block;
    width: 60%
}

.dtr-data .dropdown.actions_btn_container .dropdown-toggle.actions_btn {
    display: none
}

.dtr-data .actions_btn_container .dropdown-menu {
    position: static;
    box-shadow: none
}

.dtr-data .actions_btn_container .dropdown-menu li {
    display: table-cell;
    border-bottom: none;
    padding: 0
}

.dtr-data .actions_btn_container .dropdown-menu li a,
.dtr-data .actions_btn_container .dropdown-menu>li>form>a {
    padding-bottom: 0 !important;
    border: none;
    padding-top: 0 !important;
    padding-left: 0 !important;
    line-height: 0
}

.dtr-title {
    position: relative;
    min-width: 170px !important;
    margin-right: 1rem;
    padding-right: 1rem
}

.dtr-title:after {
    position: absolute;
    content: ":";
    right: 0
}

.estimates-search-box {
    display: inline-block;
    margin-left: .6rem;
    margin-right: .6rem;
    width: 18rem;
    position: relative
}

.estimates-search-box input.form-control {
    width: 100%
}

.description-icon {
    font-size: 1.25rem;
    cursor: pointer;
    color: #255988;
    position: relative;
    padding-left: .75rem
}

.description-icon:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #c3c3c3;
    left: 0
}

.autocomplete-items {
    /*-moz-box-shadow:0 2px 4px -1px #848484;*/
    /*-webkit-box-shadow:0 2px 4px -1px #848484;*/
    box-shadow: none;
    border: none;
    top: 79%;
    height: 300px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.estimates-search-form {
    float: right
}

.estimates-search-form label {
    vertical-align: super
}

.total-box-container {
    text-align: right;
    padding: 0;
}

.total-box-container label {
    font-size: 12px;
}

.total-box-container table tbody {
    background: transparent;
}

#contents_left.thinestside .sideber::-webkit-scrollbar {
    background-color: #fff;
    width: 16px
}

#contents_left.thinestside .sideber::-webkit-scrollbar-track {
    background-color: #fff
}

#contents_left.thinestside .sideber::-webkit-scrollbar-track:hover {
    background-color: #f4f4f4
}

#contents_left.thinestside .sideber::-webkit-scrollbar-thumb {
    background-color: #0277bd;
    border-radius: 16px;
    border: 5px solid #fff
}

#contents_left.thinestside .sideber::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 4px solid #f4f4f4
}

div.cust-detail-btn {
    float: left
}

.ticket-assignee-list .fa {
    float: left;
    margin: 0 .3rem
}

.custom_create_btn.create-batch-btn {
    width: 100%
}

.product-description {
    width: 40%
}

.table,
.table-bordered,
table.dataTable.no-footer {
    border: 2px solid #c5dcef !important;
    border-color: #c5dcef !important;
}

thead {
    background: #18588e !important
}

.table>thead>tr>th,
table.dataTable.no-footer thead>tr>th {
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    border-top: none !important;
    border-bottom: rgba(255, 255, 255, 0.42) !important;
    color: #ffffff;
}

.table>thead>tr>th:last-child,
table.dataTable.no-footer thead>tr>th:last-child,
thead>tr>th:last-child {
    border-right: none
}

.table-bordered>tbody>tr>td:last-child,
.table>tbody>tr>td:last-child,
.table>tfoot>tr>td:last-child,
table.dataTable.display tbody td:last-child,
table.dataTable.no-footer>td:last-child {
    border-right: none
}

.table-bordered>tbody>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td,
table.dataTable.display tbody td,
table.dataTable.no-footer>td {
    border-right: 1px solid #c5dcef !important;
    border-bottom: 1px solid #c5dcef !important;
    background: #fff;
    padding: 6px 10px !important
}

table.dataTable.display tbody tr.odd,
table.dataTable.stripe tbody tr.odd,
tbody {
    background-color: #fff !important;
}

.table-bordered>tbody>tr:last-child>td,
.table>tbody>tr:last-child>td,
.table>tfoot>tr:last-child>td,
table.dataTable.display tbody tr:last-child td,
table.dataTable.no-footer>tr:last-child>td {
    border-bottom: none !important
}

table.dataTable.display tbody td,
table.dataTable.display tbody th,
table.dataTable.row-border tbody td,
table.dataTable.row-border tbody th {
    border-color: #fff
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #c5dcef !important
}

hr.light-grey-hr {
    border-top: #e4e4e4 !important;
    color: #e4e4e4 !important;
}

.navbar.navbar-inverse.navbar-fixed-top {
    background-color: #ffffff !important;
    -webkit-box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .75);
    box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .75);
    border-bottom: 5px solid #ffffff !important;
}

.grey-box.blue-box {
    background: #fff;
    border: 1px solid #fff;
}

.grey-box.blue-box hr.light-grey-hr {
    border-top: 1px solid rgba(31, 119, 189, 0.15) !important
}

.grey-box.blue-box .table,
.grey-box.blue-box .table-bordered,
.grey-box.blue-box table.dataTable.no-footer {
    border: 2px solid #c5dcef !important;
    border-color: #c5dcef !important
}

.grey-box.blue-box thead {
    background: #18588e !important
}

.grey-box.blue-box .table>thead>tr>th,
.grey-box.blue-box table.dataTable.no-footer thead>tr>th {
    /*border: 1px solid rgba(31, 119, 189, 0.5) !important;*/
    border-color: rgba(255, 255, 255, 0.42) !important;
}

.grey-box.blue-box .table-bordered>tbody>tr>td,
.grey-box.blue-box .table>tbody>tr>td,
.grey-box.blue-box .table>tfoot>tr>td,
.grey-box.blue-box table.dataTable.display tbody td,
.grey-box.blue-box table.dataTable.no-footer>td {
    border-color: #c5dcef !important;
    border-top: none !important;
    background: #fff;
    padding: 6px 10px !important
}

.grey-box.blue-box .estimate-list-top-container label:after,
.grey-box.blue-box .status-div label:after {
    background: #d2d2d2
}

.grey-box.blue-box .right-icon-container a:after {
    background: #849eb5;
}

.grey-box.blue-box .right-icon-container {
    border: 1px solid #18588e
}

.grey-box.blue-box .table-bordered>tbody>tr>td,
.grey-box.blue-box .table-bordered>tbody>tr>th,
.grey-box.blue-box .table-bordered>tfoot>tr>td,
.grey-box.blue-box .table-bordered>tfoot>tr>th,
.grey-box.blue-box .table-bordered>thead>tr>td,
.grey-box.blue-box .table-bordered>thead>tr>th {
    border: 1px solid rgba(31, 119, 189, 0.5) !important
}

.table.table-responsive.table-bordered.table-text-center.show-pricing-table tbody>tr>td {
    border-left: none!important;
    border-right: 1px solid #c5dcef !important;
}

.custom-label {
    font-size: 0.7rem;
    text-align: center;
}

.dropify-font:before,
.dropify-wrapper .dropify-message span.file-icon:before,
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon:before,
[class*=" dropify-font-"]:before,
[class^=dropify-font-]:before {
    font: normal normal normal 100%/1 FontAwesome !important;
}

.dropify-font-upload:before,
.dropify-wrapper .dropify-message span.file-icon:before {
    content: '\f0ee' !important;
}

.dropify-wrapper {
    border: 1px solid #909090 !important;
    border-radius: 3px !important;
}

.estimate-product-btnDiv .custom_create_btn,
.estimate-product-btnDiv .inline-search-box {
    float: right;
}

.estimate-product-btnDiv .inline-search-box {
    position: relative;
}

/* .estimate-product-btnDiv .inline-search-box .autocomplete-items {
    top: 74%;
    left: 15%;
    right: 2%;
} */

.estimate-product-btnDiv .inline-search-box .autocomplete-items {
    top:95%;
    left:24.25%;
    right:25.75%;
}

.estimate-product-btnDiv .fa-search{
    position: relative;
    right:2.25%;
}

.estimate-product-btnDiv .inline-search-box input{
    width:50%
}


.estimate-product-btnDiv .inline-search-box .inline-search-input {
    width: 22rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

.form-inline .control-label {
    vertical-align: super;
}

.text-area-read-only h1 {
    font-size: 25px;
    line-height: 40px;
}

.text-area-read-only h2 {
    font-size: 20px;
    line-height: 30px;
}

.account_error_msg {
    color: #d81501;
    font-size: 0.75rem;
    vertical-align: super;
}

.activities-btn-container {
    float: right;
    margin-bottom: 0.5rem;
}

.chat-right-sidebar {
    width: 25%;
    float: left;
    padding: 1rem;
    background: #fff;
    height: 100%;
    margin-left: 0;
}

.chat-right-sidebar .panel-heading {
    padding: 5px 10px;
}

.mark {
    background-color: #1f77bd;
}

.status-container {
    font-size: 0.75rem
}

.status-container a {
    color: #1f77bd !important;
    margin-left: 0.2rem;
}

.status-container a:hover {
    text-decoration: underline;
}

.overflow-div {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 1rem 0rem;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.img-caption {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #aaabab;
    padding: 0.3rem 0.5rem;
}

.overlay-container {
    position: relative;
}

.loader-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.72);
    z-index: 10000;
    padding: 250px;
}

.loader,
.loader:before,
.loader:after {
    background: #989898;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.loader {
    color: #989898;
    text-indent: -9999em;
    margin: 88px auto;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    position: fixed;
    top: 40%;
    left: 50%;
}

.loader:before,
.loader:after {
    position: absolute;
    top: 0;
    content: '';
}

.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 1.5em;
}

@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

.chat-box-container {
    background: #ffffff;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 0px 0px 20px -13px #000;
    -moz-box-shadow: 0px 0px 20px -13px #000;
    box-shadow: 0px 0px 20px -13px #000;
    padding: 0px;
    margin-top: 25px;
}

.chat-cmplt-wrap.chat-for-widgets-1 .recent-chat-box-wrap {
    height: 100%;
    padding: 20px !important;
    background: #fbf1e6;
    border-left: 1px solid #f1ddc7;
    border-right: 1px solid #f1ddc7;
}

.recent-chat-wrap .input-group .input-msg-send {
    background: #fff;
    border: 1px solid #e4e4e4;
    height: 60px !important;
    padding-right: 85px;
    margin-bottom: 1px;
}

.chat-cmplt-wrap.chat-for-widgets-1 .chat-box-wrap {
    background: #fff;
}

.chat-cmplt-wrap.chat-for-widgets-1 .chat-search {
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
}

.chat-cmplt-wrap.chat-for-widgets-1 .chat-search .input-group input {
    margin-top: 0;
    background: #fff;
}

.chat-list-wrap .chat-body>a {
    border-bottom: 1px solid #e4e4e4;
    display: block;
}

.chat-list-wrap .chat-body .chat-data.active-user {
    background: #eaf2f8;
}

.recent-chat-wrap .input-group .input-group-btn.enter-to-post {
    right: 23px;
}

.recent-chat-wrap .input-group .input-group-btn.emojis {
    right: 73px;
}

.recent-chat-wrap .input-group .input-group-btn {
    right: 44px;
}

.recent-chat-wrap .chat-content .self .self-msg-wrap .msg {
    border: 1px solid #cde8fd;
}

.recent-chat-wrap .chat-content .friend .friend-msg-wrap .msg {
    border: 1px solid #fde5cb;
    position: relative;
}

.chat-content {
    padding: 10px 0;
    background: #fbf1e6;
}

.chat-right-sidebar .expand_collapse,
.chat-right-sidebar .expand_collapse:hover {
    padding: 4px 5px 0;
    border: 1px solid #c7c2c2 !important;
    border-radius: 3px;
    color: #5b5d5f !important;
    background: #e4e4e4;
    line-height: 15px;
    margin-top: 2px;
}

.active-user-img img {
    width: 25px;
    height: 25px;
}

.recent-chat-wrap .panel-heading .goto-back a {
    width: 100%;
}

.recent-chat-wrap .panel-heading .goto-back span.active-user-name {
    font-size: 14px;
    width: auto;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
    margin-top: 3px;
}

.recent-chat-wrap .panel-heading .goto-back {
    border-bottom: 1px solid #f1ddc7;
}

.recent-chat-box-wrap .fileupload.btn {
    padding: 0 !important;
}

.chat-date {
    text-align: center;
    width: 80px;
    margin: 0 auto;
    background: #fdf8f3;
    padding: 1px 6px;
    color: #adaaaa;
    border-radius: 3px;
    font-size: 10px;
    letter-spacing: 1px;
}


/*.icons-container{margin-top:10px;}*/


/*.payment-receipt-popup .modal-body{background: #ebf2f7;}*/

.payment-receipt-popup .modal-body {
    background: #fff;
}

.payment-receipt-popup .payment-txt strong {
    display: inline-block;
    width: 120px;
    position: relative;
}

.payment-receipt-popup .payment-txt strong:after {
    position: absolute;
    content: ":";
    right: 15px;
    top: 0;
}

.payment-receipt-box {
    padding: 10px 20px 0;
}

.payment-receipt-box .input-group-addon {
    background: #ececec;
    border-color: rgba(33, 33, 33, .5);
    color: #212121;
    min-width: 42px;
    border-radius: 0px 3px 3px 0px !important;
    border-left: none !important;
}

.payment-receipt-box input.form-control,
.payment-receipt-box input[type=email],
.payment-receipt-box input[type=number],
.payment-receipt-box input[type=password],
.payment-receipt-box input[type=text] {
    margin-bottom: 0 !important;
}

.flex-box-center {
    display: flex;
    justify-content: center;
}

.form-inline .inline-label {
    margin-right: 8px;
}

.form-inline .inline-select {
    width: 60%;
}

.flex-box-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-box-space-between .chat-update-dropdown {
    flex: 0 0 40%;
    -webkit-box-flex: 0;
    max-width: 40%;
    text-align: right;
    position: static;
}

.recent-chat-wrap .chat-content .chat-update-dropdown ul li {
    margin-bottom: 5px;
    padding: 2px 5px;
    text-align: right;
}

.recent-chat-wrap .chat-content .chat-update-dropdown .dropdown-menu {
    right: 0;
    left: auto;
}

.recent-chat-wrap .chat-content .chat-update-dropdown .dropdown-menu .dropdown-submenu {
    position: static;
    margin-bottom: 1px;
}

.recent-chat-wrap .chat-content .chat-update-dropdown .dropdown-menu .dropdown-submenu .dropdown-menu {
    padding: 10px 5px;
    position: static;
    box-shadow: none;
    background: #fff;
    margin-bottom: 10px;
    width: auto;
    max-width: 180px;
}

.recent-chat-wrap .chat-content .chat-update-dropdown .dropdown-menu>.dropdown-submenu>a.submenu-toggle,
.recent-chat-wrap .chat-content .chat-update-dropdown .dropdown-menu>.dropdown-submenu>a.submenu-toggle:hover {
    color: #262626;
    text-decoration: none;
    background-color: #eaf2f8;
    padding: 5px 7px;
    display: block;
}

.chat-update-toggle {
    margin-left: 10px;
    cursor: pointer !important;
}

.chat-update-toggle .fa-chevron-down {
    color: #adadad;
    font-size: 12px;
}

.chat-list-wrap .chat-body .chat-data .status.online {
    background: #33b743;
}

.custom-table {
    width: 100%;
    margin-bottom: 20px;
}

.custom-table tr th {
    font-weight: 600;
    color: #585858;
}

.flex-box-end {
    display: flex;
    justify-content: flex-end;
}

.read-more-link,
.read-more-link:hover {
    font-size: 12px;
    text-decoration: underline !important;
    color: #0a4ca2 !important;
}

.chat-cmplt-wrap.chat-for-widgets-1 {
    height: auto !important;
}

.check-in-out-link,
.check-in-out-link:hover {
    font-size: 20px;
    text-decoration: underline !important;
}

.check-in-out-link .fa {
    color: #0a4ca2 !important;
}

.user-rating .fa-star {
    color: lightgrey;
    font-size: 12px;
}

.user-rating .fa-star.checked {
    color: #f37920;
}

.chat-data {
    position: relative;
}

.user-active-time .user-msg-time {
    font-size: 10px;
}

.chat-data .user-unseen-msg-count {
    font-size: 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    height: 16px;
    width: 16px;
    background: #f37920;
    border-radius: 50px;
    text-align: center;
    line-height: 1.65;
    color: #fff;
    -webkit-box-shadow: 0px 3px 4px -3px #000;
    -moz-box-shadow: 0px 3px 4px -3px #000;
    box-shadow: 0px 3px 4px -3px #000;
}

.chat-option-box {
    display: inline-flex;
    padding: 5px 0 20px;
}

.chat-option-box a {
    margin: 0 5px;
}

.chat-option-box .switchery>small {
    height: 15px;
    width: 15px;
}

.chat-option-box .switchery {
    height: 15px;
    width: 30px;
    margin-right: 5px;
    margin-top: 0;
}

.chat-option-box .toggle-radio-label {
    margin-right: 10px;
}

.chat-option-box .toggle-radio-label:first-child {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #bbbbbb;
}

.chat-option-box .toggle-radio-label span {
    display: inline-block;
    vertical-align: text-top;
}

.chat-option-box .toggle-radio-label .span-status {
    display: block;
    font-size: 10px;
}

.chat-option-box .chat-option-btn {
    font-size: 20px;
    cursor: pointer;
    background: #fbf1e6;
    text-align: center;
    vertical-align: middle;
    line-height: 1.65;
}

.chat-option-box .dropup {
    position: relative;
    padding-right: 7px;
}

.chat-option-box .dropup:last-child {
    padding-right: 0px;
}

.chat-option-box .dropup:after {
    position: absolute;
    right: 3px;
    top: 4px;
    height: 65%;
    content: "";
    border-right: 1px solid #bbbbbb;
}

.chat-option-box .dropup:last-child:after {
    position: absolute;
    right: -7px;
    top: 4px;
    height: 80%;
    content: "";
    border-right: 1px solid transparent;
}

.chat-option-box .save-notes-form {
    width: 230px;
    padding: 10px 10px 0;
}

.chat-option-box .more-option-dropdown {
    width: 450px;
    padding: 15px 3px;
}

.chat-option-box .more-option-dropdown .more-option-list li a {
    color: #272727;
    background: #eaf2f8;
    border: 1px solid #d6eaf8;
    display: block;
    margin: 0 0 5px;
    padding: 3px 10px;
    font-size: 12px;
}

.chat-option-box .more-option-dropdown .more-option-list li a:hover {
    color: #fff;
    background: #18578e;
}

.post-btn-box {
    margin-bottom: 20px;
}

.tickets-view-opt-box {
    padding: 10px 0 0;
}

.tickets-view-opt-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid rgba(33, 33, 33, 0.15);
}

.ticket-filter-box .dropdown-menu {
    left: auto;
    right: 0px;
    width: 220px;
    padding: 12px 0;
}

.ticket-filter-box .dropdown {
    margin-left: 15px;
}

.ticket-filter-box .caret {
    margin-left: -2px;
    border-top: 3px dashed;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    margin-top: 5px
}

.ticket-filter-box .filter-form {
    padding: 0 12px 5px;
}

.ticket-filter-box .filter-form label {
    font-size: 12px;
    color: grey;
}

.ticket-filter-box .filter-form .form-control {
    border: 0px solid rgba(33, 33, 33, .5);
    border-radius: 0;
    padding: 0 12px;
    border-bottom: 1px solid rgba(33, 33, 33, .15);
    margin: 0px 0 15px;
    padding-left: 0;
}

.advanced-search-box {
    position: relative;
    background: #fff;
}

.advanced-search-box .form-control {
    border: none;
    margin-bottom: 0;
}

.advanced-search-box button.dropdown-toggle {
    text-align: left;
}

.advanced-search-box .multiselect .caret {
    position: absolute;
    right: 8px;
    top: 13px;
}

button.multiselect{
    border-radius:3px!important;
}

.advanced-search-box .bootstrap-select.btn-group .dropdown-toggle .caret {
    color: #212121;
}

.advanced-search-box .close-search {
    display: block;
    height: 17px;
    width: 17px;
    text-align: center;
    background: #f3d2be;
    color: #a5806a;
    border-radius: 50%;
    line-height: 1.3;
    position: absolute;
    right: -10px;
    top: -10px;
}

.ticket-search-label {
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

.advanced-search-box .close-search:hover {
    color: #5d483b;
}

.ticket-search-label {
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

.page-wrapper {
    display: block;
}

.tickets-table-box {
    margin: 10px auto;
    padding: 3px 15px;
}

.status-div.advanced-search-box {
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
    border: none;
    float: none;
}

.status-div.advanced-search-box .dropdown-menu {
    left: auto;
    right: 0;
}


/*.status-div.advanced-search-box .bs-placeholder{padding: 0 26px 0 10px;}*/


/*.status-div.advanced-search-box .btn.dropdown-toggle, .status-div.advanced-search-box .bootstrap-select.btn-group .dropdown-menu li a span.text{font-size: 12px;}*/

.ticket-box {
    margin-bottom: 12px;
    padding: 10px 0;
    -webkit-box-shadow: -1px 1px 4px -2px #bdbdbd;
    -moz-box-shadow: -1px 1px 4px -2px #bdbdbd;
    box-shadow: -1px 1px 4px -2px #bdbdbd;
    transition: ease-in all 0.2s;
    background: #fff
}

.ticket-box:hover {
    -webkit-box-shadow: -3px 3px 5px -2px #bdbdbd;
    -moz-box-shadow: -3px 3px 5px -2px #bdbdbd;
    box-shadow: -3px 3px 5px -2px #bdbdbd;
}

.ticket-detail-box {
    margin-top: 5px;
}

.ticket-detail-box span {
    font-size: 12px;
    padding-right: 5px;
    border-right: 1px solid #ddd;
    margin-right: 5px;
    color: #585858;
}

.ticket-detail-box span:last-child {
    border-right: none;
}

.ticket-detail-box span.tkt-generator-name {
    padding-right: 10px;
}

.ticket-detail-box span .fa {
    color: #c3c3c3;
    font-size: 14px;
}

.ticket-box .right-side {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0;
}

.right-side .advanced-search-box {
    background: #fff;
}

.ticket-box .ticket-assignee-list {
    margin-left: 5px;
}

.ticket-box .ticket-assignee-list .select2-container--default .select2-selection--single {
    margin-bottom: 0;
}

.ticket-assignee-list {
    max-width: 50%;
    flex: 0 0 50%;
}

.ticket-box .ticket-assignee-list .select2-selection__rendered,
.mail-box .ticket-assignee-list .select2-selection__rendered {
    position: relative;
    border: 1px solid #909090;
    ;
    margin-bottom: 0;
    padding-bottom: 0;
}

.ticket-assignee-list .select2-selection__rendered[title='']:before {
    position: absolute;
    content: '\f234';
    font: normal normal normal 14px/1 FontAwesome;
    top: 4px;
    font-size: 16px;
    color: #777;
}

.ticket-options-icon a {
    padding: 0 5px;
    color: #8a8a8a;
    font-size: 18px;
    border-right: 1px solid #ddd;
}

.ticket-options-icon a:hover {
    color: #444;
}

.table-head-row {
    background: #18588e;
    padding: 10px 0px;
    margin-bottom: 10px;
}

.table-data-row .visitor-email {
    padding-left: 22px;
    margin-bottom: 0;
}

.chat-date-time span {
    margin-left: 7px;
    font-size: 12px;
}

.chat-date-time span i {
    margin-right: 7px;
}

.chat-detail-row {
    margin: 10px auto 20px;
}

.chat-detail-row .chat-text {
    font-size: 18px;
    text-align: justify;
    margin-bottom: 10px;
}

.chat-detail-row .chat-date-time span {
    font-size: 14px;
}

.chat-detail-row .chat-date-time span:first-child {
    padding-right: 8px;
    border-right: 1px solid #e4d8d1;
}

.chat-detail-row .chat-date-time span i {
    margin-right: 2px;
}

.chat-owner-name {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-left: 5px;
    font-size: 12px;
    transition: all ease-in-out 0.3s;
}

.show-owner-name {
    display: none;
}

.chat-owner-pic:hover .show-owner-name {
    display: inline-block;
}

.table-head input[type=checkbox],
.table-data input[type=checkbox] {
    margin-right: 7px;
}

.table-head strong {
    color: #fff;
}

.chat-list-action {
    margin-bottom: 15px;
}

.visitor-info-sidebar {
    padding: 0 15px;
}

.visitor-info-sidebar h3 {
    border-bottom: 1px solid #e4e2e1;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.visitor-info-sidebar .visitor-visit-info .fa {
    margin-right: 5px;
}

.visitor-info-sidebar .visitor-info-box {
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
}

.visitor-info-sidebar .visitor-info-box:before {
    position: absolute;
    content: '\f10c';
    font-family: FontAwesome, Arial, sans-serif;
    left: 0;
    top: 7px;
    font-size: 10px;
    color: #f37920;
}

.visited-link {
    margin-top: 5px;
    font-size: 12px;
}

.campaign-name,
.visitor-crm-info .ticket-name {
    white-space: nowrap;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.visitor-info-sidebar .fa,
.visitor-info-sidebar strong {
    color: #828282;
}

.campaign-box {
    margin-bottom: 5px;
}

.campaign-box .fa {
    margin-right: 5px;
}

.wrapper .page-wrapper .visitor-info-sidebar h4 {
    font-size: 17px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e4e2e1;
}

.visitor-crm-info .visitor-ticket-info {
    margin: 15px 0;
}

.visitor-crm-info .ticket-name {
    width: 100%;
}

.visitor-crm-info .ticket-name .chat-date-time {
    margin-top: 5px;
}

.visitor-crm-info .ticket-name .chat-date-time span {
    font-size: 12px;
}

.feedback-container .table-data-row .visitor-email {
    padding-left: 0;
}

.user-rating .chat-date-time {
    display: inline-block;
    margin-left: 5px;
    position: relative;
}

.feedback-actions-list {
    opacity: 0;
    transition: opacity ease-in-out 0.3s;
}

.feedback-actions-list a {
    color: #878787;
    margin-left: 5px;
    font-size: 16px;
    position: relative;
    padding: 0 5px;
}

.feedback-actions-list a:hover {
    color: #585858;
}

.feedback-actions-list a:before,
.user-rating .chat-date-time:before {
    position: absolute;
    height: 70%;
    width: 1px;
    background: #bcbcbc;
    left: -5px;
    content: '';
    top: 4px;
}

.feedback-actions-list a:first-child:before {
    display: none;
}

.feedback-container .show-hover-action .table-data:hover .feedback-actions-list {
    opacity: 1;
}

.tickets-table-box.visitor-history-container {
    padding: 10px 20px;
}

.visitors-list-head {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.visitors-list-head .ticket-filter-box .dropdown-menu {
    width: auto;
}

.mis-image-box {
    background: #fff;
    margin-bottom: 12px !important;
    border: 1px solid rgba(33, 33, 33, .5);
}

.mis-image-box img {
    width: 100%;
}

.mis-image-box .checkbox label::before,
.mis-image-box .checkbox label::after {
    margin-left: -13px;
}

.mis-image-box .checkbox input[type="checkbox"] {
    margin-left: -11px;
}

.tox-notifications-container,
.tox-statusbar__branding {
    display: none !important;
}

.table-inbox {
    width: 100%;
}

table.dataTable.no-footer.table-inbox tr td {
    border-top: 1px solid #eaeaea !important;
    padding: 5px 15px !important;
    border-right: none !important;
    border-bottom: none !important;
}

table.dataTable.no-footer.table-inbox {
    border: none !important;
}

table.dataTable.no-footer.table-inbox thead {
    display: none !important;
}

.inbox-header {
    background: #f0f0f0;
    border-bottom: 1px solid #dedede;
    padding: 7px 10px;
    margin-bottom: 15px;
}

.chk-all .btn-group {
    width: auto;
}

.mail-option {
    margin-bottom: 5px;
    padding: 5px 15px 0;
}

.mail-box .table-inbox tr td .feedback-actions-list i,
.mail-box .table-inbox tr td .feedback-actions-list .fa {
    color: #565656 !important;
    font-size: 14px;
}

.inbox-options-box {
    padding: 3px 10px;
}

.inbox-options-box a,
.compose-mail a {
    font-size: 12px;
    margin-right: 7px;
    border-right: 1px solid #ccc;
    padding-right: 5px;
}

.inbox-options-box a:last-child {
    border-right: none;
}

.inbox-options-box a .fa,
.compose-mail a .fa {
    margin-right: 3px;
    font-size: 14px !important;
    color: #565656;
}

.table-inbox tr.unread {
    background: #efefef;
}

.table-inbox tr.unread td {
    font-weight: 600 !important;
}

.message-detail-link {
    display: block;
}

.message-detail-container {
    padding: 20px;
    border: 1px solid #e8e8e8;
    margin-bottom: 30px;
}

.swal-title {
    background: #18588e;
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 13px 16px !important;
    color: #fff;
}

.swal-footer {
    border-top: 1px solid #e0dedb;
    padding: 7px 16px !important;
}

.filter-bar {
    background-color: #00588e !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.17);
    padding: 7px 9px 7px 15px;
    position: relative;
    cursor: pointer;
}

.filter-bar::before {
    position: absolute;
    content: "\f100";
    right: 12px;
    top: 10px;
    font-family: 'FontAwesome';
    z-index: 9;
    color: #fff;
}

.filter-bar.dropdown_arrow::before {
    content: "\f103" !important;
}

.filter-bar .filter-title {
    color: #fff;
    font-size: 16px;
}

.jtoggler {
    display: none;
}

.jtoggler:disabled+.jtoggler-control,
.jtoggler:checked:disabled+.jtoggler-control {
    background-color: rgba(0, 0, 0, 0.05);
}

.jtoggler:disabled+.jtoggler-control .jtoggler-handle {
    background-color: #ccc;
}

.jtoggler:disabled+.jtoggler-control:hover {
    cursor: default;
}

.jtoggler-wrapper {
    display: inline-flex;
    align-items: center;
}

.jtoggler-control {
    position: relative;
    width: 70px;
    height: 18px;
    background: #fff;
    border-radius: 30px;
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: background-color 0.3s;
    border: 1px solid rgb(223, 223, 223);
}

.jtoggler-control:hover {
    cursor: pointer;
}

.jtoggler-control .jtoggler-handle {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: calc(50% - 9px);
    left: 0;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    transition: left 0.3s;
}

.jtoggler:checked+.jtoggler-control {
    background: #4a89dc;
}

.jtoggler:checked+.jtoggler-control .jtoggler-handle {
    left: 42px;
}

.jtoggler-label {
    padding-left: 5px;
}

.jtoggler-radio {
    display: none;
}

.jtoggler-btn-wrapper {
    display: flex;
    width: 33.33%;
}

.jtoggler-btn-wrapper:hover {
    cursor: pointer;
}

.jtoggler-wrapper-multistate .jtoggler-control {
    display: flex;
    width: 77px;
}

.jtoggler-wrapper-multistate .jtoggler-control.is-fully-active {
    background: #4a89dc;
}

.jtoggler-wrapper-multistate .jtoggler:disabled+.jtoggler-control:hover .jtoggler-btn-wrapper {
    cursor: default;
}

.jtoggler-btn-wrapper:nth-child(1).is-active~.jtoggler-handle {
    left: 0;
}

.jtoggler-btn-wrapper:nth-child(2).is-active~.jtoggler-handle {
    left: 30px;
    background: #4a89dc;
}

.jtoggler-btn-wrapper:nth-child(3).is-active~.jtoggler-handle {
    left: 62px;
}

.select2-dropdown--below {
    z-index: 99999 !important;
}

table.dataTable tr.child span.dtr-title {
    color: #212121;
    font-weight: normal
}

.icons-container .fa,
td .fa {
    color: #797979;
}

.custom_create_btn .fa {
    color: #fff;
}

.description-span {
    display: block;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.info-span {
    display: inline-block;
    margin-bottom: 7px;
    margin-right: 5px;
}

.cust-detail-btn.location-detail {
    margin-left: 0px;
}

.show_purchasing_description {
    margin-bottom: 5px;
}

.purchasing_description span {
    display: block;
    margin-bottom: 5px;
}

.icons-container .fa {
    position: relative
}


/*.icons-container .fa:after{position: absolute;content: '';height: 100%;width:1px;background: #ddd;right: -5px;}*/


/*.icons-container a:last-child .fa:after{display: none;}*/

.collapse-all-btn {
    float: right;
    text-transform: none;
}

.collapse-all-btn .fa-chevron-circle-down {
    margin-left: 5px;
}


/*.collapse-all-btn:after{position: absolute;content: '';height: 100%;width:1px;background: #c3c3c3; right: -12px; top: 0;}*/

.readonly-label {
    background: #eee;
    border: 1px solid rgba(33, 33, 33, .5);
    padding: 3px 10px;
    margin-left: 10px;
    border-radius: 3px;
}

.modal-with-banner .modal-header {
    background: url('../../images/payment-methods.jpg') no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 120px;
}

.modal-with-banner .white-box {
    padding: 5px 15px;
    position: relative;
}

.current-deposit {
    padding: 15px 15px 20px;
    text-align: center;
}

.current-deposit #current_deposit_value {
    display: block;
    margin-top: 10px;
}

.modal-with-banner .modal-body {
    background: url('../../images/abstract-267046_1280.png') no-repeat;
    background-size: cover;
    background-position: bottom;
    position: relative;
}

.modal-with-banner .modal-body:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    z-index: 0;
}

.modal-with-banner hr.light-grey-hr {
    position: relative;
    border-top: 1px solid #e6e6e6 !important;
}

.modal-with-banner .modal-footer {
    background: #f2f2f2;
}

.modal-with-banner .close {
    position: absolute;
    top: -5px;
    right: -7px;
    height: 20px;
    width: 20px;
    background: #f5f5f5;
    opacity: 1;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
}

.destination-loc-list-div {
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}

.destination-loc-list-div .destination-loc-list li {
    margin-left: 35px;
}

.source-loc-td .fa {
    font-size: 18px;
    margin: 0px 3px;
}

.jsgrid-table>tbody>tr>td,
.jsgrid-table>tbody>tr>th,
.jsgrid-table>tfoot>tr>td,
.jsgrid-table>tfoot>tr>th,
.jsgrid-table>thead>tr>td,
.jsgrid-table>thead>tr>th,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    vertical-align: middle;
}

.custom-checkbox-label {
    margin-right: 5px;
}

.custom-checkbox-label span,
.custom-radio-label span {
    position: relative;
    vertical-align: top;
    cursor: pointer;
    margin-left: 10px;
}

.custom-checkbox-label span::before,
.custom-radio-label span::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: -5px;
    margin-left: -20px;
    border: 1px solid #cccccc;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.custom-radio-label span::before {
    border-radius: 50%;
}

.custom-checkbox-label input[type=checkbox]:checked+span::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.custom-radio-label input[type=radio]:checked+span::before {
    border-color: #337ab7;
}

.custom-checkbox-label span::after,
.custom-radio-label span::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -5px;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.custom-radio-label span::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: -2px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.custom-checkbox-label input[type="checkbox"]:checked+span::after {
    font-family: "FontAwesome";
    content: "\f00c";
    color: #fff;
}

.custom-radio-label input[type="radio"]:checked+span::after {
    background-color: #18588e;
    webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.custom-checkbox-label input[type=checkbox],
.custom-radio-label input[type=radio] {
    opacity: 0;
    z-index: 1;
}

.custom-checkbox-label .fa {
    color: #797979;
    margin-left: 5px;
}

.printpace-logo {
    width: 80px;
    position: absolute;
    bottom: 15%;
    left: -18px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.printpace-logo {
    filter: brightness(0) invert(1);
}

.preference-dropdown .btn.dropdown-toggle {
    width: 100%;
    background: transparent;
    border: 1px solid rgba(33, 33, 33, .5);
    color: #212121;
}

.preference-dropdown .dropdown-menu {
    width: 100%;
    padding: 10px;
}

.custom-col-width20 .custom-checkbox-label {
    margin-left: 5px;
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
    padding: 2px 7px;
    font-size: 12px;
}

.bootstrap-switch,
.bootstrap-switch.bootstrap-switch-focused {
    border-radius: 3px;
    border-color: rgba(33, 33, 33, .5);
    box-shadow: none;
}

.border-bottom {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px !important;
    padding-bottom: 10px;
}

table.sales-target-table .form-control {
    border: none;
}

table.sales-target-table td {
    text-align: center;
}

.chat_time {
    margin-bottom: 3px;
}

.chat_time .UserNameAdd {
    font-size: 12px;
}

.chat_time .UserTimeAdd {
    font-size: 10px;
}

.chat_area li {
    padding: 0;
    border-bottom: 1px solid #e3e4e6;
    margin-bottom: 8px;
}

.comment-box-container {
    background: #fff;
    padding: 15px;
    height: 45vh !important;
    margin-bottom: 15px;
    overflow-x: hidden;
    overflow-y: auto;
}

.chat-footer-box {
    background: #fff;
    padding: 15px;
}

.sm-modal-body {
    width: 80%;
    border: 1px solid #d4e5f2;
    padding: 20px;
    background: #eaf2f8;
    margin: 10px auto;
    border-radius: 3px;
}

input[type="file"] {
    width: 100%;
}

.modal-dialog .grey-box {
    box-shadow: none !important;
    border: 1px solid #d4e5f2;
    background: #eaf2f8;
}

.modal-dialog .grey-box hr.light-grey-hr {
    border-top: 1px solid rgba(178, 191, 196, 0.25) !important;
}

.artwork-upload-popup .dropzone .dz-preview.dz-image-preview,
.dropzone .dz-preview.dz-image-preview {
    width: 22% !important;
}

.modal-body input {
    text-indent: 0 !important;
}

.swipe-left-div {
    display: none;
    background: rgba(33, 33, 33, 0.71);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    text-align: center;
}

.swipe-left-div p {
    color: #ffffff;
    margin-top: 50%;
    font-size: 18px;
}

.panel {
    background: rgba(234, 242, 248, 0.3) !important;
}

.toggle-password {
    cursor: pointer;
}

.alert {
    top: 9%;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert.alert-danger {
    /*background: #fff;*/
    /*color: #d7634c;*/
    /*font-size: 16px;*/
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    font-size:16px;
    position:relative;
    width:100%;
    left:0%;
    text-transform: none;
    padding:10px;
}

.modal-alert{
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    display:none;
}

.modal-alert.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    font-size:16px;
    position:relative;
    width:100%;
    left:0%;
    text-transform: none;
    padding:10px;
}


.overflow-div.media-type-uploaded {
    margin-bottom: 15px;
}

.overflow-div.media-type-uploaded .download-preview {
    height: auto;
}

.overflow-div.media-type-uploaded .download-preview-container {
    flex: 0 0 15%;
    max-width: 15%;
    padding-top: 15px;
}

.download_file_btn {
    margin-top: 50%;
}

.registered-user label {
    word-wrap: break-word;
}

span.operator-name {
    margin-right: 5px;
    padding-right: 3px;
    position: relative
}

span.operator-name::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #bbb;
}

.form-update-info .form-control {
    border: 1px solid rgba(198, 188, 188, 0.5);
    height: 30px !important;
}

.mail-box .ticket-assignee-list {
    max-width: 100%;
    flex: 0 0 100%;
}

.mail-box .advanced-search-box {
    background: transparent;
    margin-right: 0;
}

.mail-box .table-data input[type=checkbox] {
    margin-right: 0;
}

.more-options .dropdown-menu>li>a {
    font-size: 12px;
}

.more-options .dropdown-menu>li>a .fa {
    font-size: 14px;
}

.more-options .dropdown-menu>li>a:hover i {
    color: #fff;
}

#myForm {
    float: none;
}

ul.pagination {
    float: right;
}

.page-name-input {
    border: 1px solid rgba(33, 33, 33, 0.23) !important;
    border-radius: 0 !important;
}

.notes-container .close.remove-note-tab {
    position: absolute;
    top: -7px;
    right: -3px;
    opacity: 0.4;
    color: #819db3;
    font-size: 18px;
}

.notes-container .nav-tabs>li>a {
    background: #abc3d6;
    color: #768a9a;
}

.notes-container .nav-tabs>li.active>a,
.notes-container .nav-tabs>li.open>a,
.notes-container .nav-tabs>li>a:active,
.notes-container .nav-tabs>li>a:focus,
.notes-container .nav-tabs>li>a:hover {
    background: #e9f2f9;
    color: #212121;
}

.notes-container .tabs-left.nav-tabs {
    border-bottom: none;
}

.notes-container .tabs-left.nav-tabs>li {
    float: none;
    margin-bottom: 1px;
    margin-right: 0;
    border-bottom: 1px solid #e4e4e4;
}

.notes-container .tabs-left.nav-tabs>li:first-child>a {
    border-top-left-radius: 0;
}

.notes-container .tabs-left.nav-tabs>li:last-child>a {
    border-top-right-radius: 0;
}

.notes-container .tabs-left.nav-tabs>li>a {
    background: #fff;
    color: #949494;
    padding: 5px 0;
}

.notes-container .tabs-left.nav-tabs>li.active>a,
.notes-container .tabs-left.nav-tabs>li.open>a,
.notes-container .tabs-left.nav-tabs>li>a:active,
.notes-container .tabs-left.nav-tabs>li>a:focus,
.notes-container .tabs-left.nav-tabs>li>a:hover {
    background: #ffffff;
    color: #212121;
}

.notes-container .tabs-left.nav-tabs>li>a .close.remove-note-tab {
    top: -2px;
    right: 0;
}

.ready {
    font-size: 1.5em;
}

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

.checklist-wrapper:last-child hr.light-grey-hr {
    display: none;
}

.checklist-wrapper .ui-progressbar-value {
    background: transparent;
    height: 100%;
    border-radius: 7px 0 0 7px;
}

.checklist-wrapper .ui-widget-content {
    width: 95%;
    float: left;
    border: 1px solid #a1a2a1;
}

.progressbar-container {
    position: relative;
    width: 100%;
}

.progressbar-bar {
    height: 10px;
    margin: 10px 0;
    border-radius: 7px;
}

.progressbar-label {
    float: right;
    margin-top: 5px;
}

.checklist-option-dropdown {
    margin-left: 10px;
    float: right;
    position: relative;
}

.checklist-option-dropdown .dropdown-menu {
    min-width: 250px;
    padding: 10px 15px;
}

textarea.task-name {
    height: 70px !important;
}

.notes-container .nav-tabs>li:first-child>a,
.notes-container .nav-tabs>li:last-child>a {
    border-radius: 0 !important;
}

.notes-container .nav-tabs {
    border-bottom: none !important;
}

.notes-container .border-bottom {
    border-bottom: 1px solid #efecea;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.tabs-wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    height: 54px;
}

#noteTab_list {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 3000px;
    margin-left: 0;
    margin-top: 6px;
}

#noteTab_list li {
    display: table-cell;
    position: relative;
    text-align: center;
    cursor: grab;
    cursor: -webkit-grab;
    color: #efefef;
    vertical-align: middle;
}

#noteTab_list li:first-child a {
    padding: 14px 20px;
}

#noteTab_list li a input[type='text'] {
    border: none !important;
}

.scroller {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 7px;
    padding-top: 11px;
    white-space: no-wrap;
    vertical-align: middle;
    background-color: #fff;
}

.scroller-right {
    float: right;
}

.scroller-left {
    float: left;
}

.scroller-left,
.scroller-right {
    margin-top: 6px;
}

.tab-list-container {
    float: left;
    padding-right: 15px;
    width: 97%;
}

.page-add-btn-container {
    margin: 12px 0 5px;
}

::-webkit-input-placeholder {
    /* Edge */
    color: #bbb !important;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #bbb !important;
}

::placeholder {
    /* color: #bbb !important; */
    color: #999 !important;
    text-transform: none!important;
}

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

.tree ul {
    margin-left: 1em;
    position: relative
}

.tree ul ul {
    margin-left: .5em
}

.tree ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid
}

.tree li {
    margin: 0;
    padding: 0 1em;
    line-height: 2em;
    color: #bbbbbb;
    font-weight: 500;
    position: relative
}

.tree ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid;
    margin-top: -1px;
    position: absolute;
    top: 1em;
    left: 0
}

.tree ul li:last-child:before {
    background: #fff;
    height: auto;
    top: 1em;
    bottom: 0
}

.indicator {
    margin-right: 8px;
}

.tree li a {
    text-decoration: none;
    color: #222;
}

.tree li button,
.tree li button:active,
.tree li button:focus {
    text-decoration: none;
    color: #369;
    border: none;
    background: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: 0;
}


/*.tutorials-list-box{*/


/*background: #fff;padding: 8px 0;height: 600px;overflow-x: hidden;overflow-y: auto;border-right: 1px solid #e2e2e2;*/


/*}*/

.tutorial-view-box {
    padding: 0 20px;
    border: 1px solid #e2e2e2;
    min-height: 600px;
}

.tutorial-content-box {
    max-height: 550px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 20px 0;
}

.tutorials-container {
    padding-top: 15px;
}

.estimate-product-form .autocomplete-items {
    top: 78%;
    -moz-box-shadow: 0 2px 4px -1px #848484;
    -webkit-box-shadow: 0 2px 4px -1px #848484;
    box-shadow: 0 2px 4px -1px #848484;
}

.estimate-product-form {
    position: relative;
}

.search-data-box {
    width: 50%;
    margin: 0 auto 20px;
    text-align: center;
}

.help-view-box img {
    width: 100%;
}

.upload-design-links {
    float: right;
    margin-bottom: 15px;
}

.upload-design-links a.read-more-link {
    margin-left: 5px;
    font-size: 14px;
    position: relative;
    padding-right: 10px
}

.upload-design-links a.read-more-link:after {
    position: absolute;
    right: 0;
    content: "";
    top: 3px;
    bottom: 0;
    border-right: 1px solid #585858;
}

.upload-design-links a.read-more-link:last-child:after {
    display: none
}

.zoom-container {
    width: 85% !important;
    margin: 0 auto !important;
}

.custom-map {
    width: 100%;
    height: 300px;
    border: 1px solid #909090;
    border-radius: 3px;
}


/*--------------------------------new css----------------------------------------*/

.btn,
.dt-buttons .dt-button,
.fc-next-button,
.fc-prev-button,
.fc-today-button,
.owl-theme .owl-nav [class*=owl-],
.sweet-alert button,
.tablesaw-sortable th.tablesaw-sortable-head button,
.wizard>.actions .disabled a,
.wizard>.actions .disabled a:active,
.wizard>.actions .disabled a:hover,
.wizard>.actions a,
.wizard>.actions a:active,
.wizard>.actions a:hover,
button.fc-agendaDay-button.fc-state-default.fc-corner-right,
button.fc-agendaWeek-button,
button.fc-month-button.fc-state-default.fc-corner-left {
    padding: 10px 20px;
    /* border-radius: 20px; */
}

.client-logo {
    margin-right: 20px;
}

.client-logo img {
    width: 115px;
    margin-top: 5px;
}

.estimates-details-box {
    padding: 10px;
}

.estimates-details-box .fa-calculator {
    font-size: 25px;
    color: #6f6f6f;
}


/*.custom-table-width{width: 1800px !important;}*/


/*.ac-custom-table-width{width: 1800px !important;}*/

.table-responsive {
    padding-bottom: 30px;
}

.other-files-box {
    text-align: center;
    padding: 25px 0;
}

.other-files-box .fa-file {
    font-size: 30px;
    color: #ddd;
}

.file-name,
.other-files-box span {
    font-size: 12px;
    text-align: center
}

.dt-buttons .heading-inbox .dt-button,
.heading-inbox .btn,
.heading-inbox .dropdown,
.heading-inbox .dt-buttons .dt-button,
.heading-inbox .fc-next-button,
.heading-inbox .fc-prev-button,
.heading-inbox .fc-today-button,
.heading-inbox .owl-theme .owl-nav [class*=owl-],
.heading-inbox .sweet-alert button,
.heading-inbox .tablesaw-sortable th.tablesaw-sortable-head button,
.heading-inbox .wizard>.actions a,
.heading-inbox button.fc-agendaDay-button.fc-state-default.fc-corner-right,
.heading-inbox button.fc-agendaWeek-button,
.heading-inbox button.fc-month-button.fc-state-default.fc-corner-left,
.owl-theme .owl-nav .heading-inbox [class*=owl-],
.sweet-alert .heading-inbox button,
.tablesaw-sortable th.tablesaw-sortable-head .heading-inbox button,
.wizard>.actions .heading-inbox a {
    padding: 8px 10px;
}

.articles-cat-list h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.articles-cat-list ul li {
    margin-bottom: 5px;
    font-size: 20px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0;
}

.articles-cat-list ul li:last-child {
    border: none!important;
}

.articles-cat-list ul li ul li {
    padding-left: 15px;
    font-size: 18px !important;
    border: none!important;
}

.articles-cat-list .indicator {
    color: #2e6ea6;
}

li.articles-subcat-list::before {
    display: none !important;
}

.training-content-box {
    padding: 0 15px;
}

.ticket-comments-list li {
    clear: both;
}

.mail-box-container,
.ticket-comments-container {
    margin-bottom: 30px;
}

.ticket-comments {
    margin-bottom: 10px;
    padding: 7px 0;
}

.sender-info {
    margin: 0 15px;
}

.sender-info .inbox-detail-time-1 {
    color: #585858;
}

.mail-date-info span {
    color: #656565;
    margin: 0 10px;
}

.author-img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #d4d4d4;
    background: #fff;
    margin-right: 10px;
    text-align: center;
    line-height: 2;
    font-size: 16px;
    color: #888;
}

.mail-icon-box {
    height: 18px;
    width: 18px;
    background: #fff;
    position: absolute;
    border-radius: 50px;
    right: 7px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.incoming-mail {
    color: #2fd025;
}

.profile-circle {
    position: relative;
}

.profile-circle .add-icon {
    cursor: pointer;
    color: #696969;
}

.ticket-comments {
    margin-left: 55px;
    padding: 0;
}

.outgoing-mail,
.comment-mail {
    color: #04c2fb;
}

.mail-icon-box.comment-mail {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
}

.author-img.agent-img {
    width: 30px !important;
    height: 30px !important;
}

.agent-detail-box .inbox-detail-time-1 {
    vertical-align: unset !important;
}

.add-comment-btn {
    border: 1px solid #75cefc;
    background: #75cefc;
}

.add-comment-btn .fa {
    font-size: 20px;
}

.agent-detail-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 30px !important;
    line-height: 1.7em;
    border: none;
    padding-left: 0;
}

.view-mail {
    text-align: justify;
}

.agent-detail-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -7px;
}

.agent-detail-box .btn.dropdown-toggle.btn-default.btn-outline {
    padding: 0 20px 0 0;
    border-radius: 2px;
    border: none !important;
}

.agent-detail-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto !important;
}

.agent-detail-box .select2-selection.select2-selection--single {
    height: 30px !important;
    margin-bottom: 0;
}

.agent-detail-box .btn.dropdown-toggle.btn-default,
.agent-detail-box .btn.dropdown-toggle.btn-default:hover,
.agent-detail-box .btn.dropdown-toggle.btn-default:focus,
.agent-detail-box .btn-group.open .btn.dropdown-toggle.btn-default {
    border: none;
}

.select-status .btn-group .btn.btn-default,
.select-status .btn-group .btn.btn-default:hover,
.select-status .btn-group.open .dropdown-toggle.btn.btn-default {
    width: auto !important;
}

.select-status .btn.dropdown-toggle.btn-default.btn-outline,
.select-status .select2-container--default .select2-results__option[aria-selected=true],
.select-status .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: solid 1px #dcdcdc !important;
    border-radius: 3px;
    padding: 3px 20px 3px 10px;
}

.select-status .select2-container--default.select2-container--focus .select2-selection--multiple,
.select-status .select2-container--open .select2-selection__rendered {
    box-shadow: none !important;
}

.custom-upload-box {
    border: 1px solid #979797;
    border-radius: 3px;
}

.custom-upload-box .upload-button {
    padding: 10px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #dee0e2;
    font-weight: 300;
}

.custom-upload-box .upload-button input[type=file] {
    display: none;
}

.custom-upload-box .preview-box-wrapper {
    display: -webkit-box;
    display: flex;
    padding: 1rem 1rem 0.5rem 1rem;
    flex-wrap: wrap;
}

.custom-upload-box .preview-box-wrapper .preview-box {
    word-break: break-all;
    width: 25%;
    margin: 0 10px 10px 0;
}

.custom-upload-box .preview-box-wrapper .preview-box .preview-img {
    position: relative;
    height: 5rem;
    overflow: hidden;
    width: 100%;
    border-radius: 0;
    -o-box-shadow: 0 3px 6px -3px #000000;
    box-shadow: 0px 3px 6px -3px #000000;
    text-align: center;
}

.custom-upload-box .preview-box-wrapper .preview-box img.preview {
    width: 100%;
}

.custom-upload-box .preview-box-wrapper .preview-box .preview-img .remove-btn-box {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.69);
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.custom-upload-box .img-icon img {
    width: 5rem;
    opacity: 0.85;
}

.custom-upload-box .icon-container {
    text-align: center;
}

.custom-upload-box .icon-container:hover {
    color: #dee0e2;
    cursor: pointer;
}

.custom-upload-box .icon-container i {
    margin-right: 0;
    font-size: 35px;
}

.custom-upload-box .preview-box-wrapper .preview-box .preview-img:hover .remove-btn-box {
    opacity: 1;
}

.custom-upload-box .preview-box-wrapper .preview-box .preview-img .remove-btn-box button {
    background: transparent;
    border: none;
    color: #fff;
    line-height: 3.5;
    font-size: 1.5rem;
}

.mail-icon-box.comment-mail.count-circle {
    height: 18px;
    width: 18px;
    background: #ffffff;
    position: absolute;
    border-radius: 50px;
    right: 6px;
    font-size: 10px;
    line-height: 17px;
    text-align: center;
    top: 0;
    color: #020202;
    -webkit-box-shadow: 0 2px 7px -4px #000000;
    -moz-box-shadow: 0 2px 7px -4px #000000;
    box-shadow: 0 2px 7px -4px #000000;
    border: 1px solid #e6e5e4;
}

.ticket-assignee-container {
    margin-left: 10px;
    position: relative;
}

.ticket-assignee-container .select-ticket-assignee {
    position: absolute;
    right: 100%;
    z-index: 9;
    background: #fff;
    width: 250px;
    height: 270px;
    padding: 10px;
    -webkit-box-shadow: 0 2px 7px -4px #000000;
    -moz-box-shadow: 0 2px 7px -4px #000000;
    box-shadow: 0 2px 7px -4px #000000;
    top: -2px;
    margin-right: 7px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ticket-assignee-container .ticket-agent-profile {
    cursor: pointer;
}

.select-ticket-assignee .select2-dropdown {
    top: 1px;
    border: none !important;
}

.sender-name-box {
    margin-bottom: 20px;
}

.sender-name-box .ticket-comments {
    padding: 0 !important;
}

.sender-name-box h4 {
    font-size: 18px !important;
}

.attached-img-container {
    position: relative;
}

.download-btn-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .61);
    color: #fff;
    text-align: center;
    line-height: 2.5;
    font-size: 25px;
    display: none;
    z-index: 9;
}

.attached-img-container:hover .download-btn-box {
    display: block;
}

.ticket-list-page .select2-container--open .select2-dropdown {
    border: none !important;
    height: 175px;
    overflow-x: hidden;
    overflow-y: auto;
}

.btn.gmail-btn,
.btn.zeej-btn,
.btn.zeej-btn:hover,
.btn.gmail-btn:hover {
    padding: 20px;
    font-size: 22px;
    border: 1px solid #2e6ea6 !important;
    background: #fff !important;
    color: #2e6ea6;
}

.gmail-btn img {
    vertical-align: text-bottom;
    margin-right: 5px;
    padding: 0px 8px;
    border-radius: 3px;
    background: #eee;
}

.ticket-comments-list .attached-img-container {
    width: 70px;
    height: 70px;
    margin-right: 7px;
    display: flex;
    align-items: center;
}

.ticket-comments-list .attached-img-container img {
    width: 100%;
}

.cmt-attachments a {
    display: inline-block;
}

.promo-code-table {
    margin-top: 10px;
}

.promo-code-table thead {
    background: #e8eaea !important;
}

.promo-code-table thead tr th,
.promo-code-table tr td {
    padding: 5px 10px;
    border: 1px solid #909090;
}


/*--------------------------------/new css----------------------------------------*/

.select-overlay {
    position: relative;
    width: 100%;
}

.select-overlay:after {
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.font-black {
    color: #222 !important;
}
.remove-row-psuedo::after,.remove-row-psuedo::before {
    display: block;
    content: none;
}
.text-break {
    white-space: normal;
}
/*media query start*/


/*@media (max-width : 1440px) {*/


/*.container, .container-fluid{width: 1000px;}*/


/*}*/


/*@media (max-width : 1280px) {*/


/*.container, .container-fluid{width: 900px;}*/


/*}*/

.registered-user .div-search-filter{
    display:flex;
}

.alert-v2 {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 0;
    padding: 5px;
    text-align: left;
    margin: 0 auto;
    position: relative;
    text-transform: none;
}

.alert-v2.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    font-size:16px;
}

.d-none{
    display:none;
}

.d-block{
    display:block;
}

.icon-add-new{
    margin:0 10px 10px 10px;
}

@media (max-width: 1024px) {
    .container,
    .container-fluid {
        width: 100%;
    }
    .brand-img {
        margin-top: 10px;
        width: 45%
    }
    .logo img {
        margin-top: 15px;
    }
    #mobile_only_nav {
        margin-top: 15px
    }
    .btn.exitButton {
        padding: 7px 20px;
        left: 50%;
        top: 26%
    }
    .left-menu-sidebar {
        top: 66px;
        z-index: 999
    }
    .hide-left-menu {
        display: block;
        left: 23%;
        position: absolute;
        opacity: 1 !important;
        color: #000 !important
    }
    .mobile-menu-btn,
    .mobile-menu-btn:hover {
        display: block;
        color: #fff;
        top: 34px;
        position: absolute;
        left: 100%;
        padding: 0 4px;
        border-radius: 2px;
        width: 28px;
        height: 30px;
        margin-left: 50px;
    }
    .mobile-menu-btn span:after,
    .mobile-menu-btn span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -6px;
    }
    .mobile-menu-btn span:after {
        top: 6px;
    }
    .mobile-menu-btn span {
        position: relative;
        display: block;
    }
    .mobile-menu-btn span,
    .mobile-menu-btn span:after,
    .mobile-menu-btn span:before {
        width: 100%;
        height: 2px;
        background-color: #888;
        transition: all 0.3s;
        backface-visibility: hidden;
        border-radius: 2px;
    }
    /* on activation */
    .mobile-menu-btn.on span {
        background-color: transparent;
    }
    .mobile-menu-btn.on span:before {
        transform: rotate(45deg) translate(4px, 5px);
    }
    .mobile-menu-btn.on span:after {
        transform: rotate(-45deg) translate(3px, -5px)
    }
    .mobile-menu-btn.on+#menu {
        opacity: 1;
        visibility: visible;
    }
    .profile-action-append-design::before,
    .profile-tab-append-design::before {
        left: -112px
    }
    .profile-action-append-design::after,
    .profile-tab-append-design::after {
        left: -111px;
        width: 3.2em
    }
    .say-hello-btn {
        margin-right: 0
    }
    .org-name {
        margin-left: 1rem;
        font-size: 1.25rem
    }
    .report-search-box .form-inline .input-group {
        width: 26%
    }
    .report-search-box .form-inline .input-group .btn {
        width: 45%
    }
    .grey-box.report-search-box {
        padding-right: 0
    }
    .col-md-hide {
        display: none
    }
    .product-description {
        width: 80%
    }
    .total-box-container {
        margin-top: 20px;
        text-align: left;
    }
    /*.slimScrollDiv{*/
    /*width:235px !important;*/
    /*}*/
    .navbar-right {
        margin-right: 1.2em;
    }
    .chat-right-sidebar {
        width: 21%;
    }
}

@media (max-width: 834px) {
    .brand-img {
        margin-top: 12px;
        width: 60%
    }
    .left-menu-sidebar {
        top: 61px
    }
    .logo img {
        margin-top: 1.3em;
        width: 110px;
    }
    .mobile-menu-btn,
    .mobile-menu-btn:hover {
        left: 77%;
        top: 32px;
        width: 25px;
    }
    .mobile-menu-btn.on span:before {
        top: -5px;
        transform: rotate(45deg) translate(2px, 5px);
    }
    .mobile-menu-btn.on span:after {
        top: 5px;
        transform: rotate(-45deg) translate(2px, -5px);
    }
    .say-hello-btn {
        position: relative;
        margin-right: .4em
    }
    /*.btn.exitButton {*/
    /*left: 43%*/
    /*}*/
    .document-details .border-left {
        display: none
    }
    .control-label.mt-10 {
        margin-top: 0 !important
    }
    ul.wysihtml5-toolbar {
        display: none
    }
    .document-details [class*=col] {
        padding-left: 0
    }
    .hide-left-menu {
        left: 30%
    }
    .closed-dates-repeat .text-right {
        text-align: left !important
    }
    .profile-action-append-design::after,
    .profile-tab-append-design::after {
        width: 1.7em
    }
    .appendSubSubMenu::after,
    .profile-action-append-design::after,
    .profile-tab-append-design::after {
        top: 15px
    }
    .col-sm-3.col-md-2.col-lg-1.text-right {
        text-align: left !important
    }
    table.dataTable tr.child ul .actions_btn {
        width: 40% !important
    }
    .border-left,
    .border-right {
        display: none
    }
    .domain-column-design {
        padding: 0 !important
    }
    .domain-column-design [class*=col] {
        padding-left: 0 !important
    }
    .custom_create_btn.locationConactDelete {
        margin-bottom: 10px
    }
    .text-right {
        text-align: left !important
    }
    .text-center.pa-0 {
        text-align: left !important;
        padding-left: 5px
    }
    .mbl-0 {
        padding-left: 0
    }
    .additional-uom-btn {
        margin-top: 5px !important;
        float: right
    }
    .org-name {
        display: none
    }
    .welcome-btn-container {
        margin-top: 1.5rem
    }
    .estimates-search-box {
        margin-right: 0
    }
    .description-icon {
        display: none
    }
    .product-description {
        width: 80% !important
    }
    .estimate-product-btnDiv .inline-search-box .inline-search-input {
        width: 12rem;
    }
    .payment-column {
        margin-top: 1rem;
    }
    .payment-column .text-right {
        text-align: right !important;
    }
    #artwork_upload_popup .dropzone .dz-preview.dz-image-preview {
        width: 50% !important;
    }
    .container,
    .container-fluid {
        width: 90%;
    }
    .mobile-td-width {
        width: 80px !important;
    }
    .artwork_btn .fa {
        font-size: 0.95em !important;
        margin-right: 0.1em !important;
    }
    .btn,
    .dt-buttons .dt-button,
    .fc-next-button,
    .fc-prev-button,
    .fc-today-button,
    .owl-theme .owl-nav [class*=owl-],
    .sweet-alert button,
    .tablesaw-sortable th.tablesaw-sortable-head button,
    .wizard>.actions .disabled a,
    .wizard>.actions .disabled a:active,
    .wizard>.actions .disabled a:hover,
    .wizard>.actions a,
    .wizard>.actions a:active,
    .wizard>.actions a:hover,
    button.fc-agendaDay-button.fc-state-default.fc-corner-right,
    button.fc-agendaWeek-button,
    button.fc-month-button.fc-state-default.fc-corner-left {
        padding: 8px 15px;
        font-size: 14px;
    }
    .client-logo {
        margin-right: 0;
    }
    .client-logo img {
        width: 90px;
    }
    .navbar-right {
        margin-right: 15px;
    }
    .btn.exitButton {
        padding: 7px 18px;
    }
    .navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav {
        margin-top: 0.75rem;
    }
}

@media (max-width: 768px) {
    /*.btn.exitButton {*/
    /*left: 38%*/
    /*}*/
    .dataTables_wrapper .table>tbody>tr>td {
        vertical-align: middle;
    }
    .dtr-data .dropdown.actions_btn_container {
        display: inline-block;
        width: 60%
    }
    .dtr-data .dropdown.actions_btn_container .dropdown-toggle.actions_btn {
        display: none
    }
    .dtr-data .actions_btn_container .dropdown-menu {
        position: static;
        box-shadow: none
    }
    .dtr-data .actions_btn_container .dropdown-menu li {
        display: table-cell;
        border-bottom: none;
        padding: 0
    }
    .dtr-data .actions_btn_container .dropdown-menu li a,
    .dtr-data .actions_btn_container .dropdown-menu>li>form>a {
        padding-bottom: 0 !important;
        border: none;
        padding-top: 0 !important;
        padding-left: 0 !important;
        line-height: 0
    }
    .mobile-padding-0 {
        padding: 0
    }
    .container {
        width: 100%;
    }
    .table-wrap {
        overflow-y: hidden;
        overflow-x: auto;
        padding: 0 10px;
    }
    .chat-right-sidebar {
        width: 100%;
    }
    /*.panel-heading div:nth-child(2) {*/
    /*float: none !important;*/
    /*margin: 0 !important;*/
    /*clear: both;*/
    /*}*/
    .m-hide {
        display: none
    }
    .dropdown.m-show,
    .m-show {
        display: block !important;
    }
    .chat-cmplt-wrap.chat-for-widgets-1 .chat-box-wrap {
        width: 45%;
    }
    .chat-cmplt-wrap.chat-for-widgets-1 .recent-chat-box-wrap {
        width: 55%;
    }
    .ticket-detail-box {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive {
        overflow-y: auto;
    }
    .bootstrap-select>.btn {
        padding: 0px 30px 0px 15px !important;
    }
}

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 h1 {
        font-size: 162px
    }
    .notfound h2 {
        font-size: 26px
    }
    .dropdown.m-show {
        display: block !important;
    }
    .navbar.navbar-inverse.navbar-fixed-top .nav.navbar-border-right>li:nth-child(2)::after {
        display: inline-block
    }
    .page-wrapper,
    .page-wrapper.ml {
        margin-left: 0 !important;
        padding-top: 27%
    }
    .navbar-right .dropdown-menu.notify-drop {
        min-width: 235px
    }
    .hide-left-menu {
        left: 75%
    }
    .container {
        width: 100%
    }
    .grey-box.report-search-box {
        padding-right: 20px
    }
    .report-search-box .form-inline {
        display: block
    }
    .report-search-box .form-inline .input-group {
        margin: 0 0 .75rem 0;
        width: 100%
    }
    .report-search-box .form-inline .input-group .btn {
        width: 100%;
        margin-bottom: .5rem
    }
    .invoice-download .panel-heading div:nth-child(2) {
        clear: inherit
    }
    .invoice-download .panel-heading div:first-child {
        margin: 0 !important;
        padding-bottom: 0
    }
    .heading-bg {
        padding-top: 0;
        margin-bottom: .3rem
    }
    .breadcrumb {
        padding-top: 0 !important;
        width: 100%
    }
    #ribbon .rib_btn {
        padding: 7px 5px;
        font-size: 14px
    }
    #contents_left.thinestside {
        left: 0
    }
    .dataTables_filter input[type=search],
    .dataTables_filter label {
        width: 100%
    }
    .breadcrumb>li,
    .checkbox label,
    .radio label {
        font-size: 12px
    }
    .heading-bg .radio-inline {
        padding-left: 0
    }
    .heading-bg .radio-list {
        float: left
    }
    .hyperlink-class {
        display: block;
        margin-left: 0 !important;
        margin-bottom: 1rem
    }
    .checkbox-inline,
    .radio-inline {
        padding-left: 10px
    }
    /*[class*=col-] {*/
    /*padding: 0*/
    /*}*/
    .intl-tel-input.allow-dropdown {
        margin-right: .75rem
    }
    .mobile-padding {
        padding: 0 .9rem
    }
    .pl-25 {
        padding: 0 !important
    }
    .mlp-10 {
        padding-left: .9rem !important
    }
    .dtr-title {
        min-width: auto !important
    }
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_length {
        width: 100%
    }
    .estimates-search-box {
        margin-left: 0;
        width: 100%
    }
    .custom-table-wrap {
        overflow: scroll;
    }
    .estimate-list-top-container label,
    .status-div label {
        display: block;
        padding-right: 0;
    }
    .estimate-status-container {
        display: flex;
        flex-direction: column-reverse;
        padding-left: 0;
    }
    .estimate-list-top-container label:after,
    .status-div label:after {
        display: none;
    }
    .status-div {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
    .right-icon-container,
    .status-div {
        align-self: flex-end;
    }
    .total-box-container {
        text-align: left;
        padding-top: 0.5rem;
        margin-top: 0.5rem;
        border-top: 1px solid #c58749;
    }
    .total-box-container label {
        display: inline-block;
        margin-right: 0.3rem;
    }
    .breadcrumb.mt-35 {
        margin-top: 0 !important;
    }
    .panel-wrapper .panel-body {
        padding: 1.2rem;
    }
    .grey-box .panel-wrapper .panel-body {
        padding: 0;
    }
    .xs-mt {
        margin-top: 0.75rem;
    }
    .estimate-product-btnDiv .custom_create_btn {
        text-align: center;
        margin-bottom: 0.5rem;
        width: 100%;
    }
    .estimate-product-btnDiv .inline-search-box {
        margin-top: 1rem;
        width: 100%;
    }
    .estimate-product-btnDiv .inline-search-box .inline-search-input {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .payment-column .hyperlink-class {
        display: inline-block;
        margin-left: 0.5rem !important;
        margin-bottom: 0;
    }
    .estimate-create-btn-container .btn,
    .btn {
        width: 100%;
        margin-bottom: 0.5rem;
        margin-top: 0;
    }
    .btn.exitButton {
        width: 25%;
        left: 45%;
    }
    .container,
    .container-fluid {
        width: 100%;
    }
    .swipe-left-div {
        display: block;
    }
    .navbar.navbar-inverse.navbar-fixed-top .nav>li .dropdown-menu.user-auth-dropdown {
        min-width: 190px;
        text-transform: capitalize;
    }
    .language-dropdown {
        left: auto;
        right: 0;
    }
    .panel-body.account_details1 {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .col-xs-6 {
        width: 100%;
    }
    .data-table-with-no-head>tbody>tr>td:nth-child(2) {
        display: block !important;
        width: 355px;
        padding-left: 10px;
    }
    .description-checkbox-container {
        padding: 0 15px;
    }
    .job-order-box .row:last-child {
        overflow-x: scroll;
    }
    .logo img {
        margin-top: 1.4em;
        width: 90px;
    }
    .mobile-menu-btn,
    .mobile-menu-btn:hover {
        left: 69%;
        top: 30px;
        width: 22px;
    }
    .navbar-right {
        float: right;
        margin-right: 10px;
    }
    .client-logo img {
        width: 80px;
    }
    .navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav {
        margin-top: 0.5rem;
    }
    .rt_class_amount,
    .lt_class_amount {
        margin-top: 15px !important;
    }
    .form-actions.mt-20.pull-right {
        float: none !important;
    }
    .table-responsive {
        padding-bottom: 50px;
    }
    .chat-cmplt-wrap.chat-for-widgets-1 .chat-box-wrap {
        width: 100%;
    }
    .chat-cmplt-wrap.chat-for-widgets-1 .recent-chat-box-wrap {
        width: 100%;
    }
    .pull-right.ticket-options-icon {
        float: none !important;
        width: 100%;
    }
}

#ribbon .rib_btn:hover {
    background-color: #7fc0f1
}

#js_sb_toggle:hover {
    background-color: #18588e !important;
}

@media only screen and (max-width: 412px) {
    .button-container {
        flex-direction: column
    }
    .button-container .mr-10 {
        margin-right: 0 !important;
        margin-top: 10px
    }
    .intl-tel-input.allow-dropdown {
        margin-bottom: .5rem
    }
    .heading-bg .radio-list {
        margin-right: 0;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
    .breadcrumb {
        margin-bottom: 1rem
    }
    #artwork_upload_popup .dropzone .dz-preview.dz-image-preview {
        width: 100% !important;
    }
    .navbar.navbar-inverse.navbar-fixed-top .nav>li .dropdown-menu.user-auth-dropdown {
        min-width: 218px;
    }
    .client-logo img {
        width: 75px;
    }
}

@media only screen and (max-width: 360px) {
    .logo img {
        width: 90px;
        margin-top: 1.2rem
    }
    .btn-list-container {
        justify-content: end
    }
    .navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav {
        margin-top: .75rem
    }
    .btn-list-container {
        padding-top: 0
    }
    .navbar.navbar-inverse.navbar-fixed-top .nav>li>a .fa {
        font-size: 1.15em;
        vertical-align: middle
    }
    .navbar-right .dropdown-menu.notify-drop {
        min-width: 200px
    }
    .page-wrapper,
    .page-wrapper.ml {
        margin-left: 0 !important;
    }
    .estimate-status-container,
    .estimate-list-top-container {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .total-box-container label {
        display: block;
        word-break: break-word;
    }
    .btn.exitButton {
        padding: 5px 10px;
        width: 27%;
        left: 50%;
    }
    .navbar-right {
        margin-right: 5px;
        margin-top: 3px;
    }
    .top .mobile-only-brand .nav-header {
        padding-left: 10px;
    }
    .mobile-menu-btn,
    .mobile-menu-btn:hover {
        left: 59%;
    }
}

.search_text {
    border: 1px solid rgba(33, 33, 33, .5) !important;
}


/*end media query*/



@media (max-width: 429px) {
    .upload-btn {
        margin: 0% 5% 2% 5%;
    }
}

@media(max-width:540px){
    .estimate-product-btnDiv .inline-search-box .autocomplete-items {
        top:100%;
        left:0%;
        right:0%;
    }

    .estimate-product-btnDiv .fa-search{
        position: relative;
        right:10%;
    }

    .estimate-product-btnDiv .inline-search-box input{
        width:90%
    }

    .registered-user .div-search-filter{
        display:block;
    }
}

/* .select2-selection__rendered{
    color:#999!important;
}

.select2-container--above .select2-selection__rendered{
    color:revert!important;
}

.select2-container--below .select2-selection__rendered{
    color:revert!important;
} */

.select2-selection__rendered.select2-selection__placeholder {
    color: #999 !important;
}

.select2-selection__rendered.select2-selection__option {
    color: revert !important;
}


.label-with-optional {
    display: inline-flex;      /* make it a flex container */
    flex-wrap: wrap;           /* allow the span to wrap below */
    align-items: baseline;     /* align text on the same baseline when not wrapped */
    column-gap: 0.5rem;        /* space between label & span when side-by-side */
    row-gap: 0;        /* small vertical gap when it wraps below */
}
  
.optional{
    font-size: 0.75rem;         /* smaller font size for the optional text */
    color: #999;               /* lighter color for the optional text */
}

.global-alert{
    position: relative;
    top:75px; 
    left: 0px;
    text-transform:none;
    width:100%;
    border:1px solid #155724!important; 
    padding:10px 15px !important;
    margin-bottom: 0px;
    z-index:1;
}