#MainOrderRowsTable tbody tr td:last-child {
			 display: flex;
}
#yes, #terms {
	margin-bottom: 2px;
}
.table-grid {
    margin-top: 2px;
}
.reorder-check {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}
/*Task DEV-265 >>memoona */
.padding-input-tag {
    padding-top: 0px !important;
    padding-bottom: 8px !important;
}
/*Task DEV-257 >>memoona */
.float-right-container {
    float: right;
}
.receiving-button-styles {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; 
    padding: 0 10px;
    box-sizing: border-box;
}

    .receiving-button-styles .btn {
        padding: 10px;
        text-align: center;
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis; 
    }
/*Task DEV-1181 >>memoona */
/* side bar sticky */
.mynav {
    position: sticky;
    top: 90px;
    z-index: 900;
}
/* only for side menu*/
.mynav .card .nav-item:hover {
        border: rgba(0, 169, 224, 0.2) !important;
}
/*Task EBEDEV-3135 >>memoona */
.ModelActionButton > span, .modalcancelButton > span {
    font-size: 1rem !important;
    padding: 5px 15px !important;
}

/*Radio Buttons,checkboxes clickable and show cursor on labels as well main pages*/
label[for]> input[type="radio"] {
    cursor: pointer;
}
input[type="radio"] {
    cursor: pointer;
}
input[type="checkbox"] {
    cursor: pointer;
}

label[for] > input[type="checkbox"] {
    cursor: pointer !important;
}
.clickable-label {
    cursor: pointer;
}
/*text-left sortable point 36 task: 3135*/
.text-left.sortable:hover {
    cursor: pointer;
}
/*dropdown of main pages*/
/* Apply cursor: pointer to the select fields */
select.form-control {
    cursor: pointer;
}

/* Exclude the labels from the cursor style */
label[for] > select.form-control {
    cursor: initial !important;
}

/*Salesman page to make lables of checkboxes clickable and have pointer as well*/

.checkbox-label-clickable {
    cursor: pointer;
}
.heading-size {
    font-size: 16px;
}
.fa-plus-circle {
    color: #808080;
}
.mt0{
    margin-top:0px !important;
}
.mb0 {
    margin-bottom: 0px !important;
}
.table-responesiveness {
    width: 100% !important;
    /*display: inherit;*/
    overflow-x: auto;
    overflow-y:hidden;
    display:block;
}
thead {
    background: #b8b8b8 !important;
}
.display-table{
    display:table;
}
    
    .removebutton, .addbutton {
        cursor: pointer
    }




input[type="number"] {
    text-align-last: end;
}

.font-14{
    font-size:16px;
}
.searchbar {
    margin: 5px 0px 2px 0px;
}

.imgexcel {
    width: 16px;
    margin-left: 5px;
    cursor:pointer;
}
.flex{
    display:flex;
}
.explamation {
    height: 24px;
    width: 24px;
    margin-top: 10px
}

.th-padding {
    padding: 0 5px !important;
}

.fa-circle-o-notch {
    font-size: 25px;
}

.width150 {
    width: 150px;
}
#FilterRecords {
    display: grid;
    width:10%
}
.visibility{
    visibility:hidden;
}

/* Sorting  */
thead tr th.sortable::after {
    padding-left: 5px;
    content: "\f0dc" !important;
    font-family: FontAwesome;
    color: #e4e4e4;
    cursor:pointer
}


.open-book-icon {
    margin: 3px 0px 3px 9px;
    color: #00A9E0 !important;
    font-size: 17px;
}
.message-icon {
    margin: 3px 0px 3px 9px;
    color: #00A9E0 !important;
    font-size: 20px;
}

thead tr th.sortable_asc:after {
    content: "\1f783" !important;
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 12px;
    cursor: pointer
}

thead tr th.sortable_desc::after {
    content: "\1f781" !important;
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 12px;
    cursor: pointer
}

.webtech_paging li {
    display: inline-block;
}


table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
    left: 70px !important;
}

.dataTables_filter {
    display: none;
}
/*==============*/


/* popover*/

.popover-btn {
    background: white;
    padding: 0;
    border: none;
    opacity: 0.3
}

    .popover-btn:focus {
        opacity: 1;
    }
/*==============*/
/* Setting column drop down */
.dragdropcontainer {
    width: 100%;
    height: 100%;
    margin: 0px 20px 0px 0px;
    padding: 15px;
    margin: 0px auto;
    /*border: 1px solid #eaeaea;*/
    /*-moz-box-shadow: 0px 0px 5px 1px #cccccc;
        -webkit-box-shadow: 0px 0px 5px 1px #cccccc;
        box-shadow: 0px 0px 5px 1px #cccccc;*/
}

.max-table {
    max-width: 600px !important;
}

.dragdroprow {
   
    cursor: move;
}
/*==============*/


/* new design search box and page drop down */
.search-box {
    font-size: 11px;
    font-family: inherit;
    border-radius: 2px;
    color: #000;
    transition: background 0.3s ease-in-out;
    padding: 3px 4px 3px 5px;
    outline: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0px;
}

    .search-box:focus {
        padding: 3px 4px 3px 5px;
        margin: 0px;
        outline: none;
        border-color: #9ecaed;
        box-shadow: 0 0 2px #9ecaed;
    }


.drop-box {
    padding: 3px 15px 3px 5px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-family: inherit;
    border-radius: 2px;
    color: #000;
}

span {
    font-size: 12px;
    margin: 0px;
}
label {
    font-size: 12px;
    margin: 0px;
}

td a > label {
    font-size: 12px;
}
td a  {
    font-size: 12px;
}

/*==============*/
.pagination .active {
    background: #3377aa !important;
}

    .pagination .active > a {
        color: #ffffff !important;
    }

/*==============*/


/* Absolute Center Spinner */
.graphloader {
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.graphloader-small {
    z-index: 999;
    height: 1em;
    width: 1em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
html body {
    background-color: #F3F3F3;
    direction: ltr;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
/* Transparent Overlay */
.graphloader:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}
.graphloader-small:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0,0,0,0.3);*/
}

.advanced {
    display: block;
    padding-left: 5px;
    width: 100%;
}

.target label {
    font-size: 11px;
}

.advanced:hover {
    background: #ececec;
}

.card-body {
    margin-bottom: 4px;
}

/*.mydash .col-lg-3 {
    float: left;
    width: 20%;
}*/

#message {
    position: relative;
    min-height: 0px;
    width: 100%;
}

#message2 {
    position: relative;
    min-height: 0px;
    width: 100%;
}

#message3 {
    position: relative;
    min-height: 0px;
    width: 100%;
}

.dangerpop {
    background: #ec5c5c;
}

.successpop {
    background: #02b902;
}

.warningpop {
    background: #ffb100;
}

#inner-message {
    margin: 0 auto;
    padding: 5px;
    color: white;
}

#message .close {
    font-size: 2rem;
    line-height: 1rem;
    color: white;
    opacity: 1;
    font-weight: normal;
}

#message2 .close {
    font-size: 2rem;
    line-height: 1rem;
    color: white;
    opacity: 1;
    font-weight: normal;
}

#message3 .close {
    font-size: 2rem;
    line-height: 1rem;
    color: white;
    opacity: 1;
    font-weight: normal;
}

.showhidepadding {
    padding: 0px 4px 5px 4px !important;
}

.showhidebutton {
    background: transparent;
    border: 0px;
    cursor: pointer;
}

    .showhidebutton:focus {
        background: transparent !important;
        border: 0px;
    }

    .showhidebutton:hover {
        background: transparent !important;
        border: 0px;
    }

    .showhidebutton:active {
        background: transparent !important;
        border: 0px;
    }

    .showhidebutton::selection {
        background: transparent !important;
        border: 0px;
    }

    .showhidebutton i {
        color: #00A9E0;
        font-size: 15px !important;
        font-weight: 100;
    }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    border: 1px solid #c5c5c5 !important;
    font-weight: normal !important;
    margin-right: 4px !important;
    height: 20px !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 4px !important;
    text-align: right;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 4px !important;
}

/*.new_colorbtn9 {
    background-color: #3c7c0d;
    background-image: -webkit-linear-gradient(top,#ababab,#7d7d7d);
    background-image: -moz-linear-gradient(top,#ababab,#7d7d7d);
    background-image: -ms-linear-gradient(top,#ababab,#7d7d7d);
    background-image: -o-linear-gradient(top,#ababab,#7d7d7d);
    background-image: linear-gradient(top,#ababab,#7d7d7d);
    opacity: 0.75;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    border-color: #344a34 !important;
    color: #fff !important;
    background-color: #469237 !important;
    padding: 10px 12px 11px 12px !important;
}

    .new_colorbtn9 .new_colorbtn9.focus, .new_colorbtn9:focus, .new_colorbtn9:active, .new_colorbtn9:hover {
        background-color: #3c7c0d;
        background-image: -webkit-linear-gradient(top,#ababab,#7d7d7d);
        background-image: -moz-linear-gradient(top,#ababab,#7d7d7d);
        background-image: -ms-linear-gradient(top,#ababab,#7d7d7d);
        background-image: -o-linear-gradient(top,#ababab,#7d7d7d);
        background-image: linear-gradient(top,#ababab,#7d7d7d);
        opacity: 0.75;
        color: white;
        text-shadow: 0 1px rgba(0, 0, 0, 0.1);
        border-color: #344a34 !important;
        color: #fff !important;
        background-color: #469237 !important;
        padding: 10px 12px 11px 12px !important;
    }

    .new_colorbtn9:active {
        background-color: #3c7c0d;
        background-image: -webkit-linear-gradient(top,#ababab,#7d7d7d);
        background-image: -moz-linear-gradient(top,#ababab,#7d7d7d);
        background-image: -ms-linear-gradient(top,#ababab,#7d7d7d);
        background-image: -o-linear-gradient(top,#ababab,#7d7d7d);
        background-image: linear-gradient(top,#ababab,#7d7d7d);
        opacity: 0.75;
        color: white;
        text-shadow: 0 1px rgba(0, 0, 0, 0.1);
        border-color: #344a34 !important;
        color: #fff !important;
        background-color: #469237 !important;
        padding: 10px 12px 11px 12px !important;
    }*/

/* :not(:required) hides these rules from IE9 and below */
.graphloader:not(:required) {
    /* hide "graphloader..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

    .graphloader:not(:required):after {
        content: '';
        display: block;
        font-size: 11px;
        width: 1em;
        height: 1em;
        margin-top: 16.5em;
        -webkit-animation: spinner 1500ms infinite linear;
        -moz-animation: spinner 1500ms infinite linear;
        -ms-animation: spinner 1500ms infinite linear;
        -o-animation: spinner 1500ms infinite linear;
        animation: spinner 1500ms infinite linear;
        border-radius: 0.5em;
        -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    }
.graphloader-small:not(:required):after {
    content: '';
    display: block;
    font-size: 8px;
    width: 1em;
    height: 1em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.header-navbar .navbar-header .navbar-brand {
    padding: 5px 6px;
}

.navbar-light .navbar-nav .nav-link {
    color: #00A9E0;
}
    /*Task EBEDEV-3135 >>memoona */
    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover, .navbar-light .navbar-nav .open > .nav-link:active{
        color: #f8485e;
    }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: #f8485e !important;
    }

.usertop {
    margin-top: 7px;
    color: #00a9e0;
}

    .usertop a {
        font-size: 12px;
        font-family: sans-serif;
        color: #00A9E0 !important
    }

    .usertop .toppadding {
        padding: 4px 0px !important;
    }

.horizontal-top-icon-menu #main-menu-navigation li.nav-item .nav-link i {
    display: block;
    text-align: center;
    font-size: 25px;
    margin-right: 0;
    margin-bottom: 7px;
}

div.dataTables_wrapper div.dataTables_processing {
    text-indent: -9999px !important;
    background: url(../images/loading.gif) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin-top: 15px !important;
    margin-left: -129px !important;
}

.hasDatepicker {
    border: 1px solid #d4d4d4;
    color: #5a5a5a;
    font-size: 1rem;
    line-height: 1.35;
    padding: 3px 6px;
    border-radius: 2px;
}

.card-body {
    margin-bottom: 4px;
    min-height: 84px;
}

ul.arrows {
    margin: 0;
    padding: 0;
    margin-left: -17px;
    list-style: none;
    overflow: hidden;
    width: 100%;
}

    ul.arrows li {
        float: left;
        margin: 0 .5em 0 1em;
        position: relative;
    }

    ul.arrows a.arrow {
        background: #02a9e1;
        padding: 3px 1em;
        float: left;
        text-decoration: none;
        color: #fff;
        position: relative;
        font-size: 11px;
    }

    ul.arrows a.disabled, ul.arrows li:hover a.disabled {
        background: #ddd;
        color: #333;
    }

    ul.arrows a.arrow::before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1.5em;
        border-width: 1.5em 0 1.5em 1em;
        border-style: solid;
        border-color: #02a9e1 #02a9e1 #02a9e1 transparent;
        left: -1em;
    }

    ul.arrows a.disabled::before, ul.arrows li:hover a.disabled::before {
        border-color: #ddd #ddd #ddd transparent;
    }

    ul.arrows a.arrow::after {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1.5em;
        border-top: 1.5em solid transparent;
        border-bottom: 1.5em solid transparent;
        border-left: 1em solid #02a9e1;
        right: -1em;
    }

.margin-bottom {
    margin-bottom: 2px;
}

ul.arrows a.disabled::after, ul.arrows li:hover a.disabled::after {
    border-left-color: #ddd;
}

.probar {
    margin: 0px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.progress {
    height: 13px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important;
}

    .progress:last-child {
        margin-bottom: 5px;
        margin-top: 2px;
    }

.progress-bar {
    float: left !important;
    width: 0;
    height: 100% !important;
    font-size: 11px !important;
    font-weight: 500;
    line-height: 12px !important;
    color: #fff !important;
    text-align: center !important;
    background-color: #337ab7 !important;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15) !important;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15) !important;
    -webkit-transition: width .6s ease !important;
    -o-transition: width .6s ease !important;
    transition: width .6s ease !important;
}

.progress-bar-success {
    background-color: #5cb85c !important;
}

.progress-bar-warning {
    background-color: #f0ad4e !important;
}

.progress-bar-danger {
    background-color: #d9534f !important;
}

.success {
    color: rgb(64, 131, 15) !important;
}

.breadcrumb {
    font-size: .9rem;
    padding: 0 0 0px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.kpiheading .paddinghead {
    padding: 6px 12px 9px !important;
    background: #EDEFF4 !important;
}

.danger {
    color: #d22222 !important;
}
/*Task EBEDEV-3135 >>memoona */
.btn-outline-cancel:hover {
    color: #9b9b9b !important;
    background-image: none;
    background-color: transparent !important;
    border-color: #9b9b9b !important;
    opacity: 0.75;
}

    .btn-outline-danger {
    color: #DA4453;
    background-image: none;
    background-color: transparent;
    border-color: #DA4453 !important;
}

    .btn-outline-danger:hover {
        color: #9b9b9b !important;
        background-image: none;
        background-color: transparent !important;
        border-color: #9b9b9b !important;
    }

    .btn-outline-danger.active.focus, .btn-outline-danger.active:focus, .btn-outline-danger.active:hover, .btn-outline-danger:active.focus, .btn-outline-danger:active:focus, .btn-outline-danger:active:hover, .open > .btn-outline-danger.dropdown-toggle.focus, .open > .btn-outline-danger.dropdown-toggle:focus, .open > .btn-outline-danger.dropdown-toggle:hover {
        color: #9b9b9b !important;
        background-image: none;
        background-color: transparent !important;
        border-color: #9b9b9b !important;
    }

.size {
    font-size: 16px;
}

.hyper {
    padding: 5px 1.5rem 7px 1.5rem;
}

    .hyper a {
        color: #373a3c;
        font-size: 19px;
    }

        .hyper a:hover {
            color: #00A9E0;
            font-size: 19px;
        }

.hyper1 a {
    font-size: 1.32rem;
    text-transform: capitalize;
    font-weight: 600;
    color: #373a3c;
    letter-spacing: .4px;
    line-height: 1.2;
}

    .hyper1 a:hover {
        font-size: 1.32rem;
        text-transform: capitalize;
        font-weight: 600;
        color: #00A9E0;
        letter-spacing: .4px;
        line-height: 1.2;
    }

.kpiheading {
    padding: 0 7px;
}

.tab-content {
    border: 1px solid #dddddd;
    border-top: 0px;
}

.kpiheading .new_top {
    top: 3px !important;
}

.no-padding {
    padding: 0px !important;
}

.padding-tab {
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.kpiheading .paddinghead {
    padding: 3px 12px 5px 12px;
    margin-bottom: 1px;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
    border-top: 3px solid #00bcec;
}

.nav.nav-tabs.nav-top-border .nav-item a {
    color: #84a9e2;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: white;
}

.dropdown-menu .dropdown-submenu > .dropdown-menu {
    top: 5px;
    left: 100%;
    margin-top: -6px;
    width: 210px;
    margin-left: -3px;
}

.table label {
    margin-bottom: 0px;
}

.padding-bottom {
    margin-top: 10px;
}

.header-navbar .navbar-container ul.nav li > a.nav-link {
    padding: 1.2rem 13px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: sans-serif;    
}

.new_topbutton {
    top: 4.5px !important;
}

.new_topbutton1 {
    top: 2px !important;
}

.span-text {
    font-size: 11px;
    color: gray;
}

a {
    color: #00a8e1;
    text-decoration: none;
}

.top4 {
    top: -4px !important;
}

.user-name {
    text-transform: lowercase;
}

.dropdown-menu, span.twitter-typeahead .tt-menu {
    top: 93%;
    border-radius: 0;
}

[type=checkbox], [type=radio] {
    vertical-align: middle;
}

.header-navbar .navbar-header {
    width: 240px;
    height: 2.2rem;
}

.header-navbar .navbar-container {
    padding: 0 34px 0 0;
    height: 32px;
}

.header-navbar {
    padding: 0;
    min-height: 30px;
}

.padding2 {
    padding-top: 17px;
}

.toppadding {
    padding: 4px 1.2rem !important;
}

.toppadding1 {
    padding: 18px 1.2rem !important;
}

.toppadding2 {
    padding: 7px 1.2rem !important;
}

.toppadding3 {
    padding-top: 5px !important;
    padding-bottom: 0px !important;
}

.nav .dropdown-divider {
    margin: 0.0rem 0;
}

.header_setting {
    font-size: 20px;
}

.highcharts-credits {
    display: none;
}

.paddinghorizantal {
    padding-top: 4px;
}

.avatar {
    position: relative;
    display: inline-block;
    width: 24px;
}

.mt-2, .my-2 {
    margin-top: 0.8rem !important;
}

.card {
    box-shadow: 0 2px 1px rgba(0,0,0,.05);
    margin-bottom: 0.8rem;
    border-radius: 0;
}

.card-block {
    padding: 6px 4px 7px 4px;
}

.sticky-wrapper {
    height: 79px !important;
}

.font-large-2 {
    font-size: 2rem !important;
}

.text-bold-300 {
    font-weight: 400;
}

.bg-blue {
    background-color: #8FC7F3 !important;
}

.card {
    box-shadow: 0 2px 1px rgba(0,0,0,.05);
    margin-bottom: 0.8rem;
    border-radius: 0;
}

.desktop {
    display: none;
}

.block {
    display: none;
}

.boxed-layout {
    background: #F3F3F3 url('../images/bg1.png') center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 6px;
    padding-left: 6px;
}

.flaticon::before {
    font-size: 38px;
    display: block;
    text-align: center;
}


[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
}

.footer .text-sm-center {
    text-align: right;
    font-size: 11px;
}

/*.dropdown-toggle::after {
    font: normal normal normal 14px/1 FontAwesome !important;
    content: "\f063" ;
}*/
.show-on-hover .dropdown-toggle::after {
    content: none;
}
.show-on-hover .dropdown-toggle::before {
    content: none;
}
.show-on-hover .dropdown-toggle {
    padding: 0px !important;
    background: transparent;
    font-size: 25px !important;
    position: relative;
    top: -10px;
    border: 0px !important;
}
.show-on-hover:hover > ul.dropdown-menu {
    display: block;
    position: absolute;
    width: 100px !important;
    min-width: 100% !important;
    float: right;
    left: -80px !important;
    text-align: center !important;
}
.show-on-hover:hover > ul.dropdown-menu li {
    display: inline;
}


.dropdown-menu .dropdown-submenu > a::after, .dropdown-menu .dropdown-submenu > button::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f063";
}

.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next)::after {
    content: "\f063";
    font: normal normal normal 14px/1 FontAwesome;
}

form .form-group {
    margin: 6px 0px;
}

form .form-actions {
    border-top: 1px solid #dadada;
    padding: 8px 0;
    margin-top: 8px;
}

.paddinghead {
    padding: 1px 12px 6px 3px;
    margin: 0px;
}

.new_top {
    top: 0px !important;
}
.page-link {
    position: relative;
    margin-left: 2px;
    color: #3377AA;
    text-decoration: none;
    background-color: transparent;
    border: 0px solid #ddd;
    text-decoration: none;
    padding: 0px 4px 0px 4px;
}
    .page-link:focus, .page-link:hover, .page-link:active {
        color: #f5f5f5 !important;
        background-color: #3377aa;
        border-color: #3377aa;
        text-decoration: none;
    }
.pagination li {
    line-height: 17px;
    font-size: 11px;
}

.card-blokpadd {
    padding: 6px 4px 0px 4px;
}

.newcss div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
}

.required:after {
    content: " *";
    font-weight: bold;
    color: red !important;
}

label .required:after {
    content: " *";
    font-weight: bold;
    color: red !important;
}

.text-danger {
    color: red !important;
    font-size: 11px !important;
    line-height: 0px;
}
.text-Red {
    color: red !important;
    font-size: 11px !important;
}

.badbottom {
    margin-bottom: 5px;
}

.newcss .table td {
    border-top: 0px;
    padding: 2px 12px;
    font-size: 12px;
}

form label {
    color: inherit;
    font-size: 12px;
    margin-bottom: 3px;
    font-family: inherit;
    font-weight:400;
}

.form-control {
    font-size: 11px;
    font-family: inherit;
    border-radius: 2px;
    color: #000;
    transition: background 0.3s ease-in-out;
    width: 100%;
    padding: 2px 25px 2px 5px;
    outline: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0px;
}

select.form-control {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 26px !important;
    font-family: inherit;
}

.table td {
    border-top: 0px;
    padding: 3px 12px;
    font-size: 11px;
}

table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {
    position: absolute;
    bottom: 6px;
    display: block;
    opacity: 0.3;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #b8b8b8;
    border-top: 1px solid #b8b8b8;
    border: 1px solid #b8b8b8;
    background: #b8b8b8;
    color: white;
}

.box-size {
    padding: 1.5rem;
}

.input-group-addon {
    padding-top: .1rem;
    padding-bottom: .1rem;
}

.side_state {
    color: #00bcd4;
    font-size: 47px !important;
}
/*only form 2 pages */
.orderStopTime-edit {
    font-size: 12px !important;
}
.orderReleaseTime-edit {
    font-size: 12px !important;
}
.btn, .fc button {
    display: inline-block;
    font-weight: 400;
    line-height: 0.20;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .4rem 1rem .5rem 1rem;
    font-size: 1rem;
    border-radius: .18rem;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

form .form-actions {
    border-top: 0px solid #dadada;
    padding: 20px 0;
    margin-top: 20px;
    position: relative;
}

.new_top1 {
    top: 6px !important;
}

div.dataTables_wrapper div.dataTables_filter label {
    margin-top: 0rem;
}

.table th {
    border-top: 0;
    padding: 5px 9px;
    font-size: 11px !important;
}

.sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {
    position: absolute;
    bottom: 7px;
    display: block;
    opacity: 0.3;
}

.tabpad {
    top: 4px !important;
}

.mr-1, .mx-1 {
    margin-right: 0rem !important;
}

.btn-min-width {
    min-width: 5.5rem;
}

.bg-danger {
    background-color: #DA4453 !important;
    font-size: 11px;
    margin-bottom: 9px;
    padding: 3px 10px 6px 10px;
}

    .bg-danger h4 {
        text-transform: capitalize;
        font-weight: 400;
        letter-spacing: .4px;
        font-size: 16px;
    }

.bg-warning {
    font-size: 11px;
    margin-bottom: 9px;
    padding: 2px 10px 5px 10px;
}

.bg-info h4 {
    font-size: 16px;
}

.bg-warning h4 {
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: .4px;
    font-size: 16px;
}

.client-hover .nav-link:hover {
    color: #00A9E0 !important;
}

.bg-success {
    font-size: 11px;
    margin-bottom: 9px;
    padding: 3px 10px 6px 10px;
}

    .bg-success h4 {
        text-transform: capitalize;
        font-weight: 400;
        letter-spacing: .4px;
        font-size: 16px;
    }

.heading_new1 {
    padding-bottom: 7px;
}

.condition [class*=" icon-"]::before {
    font: normal normal normal 14px/1 FontAwesome !important;
    font-style: normal;
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    transition: all 0s ease-out;
}

.ball-scale-multiple > div {
    position: absolute;
    top: 0;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    -moz-animation: ball-scale-multiple 1s 0s linear infinite;
    -o-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite;
}

.icon-minus4::before {
    content: "\f068";
}

.newcss .dataTables_length {
    display: none
}

.newcss .dataTables_filter {
    display: none
}

.new_colorbtn {
    border-color: #3c7c0d !important;
    color: #fff !important;
    background-color: #3c7c0d !important;
    font-size: 1rem !important;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    padding: 11px 12px !important;
}
/*Task EBEDEV-3135 >>memoona */
.new_colorbtn1:hover {
    border-color: #344a34 !important;
    color: #fff !important;
    background-color: #469237 !important;
    font-size: 1rem !important;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    padding: 11px 12px !important;
    
}
.new_colorbtn:hover {
    border-color: #344a34 !important;
    color: #fff !important;
    background-color: #469237 !important;
    font-size: 1rem !important;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    padding: 11px 12px !important;
}
/*Task EBEDEV-3135 >>memoona */
/* trying to add opacity >> memoona>> EBEDEV-3135
.new_colorbtn1 .new_colorbtn1.focus, .new_colorbtn1:focus, .new_colorbtn1:active, .new_colorbtn1:hover {
    opacity: 0.75;
    border-color: #344a34 !important;
    background-color: black !important;
}

.new_colorbtn1:active {
    opacity: 0.75;
    border-color: #344a34 !important;
    background-color: black !important;
}
*/

    .new_colorbtn .new_colorbtn.focus, .new_colorbtn:focus, .new_colorbtn:active, .new_colorbtn:hover {
        background-color: #3c7c0d;
        background-image: -webkit-linear-gradient(top,#6ea843,#469237);
        background-image: -moz-linear-gradient(top,#40830f,#2b6f1e);
        background-image: -ms-linear-gradient(top,#40830f,#2b6f1e);
        background-image: -o-linear-gradient(top,#40830f,#2b6f1e);
        background-image: linear-gradient(top,#40830f,#2b6f1e);
        opacity: 0.75;
        color: white;
        text-shadow: 0 1px rgba(0, 0, 0, 0.1);
        border-color: #344a34 !important;
        color: #fff !important;
        background-color: #469237 !important;
        padding: 11px 12px !important;
        font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    }

.new_colorbtn:active {
    background-color: #3c7c0d;
    background-image: -webkit-linear-gradient(top,#6ea843,#469237);
    background-image: -moz-linear-gradient(top,#40830f,#2b6f1e);
    background-image: -ms-linear-gradient(top,#40830f,#2b6f1e);
    background-image: -o-linear-gradient(top,#40830f,#2b6f1e);
    background-image: linear-gradient(top,#40830f,#2b6f1e);
    opacity: 0.75;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    border-color: #344a34 !important;
    color: #fff !important;
    background-color: #469237 !important;
    padding: 10px 12px 11px 12px !important;
}

.new_colorbtn1 {
    color: black !important;
    background-color: #f2f2f2 !important;
    font-size: 1rem !important;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    padding: 11px 12px !important;
}
    .new_colorbtn1:hover {
        color: black !important;
        background-color: #f2f2f2 !important;
        font-size: 1rem !important;
        font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
        padding: 11px 12px !important;
    }

.dasshboard .card {
    min-height: 436px;
}

.innercard {
    box-shadow: 0 0px 0px rgba(0,0,0,.05) !important;
    margin-bottom: 0px !important;
    border-bottom: 0px !important;
    border-top: 0px !important;
    border: 0px !important;
}

.serachbtn {
    margin-top: 24px;
}

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

.btn, .fc button {
    padding: 4px 5px 4px 5px;
}
.userbtn {
    padding: 4px 0px 4px 0px;
}
.margin-board {
    margin-bottom: 2px;
}

.padding_ito {
    padding: 5px 15px 7px 15px !important;
}

.newbutton2 {
    border-color: #ededed !important;
    color: #000 !important;
    background-color: #f5f5f5 !important;
    padding: 5px 15px 7px 15px !important;
}

    .newbutton2 .newbutton2.focus, .newbutton2:focus, .newbutton2:active, .newbutton2:hover {
        border-color: #e0dede !important;
        color: #000 !important;
        background-color: #eeeeee !important;
        padding: 5px 15px 7px 15px !important;
    }

.indicatorpostion {
    float: left;
    margin-top: 3px;
    padding-right: 3px;
}

.btntag {
    font-size: 11px;
    padding: 7px;
}

.align-center {
    text-align: center;
}

.statusred {
    color: rgb(210, 34, 34)
}

.statusyellow {
    color: #F6BB42;
}

.statusgreen {
    color: #2b6f1e
}

.statuswhite {
    color: #ffffff
}

.Drilldown {
    padding: 4px 0px 5px 0px;
}

.statustable td {
    border-top: 0;
    padding: 2px 9px 2px 9px !important;
    font-size: 11px !important;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 3px;
    font-size: 11px;
    white-space: nowrap;
}

.Grid-Card-Height {
    min-height: 339px;
}

.head-topmain {
    top: 5px !important;
}

.round {
    padding: .28rem .32rem .28rem .38rem !important;
    border: 1px solid gray;
    line-height: 0.27;
}

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

.icoo {
    font-size: 16px;
}

.new_colorbtn i {
    font-size: 11px;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 22px;
}

.new_colorbtn i {
    font-size: 11px;
}

.padding_front {
    padding: 2px 5px 0px 5px !important;
}

.padding_left {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padding_right {
    padding-right: 0px !important;
}

.padding_frontauto {
    padding: 0px !important;
}

.front_valueh1 {
    font-size: 20px;
    margin-bottom: 0px;
}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #00a9e0;
    border-color: #00a7dd;
}

.btn-danger {
    border-color: #d22222 !important;
    background-color: #d22222 !important;
    color: #FFF !important;
}

.btn-success {
    border-color: #2b6f1e !important;
    background-color: #2b6f1e !important;
    color: #FFF !important;
}

.bg-danger {
    background-color: #d22222 !important;
    font-size: 11px;
    margin-bottom: 9px;
    padding: 3px 10px 6px 10px;
}

.bg-success {
    background-color: #2b6f1e !important;
}



.bg-padding {
    margin-bottom: 1px;
    padding: 3px 10px 1px 10px;
}


table.dataTable {
    clear: both;
    margin-top: 0px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
}

.nav.nav-tabs.nav-linetriangle {
    border-bottom-color: #3BAFDA;
}

    .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active {
        border-bottom: 1px solid rgba(0,0,0,.1);
        border-bottom-color: #3BAFDA;
        color: #3BAFDA;
    }

        .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active::before {
            margin-left: -11px;
            border-width: 12px;
            border-top-color: #3BAFDA;
        }

        .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:focus {
            color: #3BAFDA;
        }

.nav.nav-tabs .nav-item .nav-link {
    padding: .0rem .7rem .0rem .7rem;
    display: block;
}

.tab_block {
    padding: 0px 4px 5px 4px;
}

.heading_setting {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 10px;
    margin-bottom: 10px !important;
    padding-top: 5px;
}

.layout_button {
    width: 100%;
    border: 1px solid #d9d9d9;
    background: white;
    color: black;
    padding: 10px 10px 15px 10px !important;
}

    .layout_button.focus, .layout_button:focus, .layout_button:active, .layout_button:hover, .layout_button:active {
        width: 100%;
        border: 1px solid #d9d9d9;
        background: #f8f8f8;
        color: black !important;
        padding: 10px 10px 15px 10px !important;
    }

.Savelayout {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.savebutton_style {
    border-top: 1px solid #d9d9d9;
    padding-top: 13px;
}

.grid_layout {
    height: 120px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #f0f0f0;
    text-align: center;
}

    .grid_layout label {
        text-align: center;
        width: 100%;
        vertical-align: middle;
        padding-top: 28px;
    }

.dashboar_header {
    padding: 0px 1px 0px 9px;
    border-bottom: 0px;
}

    .dashboar_header .heading-elements {
        background-color: inherit;
        position: absolute;
        top: 8px;
        right: 21px;
    }

.dropdown-item:hover, span.twitter-typeahead .tt-suggestion:focus, span.twitter-typeahead .tt-suggestion:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5;
    background: #00A9E0;
    color: #fff;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    color: #373a3c;
    color: #506A85;
    font-size: 13px;
    text-align: inherit;
    background: white;
    border: 0;
}

.dropdown-menu .dropdown-submenu > a:after, .dropdown-menu .dropdown-submenu > button:after {
    font-family: icomoon;
    content: none;
    right: 14px;
    top: -15px;
    font-size: 1.2rem;
    float: right;
    border: none;
    margin-top: 1.15rem;
    position: absolute;
}

.bg-info {
    font-size: 11px;
    margin-bottom: 9px;
    padding: 2px 10px 5px 10px;
}

.grid_margin {
    padding: 0px !important;
    margin: 0px !important;
    height: 100%;
}

.grid_select {
    position: absolute;
    left: 37%;
    top: 49%;
}

.background {
    height: 220px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #f0f0f0;
    text-align: center;
}

.background1 {
    height: 220px;
    padding-right: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #f0f0f0;
    text-align: center;
}

th label {
    margin-bottom: 0px;
    color: white !important;
}

.padding_xauto {
    padding-left: 0px;
}

.padding_yauto {
    padding-right: 0px;
}

.addwidget {
    padding: 13px 13px 15px 13px;
    top: 77px;
}

.client-font {
    font-size: 16px !important;
    color: #00A9E0;
    text-transform: none !important;
    padding: 9px 1.2rem 6px 10px !important;
}

.logo-top {
    padding-left: 7px;
}

.horizontal-top-icon-menu.menu-collapsed #main-menu-navigation .nav-item a span {
    display: block;
}

.breadcrumb-wrapper {
    padding-left: 0px;
    margin-top: -7px !important;
}

.content-header-left {
    padding-left: 1px;
}

.menufloat {
    width: auto;
    float: left;
}

.setting {
    color: #fff !important ;
    font-size: 12px !important;
}

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

.conatiner1 {
    padding: 0px 7px 0px 7px;
}

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

.font-large5 {
    font-size: 14px !important;
}

.status_color i {
    margin-right: 5px;
}

.card-top {
    margin-bottom: 2px !important;
    background: #f2f2f2;
}

.padding-todo {
    padding-left: 15px !important;
    padding-top: 6px !important;
    /* padding-bottom: 0px; */
    margin-bottom: 7px !important;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 1px 12px 4px 12px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.bootboxhover {
    color: #373a3c !important;
}

.list {
    height: 267px;
    overflow: auto;
    font-size: 11px;
}

    .list li {
        padding-left: 18px;
        line-height: 15px;
        padding-top: 6px;
        padding-bottom: 7px;
    }

.card_spacing {
    padding-left: 1px;
    padding-right: 1px;
}

.font-large-15 {
    font-size: 20px;
}

.number {
    color: #818a91 !important;
    font-size: 19px;
    padding-top: 4px;
    margin-top: 10px;
    margin-bottom: 0px;
    border-top: 1px solid #ECEFF1 !important;
}

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

.Kpidashbboard .dataTables_filter {
    display: none !important;
}

.Kpidashbboard .dataTables_length {
    display: none !important;
}

.Kpidashbboard .pagination {
    margin: 3px 0 !important;
}

.paddding {
    padding: 10px 12px 12px 12px !important;
    background: #3BAFDA !important;
    color: white !important;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

    .paddding:hover {
        padding: 10px 12px 12px 12px !important;
        background: #00A9E0 !important;
        color: white !important;
        margin-bottom: 5px;
    }

.dashboardpro .table td {
    border-top: 0px;
    padding: 2px 12px 0px 12px !important;
    font-size: 11px !important;
}

.dashboardpro .progress:last-child {
    margin-bottom: 3px;
    margin-top: 2px;
}

.dashboardpro .progress {
    height: 10px !important;
}

.dashboardpro .card {
    height: 479px;
}

.dashboardpro .progress {
    background-color: transparent !important;
    webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.1) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.1) !important;
    border-radius: 0px !important;
}

.graphbtn {
    border-color: #ededed !important;
    color: #000 !important;
    background-color: #f5f5f5 !important;
}


legend {
    display: block;
    width: 100%;
    padding: 0;
}

.kpisettingheight {
    min-height: 478px;
}

form label {
    color: inherit;
    font-size: 12px;
    margin-bottom: 3px;
    text-transform: none;
    font-family: inherit;
    font-weight: 400;
}

.form-control {
    font-size: 11px;
    font-family: inherit;
    border-radius: 2px;
    color: #000;
    transition: background 0.3s ease-in-out;
    width: 100%;
    padding: 4px 25px 4px 5px;
    outline: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0px;
}

select.form-control {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 27px !important;
    font-family: inherit;
}


.usertop {
    margin-top: 4px;
    padding-right: 48px;
    color: #00a9e0;
}

.navbar-nav > li:nth-child(10) {
    position: absolute;
    top: -28px;
    right: 1px;
    width: 28px;
}

    /*.navbar-nav > li:nth-child(10) > a.nav-link {
        padding: 1.2rem 3px !important;
    }*/
    .navbar-nav > li:nth-child(10) > a.nav-link {
        padding: 0px !important;
    }


    .navbar-nav > li:nth-child(10) > ul li {
        z-index: 999999;
    }

    /*.navbar-nav > li:nth-child(10) > a span {
        visibility: hidden;
    }*/
    .navbar-nav > li:nth-child(10) > a span {
        
        display: none;
    }

	.navbar-nav > li:nth-child(10) > ul {
		margin-left: -128px;
		margin-top: 0px;
	}
@media (max-width: 767px) {
    .form-control.text-box {
        height: auto !important;
        max-height: 150px !important;
        line-height: normal; /* Reset line-height to default */
    }
}

@media only screen and (min-height: 100px) and (max-height: 700px) {
	.navbar-nav > li:nth-child(10) > ul {
		margin-left: -128px;
		margin-top: 0px;
		max-height: 80vh;
		overflow-y: auto !important;
		overflow-x: hidden;
	}
}
/* Common styles for small screens (max-width: 767px) */
@media (max-width: 767px) {
    .brand-logo {
        display: none; /* Hide the logo on smaller screens */
    }

    .mobile-menu1 {
        margin-top: 20px;
    }

    .icono-dropship {
        font-size: 25px;
        margin-bottom: -14px;
        margin-top: -4.5px;
        margin-left: -8px;
    }
}

/* Responsive styles for screens between 268px and 767px */
@media only screen and (min-width: 268px) and (max-width: 767px) {
    .mobile-book-view {
        padding-top: 23px;
    }

    .mobile-right {
        padding-right: 0;
    }
    .smallscreen {
        width: 100%;
    }

    .clear-button {
        margin-bottom: 4px;
    }

    .icono-dropship {
        font-size: 25px;
        margin-top: -7.5px;
        margin-left: -7px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1270px) {
    .smallscreen {
        width: 100% !important;
    }
    .clear-button {
        margin-bottom: 4px;
    }
    .service-product-align-btn {
        
        margin-top: 2px !important;
    }
}

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

    .head-top {
        top: 10px !important;
    }

    .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover {
        color: #fff;
        cursor: default;
    }

    .nav-pills .nav-link {
        display: block;
        padding: 1px 10px;
        border-radius: .18rem;
        background: #f1f1f1;
    }

    .nav-link:focus, .nav-link:hover {
        text-decoration: none;
    
    }

    .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover {
        color: #000;
        cursor: default;
    }

    .progress-bar {
        display: inline-block;
        height: 1rem;
        text-indent: 1rem;
        background-color: #0074d9;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }

    .nav-pills a {
        color: #252525;
        text-decoration: none;
    }

    .detailpage {
        padding: 0px;
    }

        .detailpage fieldset {
            font-family: inherit;
            border-radius: 5px;
            padding: 0px;
            margin-bottom: 20px;
        }

    .nav-pills .nav-link:hover {
        text-decoration: none;
    }

.nav-pills .nav-link:focus {
    text-decoration: none;
    background: rgba(0, 169, 224, 0.2) !important;
}

    .detailpage .form-control {
        font-size: 11px;
        font-family: inherit;
        border-radius: 2px;
        color: #000;
        transition: background 0.3s ease-in-out;
        width: 100%;
        padding: 4px 25px 4px 5px;
        outline: 0;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        margin: 0px;
    }

    .detailpage fieldset legend {
        background: #fdfdfd;
        color: #fff;
        padding: 4px 9px;
        font-size: 16px;
        border-radius: 0px;
        box-shadow: 0 0 0 1px #f3f3f3;
        margin-left: 0px;
        width: 235px;
    }

    .padding-bottom1 {
        margin-bottom: 10px;
    }

    .text-center {
        text-align: center;
    }

    .detailpage label {
        font-size: 11px;
        font-family: sans-serif;
    }

    @media only screen and (min-width: 768px) and (max-width: 999px) {
        .dataTables_wrapper table {
            display: inline-table;
            width: 100%;
            min-height: .01%;
            overflow-x: auto;
        }

      

        .menufloat {
            width: auto;
            float: none;
        }

        .header-navbar .navbar-header .menu-toggle {
            top: -10px;
            position: relative;
        }

        .horizontal-top-icon-menu.menu-collapsed #main-menu-navigation .nav-item a span {
            display: block;
        }

        .header-navbar .navbar-nav .open-navbar-container {
            padding-top: .0rem;
        }

        .header-navbar {
            padding: 0;
            min-height: 2rem;
        }

        .block {
            display: none !important;
        }

        .main-menu ul {
            width: 100% !important
        }

      

        .main-menu.menu-dark .navigation > li > a i, .main-menu.menu-light .navigation > li > a i {
            position: relative;
            top: -4px;
        }
    }

    @media only screen and (min-width: 557px) and (max-width: 767px) {
        .header-navbar .navbar-header .menu-toggle {
            top: -11px !important;
            position: relative;
        }

        .main-menu.menu-fixed {
            position: fixed;
            top: 2rem;
            z-index:1000;
            height: -webkit-calc($height);
            height: -moz-calc($height);
            height: calc($height);
        }

        .navbar-toggleable-sm .navbar-brand {
            display: block;
            float: none;
            margin-top: 0px;
            margin-right: 0;
        }

        .menufloat {
            width: auto;
            float: none;
        }

        .header-navbar .navbar-nav .open-navbar-container {
            padding-top: 0px;
            margin-top: -3px;
        }

        .container {
            width: 94%;
            max-width: 100%;
            margin-bottom: 45px;
            overflow-y: auto !important;
        }

        .block {
            display: block !important;
            width: auto;
        }

        .main-menu.menu-dark .navigation > li > a i, .main-menu.menu-light .navigation > li > a i {
            position: relative;
            top: -3px;
        }

        .horizontal-top-icon-menu #main-menu-navigation li.nav-item .nav-link i {
            display: block;
            text-align: center;
            font-size: 16px;
            margin-right: 13px;
            margin-bottom: -5px;
        }

        .dataTables_wrapper table {
            display: inline-table;
            min-height: .01%;
            overflow-x: auto;
        }

        .icono-dropship {
            font-size: 25px !important;
            margin-top: -7.5px !important;
            margin-left: -7px !important;
        }

        .footer .text-sm-center {
            text-align: center !important;
        }

        .flaticon::before {
            font-size: 29px !important;
        }
    }

    @media only screen and (min-width: 268px) and (max-width: 556px) {
        .header-navbar .navbar-header .menu-toggle {
            top: -11px !important;
            position: relative;
        }

        .main-menu.menu-fixed {
            position: fixed;
            top: 2rem;
            z-index:1000;
            height: -webkit-calc($height);
            height: -moz-calc($height);
            height: calc($height);
        }

        .navbar-toggleable-sm .navbar-brand {
            display: block;
            float: none;
            margin-top: 0px;
            margin-right: 0;
        }

        .menufloat {
            width: auto;
            float: none;
        }

        .header-navbar .navbar-nav .open-navbar-container {
            padding-top: 0px;
            margin-top: -3px;
        }

        .container {
            width: 94%;
            max-width: 100%;
            margin-bottom: 45px;
            overflow-y: auto !important;
        }

        .block {
            display: block !important;
            width: auto;
        }

        .main-menu.menu-dark .navigation > li > a i, .main-menu.menu-light .navigation > li > a i {
            position: relative;
            top: -3px;
        }

        .horizontal-top-icon-menu #main-menu-navigation li.nav-item .nav-link i {
            display: block;
            text-align: center;
            font-size: 16px;
            margin-right: 13px;
            margin-bottom: -5px;
        }

        .dataTables_wrapper table {
            display: -webkit-box;
            min-height: .01%;
            overflow-x: auto;
        }

        .icono-dropship {
            font-size: 11px !important;
            margin-top: -7.5px !important;
            margin-left: -7px !important;
        }

        .footer .text-sm-center {
            text-align: center !important;
        }

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


    @media screen and (min-width: 1920px) {
        .mynav {
            width: 9.3333333333%;
        }

        .content_container {
            width: 90.6666666667%;
        }
    }

    @media screen and (min-width: 2560px) {
        .mynav {
            width: 7.3333333333%;
        }

        .content_container {
            width: 92.6666666667%;
        }
    }

    @media screen and (min-width: 4096px) {
        .mynav {
            width: 5.3333333333%;
        }

        .content_container {
            width: 94.6666666667%;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1899px) {
        .container {
            width: 99% !important;
            padding: 0px;
        }
    }

    @media screen and (min-width: 1900px) {
        .container {
            width: 99% !important;
            padding: 0px;
        }
    }

    .conatiner1 {
        padding: 0px 7px 0px 7px;
    }

    .logo-mobile {
        display: none;
    }

    @media screen and (max-device-width : 320px) {
        body or yourdiv element {
            font: <size>px/em/cm;
        }
    }

    @media screen and (max-device-width : 1204px) {
        body or yourdiv element {
            font: <size>px/em/cm;
        }
    }


    @media only screen and (min-width: 1228px) and (max-width: 1314px) {
        .header-navbar .navbar-container ul.nav li > a.nav-link {
            padding: 1.2rem 11px;
            text-transform: uppercase;
            font-size: 11px;
            font-family: sans-serif;
        }

        .logo-mobile {
            display: none;
        }
    }


    @media only screen and (min-width: 1094px) and (max-width: 1200px) {
        .header-navbar .navbar-container ul.nav li > a.nav-link {
            padding: 1.2rem 6px;
            text-transform: uppercase;
            font-size: 11px;
            font-family: sans-serif;
        }

        /*.container {
        width: 92% !important;
        max-width: 100%;
    }*/

        .logo-mobile {
            display: none;
        }
    }

    @media only screen and (min-width:1019px ) and (max-width: 1094px) {
        .header-navbar .navbar-container ul.nav li > a.nav-link {
            padding: 1.2rem 6px;
            text-transform: uppercase;
            font-size: 13px;
            font-family: sans-serif;
        }

        .header-navbar .nav-item + .nav-item, .header-navbar.navbar-without-menu .navbar-container {
            margin-left: auto;
            /* margin: auto; */
        }

        /*.container {
        width: 92%;
        max-width: 100%;
    }*/

        .logo-mobile {
            display: none;
        }
    }



    @media only screen and (min-width:913px ) and (max-width: 1018px) {
        .header-navbar .navbar-container ul.nav li > a.nav-link {
            padding: 1.2rem 5px;
            text-transform: uppercase;
            font-size: 12px;
            font-family: sans-serif;
        }

        .header-navbar .nav-item + .nav-item, .header-navbar.navbar-without-menu .navbar-container {
            margin-left: auto;
            /* margin: auto; */
        }

        .container {
            width: 98%;
        }

        .horizontal-top-icon-menu #main-menu-navigation li.nav-item .nav-link i {
            display: block;
            text-align: center;
            font-size: 22px;
            margin-right: 0;
            margin-bottom: .5rem;
        }
        .flaticon::before {
            font-size: 38px !important;
            display: block !important;
            text-align: center;
        }

        .icono-dropship {
            font-size: 36px !important;
            margin-bottom: 2px !important;
            margin-left: -12px;
            margin-top: -7.5px;
        }


        .logo-top {
            width: 145px;
        }

            .logo-top img {
                width: 100%
            }

            .logo-top .padding2 {
                padding-top: 20px;
            }

        .logo-mobile {
            display: none;
        }
    }

    @media only screen and (min-width:768px ) and (max-width: 912px) {
        .header-navbar .navbar-container ul.nav li > a.nav-link {
            padding: 1.2rem 5px;
            text-transform: uppercase;
            font-size: 11px;
            font-family: sans-serif;
        }

        .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
            padding-right: 0px;
            padding-left: 0px;
        }

        .header-navbar .nav-item + .nav-item, .header-navbar.navbar-without-menu .navbar-container {
            margin-left: auto;
            /* margin: auto; */
        }

        .container {
            width: 98% !important;
            padding: 0px !important;
        }

        .horizontal-top-icon-menu #main-menu-navigation li.nav-item .nav-link i {
            display: block;
            text-align: center;
            font-size: 22px;
            margin-right: 0;
            margin-bottom: .5rem;
        }

        .flaticon::before {
            font-size: 36px !important;
        }

        .logo-top {
            display: block;
            width: 106px;
        }

            .logo-top img {
                width: 100%
            }

            .logo-top .padding2 {
                padding-top: 20px;
            }

        .block {
            display: block !important;
        }

        .logo-mobile {
            width: 105px;
            height: auto !important;
            display: none;
        }

        .header-navbar .navbar-header .navbar-brand {
            padding: 2px 6px;
            margin-left: 52px;
        }
        .icono-dropship {
            font-size: 36px !important;
            margin-bottom: 2px !important;
            margin-left: -12px;
            margin-top: -7.5px;
        }

    }

    @media only screen and (min-width:268px ) and (max-width: 767px) {
        .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
            padding-right: 0px;
            padding-left: 0px;
        }

        .main-menu.menu-light .navigation > li ul li > a {
            padding: 5px 20px !important;
            text-align: left;
        }

        html body.fixed-navbar {
            padding-top: 2rem;
        }

        .logo-mobile {
            display: none;
        }

        .mobile-menu1 {
            margin-top: 20px;
        }
    }

    @media only screen and (max-width: 996px) and (min-width: 914px) {
        .c-menu--push-left, .c-menu--push-right, .c-menu--slide-left, .c-menu--slide-right {
            width: 300px;
            display: block !important;
        }
    }

    @media only screen and (min-width:268px ) and (max-width: 999px) {

        .dashboardpro .card {
            height: auto;
        }
    }

    .dropdown-large

    @media only screen and (min-width: 268px) and (max-width: 767px) {
        .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
            width: 100%;
        }

        .kpisettingheight {
            min-height: 478px;
        }

        .main-menu.menu-light .navigation > li.open > ul {
            background: #f5f5f5;
            margin-bottom: 91px !important;
        }

        .main-menu.menu-light .navigation {
            background: #FFF;
            margin-bottom: 120px;
        }
    }


    @media only screen and (min-width: 768px) and (max-width: 1200px) {
        /*.col-lg-2 {
        float: left;
        width: 16.6666666667%;
    }

    .col-lg-3 {
        float: left;
        width: 25%;
    }*/
        .navbar-header {
            display: none;
        }
    }
    /*@media only screen and (min-width: 1281px) and (max-width: 2000px) {
	.container {
    width: 70% !important;
    max-width: 100%;
}
}*/
    /*@media only screen and (max-width: 1920px) and (min-width: 1200px) {
    .container {
        width: 1277px !important;
        max-width: 100%;
    }
}*/

    th {
        text-align: left
    }


    .dropdown .dropdown-menu {
        display: block;
        width:auto !important;
    }

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


    /*datatable icon*/
    table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
        content: none !important;
    }


    table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
        right: 1em !important;
        /* display: none; */
        content: none !important;
    }

    table.dataTable thead th {
        position: relative !important;
        background-image: none !important !important; /* Remove the DataTables bootstrap integration styling */
    }

        table.dataTable thead th.sorting:after,
        table.dataTable thead th.sorting_asc:after,
        table.dataTable thead th.sorting_desc:after {
            position: absolute !important;
            top: 12px !important;
            right: 8px !important;
            display: block !important;
            font-family: FontAwesome !important;
        }

    /*table.dataTable thead th.sorting:after {
        content: "\f0dc" !important;
        color: #efefef !important;
        font-size: 0.8em !important;
        padding-top: 0.12em !important;
    }

    table.dataTable thead th.sorting_asc:after {
        content: "\f0de" !important;
    }

    table.dataTable thead th.sorting_desc:after {
        content: "\f0dd" !important;
    }
*/
    div.dataTables_scrollBody table.dataTable thead th.sorting:after,
    div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
    div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
        content: "" !important;
    }

    /* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
    table.table thead th.sorting:after,
    table.table thead th.sorting_asc:after,
    table.table thead th.sorting_desc:after {
        top: 5px !important;
    }


    /*
 * DataTables style pagination controls
 */
    div.dataTables_paginate a.paginate_button.first,
    div.dataTables_paginate a.paginate_button.previous {
        position: relative !important;
        padding-left: 24px !important;
    }

    div.dataTables_paginate a.paginate_button.next,
    div.dataTables_paginate a.paginate_button.last {
        position: relative !important;
        padding-right: 24px !important;
    }

    div.dataTables_paginate a.first:before,
    div.dataTables_paginate a.previous:before {
        position: absolute !important;
        top: 8px !important;
        left: 10px !important;
        display: block !important;
        font-family: FontAwesome !important;
    }

    div.dataTables_paginate a.next:after,
    div.dataTables_paginate a.last:after {
        position: absolute !important;
        top: 8px !important;
        right: 10px !important;
        display: block !important;
        font-family: FontAwesome !important;
    }

    div.dataTables_paginate a.first:before {
        content: "\f100" !important;
    }

    div.dataTables_paginate a.previous:before {
        content: "\f104" !important;
    }

    div.dataTables_paginate a.next:after {
        content: "\f105" !important;
    }

    div.dataTables_paginate a.last:after {
        content: "\f101" !important;
    }


    /*
 * Bootstrap and foundation style pagination controls
 */
    div.dataTables_paginate li.first > a,
    div.dataTables_paginate li.previous > a {
        position: relative !important;
        padding-left: 24px !important;
    }

    div.dataTables_paginate li.next > a,
    div.dataTables_paginate li.last > a {
        position: relative !important;
        padding-right: 24px !important;
    }

    div.dataTables_paginate li.first a:before,
    div.dataTables_paginate li.previous a:before {
        position: absolute !important;
        top: 6px !important;
        left: 10px !important;
        display: block !important;
        font-family: FontAwesome !important;
    }

    div.dataTables_paginate li.next a:after,
    div.dataTables_paginate li.last a:after {
        position: absolute !important;
        top: 6px !important;
        right: 10px !important;
        display: block !important;
        font-family: FontAwesome !important;
    }





    /* In Foundation we don't want the padding like in bootstrap */
    div.columns div.dataTables_paginate li.first a:before,
    div.columns div.dataTables_paginate li.previous a:before,
    div.columns div.dataTables_paginate li.next a:after,
    div.columns div.dataTables_paginate li.last a:after {
        top: 0 !important;
    }
}

.header-navbar.navbar-dark .navbar-nav li, .header-navbar.navbar-light .navbar-nav li, .header-navbar.navbar-semi-dark .navbar-nav li {
    z-index: 1;
}

.dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    z-index: 1;
}

.dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    height: auto;
}

.HideMe {
    display: none;
}






/*customer edit page*/



/*customer templatee page*/
.align-customer {
    width: 95%;
    margin: 20px auto;
}


.field-alignment {
    width: 100%;
    border: 1px solid #D4D4D4;
    color: #5A5A5A;
    font-size: 11px;
    border-radius: 0px;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    text-indent: 5px;
    padding: 3px 6px;
}

.card-block-alignment {
    width: 95%;
    margin: 0px auto;
}

/*client setting  classes*/
.input {
    width: 100%;
}

.fieldset-bg {
    background: #ffffff !important;
}

.flex {
    display: flex;
}

/*icons color*/

.icon-color {
    color: #606366;
}


.tooltip-inner {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #606366 !important;
    font-size: 12px;
    border-radius: 0px;
}

    .tooltip-inner::before {
        display: none;
    }

/*style for inline styles and inpage styles*/
.w25px {
    width: 25px !important;
}

.w100 {
    width: 100% !important;
}

.margin-content {
    margin-top: 12px;
}

.adjustbalancerow {
    margin-top: 5px;
    margin-left: 2px
}

.hide {
    display: none;
}

.danger {
    color: red !important;
}

.input-validation-error {
    border: 1px solid red !important;
}
 .mt10 {
    clear: both;
    margin-top: 10px
}

.pt10 {
    padding-top: 10px;
}

.p0 {
    padding: 0px !important;
}

.mr-2 {
    margin-right: 2px !important;
}

.pt35 {
    padding-top: 35px;
}

.pr10 {
    padding-right: 10px;
}

.pr7 {
    padding-right: 7px;
}

.pl45 {
    padding-left: 45px;
}

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

.pt50 {
    padding-top: 50px;
}

.pb45 {
    padding-bottom: 45px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}
/*style general setting*/
.datagrid-w250 {
    width: 250px;
    overflow-wrap: break-word;
}

    .datagrid-w250 > label {
        width: 250px;
    }


#search optgroup {
    display: inline-table;
    width: 210px;
}

#search_to optgroup {
    display: inline-table;
    width: 210px;
}


.customerheadinpadding {
    padding-left: 45px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.kpi-image {
    width: 100%;
    display: none;
    height: 300px;
}

.flex {
    display: flex;
}

.text-left {
    text-align: left;
}

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

.font-weight {
    font-weight: bold;
}

.font-normal {
    font-weight: normal;
}

.grid {
    display: grid;
    grid-template-columns: 59% 41%;
}

.border-right {
    border-right: 6px solid white;
}


/*dashboard setting*/
.max-1100 {
    max-height: 1100px;
}

.height-dahboard-grid {
    height: 28px !important;
}

.projectinput5-padding {
    padding: 10px 0 0 0;
}

projectinput5-p {
    font-size: 12px;
    text-align: justify;
}

/*salesman sales budget*/
.mt-7 {
    margin-top: 7px;
}

.update-border {
    border-left: 1px solid #e7e7e7;
}

/*site*/
.site-height {
    min-height: 500px !important;
}

#ClientProductUnits, #AllProductUnits, #AllCustomerGroups, #SelectedCustomerGroups, #AllCustomerClassSet, #CustomerClassSet {
    height: 200px !important;
    overflow-y: scroll;
    border-radius: 4px;
}

.image-size24 {
    height: 24px;
    width: 24px;
}
/*user*/
.user-update {
    max-height: 215px;
    overflow-y: scroll;
}

.user-updatesecureuser {
    max-height: 550px;
    overflow-y: scroll;
}

.user-companylist {
    max-height: 350px;
    overflow-y: scroll;
}




/*layout styles*/

.dt-body-right {
    text-align: right !important;
}

.dt-body-center {
    text-align: center !important;
}

.table td, .table th {
    padding-left: 8px !important;
}

.drageablelist ul li.invisibleDraggable {
    color: red;
    background-color: white;
}

.drageablelist ul li.visibleDraggable {
    color: #1C94C4;
    background: #F6F6F6;
}



.drageablelist .connected, .drageablelist .sortable, .drageablelist .exclude, .drageablelist .handles {
    margin: auto;
    padding: 0;
    width: 310px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .drageablelist .sortable.grid {
        overflow: hidden;
    }

    .drageablelist .connected li, .drageablelist .sortable li, .drageablelist .exclude li, .drageablelist .handles li {
        list-style: none;
        border: 1px solid #CCC;
        background: #F6F6F6;
        font-family: "Tahoma";
        color: #1C94C4;
        margin: 5px;
        padding: 5px;
    }

    .drageablelist .handles span {
        cursor: move;
    }

.drageablelist li.disabled {
    opacity: 0.5;
}

.drageablelist .sortable.grid li {
    line-height: 80px;
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
}

.drageablelist li.highlight {
    background: #FEE25F;
}

.drageablelist #connected {
    width: 440px;
    overflow: hidden;
    margin: auto;
}

.drageablelist .connected {
    float: left;
    width: 200px;
}

    .drageablelist .connected.no2 {
        float: right;
    }

.drageablelist li.sortable-placeholder {
    border: 1px dashed #CCC;
    background: none;
}

.LabelSpanInlineToggle {
    display: inline;
}

.UpdateSpanInlineToggle,
.CancelSpanInlineToggle,
.SelectSpanInlineToggle,
.TextboxSpanInlineToggle {
    display: none;
}

@media only screen and (max-width: 1150px) {
    .table-responesiveness {
    
        width: 100%;
        overflow-x: auto;
    }

}

@media only screen and (max-width:800px) {

    .mynav {
        margin-left: 0px !important;
    }

    #UsersListView {
        margin-bottom: 10px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .scroll {
        color: white;
        margin-bottom: 10px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .table-responesiveness {
        display: block;
        width: 100% !important;
        overflow-x: auto !important;
    }
  
    .btn-group {
        display: flex;
    }

    .entries {
        display: none;
    }

    .searchbar {
        margin: 5px 0px 4px 0px;
    }

    .popover-responsive {
        margin-top: 5px;
    }
    .padding-left{
        padding-left:0px;
    }
    .font-weight{
        display:none;
    }
    .mt30{
        margin-top:0px;
    }
    .card, .card-title{
        margin:0px;
    }
    .half_section_right.text-right.big_btn {
        display: flex;
    }
    .half_section_right.text-right.big_btn a.btn.mr-1.activebtn {
        padding: 10px !important;
        margin-right: 5px !important;
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 450px) {
    .grid_summary {
        display: none;
    }

    .heading-elements {
        position: relative !important;
    }

    .paddinghead {
        padding: 1px 0px 6px 3px
    }
}
.label-background {
    background: #eceeef;
    border-radius: 2px;
    padding: 2px 6px;
}
/*.label-background-inner {
    background: #eceeef;
    border-radius: 2px;
    padding: 3px 6px;
}*/

.label-background-inner {
    /*background: #f7f7f7;*/
    /*border-radius: 2px;
    padding: 3px 6px !important;
    color: #716f6f;
    border: 0px;*/
    /*box-shadow: 0px 0px 0px 2px #e7e7e7;*/
    cursor: pointer;
    font-size: 12px !important;
}

.dropdown-menu .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -2px;
    width: 210px;
    margin-left: -1px;
}
/*Task EBEDEV-3135 >>memoona */
.header-navbar .navbar-container ul.nav li > a.nav-link {
    padding: 1.2rem 0.8rem;
    text-transform: uppercase;
    font-size: 12px;
    font-family: sans-serif;
}
.navbar-nav li:hover a {
    cursor: default;
}
.next a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    top: -2px;
}

    .next a:hover {
        color: #3377AA !important;
        background-color: transparent !important;
        border-color: transparent !important;
        text-decoration: underline !important;
    }

    .next a:focus {
        color: #3377AA !important;
        background-color: transparent !important;
        border-color: transparent !important;
        text-decoration: underline !important;
    }

.previous a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    top: -2px;
}

    .previous a:hover {
        color: #3377AA !important;
        background-color: transparent !important;
        border-color: transparent !important;
        text-decoration: underline !important;
    }

    .previous a:focus {
        color: #3377AA !important;
        background-color: transparent !important;
        border-color: transparent !important;
        text-decoration: underline !important;
    }
.itop {
    width: 45%;
    float: left;
    text-align: left;
}

.ptop {
    width: 50%;
    float: right;
    text-align: right;
}

.iconexcl {
    float: left;
    text-align: left;
}

    .iconexcl img {
        margin-right: 4px;
        width: 14px;
        margin-top: -3px;
    }
.dataTables_paginate {
    line-height: 0px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 0px 0;
}
.nav-pills .nav-link {
    display: block;
    border-radius: 0px;
    background: #ffffff;
    padding: 2px 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    font-size: 12px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #000;
    text-decoration: none;
}
    .nav-pills .nav-link:hover {
        text-decoration: none;
        background: rgba(0, 169, 224, 0.2) !important;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

table a {
    color: #34679a;
    cursor: pointer;
}

    table a:hover {
        color: #34679a;
        text-decoration: underline;
    }

    table a:focus {
        color: #34679a;
        text-decoration: underline;
    }

.table-bordered, .table-bordered td, .table-bordered th {
    border: 0px solid #e3ebf3;
}

.table td, .table th {
    border-bottom: 0px solid #e3ebf3;
}

.activebtn {
    background: #00A9E0 !important;
    color: white !important;
    padding: 11px 12px !important;
    font-size: 1rem !important;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

    .activebtn:hover {
        opacity: 0.75;
    }
.dropdown-menu li:hover {
    background: white;
    z-index: 999999 !important;
    opacity: 1;
}

.blue {
    color: #00A9E0;
}

.checkbox-margin {
    margin-right: 10px;
}

.border-table {
    border: 1px solid #b8b8b8;
    margin-top: 8px;
}

.padding-left {
    padding-left: 20px;
}
/*   */
.grid_summary {
    margin-left: 5px;
}

form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc !important;
}

form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc !important;
}

form .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc !important;
}

.acontainer .adropdown input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc !important;
}

.acontainer .adropdown input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc !important;
}

.acontainer .adropdown .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc !important;
}
.acontainer .adropdown .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc !important;
}

.acontainer .adropdown .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc !important;
}

.acontainer .adropdown input::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc !important;
}


.acontainer input {
    font-size: 12px !important;
    font-family: inherit;
    border-radius: 2px;
    color: #716f6f !important;
    transition: background 0.3s ease-in-out;
    width: 100%;
    padding: 4px 4px 4px 5px !important;
    outline: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0px;
}
    .acontainer input:focus {
        padding: 4px 4px 4px 5px !important;
        margin: 0px;
        outline: none;
        border-color: #9ecaed;
        box-shadow: 0 0 2px #9ecaed;
    }
.acontainer {
    display: block !important;
    top: -1px !important;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
/*a.btn.mr-1.activebtn {
    font-size: 12px !important;
}*/
/*.table thead th:nth-last-child(2) {
    width: 6%;
}
.table thead th:nth-last-child() {
    width: 6%;
}*/
.mydash .font-large-15 {
    font-size: 14px !important;
}
.mydash .number {
    font-size: 16px !important;
}

/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 5px;
    /*background: #00A9E0;*/
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #00A9E0;
    border-radius: 20px;
    width: 7px;
    height: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #00A9E0;
    border-radius: 20px;
    width: 7px;
    height: 5px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #00A9E0;
    }

  
/*Dashboard Css Starts*/
.card_spacing.cardhover {
    margin-bottom: 5px;
}
.half_section_left{
    padding-left:0px;
    padding-right:5px;
}
.half_section_right {
    padding-left: 5px;
    padding-right: 0px;
}
.card-header .heading-elements, .card-header .heading-elements-toggle {
    background-color: inherit;
    position: absolute;
    /*top: 13px !important;*/
    right: 20px;
}

/*Dashboard Css Ends*/


/*Inner Page Css Starts*/

.card-header.title_btn {
    padding: 0px;
    padding-bottom: 5px !important;
}
table a label {
    color: #34679a;
    cursor: pointer;
}
#SearchProduct .col-md-12 {
    padding: 0px !important;
}
/*.navbar-nav > li:nth-child(10) .dropdown-menu li a {
    padding: 7px 12px !important;
}*/

#categories_breadcrumb_span {
    position: relative;
    top: -2px;
    opacity: 0;
}
i.flaticon-cogwheel {
    margin-bottom: 0px !important;
}

/*Inner Page Css Ends*/


@media only screen and (max-width: 767px) and (min-width: 268px) {

    .container {
        width: 100% !important;
        /*padding: 10px !important;*/
    }
    /*Dashboard Css Starts*/
    .dashBoard .border-right-blue-grey.border-right-lighten-5 {
        border-right: 0px !important;
    }

    .dashBoard .media.px-1 {
        display: inline-table;
        border-bottom: 1px solid #ccc;
        margin-bottom: 0px;
        padding: 5px !important;
        width: 100%;
    }

    .dashBoard .font-large-15 {
        font-size: 16px !important;
        font-weight: 500 !important;
        padding-left: 0px !important;
    }

    .dashBoard .media-body.text-sm-center {
        width: 70%;
    }

    .dashBoard .number {
        font-size: 16px !important;
        padding-top: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border-top: 0px !important;
        text-align: right;
    }

    .dashBoard .half_section_left .card-header {
        display: inline-flex;
        width: 100% !important;
        padding: 10px !important;
    }

        .dashBoard .half_section_left .card-header .card-title {
            width: 50% !important;
        }

        .dashBoard .half_section_left .card-header .heading-elements.head-top {
            width: 50% !important;
            top: 0px !important;
            right: 0px !important;
        }

    .dashBoard .half_section_right .card-header {
        display: inline-flex;
        width: 100% !important;
        padding: 10px !important;
    }

        .dashBoard .half_section_right .card-header .card-title {
            width: 50% !important;
        }

        .dashBoard .half_section_right .card-header .heading-elements.head-top {
            width: 50% !important;
            top: 0px !important;
            right: 0px !important;
        }

    .dashBoard .half_section_right {
        margin-top: 10px;
    }

    .dashBoard .half_section_left {
        margin-top: 10px;
    }
    /*Dashboard Css Ends*/

    /*Inner pages Css Starts*/
    /*.title_btn {
        display: flex;
    }*/
    a.btn.mr-1.activebtn {
        
        padding: 12px 5px !important;
    }
    /*#SearchProduct .col-md-12 {
        padding: 0px 10px !important;
    }*/
    #MvcProductSearchMainDiv {
        padding: 0px 10px !important;
    }
    div#ProductPropertyTree {
        width: 100% !important;
    }

    .mydash .media.px-1 {
        display: inline-table;
        border-bottom: 1px solid #ccc;
        margin-bottom: 0px;
        padding: 5px !important;
        width: 100%;
    }

    .mydash .font-large-15 {
        font-size: 16px !important;
        font-weight: 500 !important;
        padding-left: 0px !important;
    }

    .mydash .media-body.text-sm-center {
        width: 70%;
    }

    .mydash .number {
        font-size: 16px !important;
        padding-top: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border-top: 0px !important;
        text-align: right;
    }
    div#ProductCategoryTree {
        width: 100% !important;
    }
 
    /*Inner pages Css Ends*/
}
.half_section_left h4 {
    margin-bottom: 0px !important;
    text-transform: none;
    font-weight: 600;
    letter-spacing: .4px;
}
.mb0{
    margin-bottom:0px !important;
}
#ProductCatgoriesTreeView {
    padding-left:0px;
}
.modal {
    overflow-y: auto !important;
}

.modal-open .modal.varient_table.in {
    overflow-x: hidden;
    overflow-y: hidden;
}
.varient_table.in .modal-body {
    overflow-y: scroll;
    height: 85vh !important;
}
.collapsing, .embed-responsive, .media, .media-body, .modal, .modal-open, .navbar-divider, svg:not(:root) {
    overflow: auto !important;
}
.collapsing, .embed-responsive, .media, .media-body, .navbar-divider, svg:not(:root) {
    overflow: hidden !important;
}
button.btn.ProductAttributeRowGridViewModal_Delete {
    background: transparent !important;
}
.modal.varient_table.in .modal-dialog {
    margin: 10px auto !important;
}





.dotmenu-container {
    position: relative;
    text-align: center;
    cursor: pointer;
}


    / More Button / Dropdown Menu / .dotmenu-container .more-btn,
    .dotmenu-container .more-menu-btn {
        background: none;
        border: 0 none;
        line-height: normal;
        overflow: visible;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        width: 100%;
        text-align: left;
        outline: none;
        cursor: pointer;
    }

    .dotmenu-container .more-dot {
        background-color: #000 !important;
        margin: 0 auto;
        display: inline-block;
        width: 4px;
        height: 4px;
        margin-right: 1px;
        border-radius: 50%;
        transition: background-color 0.3s;
        opacity: 0.5;
    }

    .dotmenu-container .more-menu {
        position: absolute;
        top: 100%;
        z-index: 900;
        float: left;
        padding: 10px 0;
        margin-top: 9px;
        background-color: #fff;
        border: 1px solid #ccd8e0;
        border-radius: 4px;
        box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
        opacity: 0;
        transform: translate(0, 15px) scale(.95);
        transition: transform 0.1s ease-out, opacity 0.1s ease-out;
        pointer-events: none;
        right: -8px;
        /*width: 150px;*/
    }

    .dotmenu-container .more-menu-caret {
        position: absolute;
        top: -10px;
        right: 12px;
        width: 18px;
        height: 10px;
        float: left;
        overflow: hidden;
    }

    .dotmenu-container .more-menu-caret-outer,
    .dotmenu-container .more-menu-caret-inner {
        position: absolute;
        display: inline-block;
        margin-left: -1px;
        font-size: 0;
        line-height: 1;
    }

    .dotmenu-container .more-menu-caret-outer {
        border-bottom: 10px solid #c1d0da;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        height: auto;
        left: 0;
        top: 0;
        width: auto;
    }

    .dotmenu-container .more-menu-caret-inner {
        top: 1px;
        left: 1px;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #fff;
    }

    .dotmenu-container .more-menu-items {
        margin: 0;
        list-style: none;
        padding: 0;
    }

   .dotmenu-container .more-menu-item {
        display: block;
        text-align: left;
        padding: 10px;
    }
   /*DEV-379 memona  removed extra padding from top/bottom */
.additional-actions-menu {
    padding: 0px 10px !important;
}

.dotmenu-container .more-menu-item a:hover {
    text-decoration: none;
    color: #fff !important;
}

    .dotmenu-container .more-menu-item a {
        white-space: pre;
        font-size: 14px;
        display: block;
    }

    .dotmenu-container .more-menu-btn {
        min-width: 100%;
        color: #000;
        cursor: pointer;
        display: block;
        font-size: 13px;
        line-height: 18px;
        padding: 5px 5px;
        position: relative;
        white-space: nowrap;
        border: 0px !important;
        background: transparent;
        text-align: left;
    }


    .dotmenu-container .more-menu-item:hover a:hover {
        color: #000 !important;
    }

    .dotmenu-container .more-btn:hover .more-dot,
    .dotmenu-container .show-more-menu .more-dot {
        background-color: #516471;
    }

    .dotmenu-container .show-more-menu .more-menu {
        opacity: 1;
        transform: translate(0, 0) scale(1);
        pointer-events: auto;
    }

button.more-btn.flex {
    background: transparent;
    box-shadow: none !important;
    border: 0px !important;
    vertical-align: middle;
    position: relative;
    padding:10px;
    cursor: pointer;
}

.text-blue {
    color: #00A9E0 !important;
}
.popover.fade.right.in {
    width: 225px !important;
}
.table.fixed th {
    padding: 7px 3px !important;
    font-size: 13px !important;
}
.table.fixed td {
    padding:7px 3px !important;
}
.table.fixed td .btn {
    padding-left: 10px !important;
}
.table.fixed td .check_box {
    margin: 5px 0px !important;
}
.ui-datepicker{
    z-index:1020 !important;
}
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png) !important;
}
.card-body h5{
    margin-bottom:0px !important;
}
.card-body .searchbar {
    margin-top: 0px;
}
.breadcrumb li:nth-last-child(1) {
    color: #818a91 !important;
}

.breadcrumb li:nth-last-child(1) a{
    color: #818a91 !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 3px 9px !important;
    border-bottom: 0px !important;
    font-size: 12px !important;
}
.page-link {

}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    position: relative !important;
    margin-left: 2px !important;
    color: #3377AA !important;
    text-decoration: none !important;
    background-color: transparent !important;
    border: 0px solid #ddd !important;
    padding: 0px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background:transparent !important;
}
table.dataTable.no-footer {
    border-bottom: 0px !important;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-position-x: 4rem !important;
}
.modal-header button {
    float: right !important;
    background: transparent;
    
    cursor: pointer !important;
}


/*#outputDragnDrop {
    border: 1px solid #e5e5e5;
    margin-bottom: 5px;
}*/


#GenericUploadBody p {
    position: absolute;
    top: 40%;
    left: 38%;
}
.modal-header .close {
    margin-top: 5px;
    opacity: 1;
}
#DefaultMapping {
    border: 1px solid #e5e5e5;
}
#ModelPopUpHeading {
    font-size: 16px !important;
}

#MVCCustomerGroupTable_Container.table-responsive {
    overflow-y: hidden !important;
}




@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .files input {
        padding: 120px 0px 85px 0% !important;
    }
}



.round-progress .progress {
    width: 150px !important;
    height: 150px !important;
    line-height: 150px !important;
    background: none !important;
    margin: 0 auto;
    box-shadow: none !important;
    position: relative;
    border:none !important;
}

    .round-progress .progress:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 12px solid #fff;
        position: absolute;
        top: 0;
        left: 0;
    }

    .round-progress .progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .round-progress .progress .progress-left {
        left: 0;
    }

    .round-progress .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 12px;
        border-style: solid;
        position: absolute;
        top: 0;
    }

    .round-progress .progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .round-progress .progress .progress-right {
        right: 0;
    }

        .round-progress .progress .progress-right .progress-bar {
            left: -100%;
            border-top-left-radius: 80px;
            border-bottom-left-radius: 80px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
            animation: loading-1 1.8s linear forwards;
        }

    .round-progress .progress .progress-value {
        width: 90%;
        height: 90%;
        border-radius: 50%;
        background: #44484b;
        font-size: 24px;
        color: #fff;
        line-height: 135px;
        text-align: center;
        position: absolute;
        top: 5%;
        left: 5%;
        z-index: 100;
    }

    .round-progress .progress.blue .progress-bar {
        border-color: #049dff;
    }

    .round-progress .progress.blue .progress-left .progress-bar {
        animation: loading-2 1.5s linear forwards 1.8s;
    }


@-moz-document url-prefix() {
    .files input {
        padding: 120px 0px 85px 10% !important;
    }
}

.files input {
    outline: 2px dashed #e5e5e5;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 120px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}

    .files input:focus {
        outline: 2px dashed #e5e5e5;
        outline-offset: -10px;
        -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
        transition: outline-offset .15s ease-in-out, background-color .15s linear;
        border: 1px solid #e5e5e5;
    }

.files {
    position: relative;
}

    .files:after {
        pointer-events: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 50px;
        right: 0;
        height: 56px;
        content: "";
        background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
        display: block;
        margin: 0 auto;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.color input {
    background-color: #f1f1f1;
}

.files:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: "";
    display: block;
    margin: 0 auto;
    color: #000;
    font-weight: 600;
    text-align: center;
}

.mynav .card-body {
    margin-bottom: 0px !important;
    min-height: auto !important;
    background: transparent !important;
}
.mynav .card {
    box-shadow: none !important;
    margin-bottom: 0.8rem;
    border-radius: 0;
}
.mynav {
    background: transparent !important;
}
    .mynav .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

.nav-stacked .nav-item + .nav-item {
    margin-top: 0px !important;
    margin-left: 0;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover {
    color: #ffff;
    cursor: default;
    background-color: #00A9E0 !important;
    border-top: 1px solid #00A9E0 !important;
    border-bottom: 1px solid #00A9E0 !important;
}

.myheight {
    height: 261px;
    overflow: auto;
}

.nav {
    border-radius: 0px !important;
}

.mycard {
    padding: 0px !important;
}

#ProgressBarSection .round-progress{
    text-align:center !important;
}
/*
    #ErrorSuccessMessagePopUp .modal-dialog {
        transform: translate(0, 100%);
    }
*/

#ErrorSuccessMessagePopUp .modal-dialog label {
    word-break: break-all;
    display: contents !important;
    width: max-content;
}

#ErrorSuccessMessagePopUp .modal-dialog {
    max-width: 800px !important;
    margin: 10px auto !important;
}
#ErrorSuccessMessagePopUp .modal-header {
    padding-bottom: 0px !important;
}


.pl-0{
    padding-left:0px;
}
.pr-0 {
    padding-right: 0px;
}
.advance-search h3 {
    font-size: 14px !important;
    line-height: 25px !important;
    color: #000 !important;
}
.accordion-main .panel-title .fa {
    margin-right: 10px !important;
}

.accordion-main .panel-title {
    border-bottom: 1px solid #EEE;
    padding-bottom: 5px;
    margin-right: 5px !important;
}
.accordion-main .panel-title a {
    color: #000 !important;
    font-weight: 400;
    display: block ruby;
    max-width: 97% !important;
}
#SearchOrderRowsMvcsaveSearchButton {
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    border-color: #3c7c0d !important;
    color: #fff !important;
    background-color: #3c7c0d !important;
    padding: 11px 12px 11px 12px !important;
}

#SearchOrderRowsMvcsaveSearchButton:hover {
    opacity: 0.75;
}


.accordion-main .panel-title .fa {
    color: #00A9E0 !important;
    font-weight: bold;
    font-size: 18px !important;
}
.management-heading h3 {
    color: #818a91 !important;
    font-size: 14px;
    border-bottom: 1px solid #ECEFF1;
    padding-bottom: 10px;
    margin-bottom: 20px !important;
}
.order-advance-search .accordion-main .panel-title span img {
    width: 89% !important;
    height: 1px;
}
.accordion-main .panel-title span img {
    width: 89% !important;
    height: 1px;
}
.order-advance-search .accordion-main .panel-title span {
    width: 100% !important;
    display: contents;
}

.accordion-main .fa.fa-circle {
    color: #ccc !important;
    font-size: 6px !important;
    padding-left: 5px;
    margin-right: 0px !important;
    position: relative;
    top: -3px;
}
#SearchOrderRowsMvcsaveSearchDeleteButton .fa.fa-trash {
    font-size: 18px !important;
}
#SearchOrderRowsMvcsaveSearchDeleteButton {
    padding: 0px !important;
    padding-top:5px !important;
}


.advance-search .multiselect.dropdown-toggle.btn-dropdown {
    width: 100%;
    cursor: pointer;
    overflow: hidden;
}

#AwarenessBarDivHtml button {
    width: 100% !important;
    border: 0px !important;
    border-right-color: currentcolor;
    border-right-style: none;
    border-right-width: 0px;
    color: #fff !important;
    cursor: pointer;
    /*border-right: 2px solid #fff !important;*/
    font-size: 13px !important;
    font-weight: 600;
}

#AwarenessBarDivHtml button:nth-last-child(1) {
    border-right: 0px solid #fff !important;
}

.search-order-box .DaysOfDelivery {
    text-transform: capitalize;
}

.search-order-box .order-row ul {
    display: flex !important;
    padding-left: 0px !important;
    width: 100% !important;
    text-align: center !important;
    background: #fff;
}

.search-order-box .order-row li {
    display: inline-block;
    width: 15% !important;
}


    .search-order-box .order-row h3 {
        font-size: 12px !important;
        color: #fff !important;
        padding: 6px 10px !important;
        margin-bottom: 1px !important;
    }

    .search-order-box .order-row .table {
        background: #fff !important;
    }

    .search-order-box .order-row thead {
        background: transparent !important;
    }

        .search-order-box .order-row thead th {
            background: transparent !important;
            border: 0px !important;
            color: #000 !important;
            text-align: center !important;
            padding-bottom: 0px !important;
            font-size: 11px !important;
            line-height: 17px !important;
            padding-top: 3px;
            font-weight: 600;
            text-transform: capitalize !important;
        }

    .search-order-box .order-row tbody td {
        color: #000 !important;
        font-weight: 600;
        font-size: 13px !important;
        line-height: 18px !important;
    }

    /*.search-order-box .order-row tbody {
        border-right: 1px solid #ECEFF1 !important;
    }*/


.search-order-box .order-row li:nth-last-child(1) tbody {
    border-right: none !important;
}

.search-order-box .bs-example {
    margin: 20px;
}

.search-order-box .rotate {
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(90deg); /* Firefox */
    -ms-transform: rotate(90deg); /* IE 9 */
    transform: rotate(90deg); /* Standard syntax */
}


.search-order-box .status-block span {
    background: #ccc;
    border-radius: 25px !important;
    padding: 4px 20px;
}

/*.search-order-box .table td, .search-order-box .table th {
    border-bottom: 0px solid #e3ebf3;
    line-height: 30px !important;
}*/

.advance-search .btn.btn-primary {
    padding: 12px 5px !important;
    float: right;
}

.order-row-search .btn.btn-primary {
    padding: 10px !important;
    background: green;
}
.return-left {
    float:right !important;
}
.search-order-box .order-advance-search {
    padding-bottom: 10px !important;
}
.order-field-search {
    padding-bottom: 25px !important;
    padding-top:25px !important;
}

.search-order-box .divideBar p {
    border-top: 1px solid #ECEFF1 !important;
    margin: 0px;
    line-height: 20px !important;
    padding-top: 4px;
}


#SearchOrderRowssaveSearchDeleteButton {
    padding-top: 5px;
}

.search-order-box .fa.fa-filter {
    font-size: 16px;
    color: #828282;
}

.search-order-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.search-order-box .select2-container--classic .select2-selection--single, .search-order-box .select2-container--default .select2-selection--single {
    height: 29px !important;
    padding: 0px !important;
    border-color: #D9D9D9 !important;
    border-radius: 2px !important;
}

/*.search-order-box .OrderoRowStatusNameCircle {
    padding: 1px 20px;
    background: #ccc;
    border-radius: 30px;
    text-align: center;
    margin: 5px !important;
    line-height: 22px;
    font-weight: 700;
}*/
/*memoona>>point 20 3135*/
.search-order-box .OrderoRowStatusNameCircle {
    padding: 1px 12px 1px 12px!important;
    background: #ccc;
    border-radius: 30px;
    text-align: center;
    line-height: 18px;
    font-weight: 700;
    min-width: 65px;
    width:fit-content;
    width: -moz-fit-content !important;
    margin: 0 auto !important; 
}

.select2-container--classic .select2-results__options .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"] {
    background-color: #00A9E0 !important;
    color: #FFF !important;
}
.webtech_paging {
    position: sticky;
    left: 100% !important;
}
.advance-search .form-group.row {
    padding: 0px 10px;
    padding-right:0px !important;
}

    .advance-search .form-group.row .col-md-8, .advance-search .form-group.row .col-md-4 {
        padding: 0px;
    }
.accordion-main {
    padding: 5px 5px;
    margin-top: 7px;
    padding-bottom: 0px !important;
}
.panel.panel-default.upload-accordion {
    margin-top: 0px !important;
}
.panel.panel-default.upload-accordion .panel-title {
    margin-bottom: 0px !important;
}
.accordion-main .panel-body {
    padding-left: 20px !important;
}
.new_colorbtn9 {
    border-color: #00A9E0 !important;
    background: #00A9E0 !important;
    color: white !important;
    opacity: 1;
    padding: 11px 12px 11px 12px !important;
}
    .new_colorbtn9:hover {
        opacity: 0.75;
    }
.enhancedCheck .position-relative {
    display: flex;
    padding-top: 2px;
}
#IsincludeFinished {
    position: relative;
    left: -5px;
    top: 6px;
    width: auto !important;
}
#IsIncludeFinished {
    position: relative;
    left: -5px;
    top: 6px;
    width: auto !important;
}

@-moz-document url-prefix() {
    #IsincludeFinished {
        position: relative;
        left: -5px;
        width: auto !important;
        top: 0px;
    }

    #IsIncludeFinished {
        position: relative;
        left: -5px;
        width: auto !important;
        top: 0px;
    }
}
.serachOrderRowsInhanced .form-group {
    margin-top: 0px !important;
    margin-bottom: 3px !important;
}
.pl-0{
    padding-left:0px;
}
.pr-0 {
    padding-right: 0px;
}

.accordion-main .panel-title .fa {
    margin-right: 10px !important;
}

.accordion-main .panel-title a {
    color: #000 !important;
    font-weight: 400;
}

.accordion-main .panel-title .fa {
    color: #00A9E0 !important;
    font-weight: bold;
    font-size: 18px !important;
}

.management-heading h3 {
    color: #818a91 !important;
    font-size:14px;
}

.accordion-main .fa.fa-circle {
    color: #ccc !important;
    font-size: 6px !important;
    padding-left: 12px;
}

#NotificationModal .modal-body {
    max-height: 75vh !important;
    overflow-y: scroll;
}

.notification-published {
    background: #f3f3f3;
    border: 0px;
    padding-top: 5px !important;
}
.notification-block {
    border: 1px solid #e5e5e5;
    margin-bottom: 10px !important;
}
.notification-published p {
    margin-bottom: 5px !important;
}
.notification-top {
    padding:10px;
    margin-bottom:10px;
}
.notification-icon .fa {
    color: #00A9E0 !important;
    font-size: 21px;
}
.notification-icon .badge.badge-info {
    border: 1px solid #00A9E0;
    position: relative;
    top: -8px;
    padding: 0px 2px;
    border-radius: 50px !important;
    font-size: 11px !important;
    color: #fff;
    left: -6px;
    background: #00A9E0;
}
.notification-count {
    padding-left:5px;
}


#NotificationModal .row {
    border: 1px solid #ccc;
    padding: 10px !important;
    margin-bottom: 20px;
}
.ViewOldNotificationBtn {
    margin-left: 5px !important;
}
.AjaxSubmitButton {
    display: block !important;
}

#AwarenessBarButtonMain .bg-blue.awarenessBarBtn {
    background: #00A9E0 !important;
    padding:4px !important;
}
.bg-gray.awarenessBarBtn {
    background: #A9A9A9 !important;
}
.bg-green.awarenessBarBtn {
    background: #5cb85c !important;
}
.bg-orange.awarenessBarBtn {
    background: #f0ad4e !important;
}
.bg-red.awarenessBarBtn {
    background: #d9534f !important;
}
.bg-red.allocatedbalancebutton {
    background: #d9534f !important;
}

input[type='checkbox']:checked:after {
    background: #00A9E0 !important;
    color: #fff;
}
.custom-width{
    width:30px !important;
}
/*#FilterName {
    width: 90%;
}*/
.serachOrderRowsInhanced ul {
    list-style: none;
    display: flex;
    padding: 0px !important;
    margin-bottom: 0px;
}
.serachOrderRowsInhanced ul li {
    display: inline-flex;
    padding: 0px 10px !important;
}
.serachOrderRowsInhanced ul li:nth-child(1) {
    padding-left: 0px !important;
}
.serachOrderRowsInhanced ul li:nth-last-child(1) {
  
    right: 0px !important;
    padding-right: 0px !important;
}
#AutoCompleteIndexSearch {
    height: 27px !important;
    width: 100%;
}
#PreDefinedSearchId {
    height: 27px !important;
   
}
.enhancedBlock {
    height: 27px !important;
    line-height: 25px !important;
}
.imgexcel.ExportToExcel {
    position: relative;
    top: -1px;
}
.enhancedCheck .enhancedBlock {
    display: flex;
}
.notification-published h4 {
    font-size: 13px !important;
}

.notification-published p {
    font-size: 12px !important;
}
#GenericUpload .modal-body p {
    margin-bottom: 0px !important;
}

.serachOrderRowsInhanced ul li:nth-child(2) {
    padding: 0px !important;
}
.serachOrderRowsInhanced ul li:nth-child(5) {
    padding: 0px !important;
}

.withSelectedRowsPopup .row:nth-child(1) {
    background: #b8b8b8 !important;
    line-height: 25px !important;
    color: #fff;
}
.withSelectedRowsPopup .row:nth-child(odd) {
    padding: 3px 9px;
    font-size: 12px !important;
    line-height: 25px !important;
}
.withSelectedRowsPopup .row:nth-child(even) {
    background-color: rgba(0, 0, 0, .05);
    padding: 3px 9px;
    font-size: 12px !important;
    line-height: 25px !important;
}
.withSelectedRowsPopup h5 {
    margin-bottom: 0px !important;
    padding-top: 5px;
    font-size: 12px !important;
    font-weight: bold;
}
.withSelectedRowsPopup .multiselect.dropdown-toggle.btn-dropdown {
    padding: 0px 10px !important;
}

.withSelectedRowsPopup .multiselect.dropdown-toggle::after {
    top: 0px !important;
}

.advance-search .SearchButtons {
    margin-top: 0px !important;
    float: right;
}

.SearchButtons {
    display: flex;
    margin-top: 31px !important;
}


.successBtnSm {
    border-color: #3c7c0d !important;
    color: #fff !important;
    background-color: #3c7c0d !important;
    padding: 0px 15px !important;
    line-height: 27px !important;
}
.successBtnSm:hover {
   opacity:.075;
}

.successBtnLg {
    border-color: #3c7c0d !important;
    color: #fff !important;
    background-color: #3c7c0d !important;
    padding: 0px 35px !important;
    line-height: 27px !important;
}
.successBtnLg:hover {
    opacity: .075;
}

.searchBtnLg {
    border: 0px !important;
    background: #00A9E0 !important;
    color: white !important;
    padding: 11px 12px !important;
}
.searchBtnLg:hover {
    opacity: .075;
}

.cancelBtnLg {
    border-color: #ededed !important;
    color: #646161 !important;
    background-color: #f5f5f5 !important;
    padding: 10px 12px 11px 12px !important;
}
.cancelBtnLg:hover {
    opacity: .075;
}
.fixedWidthBtn {
    width: 125px !important;
    display: block !important;
}

.XlogContent.reportMain .reportdiv table tr td {
    width: 50% !important;
}
.ware-house-width{
    width:2% !important
}

.adjustedwidthTable td {
    border-bottom: 0px solid #e3ebf3;
    line-height: 20px !important;
}

.adjustedwidthTable th:nth-last-child(1) {
    line-height: 30px !important;
    vertical-align: inherit;
}

.adjustedwidthTable th {
    line-height: 17px !important;
}

.adjustedwidthTable td {
    padding: 5px 6px !important;
}

.adjustedwidthTable td:nth-child(1) {
    padding: 5px 10px !important;
}

.adjustedwidthTable #IsOrderRowChecked {
    line-height: 30px !important;
    padding: 5px !important;
    width: 15px !important;
    text-align: center !important;
}
.adjustedwidthTable td {
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adjustedwidthTable td:hover {
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
}
/*remove hover effect on status td task: 3135*/
.adjustedwidthTable tbody tr td.rowStatus:hover {
    white-space: nowrap !important;
}
.adjustedwidthTable tbody tr td.rowStatus {
    overflow: visible !important;
    max-width: initial !important;
}

.adjustedwidthTable tbody tr td.rowOrder {
    overflow: visible !important;
    max-width: initial !important;
}

#OrderMvc .flex {
    overflow: visible !important;
    width: 100% !important;
    white-space: inherit !important;
    max-width: 200px !important;
}

    #OrderMvc .flex:hover {
        overflow: visible !important;
        width: 100% !important;
        white-space: inherit !important;
        word-break: inherit !important;
    }


#SearchOrderRowsMvc_summary {
    margin-left: 0px !important;
}


@media only screen and (min-width: 800px) and (max-width: 925px) {
    .mobile-device{
        display:none !important;
    }
}

@media screen and (min-device-width : 1200px) {
    .serachOrderRowsInhanced ul li:nth-last-child(1) {
       position:absolute !important;
    }
    .margin-table {
        margin-bottom: 35px !important;
    }
    .text-detail {
        float: left !important;
        width:auto !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 880px) {
    .total-entreies {
        width: 19.666667% !important;
    }

        .finish-order {
            width: 27% !important;
        }
    .total-entreies-order {
        width: 19.666667% !important;
    }

    .finish-order-order {
        width: 27% !important;
    }
}

@media only screen and (min-width: 910px) and (max-width: 1012px) {
    .total-entreies-order {
        width: 19.666667% !important;
    }

    .finish-order-order {
        width: 27% !important;
    }
    .total-entreies {
        width: 19.666667% !important;
    }

    .finish-order {
        width: 27% !important;
    }
    
}

.ActionToDo {
    margin-right: 10px !important;
}
.check-btn {
    margin-left: 5px !important;
}
.order-prview-field {
    float: left !important;
    width: 15% !important;
}
.preview-sales {
    margin-bottom: 2px !important;
    font-size:12px !important;
}
/* 3135>> Point 19>> G */
.blockquote, hr {
    margin-bottom: 0px !important;
}
hr {
    margin-top: 2px !important; 

}


@media only screen and (min-width: 1000px)  {
    .width-desktop {
        width: 12.5% !important;
    }

    .order-width-mobile {
        width: 14.2% !important;
    }
    /*.search-order-box .divideBar p{
        height:45px !important;
    }*/
    .order-create-filed{
        width:20% !important;
    }
    .expec-field {
        float: left !important;
        width: 14.4% !important;
    }
   
    }
@media only screen and (min-width: 764px) and (max-width: 999px) {
    .width-desktop {
        width: 100% !important;
    }

    .order-width-mobile {
        width: 100% !important;
    }
}
.filter-booking {
    
    font-weight: 600;
    width:12% !important;
}
@media only screen and (min-width: 767px) and (max-width: 1250px) {
    .pop-up-responsive-table {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        overflow-x: auto !important;
    }
    }
@media only screen and (min-width: 1150px) and (max-width: 1290px) {
    .btn-ipad {
        width: 100% !important
    }
}
    @media only screen and (min-width: 767px) and (max-width: 1150px) {
        .ipad-screen {
            margin-left: -13px !important;
        }
       
        .summery-preview-second {
            width: 50.666667% !important;
        }

        .summery-preview-1 {
            width: 48.666667% !important;
        }

        .summery-preview-offset {
            width: 0% !important
        }

        .col-md-8.half_section_left.text-left {
            width: 50%;
        }

        .col-md-4.half_section_right {
            width: 50% !important;
        }

        .btn-ipad {
            width: 100% !important
        }

        .preview-1-ipad {
            width: 95% !important;
            margin-left: 5px;
            margin-bottom: 25px;
        }

        .ipad-review-screen {
            margin-left: 18px;
        }

        .main-breadcrum-bar.col-md-5 {
            width: 66.6666666667%;
            margin-top: -7px !important;
        }

        .ipad-btn-responsive {
            width: 20% !important;
        }

        .btn-ipad-responsive {
            width: 100% !important;
            padding-top: 8px !important;
        }

        .crog-icon-show {
            float: left !important;
            width: 95.9% !important;
        }

        .horizontal-top-icon-menu.menu-collapsed #main-menu-navigation .nav-item a span {
            display: block;
            font-size: 8px !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .filter-booking {
            width: 100% !important;
        }
        .col-md-3.pl-0.pr-1.dropdown-large.mobile-right {
            width: 100% !important;
            padding-bottom: 6px !important;
        }
        .mobile-bottom{
            margin-bottom:10px !important;
        } 
        .col-md-3.pl-1.pr-1.top-dropdown-list.dropdown-large {
            width: 100% !important;
        }

        .pickup-btn {
            margin-left: 0px !important;
            margin-top: 6px !important;
        }
        .adropdown {
            width: 100% !important;
            overflow-x: auto !important;
        }

        .order-mobile-create {
            padding-bottom: 10px !important;
            margin-left: 5px !important;
        }

        .bread-filter {
            margin-top: 0px !important;
        }

        .preview-action-button {
            width: 100% !important;
        }

        .top-dropdown-list {
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-top: 0 !important;
        }

        .customer-field-combine {
            width: 100% !important;
            padding-right: 0px !important;
        }

        .mobile-margin {
            margin-top: 3px !important;
        }

        .order-prview-field {
            width: 100% !important;
            margin-left: 0px !important;
        }

        .order-create-btn-responsive {
            width: 100% !important;
            margin-bottom: 10px !important;
        }

        .mobile-responsive-table {
            margin-top: -87px !important
        }

        .mobile-responsive-table-2 {
            margin-top: -65px !important
        }

        .tab-preview-order {
            width: 98% !important;
            margin-bottom: 10px !important;
        }

        .preview-table-button {
            margin-left: 0px !important;
        }

        .dropbtn {
            margin-left: 0px !important;
        }

        .pick-tag-mobile {
            padding-top: 10px;
            padding-bottom: 10px;
            text-align: center;
        }

        .dropdown-content {
            min-width: 98% !important;
        }

        .responsive-mobile {
            padding-left: 0px !important;
        }

        .crog-icon-show {
            width: 90% !important;
        }

        .order-pick-number {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .clock-icon-book {
            margin-left: 10px !important;
            margin-top: 0 !important
        }

        .pop-up-responsive-table {
            display: block !important;
            width: 100% !important;
            min-height: 0 !important;
            overflow-x: auto !important;
        }
    }

    .edit-bg {
        background-color: #bd5858 !important;
    }

    .project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: black !important;
        border: 1px solid #c3c3c3 !important;
        background-color: white !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        border-bottom: 0px !important;
        padding: 0.4em 0.7em !important;
    }

    .tab-preview-order {
        color: black !important;
        border: 1px solid #c3c3c3 !important;
        background-color: #f3f3f3 !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        padding: 0.4em 0.7em !important;
    }

    .panel-title {
        border-bottom: 1px solid #EEE;
        padding-bottom: 5px;
        margin-right: 5px;
    }

    .pick-tag {
        font-weight: 600;
        margin-left: 11px;
        background-color: #eceeef;
        padding: 4px 22px 4px 22px;
        border-radius: 30px;
    }

    .dropbtn {
        background-color: #cacaca;
        color: black;
        font-size: 16px;
        width: 100%;
        padding-top: 4px;
        margin-left: 5px;
        border: none;
        line-height: initial;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 123px;
        margin-left: 5px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

        .dropdown-content a {
            color: black;
            padding: 6px 9px;
            text-decoration: none;
            display: block;
        }

            .dropdown-content a:hover {
                background-color: #00a9e0;
                color: white;
            }

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

    .dropdown:hover .dropbtn {
        background-color: #cacaca;
    }

    a.accordion.collapsed i.fa.fa-angle-right {
        margin-right: 10px;
        color: #00A9E0 !important;
        font-weight: bold;
        font-size: 18px !important;
    }

    a.accordion.collapsed {
        color: #000 !important;
        font-weight: 400;
    }

    i.fa.fa-angle-right.icon-color {
        color: #00A9E0 !important;
        font-weight: bold;
        font-size: 18px !important;
        margin-right: 10px;
    }

    a.accordion {
        color: #000 !important;
        font-weight: 400;
    }

    .order-create-spaces {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .order-add-icon {
        font-size: 20px !important;
        margin-left: 18px !important;
    }

    .table-active-btn {
        padding: 12px 17px !important;
    }

    .crog-icon-show {
        float: left !important;
        width: 97.9%;
    }

    .customer-crog {
        font-size: 17px !important;
        color: black !important;
    }

    .fa-angle-down {
        margin-right: 10px !important;
        color: #00A9E0 !important;
        font-weight: bold !important;
        font-size: 18px !important;
    }
    .fa-angle-right {
        margin-right: 10px !important;
        color: #00A9E0 !important;
        font-weight: bold !important;
        font-size: 18px !important;
    }

    .preview-btn-order-empty {
        width: 62.666667%;
    }

    .btn-order-preview {
        width: 37.333333%;
    }

    .transport-preview {
        width: 48%;
    }

    .border-sidebar {
        border-left: 1px solid lightgray;
        margin-top: -15px;
    }

    .product-search-heading {
        margin-top: 9px;
        margin-left: 10px;
    }

    .uppar-bar {
        width: 30% !important;
    }

    .order-number {
        font-weight: 400;
        color: black;
    }

.main-breadcrum-bar {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #e0e0e0;
    padding: 1px 0px 0px 9px;
    height: 23px;
    font-weight: 600;
    margin-top: -22px !important;
    margin-bottom: 7px;
}

    .clock-icon-book {
        width: 1%;
        padding-left: 0;
        margin-top: 26px;
    }

    .info-customer-detail {
       
        font-weight: 600;
    }

    @media only screen and (min-width: 1250px) {
        .summery-preview-1 {
            width: 34.333333% !important;
        }

        .summery-preview-offset {
            width: 29% !important;
        }

        .summery-preview-second {
            width: 36% !important;
        }

        .summery-booking-offset {
            width: 20.667% !important;
        }

        .summery-book-button {
            width: 10.666667% !important;
        }

        .sumery-dropdown {
            width: 15% !important;
        }

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

    @media (min-width: 992px) {
        .large-modal {
            max-width: 1115px !important;
        }

        .product-search-modal {
            max-width: 950px !important
        }

        .scrollaing-modal-remove {
            max-width: 1270px !important
        }
        
    }

    @media (min-width: 1500px) {
        .product-search-modal {
            max-width: 1400px !important;
        }

        .service-product-align-btn {
            margin-top: 3px !important;
        }
    }

    @media (min-width: 2500px) {
        .service-product-align-btn {
            margin-top: 4px !important;
        }
        .text-detail {
            float: left !important;
            width: auto;
        }
    }

    @media (min-width: 1400px) {
        .product-search-modal {
            max-width: 1200px !important;
        }
       
    }
@media only screen and (min-width: 1300px) and (max-width: 2000px) {
    .total-entreies-order {
        width: 16.6666666667% !important;
    }

    .finish-order-order {
        width: 16.6666666667% !important;
    }
}
@media only screen and (min-width: 2000px) and (max-width: 2800px) {
    .total-entreies-order {
        width: 11.6666666667% !important;
    }

    .finish-order-order {
        width: 11.6666666667% !important;
    }
}
@media only screen and (min-width: 2800px) and (max-width: 3500px) {
    .total-entreies-order {
        width: 9.6666666667% !important;
    }

    .finish-order-order {
        width: 9.6666666667% !important;
    }
}
@media only screen and (min-width: 3500px)  {
    .total-entreies-order {
        width: 7.6666666667% !important;
    }

    .finish-order-order {
        width: 7.6666666667% !important;
    }
}
@media only screen and (min-width: 1000px) and (max-width:1280px) {
    .total-entreies-order {
        width: 17.6666666667% !important;
    }

    .finish-order-order {
        width: 18.666666667% !important;
    }
    
}

    @media (min-width: 1480px) {
        .summery-text-width {
            width: 35% !important;
        }
    }

    @media (min-width: 1350px) {
        .agreed-modal {
            max-width: 1270px !important;
        }
    }

    @media (min-width: 1800px) {
        .product-search-modal {
            max-width: 1700px !important;
        }

        .col-md-8.half_section_left.text-left {
            width: 78.3333333333% !important;
        }

        .col-md-4.half_section_right {
            width: 18.6666666667% !important
        }

        .dropdown-large {
            width: 15% !important;
        }
    }



    @media (min-width: 1600px) {
        .product-search-modal, large-modal {
            max-width: 1550px !important;
        }
        .col-md-8.half_section_left.text-left {
            width: 74.3333333333% !important;
        }

        .col-md-4.half_section_right {
            width: 18.6666666667% !important
        }
    }

    @media (min-width: 2000px) {
        .product-search-modal {
            max-width: 1900px !important;
        }
        .col-md-8.half_section_left.text-left {
            width: 81.3333333333% !important;
        }

       
        
        .dropdown-large {
            width: 15% !important;
        }
    }
@media (min-width: 2300px) {
    .product-search-modal {
        min-width: 1900px !important;
    }
}

 

    @media (min-width: 2300px) {
        .product-search-modal {
            max-width: 1900px !important;
        }
        .col-md-8.half_section_left.text-left {
            width: 83.3333333333% !important;
        }

        .col-md-4.half_section_right {
            width: 16.6666666667% !important
        }
        .dropdown-large {
            width: 15% !important;
        }
    }

       

    @media (min-width: 2500px) {
        .product-search-modal {
            max-width: 1900px !important;
        }
        .col-md-8.half_section_left.text-left {
            width: 83.3333333333% !important;
        }
        .col-md-4.half_section_right {
            width: 16.6666666667% !important
        }
        .dropdown-large {
            width: 15% !important;
        }
    }
@media (min-width: 2500px) {
    .dropdown-large {
        width: 14% !important;
    }
    
}


    tr.CancelRowClass {
        text-decoration: line-through;
    }

    .tree-fields {
        list-style: none !important;
        padding-left: 10px !important;
    }

    .bullet-remove {
        list-style: none !important;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }

    .client-label {
        width: 3%;
        margin-top: -5px;
    }

    .spacing-checkbox-label {
        margin-left: -8px !important;
    }
    .customer-label {
        width: 6%;
        margin-top: -5px;
        margin-left: -8px;
    }

    .supplier-label {
        width: 5%;
        margin-top: -5px;
        margin-left:-8px;
    }

    .load-product-change {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .input-border-none {
        border: none !important;
        background-color: transparent !important;
        resize: none !important;
        outline: none !important;
    }
        /* outline task :3135 */
        .input-border-none:hover {
            outline: 2px solid lightblue !important;
        }
    .adropdown th {
        background: #b8b8b8 !important;
    }



    .focus-code:focus {
        border: 1px solid lightblue !important;
    }

    .booking-dropdown-summery {
        width: 19%;
        padding-top: 0px !important;
        padding-bottom: 3px !important;
        height: 25px !important;
        font-family: inherit;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .both-clear-cls {
        clear: both;
    }

    .pading-row-down {
        padding-bottom: 10px;
    }

    .margin-row-down {
        margin-bottom: 10px;
    }

    .margin-row-top {
        margin-top: 10px;
    }

    .paddind-row-top {
        padding-top: 10px;
    }

    .warning-icon-adjust {
        margin-left: 3px;
    }

    .pading-unit-col {
        padding: 7px 0px 0px 0px !important;
        padding-left: 0px !important;
    }

    td.pading-unit-col {
        padding-left: 0 !important;
    }

    .inline-dropdown-field {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 27px !important;
        font-family: inherit;
        border-radius: 2px;
        color: #000;
        transition: background 0.3s ease-in-out;
        width: 100%;
        padding: 4px 4px 4px 5px;
        outline: 0;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        margin: 0px;
    }

    .text-right.ShortagesBalance {
        color: red;
    }

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

    .order-customer-list {
        color: #3d3a3c !important;
    }

    .text-red-warning {
        color: red !important;
        text-align: left !important;
    }
    /*salesman page*/
    .load-search-filter {
        float: left;
        margin-top: 9px;
        margin-bottom: 6px;
        margin-left: 18px;
    }

    .project-tab {
        padding: 10%;
        margin-top: -8%;
    }

        .project-tab #tabs {
            background: #007b5e;
            color: #eee;
        }

            .project-tab #tabs h6.section-title {
                color: #eee;
            }

            .project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                color: #0062cc;
                background-color: transparent;
                border-color: transparent transparent #f3f3f3;
                border-bottom: 3px solid !important;
                font-size: 16px;
                font-weight: bold;
            }

        .project-tab .nav-link {
            border: 1px solid transparent;
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem;
            color: #0062cc;
            font-size: 16px;
            font-weight: 600;
        }

            .project-tab .nav-link:hover {
                border: none;
            }

        .project-tab thead {
            background: #f3f3f3;
            color: #333;
        }

        .project-tab a {
            text-decoration: none;
            color: #333;
            font-weight: 600;
        }

    .preview-edit-btn {
        margin-top: 16px;
        margin-left: 5px;
    }

    .keys-list-font {
        font-size: 10px !important;
    }

    .clear-popup-btn {
        margin-left: 10px !important;
    }

    .text-in-space {
        padding-right: 5px !important;
    }

    .cog-top-wheel {
        margin-top: 22px !important;
    }

    .check-cog-wheel-text {
        width: 14% !important;
        margin-top: 22px !important;
    }

    .cog-color-return {
        color: black !important;
    }

    .table-value-align {
        padding-top: 7px !important;
    }

    .checkbox-subscribe {
        margin-top: 3px !important;
    }

    td.text-left.productunit {
        color: red !important;
    }

    .action-trans {
        background: transparent;
    }
.col-md-3.pl-1.pr-1.top-dropdown-list.dropdown-large {
   
    width:16% ;
}
.col-md-3.dropdown-large.pl-0.pr-1 {
    width: 16%;
}
.height-btn-booking{
    height:27px !important;
}

button#OrderBooking_ServiceProductsbuttondiv {
    font-weight: 400;
    line-height: 0.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .4rem 1rem .5rem 1rem;
    font-size: 1rem;
    border-radius: .18rem;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 0.96rem !important;
    direction: ltr !important;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.height-title {
    height: 19px !important;
}
/*3135 point button text*/
#OrderBooking_AdvanceSearchBtn {
    display:flex;
    justify-content:center;
    font-weight: 400;
    line-height: 0.15;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .4rem 1rem .5rem 1rem;
    font-size: 1rem;
    border-radius: .18rem;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 0.96rem !important;
}
.service-product-align-btn {
    direction: ltr !important;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    height:27px !important;
}
.icon-danger{
    margin-bottom:3px !important;
}
.pickup-btn {
    float: left !important;
    margin-left: 14px ;
}

.text-danger-book {
    height: 27px !important;
    padding: 11px 12px !important;
    font-size: 1rem !important;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    padding-left: 0 !important;
}
.float-left-book{
    float:left !important;
}
}

.XlogTextbox .input-field-size {
    width: 85px !important;
}
.icon-main-bar{
    margin-left:5px !important;
}

.top-button{
    margin-top:3px;
}
.freight-value {
    margin-left:5px;
}
.check-freight {
   
}
@-moz-document url-prefix() {
    .mozila-display {
        
        white-space: nowrap;
        overflow-x: scroll !important;
        table-layout: auto;
      ::-webkit-scrollbar ;
    -ms-overflow-style: none;
       
    }

    
}
.in-col-menu{
    white-space:initial;
}
.right-clear-filter{
    margin-right:10px;
}
.inline-align{
    margin-left:12px;
}
.multi-connect {
    line-height: 46px;
}
.exclam-icon {
    padding-top: 5px;
    margin-left: 6px;
}
textarea {
    outline: none;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.checkbox-report {
    width: 4.333333% !important;
    margin-top: 7px !important;
}
.text-report {
    padding: 5px 10px 5px 10px;
    border: 1px solid #ffedcc;
    border-radius: 6px;
}
.report-header {
    font-size: 16px !important;
}
.firefox-tag {
    width: -moz-fit-content !important;
    display:inline-block;
    min-width:75px !important;
}

.OrderoRowStatusNameCircle.firefox-tag {
    width: -moz-fit-content !important;
}
.desc-width {
    width: 45%;
}
.tag-width{
    width:28%;
}
.card-height-box {
    height: 430px !important;
}
.end-left{
    text-align:end;
}
.body-bottom-card {
    margin-bottom: 4px;
    min-height: 174px;
}
.connect-user-sale {
    float: left;
    width: 14.4%;
}
.sale-table {
    float: left;
    width: 85.6%;
    padding-right: 0;
}
.font-connect{
    font-weight:400;
    margin-left:7px;
}
.btn-order-active{
    margin-bottom:3px;
}
.text-width-sale {
    margin-left: 4px;
}
i.fa.fa-angle-right.webshop-right-arrow {
    font-size: 16px;
    margin-left: 6px;
    font-weight: bold;
}

td.align-left.width-webshop {
    padding-top: 0;
    width: 9%;
}
.underline-webshop {
    text-decoration: underline;
    font-size: 1rem;
    padding-bottom: 0px;
    padding-top: 0px;
}
a.WebShopUrlLinkBtn.underline-webshop.btn:hover {
    text-decoration: underline;
}
.left-btn-margin{
    margin-left:3px !important;
}
.drop-down-book {
    font-size: 13px !important;
    color: #373a3c !important;
    font-weight: 600 !important;
    height: 20px;
    padding-top: 3px;
    margin-top: 0px;
}
.copy-text-order {
    font-size: 16px !important;
    margin-left: 6px;
    font-weight: 400 !important;
}
.crum-light-grey, .crum-hover-light-grey:hover, .crum-light-gray, .crum-hover-light-gray:hover {
    display: flex;
    width: fit-content;
}

.crum-bar .crum-bar-item {
    padding: 0px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0;
}
.btn-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.multiple-btn-padding{
    padding-left:0 !important;
}
.picker-height{
    height:27px;
}
form .form-control {
    height: 28px;
}
form textarea.form-control {
    height: inherit;
}
    input .ActualAutocomplete {
    height: 27px;
}
.order-prview-field-time {
    float: left !important;
    width: 18% !important;
}
.alternative-popup{
    padding-bottom:0px;
}
/* <History Author='Imdad Hussain' Date='2021-11-30' Version="8.11" Branch="vNext"> Panel save setting button css </History> */
/* The switch - the box around the slider */

.CustomerNotesToolTip {
    margin-left: 15px;
}
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 18px;
    bottom: 0px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 1px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
.search-toggle-bottom {
    border-bottom: 1px solid #EEE;
    margin-bottom: 6px;
}
.toggle-size-padding {
    padding: 0px 16px;
}

.crog-wheel-end{
    text-align:end;
}
.btn-order-row {
    display: flex;
    width: fit-content;
}
.btn-end-order {
    float: right;
}
.slider.round {
    width:42px;
}
.icontip {
    left: 127% !important;
    margin-left: 0px !important;
    bottom: auto !important;
    text-align: left !important;
    padding: 7px;
    width: 200px !important;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.tooltip .tooltiptext.icontip::after {
    border-style: hidden !important;
}
.writting-icon{
    margin-top:3px;
    cursor:pointer;
}
.tooltiptext.icontip {
    left: 127% !important;
    margin-left: 0px !important;
    bottom: auto !important;
    text-align: left !important;
    padding: 7px;
    width: 200px !important;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.bundle-btn {
    float: right;
    margin-left: 4px;
}
.customername-with {
    width: 50%;
}
.deleteuser-with {
    width: 11%;
}
.switch-button {
    margin-top: -2px;
    margin-left: 15px;
}
.keep-panel {
    color: #ccc;
}
.width-checkpanel{
    width:11px;
}
@media screen and (max-width: 1370px) {
    .switch-button {
        margin-top: 0px;
        
    }
}
.quantity-width {
    width: 55px !important;
}


#OrderMvcClearOrderfilterButton {
    max-width: 96px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding: 11px 5px !important;
    min-width: 90px !important;
}
#SearchOrderRowsMvcOrderRowsClearfilterButton {
    max-width: 96px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding: 11px 5px !important;
    min-width: 90px !important;
}
#GenericModalMainDiv .ModelActionButton, #GenericModalMainDiv .modalcancelButton {
    padding: 0px !important;
    height: 28px !important;
    line-height: 25px !important;
}
#GenericModalMainDiv .ModelActionButton span{
    min-width: 45px !important;
    line-height: 25px !important;
    padding: 5px 15px !important;
    vertical-align:super;
    text-align:center;
}

#GenericModalMainDiv .ModelActionButton {
  min-width: 45px !important;
}



.datesBlock .form-group .col-md-3:nth-child(2){
    padding-right:2px !important;
}
.datesBlock .form-group .col-md-3:nth-child(3){
    padding-left:2px !important;
}

.rowOrderFrom a:nth-child(1),.rowOrderTo a:nth-child(1) {
    display: inline-table;
    width: 80% !important;
}
.rowOrderFrom a:nth-child(2),.rowOrderTo a:nth-child(2) {
    display: inline-table;
}
#ReceivingMvc th {
    vertical-align: top !important;
}
#ReceivingMvcsaveSearchButton {
    padding: 10.95px 12px !important;
}
.SelectAll {
  width: 15px !important;
  height: 15px !important;
}

@-moz-document url-prefix() {
    .webtech_paging {
      position: sticky;
      right: 0px !important;
      float: inline-end !important;
      left: auto !important;
    }
}


@media only screen and (min-width: 268px) and (max-width: 767px) {
    .rowOrderFrom a:nth-child(1),.rowOrderTo a:nth-child(1) {
        display: inline-table;
        width: 75% !important;
    }
    .accordion-main .panel-body {
        padding-left: 0px !important;
    }
    .datesBlock .form-group .col-md-3:nth-child(3) {
        padding-left: 0px !important;
        padding-top: 5px;
    }
    .datesBlock .form-group .col-md-3:nth-child(2) {
        padding-right: 0px !important;
    }
    #ReceivingMvcSaveSearchFilterDivArea .form-group.row.p0 {
        display: flex;
        justify-content: space-between;
    }
    .rowOrderTo, .rowOrderFrom{
        width: 100px !important;
        min-width: 100px !important;
    }
}
.rowOrderTo {
    width: 100px;
}

.tableAwareness{
    margin-bottom: 0.31rem;
}


#OrderDate, #AskedReceivingDate, #ExpectedDeliveryDate, #ActualTimeOfArrival {
    width: 77px;
}

/*3175>>memoona>>Vnext date 2023-12-05*/
.ModelActionButton.create-button-popup > span, .FirstLevelModelActionButton.create-button-popup > span, .SecondLevelModelActionButton.create-button-popup > span {
    border-color: #3c7c0d !important;
    color: #fff !important;
    background-color: #3c7c0d !important;
    font-size: 1rem !important;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    padding: 11px 12px !important;
    display: inline-block;
    font-weight: 400;
    line-height: 0.20;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}

.modalcancelButton.cancel-button-popup > span, .FirstLevelModelCancelButton.cancel-button-popup > span, .SecondLevelModelCancelButton.cancel-button-popup > span {
    background-color: #f2f2f2 !important;
    color: black !important;
    font-size: 1rem !important;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    padding: 11px 12px !important;
    display: inline-block;
    font-weight: 400;
    line-height: 0.20;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}
/*EBEDEV-3135>>memoona>>Vnext date 2023-12-18*/

.label-cursor-pointer:hover {
    cursor:pointer !important;
}
/*EBEDEV-3135>>memoona>>advacnace serach's icon >>Vnext date 2024-01-03*/

.icon-fix-width {
    width:10px !important;
}
.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true], .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
    background-color: #00A9E0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 14px !important;
}

.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
    height: 25px !important;
    border-radius: 2px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 16px;
}
@media screen and (min-width: 1920px) and (min-height: 1080px) {
    .reorder-check {
        margin-top: 6px !important;
    }
}

@media screen and (min-width: 1680px) and (min-height: 1050px) {
    .reorder-check {
        margin-top: 6px !important;
    }
}

@media screen and (min-width: 1600px) and (min-height: 900px) {
    .reorder-check {
        margin-top: 6px !important;
    }
}

@media screen and (min-width: 1440px) and (min-height: 900px) {
    .reorder-check {
        margin-top: 6px !important;
    }
}

@media screen and (min-width: 1400px) and (min-height: 1050px) {
    .reorder-check {
        margin-top: 6px !important;
    }
}

@media (max-width: 1366px) and (max-height: 768px) {
    .reorder-check {
        margin-top: 3px;
    }
}

/*Task DEV-257 >>memoona */

/* Styles for mobile screens (268px to 767px) */
@media only screen and (min-width: 268px) and (max-width: 767px) {
    .search-button-styles {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

        .search-button-styles .col-md-4 {
            width: 100% !important;
            margin-bottom: 0;
        }

        .search-button-styles button {
            width: 100% !important;
        }

    #CreateReceivingMvcWithSelectedCreateReceivingBtn_Create,
    #CreateReceivingMvcWithShowIndications,
    #CreateReceivingMvcWithShowCriticalShortage,
    #CreateReceivingMvcWithRecalculateIndications {
        width: 100% !important;
        margin-bottom: 10px;
        display: block;
    }

    .receiving-button-styles .btn {
        flex: 1 1 100%;
    }
}

/* Styles for iPads and iPad Pro (768px to 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .search-button-styles {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: flex-end;
    }

        .search-button-styles .col-md-4 {
            flex: 1 1 calc(33.333% - 10px);
            box-sizing: border-box;
        }

        .search-button-styles button {
            width: 100%;
            margin: 0;
        }

    .receiving-button-styles .btn {
        flex: 1 1 calc(50% - 10px); 
        min-width: 150px;
    }
}

/* Styles for screens 1024px and wider */
@media only screen and (min-width: 1024px)  {

    #CreateReceivingMvcWithSelectedCreateReceivingBtn_Create,
    #CreateReceivingMvcWithShowIndications,
    #CreateReceivingMvcWithShowCriticalShortage,
    #CreateReceivingMvcWithRecalculateIndications {
        min-width: 150px; 
    }
}

/* Styles for tablet screens (768px - 1024px) */
@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .accordion-main {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
        .accordion-main .col-md-1.text-center {
            text-align: left; 
        }
        .accordion-main .form-group.row.p0 {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            width: 100%; 
        }
        .accordion-main .col-md-3 {
            width: 100%; 
        }
        .accordion-main .col-md-4 {
            flex: 0 0 15%; 
            max-width: 15%;
        }
        .accordion-main .col-md-7 {
            flex: 0 0 50%; 
            max-width: 50%;
        }
        .accordion-main .col-md-1 {
            flex: 0 0 20%; 
            max-width: 20%;
     
        }
      
        .accordion-main .col-md-2 {
            width: 30%; 
           
        }
        .accordion-main #DefaultFilterOption {
            width:20%;
            margin: 0px 7px;
        }
}
@media only screen and (max-width: 767px) {
    #DefaultFilterOption .form-group {
        margin: 4px !important;
    }
}

/*DEV-719  Memoona model size*/
@media (min-width: 992px) {
    .modal-lg-notifications {
        max-width: 1040px;
    }
}
.modal-footer-border-top {
    border-top: 0px;
}
/*DEV-1855 Padding memoona */
.padding-around-heading {
    padding-left:5px;
    padding-right: 5px;
}
/*DEV-1697  memoona> layout fix  */

@media (min-width: 1024px) {
    .Error-Description-width {
        max-width: 720px !important;
    }

    .Date-width {
        max-width: 220px !important;
    }
}