/*.page-logo span {
    background: url('../Images/VibeRent-LOGO.png') top left no-repeat;
    display: block;
    width: 200px;
    height: 100px;
    text-indent: -99999px;
    padding: 0px;
    margin: 0 0 0 25px;
   
}*/

html {
    overflow-x: hidden;
}
::-webkit-scrollbar-track {
    background-color: #fcfcfc !important;
}

::-webkit-scrollbar-thumb {
    background-color: #8b8b8b !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #7c7b7b !important;
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
}

.topSocial .twitter {
    background: url("../images/icon-twitter.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    float: left;
    height: 42px;
    width: 42px;
}

    .topSocial .twitter:hover {
        background: url("../images/icon-twitter.png") no-repeat scroll left -42px #46d4fe;
        border-radius: 40px !important;
        transition: all 300ms ease 0s;
    }

.topSocial .facebook {
    background: url("../images/icon-facebook.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    float: left;
    height: 42px;
    width: 42px;
}

    .topSocial .facebook:hover {
        background: url("../images/icon-facebook.png") no-repeat scroll left -42px #37589b;
        border-radius: 40px !important;
        transition: all 300ms ease 0s;
    }

.topSocial .linkedin {
    background: url("../images/icon-linkedin.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    float: left;
    height: 42px;
    width: 42px;
}

    .topSocial .linkedin:hover {
        background: url("../images/icon-linkedin.png") no-repeat scroll left -42px #419cca;
        border-radius: 40px !important;
        transition: all 300ms ease 0s;
    }

label {
    font-size: 12px !important;
    font-weight: bold !important;
}

.newMainContent label {
    font-size: 12px !important;
    color: #777777;
    font-weight: 400 !important;
}

.rowTable label {
    margin-bottom: 0;
    font-size: 12px !important;
}

.nav-tabs > li > a,
.nav-pills > li > a,
.portlet.light > .portlet-title > .caption > .caption-subject {
    font-size: 12px !important;
}

.portlet.light > .portlet-title > .caption > .caption-subject {
    font-size: 14px !important;
}

.overflowHidden {
    overflow: hidden;
}

.clear {
    clear: both;
}

.textareaHeight {
    height: 35px !important;
}


.tab-content {
    background: none !important;
}

.tabbable-line > .nav-tabs > li {
    /*margin-right: 19px !important;*/
}

.portlet.light {
    border-radius: 6px !important;
}

.breadcrumb {
    padding: 0 !important;
}

/*Extra Changes starts here*/

.form-control {
    font-size: 13px !important;
    height: 24px !important;
    padding: 0 6px !important;
}

.btn {
    font-size: 13px !important;
    padding: 4px 14px !important;
    border-radius: 4px !important;
}

@media (min-width:768px) {
    .btn {
        padding: 4px 14px !important;
    }
}

.portlet > .portlet-title > .caption {
    font-size: 14px !important;
}

textarea.form-control {
    height: 60px !important;
}

.page-head .page-title {
    padding: 9px 0 !important;
}

/* Rohit need to check after merge*/
/*.portlet.light {
padding: 0 15px !important;}*/

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

.portlet.light > .portlet-title > .caption,
.portlet.light > .portlet-title > .tools {
    padding: 10px 0 5px !important;
}

.portlet.light > .portlet-title {
    min-height: 38px !important;
}

/*Need to check after merge*/
.portlet {
    margin-bottom: 7px !important;
}

.nav-tabs > li {
    border-radius: 6px 6px 0 0 !important;
}

.tabbable-line > .tab-content {
    background: #fff !important;
}

/*.tabbable-line > .nav-tabs {
    padding-left: 15px;
}*/

.tabbable-line > .tab-content {
    padding: 15px 0 !important;
}

.page-prefooter {
    padding: 10px 0 !important;
}

.tableResponsiveScroll {
    width: 100%;
    overflow-x: scroll;
}

.overlay {
    background: #000;
    opacity: 0.50;
    z-index: 9999;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginTop10 {
    margin-top: 10px;
}

.clear {
    clear: both;
}


.marginTopBottom {
    margin: 0 0 35px !important;
}

@media (min-width:1200px) {
    .nav-tabs > li > a {
        padding: 10px 10px !important;
    }

    .clon-rental .col-lx-2 {
        max-width: 150px !important;
    }

    .clon-rental .col-lx-3 {
        max-width: 220px !important;
        margin-right: 30px;
    }
}

.CostValidate {
    text-align: right !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
    background: rgba(85, 97, 111, 0.8) !important;
}

.tabbable-line > .nav-tabs > li.active > a {
    border-radius: 4px 4px 0 0 !important;
}

.customRadio input[type="radio"],
.customCheck input[type="checkbox"] {
    margin-left: 0 !important;
    position: static !important;
}

.customRadio .radio-list .radio-inline + .radio-inline {
    margin-left: 0 !important;
}

.customRadio .radio-inline {
    padding-left: 0 !important;
}

.input-icon > i {
    margin: -4px 12px 4px 10px !important;
}

.controls .fa-sort {
    top: 4px !important;
}

.controls label {
    font-size: 13px !important;
}

.fileinput .btn {
    border-radius: 0 !important;
    padding: 3px 14px !important;
}

.input-group-addon {
    padding: 0 !important;
}

.customrowTable .rowTable {
    margin: 10px 0 !important;
}


.widget-header:after,
.widget-header:before {
    content: "";
    display: table;
    line-height: 0;
}

.widget-header:after {
    clear: right;
}

.widget-header > .widget-title {
    line-height: 36px;
    padding: 0;
    margin: 0;
    display: inline;
}

.widget-toolbar:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: -1px;
    border: 1px solid #D9D9D9;
    border-width: 0 1px 0 0;
}

input[type=checkbox].ace.ace-switch {
    width: 55px;
    height: 25px;
}

    input[type=checkbox].ace.ace-switch + .lbl {
        margin: 4px;
        min-height: 24px;
    }

        input[type=checkbox].ace.ace-switch + .lbl::before {
            content: "ACTIVE\a0\a0\a0\a0\a0\a0\a0\a0\a0INACTIVE";
            color: #999;
            text-shadow: 0 0 0 #999;
            font-weight: 400;
            font-size: 12px;
            line-height: 17px;
            height: 20px;
            overflow: hidden;
            border-radius: 12px;
            background-color: #F5F5F5;
            -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .15);
            box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .15);
            border: 1px solid #CCC;
            text-align: left;
            float: left;
            padding: 0;
            width: 84px;
            text-indent: -44px;
            margin-right: 0;
            -webkit-transition: text-indent .3s ease;
            -o-transition: text-indent .3s ease;
            transition: text-indent .3s ease;
            top: auto;
        }

        input[type=checkbox].ace.ace-switch + .lbl::after {
            content: 'III';
            font-size: 12px;
            font-weight: 400;
            letter-spacing: 0;
            color: #AAA;
            text-shadow: none;
            background-color: #FFF;
            border-radius: 100%;
            width: 22px;
            height: 22px;
            line-height: 22px;
            text-align: center;
            position: absolute;
            top: -2px;
            left: -3px;
            -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3);
            box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3);
            -webkit-transition: left .3s ease;
            -o-transition: left .3s ease;
            transition: left .3s ease;
        }

    input[type=checkbox].ace.ace-switch:checked + .lbl::before {
        text-indent: 10px;
        color: #FFF;
        text-shadow: 0 0 0 #FFF;
        background-color: #468fcc;
        border-color: #468FCC;
    }

    input[type=checkbox].ace.ace-switch:checked + .lbl::after {
        left: 64px;
        background-color: #FFF;
        color: #98A0A5;
    }

    input[type=checkbox].ace.ace-switch.ace-switch-2 + .lbl::before {
        content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
    }

    input[type=checkbox].ace.ace-switch.ace-switch-3 + .lbl::after {
        font-family: FontAwesome;
        font-size: 13px;
        line-height: 22px;
        content: "\f00d";
        top: -1px;
        text-shadow: none;
        padding: 0;
        text-align: center;
        color: #BBB;
        letter-spacing: 0;
    }

    input[type=checkbox].ace.ace-switch.ace-switch-3:checked + .lbl::after {
        content: "\f00c";
        color: #8AB2C9;
        text-shadow: none;
    }

    input[type=checkbox].ace.ace-switch.ace-switch-4,
    input[type=checkbox].ace.ace-switch.ace-switch-5 {
        width: 60px;
    }

        input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before,
        input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
            content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
            font-size: 12px;
            line-height: 21px;
            height: 24px;
            overflow: hidden;
            border-radius: 12px;
            background-color: #8b9aa3;
            border: 1px solid #8b9aa3;
            color: #FFF;
            width: 56px;
            text-shadow: 0 0 0 #FFF;
            display: inline-block;
            position: relative;
            box-shadow: none;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

        input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::after,
        input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::after {
            content: 'III';
            font-size: 11px;
            position: absolute;
            top: 2px;
            left: 2px;
            letter-spacing: 0;
            width: 20px;
            height: 20px;
            line-height: 19px;
            text-shadow: none !important;
            color: #939393;
            background-color: #FFF;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

        input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before,
        input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
            background-color: #468fcc;
            border-color: #468FCC;
        }

        input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::after,
        input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::after {
            left: 34px;
            background-color: #FFF;
            color: #848484;
        }

        input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
            content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
        }

    input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl {
        position: relative;
    }

        input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::before {
            font-family: FontAwesome;
            content: "\f00d";
            text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
            box-shadow: none;
            border-width: 0;
            font-weight: lighter;
            font-size: 16px;
            border-radius: 12px;
            display: inline-block;
            background-color: #888;
            color: #F2F2F2;
            width: 52px;
            height: 22px;
            line-height: 21px;
            text-indent: 32px;
            -webkit-transition: background .1s ease;
            -o-transition: background .1s ease;
            transition: background .1s ease;
        }

        input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::after {
            content: '';
            text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
            position: absolute;
            top: 2px;
            left: 3px;
            border-radius: 12px;
            box-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
            width: 18px;
            height: 18px;
            text-align: center;
            background-color: #F2F2F2;
            border: 4px solid #F2F2F2;
            -webkit-transition: left .2s ease;
            -o-transition: left .2s ease;
            transition: left .2s ease;
        }

    input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::before {
        content: "\f00c";
        text-indent: 6px;
        color: #FFF;
        border-color: #b7d3e5;
        background-color: #ff893c;
    }

    input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::after {
        left: 32px;
        background-color: #FFF;
        border: 4px solid #FFF;
        text-shadow: 0 -1px 0 rgba(0, 200, 0, .25);
    }

    input[type=checkbox].ace.ace-switch.ace-switch-7 {
        width: 75px;
    }

        input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl {
            position: relative;
        }

            input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl::before {
                content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
                font-weight: bolder;
                font-size: 13px;
                background-color: #FFF;
                border: 2px solid #AAA;
                border-radius: 0;
                box-shadow: none;
                color: #AAA;
                width: 74px;
                height: 26px;
                line-height: 22px;
                overflow: hidden;
                text-indent: 5px;
                display: inline-block;
                position: relative;
                -webkit-transition: all .2s ease;
                -o-transition: all .2s ease;
                transition: all .2s ease;
            }

            input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl::after {
                content: '\f00d';
                font-family: FontAwesome;
                font-size: 16px;
                position: absolute;
                top: 3px;
                left: 39px;
                width: 32px;
                height: 20px;
                line-height: 18px;
                text-align: center;
                padding: 0;
                text-indent: 0;
                background-color: #AAA;
                color: #FFF;
                border-radius: 0;
                box-shadow: none;
                -webkit-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

        input[type=checkbox].ace.ace-switch.ace-switch-7:checked + .lbl::before {
            color: #468fcc;
            background-color: #FFF;
            text-indent: -28px;
            border-color: #6fb3e0;
        }

        input[type=checkbox].ace.ace-switch.ace-switch-7:checked + .lbl::after {
            left: 3px;
            content: '\f00c';
            background-color: #468fcc;
            color: #FFF;
        }

    input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before {
        content: attr(data-lbl);
    }

    input[type=checkbox].ace.ace-switch.btn-empty + .lbl::after {
        content: "";
    }

    input[type=checkbox].ace.ace-switch.btn-rotate + .lbl::after {
        content: "\2261";
        line-height: 20px;
        font-size: 17px;
    }

input[type=checkbox].ace.ace-switch-4.btn-rotate + .lbl::after,
input[type=checkbox].ace.ace-switch-5.btn-rotate + .lbl::after {
    line-height: 17px;
}

input[type=checkbox].ace.ace-switch.btn-flat + .lbl::after,
input[type=checkbox].ace.ace-switch.btn-flat + .lbl::before {
    border-radius: 0 !important;
}

input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
    text-indent: -24px;
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
    text-indent: 7px;
}

input[type=checkbox].ace,
input[type=radio].ace {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

label input[type=checkbox].ace,
label input[type=radio].ace {
    z-index: -100 !important;
    width: 1 !important;
    height: 0 !important;
}

input[type=checkbox].ace:checked,
input[type=checkbox].ace:focus,
input[type=radio].ace:checked,
input[type=radio].ace:focus {
    outline: 0 !important;
}

input[type=checkbox].ace + .lbl,
input[type=radio].ace + .lbl {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: 400;
    cursor: pointer;
}

    input[type=checkbox].ace + .lbl::before,
    input[type=radio].ace + .lbl::before {
        cursor: pointer;
        font-family: fontAwesome;
        font-weight: 400;
        font-size: 12px;
        color: #32a3ce;
        content: "\a0";
        background-color: #FAFAFA;
        border: 1px solid #c8c8c8;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
        border-radius: 0;
        display: inline-block;
        text-align: center;
        height: 16px;
        line-height: 14px;
        min-width: 16px;
        margin-right: 1px;
        position: relative;
        top: -1px;
    }

input[type=checkbox].ace:checked + .lbl::before,
input[type=radio].ace:checked + .lbl::before {
    display: inline-block;
    content: '\f00c';
    background-color: #F5F8FC;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1);
}

input[type=checkbox].ace + .lbl:hover::before,
input[type=checkbox].ace:hover + .lbl::before,
input[type=radio].ace + .lbl:hover::before,
input[type=radio].ace:hover + .lbl::before {
    border-color: #ff893c;
}

input[type=checkbox].ace:active + .lbl::before,
input[type=checkbox].ace:checked:active + .lbl::before,
input[type=radio].ace:active + .lbl::before,
input[type=radio].ace:checked:active + .lbl::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1);
}

input[type=checkbox].ace.ace-checkbox-2 + .lbl::before,
input[type=radio].ace.ace-checkbox-2 + .lbl::before {
    box-shadow: none;
}

input[type=checkbox].ace.ace-checkbox-2:checked + .lbl::before,
input[type=radio].ace.ace-checkbox-2:checked + .lbl::before {
    background-color: #f9a021;
    border-color: #f9a021;
    color: #FFF;
}

input[type=checkbox].ace.disabled + .lbl::before,
input[type=checkbox].ace:disabled + .lbl::before,
input[type=checkbox].ace[disabled] + .lbl::before,
input[type=radio].ace.disabled + .lbl::before,
input[type=radio].ace:disabled + .lbl::before,
input[type=radio].ace[disabled] + .lbl::before {
    background-color: #DDD !important;
    border-color: #CCC !important;
    box-shadow: none !important;
    color: #BBB;
}

input.ace + .lbl.padding-16::before {
    margin-right: 16px;
}

input.ace + .lbl.padding-12::before {
    margin-right: 12px;
}

input.ace + .lbl.padding-8::before {
    margin-right: 8px;
}

input.ace + .lbl.padding-4::before {
    margin-right: 4px;
}

input.ace + .lbl.padding-0::before {
    margin-right: 0;
}

input[type=radio].ace + .lbl::before {
    border-radius: 100%;
    font-size: 10px;
    font-family: FontAwesome;
    text-shadow: 0 0 1px #32a3ce;
    line-height: 15px;
    height: 17px;
    min-width: 17px;
}

input[type=radio].ace:checked + .lbl::before {
    content: "\f111";
}

.widget-toolbar {
    display: inline-block;
    padding: 0 10px;
    line-height: 37px;
    float: right;
    position: relative;
}

    .widget-toolbar label {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
    }

    .widget-toolbar:before {
        display: inline-block;
        content: "";
        position: absolute;
        top: 3px;
        bottom: 3px;
        left: -1px;
        border: 1px solid #D9D9D9;
        border-width: 0 1px 0 0;
    }

input[type=checkbox].ace.ace-switch {
    width: 55px;
    height: 25px;
}

    input[type=checkbox].ace.ace-switch + .lbl {
        margin: 4px;
        min-height: 24px;
    }

        input[type=checkbox].ace.ace-switch + .lbl::before {
            content: "ACTIVE\a0\a0\a0\a0\a0\a0\a0\a0\a0INACTIVE";
            color: #999;
            text-shadow: 0 0 0 #999;
            font-weight: 400;
            font-size: 12px;
            line-height: 17px;
            height: 20px;
            overflow: hidden;
            border-radius: 12px;
            background-color: #F5F5F5;
            -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .15);
            box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .15);
            border: 1px solid #CCC;
            text-align: left;
            float: left;
            padding: 0;
            width: 84px;
            text-indent: -44px;
            margin-right: 0;
            -webkit-transition: text-indent .3s ease;
            -o-transition: text-indent .3s ease;
            transition: text-indent .3s ease;
            top: auto;
        }

        input[type=checkbox].ace.ace-switch + .lbl::after {
            content: 'III';
            font-size: 12px;
            font-weight: 400;
            letter-spacing: 0;
            color: #AAA;
            text-shadow: none;
            background-color: #FFF;
            border-radius: 100%;
            width: 22px;
            height: 22px;
            line-height: 22px;
            text-align: center;
            position: absolute;
            top: -2px;
            left: -3px;
            -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3);
            box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3);
            -webkit-transition: left .3s ease;
            -o-transition: left .3s ease;
            transition: left .3s ease;
        }

    input[type=checkbox].ace.ace-switch:checked + .lbl::before {
        text-indent: 10px;
        color: #FFF;
        text-shadow: 0 0 0 #FFF;
        background-color: #468fcc;
        border-color: #468FCC;
    }

.widget-header {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    min-height: 38px;
    /*background: #f7f7f7 repeat-x;
    background-image: -webkit-linear-gradient(top,#fff 0,#C5D3EB 100%);
    background-image: -o-linear-gradient(top,#fff 0,#C5D3EB 100%);
    background-image: linear-gradient(to bottom,#fff 0,#C5D3EB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffC5D3EB', GradientType=0);*/
    color: #3A74AD;
    border-bottom: 1px solid #ADC1E2;
    padding-left: 12px;
    text-transform: uppercase;
    font-stretch: expanded;
}

/*Floating Label css starts here*/

.field--wrapper {
    position: relative;
    /*margin-bottom:20px;*/
}

    .field--wrapper label {
        position: absolute;
        padding: 0 3px;
        top: -13px;
        left: 5px;
        color: #333;
        background: rgba(255, 255, 255, 0.6);
        font-size: 13px;
        transition: all 0.1s linear;
        opacity: 0;
    }

        .field--wrapper label.on {
            color: #077abc;
        }

        .field--wrapper label.show {
            top: -12px;
            opacity: 1;
            color: #077abc;
        }

/*Floating Label css ends here*/

.portlet.light > .portlet-title {
    margin-bottom: 7px !important;
}

.margin10 {
    margin: 10px 0 !important;
}

.itemDetailScroll {
    width: 100%;
    /*overflow-y: scroll;*/
    max-height: 220px;
}

.registerDiv input,
.registerDiv textarea {
    padding-right: 40px !important;
}

.clear {
    clear: both;
}

.ui-dialog {
    z-index: 999;
}

.redText {
    color: red;
}

.ui-jqgrid-hdiv .ui-jqgrid-htable th {
    background: #4b8df8 !important;
    color: #fff !important;
}

.ui-jqgrid {
    box-shadow: none !important;
    border-radius: 0 !important;
    border: solid 1px #ddd !important;
}

.ui-pg-table {
    color: #333 !important;
}

.ui-jqgrid-htable,
.ui-jqgrid-btable {
    width: 100% !important;
}

.ui-button {
    background: #fff !important;
}

.ui-widget .myAltRowClass {
    background: #8fbc8f !important;
}

.newMainContent .ui-jqgrid tr:nth-child(odd),
.newMainContent .ui-jqgrid tr:nth-child(odd) .freezeCol {
    background: #fff !important;
    /* border: none;*/
    z-index: 99;
}

.ui-jqgrid tr:nth-child(even) {
    background: #dbf0f5 !important;
}

.newMainContent .ui-jqgrid tr:nth-child(even),
.newMainContent .ui-jqgrid tr:nth-child(even) .freezeCol {
    background: #FAFAFA !important;
    /*border: 1px solid #DEE2E6 !important;*/
}

.ui-jqgrid tr.ui-row-ltr td {
    padding: 9px 8px !important;
    color: #000000 !important;
    font-size: 12px !important;
    border: 1px solid #DEE2E6;
}

/*Please don't remove these css because we are using these css to change item grid's row color */
/*We are changing color by adding text-red-color or text-blue-color or text-black-color*/
/*In just above css (applied on .ui-jqgrid tr.ui-row-ltr td) we defined row text color to "color: #000000 !important" so we need to override this color*/
/*To override current row color we added a new color class and then change row's text color*/
.ui-jqgrid tr.ui-row-ltr.text-red-color td, .text-red-color {
    color: red !important;
}

.ui-jqgrid tr.ui-row-ltr.text-blue-color td, .text-blue-color {
    color: blue !important;
}

.ui-jqgrid tr.ui-row-ltr.text-black-color td, .text-black-color {
    color: black !important;
}

.ui-jqgrid tr.ui-row-ltr.text-green-color td, .text-green-color {
    color: #07b407 !important;
}
/*Added by Nithil start for task VI-1643*/
.ui-jqgrid tr.ui-row-ltr.text-orange-color td, .text-orange-color {
    color: #dc0073 !important;
}
/*By Nithil end for task VI-1643*/
/*added for loaded and decom*/
.ui-jqgrid tr.ui-row-ltr.text-maroon-color td, .text-maroon-color {
    color: #6D1B1B !important;
}
.ui-jqgrid tr.ui-row-ltr.text-deepteal-color td, .text-deepteal-color {
    color: #004D40 !important;
}
/*Please don't remove above css because we are using these css to change item grid's row color */
.ui-jqgrid .ui-pg-input,
.ui-pg-selbox {
    height: 25px !important;
    border: solid 1px #ddd;
    border-radius: 4px !important;
    color: #777 !important;
    padding: 6px !important;
}

.ui-jqgrid-sortable {
    text-align: left;
}

.ui-pager-control {
    background: #fff;
}

.ui-jqgrid-btable tr {
    cursor: pointer;
}

.ui-datepicker {
    background: #fff !important;
    border-radius: 6px !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    font-size: 13px !important;
}

.ui-datepicker-header {
    background: #fff !important;
    border: none !important;
}

.ui-datepicker-title,
.ui-datepicker th {
    font-weight: normal !important;
}

.ui-datepicker-next-hover {
    right: 2px !important;
    top: 2px !important;
}

.ui-datepicker-prev-hover {
    left: 2px !important;
    top: 2px !important;
}

.ui-datepicker-prev-hover,
.ui-datepicker-next-hover,
.ui-datepicker td a:hover {
    background: #eee !important;
    border: none !important;
    cursor: pointer;
    border-radius: 4px !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center !important;
    background: #fff !important;
    border: none !important;
    padding: 6px !important;
}

.ui-datepicker-current-day .ui-state-active {
    background: #3276b1 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.ui-datepicker-close,
.ui-datepicker-current {
    background: #468fcc !important;
    color: #fff !important;
    border-radius: 4px !important;
    border: none !important;
    font-weight: normal !important;
}

    .ui-datepicker-close:hover,
    .ui-datepicker-current:hover {
        border: none !important;
    }

.editable {
    border: solid 1px #e5e5e5 !important;
    padding: 5px !important;
    border-radius: 4px !important;
}

/*.s-ico {
position: absolute; right: 15px;}*/

.ui-jqgrid .ui-jqgrid-htable th {
    padding: 5px !important;
    font-weight: bold !important;
}


.newMainContent .ui-jqgrid .ui-jqgrid-htable th {
    font-weight: 400 !important;
}

.ui-jqgrid .ui-jqgrid-pager {
    height: auto !important;
    padding: 5px 0 !important;
    background: #fff !important;
}

.ui-jqgrid-btable select {
    width: 100% !important;
}

.ui-jqgrid .ui-jqgrid-hbox {
    float: none !important;
}

.ui-pg-button:hover {
    border: none !important;
    padding: 1px !important;
}

.marginTop25 {
    margin-top: 25px !important;
}

.modal .modal-header,
.ui-dialog-titlebar {
    background: #418bca !important;
    border-radius: 6px 6px 0 0 !important;
}

    .modal .modal-header h4,
    .ui-dialog-title {
        color: #fff !important;
    }

.well {
    border-radius: 4px !important;
}

.transferKit {
    border: 1px solid #e5e5e5;
    max-height: 130px !important;
    height: 130px !important;
    width: 100%;
    overflow-y: scroll;
}

.qty {
    font-size: 13px !important;
    height: 24px !important;
    padding: 0 6px !important;
    background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    font-weight: normal;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.transferToRight {
    margin-top: 80px;
    /*margin-left: 3%;*/
}

.transferRight {
    min-height: 164px !important;
    max-height: 164px;
    overflow-y: scroll;
    background: #fff;
    border: solid 1px #e5e5e5;
}

.greyBox {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #ddd;
    margin: 10px 0 !important;
    padding: 15px;
}

.chooseLine {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    padding-top: 10px;
    color: #4db3a2 !important;
}

.showHide {
    background: none repeat scroll 0 0 #eee;
    color: #333;
    cursor: pointer;
    float: left;
    height: 28px;
    padding: 5px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 28px;
}

.uploadImageThumbPreview {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 1px solid #acacac;
    display: inline-block;
    margin: 0px 10px 20px 0;
    padding: 6px 6px 30px;
    position: relative;
    vertical-align: top;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 16%);
    font-size: 14px;
    width: 120px;
    height: 230px;
    border-radius: 4px !important;
}

.RemoveAttachment {
    background: none repeat scroll 0 0 #35aa47;
    color: #fff !important;
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-top: 7px;
    padding: 5px 10px;
    cursor: pointer;
    text-align: center;
    border-radius: 4px !important;
    /* position: absolute;
    bottom: -11px;
    left: 8%;*/
}

div#AttachmentContainerReturn .uploadImageThumbPreview {
    height: 140px;
}

.RemoveAttachment:hover {
    text-decoration: none;
}

.uploadedImg {
    width: 105px;
    height: 100px;
}

    .uploadedImg img {
        width: 100%;
        height: 100%;
    }

.floatLeft {
    float: left;
}

.barCodeImg {
    /*height: 100px;width: 100px;*/
}

    .barCodeImg img {
        width: 100%;
        height: 100%;
    }

.ui-icon-closethick {
    top: 0 !important;
    left: 0 !important;
}

.dropdown-menu .mega-menu-content .mega-menu-submenu li > a {
    font-weight: bold !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
    background: none repeat scroll 0 0 #4e5966 !important;
}




/*-----------XERO, MYOB, QBO -----------*/
h1.xero {
    color: #fff;
    background: #00B7E3 url(../images/xero.png) left center no-repeat;
    padding: 10px 10px 10px 90px;
    font-size: 18px;
    width: 100%;
    display: inline-block;
}

.btn-xero,
.btn-xero:focus {
    background-color: #00B7E3 !important;
    border-color: #00B7E3;
}

    .btn-xero:active,
    .btn-xero:hover {
        background-color: #00A5CE !important;
        border-color: #00B7E3;
    }

    .btn-xero.active {
        background-color: #00A5CE !important;
        border-color: #00A5CE;
    }

h1.xerodisconnect {
    color: #fff;
    background: #f7500c url(../images/xero.png) left center no-repeat;
    padding: 10px 10px 10px 90px;
    font-size: 18px;
    width: 100%;
    display: inline-block;
}

.btn-xerodisconnect,
.btn-xerodisconnect:focus {
    background-color: #f7500c !important;
    border-color: #f7500c;
}

    .btn-xerodisconnect:active,
    .btn-xerodisconnect:hover {
        background-color: #f7500c !important;
        border-color: #f7500c;
    }

    .btn-xerodisconnect.active {
        background-color: #f7500c !important;
        border-color: #f7500c;
    }

h1.myob {
    color: #fff;
    background: #6A1F7E url(../images/myob.png) left center no-repeat;
    padding: 10px 10px 10px 90px;
    font-size: 18px;
    width: 100%;
    display: inline-block;
}

.btn-myob,
.btn-myob:focus {
    background-color: #6A1F7E !important;
    border-color: #6A1F7E;
}

    .btn-myob:active,
    .btn-myob:hover {
        background-color: #6A1F7E !important;
        border-color: #521861;
    }

    .btn-myob.active {
        background-color: #6A1F7E !important;
        border-color: #6A1F7E;
    }

h1.qbo {
    color: #fff;
    background: #2CA01C url(../images/qbo.png) left center no-repeat;
    padding: 10px 10px 10px 90px;
    font-size: 18px;
    width: 100%;
    display: inline-block;
}

.btn-qbo,
.btn-qbo:focus {
    background-color: #2CA01C !important;
    border-color: #2CA01C;
}

    .btn-qbo:active,
    .btn-qbo:hover {
        background-color: #2CA01C !important;
        border-color: #258417;
    }

    .btn-qbo.active {
        background-color: #2CA01C !important;
        border-color: #2CA01C;
    }

#xero a,
#myob a,
#qbo a {
    color: #fff !important;
}

/*-------------------------------------------------*/

.CheckBoxAlignTop {
    vertical-align: top;
    line-height: 30px;
}

.rowTable1 {
    margin: 5px 0;
}

.showMenu {
    display: block !important;
}

.loaderDiv {
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 10px;
}

    .loaderDiv img {
        width: 100%;
        height: 100%;
    }

#myDashboard {
    margin: 0;
    padding: 0;
}

    #myDashboard li {
        list-style: none;
        float: left;
        width: 50%;
    }

#delmodAccessoriesGrid,
#delmodCustomChargeGrid,
#delmodPeriodTypesGrid,
#delmodRentalGrid,
#delmodgrid-table,
#delmodStanddownDtlsGrid,
#editmodaddressGrid,
#info_dialog,
#delmodKitGrid,
#delmodaddressGrid,
#editmodCustomerGrid,
#delmodBookingAccessoriesGrid,
#delmodAmortisationGrid,
#delmodPlaceOrder,
#delmodLocationGrid,
#delmodacn-addressGrid,
[aria-describedby="ui-id-2"] {
    left: 37% !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px !important;
    top: 30% !important;
}

#delmodCustomerGrid,
#delmodaddressGrid,
#delmodacn-addressGrid {
    width: 370px !important;
    left: 35% !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px !important;
    top: 30% !important;
}

#delmodacn-addressGrid {
    z-index: 11000 !important;
}

.ui-widget-header {
    border-radius: 4px 4px 0px 0px !important;
}

.ui-jqdialog .ui-jqdialog-titlebar,
.ui-jqdialog-content,
.ui-jqdialog .ui-jqdialog-content {
    padding: 15px !important;
}

.ui-jqdialog .ui-jqdialog-titlebar {
    cursor: auto !important;
}

.ui-jqdialog-titlebar-close {
    background: none !important;
}

    .ui-jqdialog-titlebar-close:hover,
    .ui-jqdialog-titlebar-close:active,
    .ui-jqdialog-titlebar-close:focus {
        background: none !important;
        border: none !important;
        outline: none !important;
    }

.ui-jqdialog .ui-jqdialog-title {
    font-weight: normal !important;
}

.warningBg {
    background: #fae2dd;
    padding: 5px;
    line-height: 22px;
}

.ui-widget-overlay {
    background: #000 !important;
    opacity: 0.5 !important;
    position: fixed !important;
}

.ui-widget-header {
    background: none repeat scroll 0 0 #418bca !important;
    color: #fff !important;
    border: none !important;
}

.ui-jqdialog {
    position: fixed !important;
    top: 0 !important;
    margin: 30px 0;
    padding: 0 !important;
    border: none !important;
}

.ui-widget-content {
    border: none !important;
}

.ui-datepicker-title {
    color: #333 !important;
}

.positionTop {
    position: absolute;
    top: -15px;
    right: 0;
}

#printable1 img {
    /*width: 100%;*/
}

/*.ui-jqgrid-hdiv {
    width: 98.5%;}
.ui-jqgrid-bdiv {
    max-height: 200px;overflow-y: scroll;}*/
/*.ui-dialog {
    top: 15% !important;
    border-radius: 6px !important;
    position: fixed !important;
}*/

.page-content {
    padding: 10px 0;
}

.close {
    opacity: 1 !important;
}

/*.modal-dialog {
    top: 30% !important;}*/

.modal-myposition {
    top: 30% !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .modal-myposition,
    .modal-myposition2 {
        top: 220px !important;
    }
}

.modal-myposition2 {
    top: 15% !important;
}


.modal-myposition,
.modal-myposition23 {
    top: 220px !important;
}

}

.modal-myposition23 {
    top: 10% !important;
}

.modal-custwidth {
    width: 700px;
}

.underline:hover {
    text-decoration: underline;
}

#printable1 {
    text-align: center;
}

.scrollerGrid {
    max-height: 200px;
    overflow: scroll;
}

.ui-icon-closethick {
    background: url(/assets/global/img/remove-icon-small.png) no-repeat 3px 2px rgba(0, 0, 0, 0) !important;
}


.ui-dialog-titlebar-close {
    border: none !important;
}

.modal-content {
    border-radius: 6px !important;
    background-clip: inherit !important;
}

.page-content {
    min-height: 450px;
}

.maxHeight {
    /*height: 200px;*/
    max-height: 200px;
    overflow: scroll;
}

.ui-datepicker {
    z-index: 2 !important;
}

.newMainContent .tabbable-line > .nav-tabs > li > a {
    font-weight: 400;
    font-size: 14px !important;
    padding: 9px 16px !important;
    color: #007AFF !important;
}

.tabbable-line > .nav-tabs > li > a {
    font-weight: bold;
}

textarea {
    resize: none;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background: #e7e7e7;
    border: 1px solid #cbcccd !important;
}

.ui-jqgrid .ui-jqgrid-view {
    border: solid 1px #e5e5e5;
}

.greenText {
    color: #35aa47;
    font-weight: bold;
    padding: 10px;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 5px !important;
    margin: 10px 0;
}

.warningText {
    color: #fff;
    font-weight: bold;
    padding: 10px;
    background: #dd5a43;
    border-radius: 5px !important;
    margin: 10px 0;
}

#InvPriceSection label,
#InvCustomChargesSection label {
    display: block;
    text-align: right;
}

.marginTop15 {
    margin-top: 15px !important;
}

.ui-autocomplete {
    background: none repeat scroll 0 0 #f5f5f5 !important;
    border: 1px solid #ddd !important;
    max-height: 300px;
    overflow-y: scroll;
    /*width: 25% !important;*/
}

/*.ui-state-hover {
        background: transparent !important;
    }*/
.ui-jqgrid-bdiv .ui-state-hover {
    background: none !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    /*background: #fff !important;*/
    border: none !important;
}

.ui-autocomplete .ui-menu-item .ui-state-focus {
    background: #fff !important;
}

.maxHeight200 {
    max-height: 200px;
    overflow-y: auto;
}

.maxHeight235 {
    max-height: 235px;
    overflow-y: auto;
}

#Span_ShowLoading {
    float: left;
    padding-top: 3px;
    padding-left: 5px;
}

.ui-autocomplete-input,
.searchIconBg {
    background: url(../../Images/search-grey.svg) no-repeat #fff;
    padding-right: 20px !important;
    background-position: center right 8px;
    background-size: 16px;
}

/*.ui-autocomplete-input, .searchIconBg {
    background: url('../../Content/web/treeview/search.png') 99% 4px no-repeat #fff ; padding-right: 20px !important;
}
*/
.logoContainer {
    width: 240px !important;
    height: 120px !important;
    position: relative;
}

    .logoContainer img {
        width: 100%;
        height: 100%;
    }

.ui-icon-trash {
    background: url('/Images/trash.png') no-repeat !important;
}

.ui-state-hover .ui-icon-trash {
    margin: 0 !important;
}

/*.ui-state-hover span {
            margin: 0 !important;}*/

.ui-jqgrid .ui-jqgrid-resize-ltr {
    margin: 0 !important;
}


.ui-icon-pencil {
    /*background: url('../../Content/web/edit.png') no-repeat !important;*/
    background: url('/Images/pencil2.png') no-repeat !important;
    margin: 0 5px !important;
    /*background: url('/Images/edit12.png') no-repeat !important;*/
}

.ui-icon-disk {
    background: url('/Images/save.png') no-repeat !important;
    margin: 0 5px !important;
}

.ui-icon-cancel {
    background: url('/Images/cancel.png') no-repeat !important;
}

#VisibleReportContentReportViewer3_ctl09 table {
    width: 100% !important;
    max-height: 1000px;
}

#VisibleReportContentReportViewer2_ctl09 table {
    width: 100% !important;
}

#VisibleReportContentReportViewer2_ctl09 table {
    width: 100% !important
}



.borderControl {
    border: solid 1px #ccc;
    width: 100%;
}

.exportOptions span {
    margin: 0 5px;
    cursor: pointer;
}

/*.exportOptions {
float: right;}*/
.width100P {
    width: 100%;
}

.labelRight {
    display: block;
    text-align: right;
    padding-right: 3px;
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 5px !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}

legend {
    margin: 0 !important;
}

.loaderPage {
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.loaderInner {
    position: absolute;
    top: 50%;
    left: 37%;
    z-index: 99999;
    background: #fff;
    text-align: center;
    padding: 5px;
}

.pleasewaitLabel {
    color: #333;
    font-size: 16px;
    display: block;
    text-align: center;
}

.showLoader {
    display: block !important;
}

.removeImage {
    background: none repeat scroll 0 0 #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 0;
}

#jqgh_grid-table_quantity,
#jqgh_grid-table_rentalrate,
#jqgh_grid-table_amount,
#jqgh_grid-table_Hirerate,
#jqgh_grid-table_Discount,
#jqgh_transactionGrid_GrossAmount,
#jqgh_StanddownDtlsGrid_Days,
#jqgh_invoiceHeaderGrid_GrossAmount,
#jqgh_paymentGrid_PaymentAmount,
#jqgh_tblJQGrid_InvPeriodCost,
#jqgh_tblJQGrid_amount,
#jqgh_tblJQGrid_finalrentalrate {
    text-align: right;
}

.disabledPointer {
    opacity: 0.5;
    pointer-events: none;
}

.newMainContent .form-control {
    border: 1px solid #E0E0E0 !important;
    border-radius: 5px !important;
    height: 34px !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    display: inline-flex;
    align-items: center;
}

.form-control:focus {
    border-color: #999999 !important;
}

.eventMgtDataActive {
    float: none !important;
}


    .eventMgtDataActive::before {
        border: none !important;
    }

#gview_KitGrid > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > .ui-jqgrid-labels > th:last-child {
    width: 25px !important;
}

#KitGrid tbody tr td:last-child {
    width: 25px !important;
}

.ui_tpicker_hour .ui_tpicker_hour_slider .ui-state-active,
.ui_tpicker_minute .ui_tpicker_minute_slider .ui-state-active {
    background: #e9967a !important;
}

.ui_tpicker_hour_slider,
.ui_tpicker_minute_slider {
    background: none repeat scroll 0 0 #f3f3f3 !important;
    border: 1px solid #cacaca !important;
}

.loginError {
    border: 1px solid #e23e3e !important;
}

.greyBoxInvoice {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #ddd;
    margin: 10px 0 !important;
    padding: 5px;
}

/*.previewHeader label, .addressSection label {
    font-weight: bold;}*/

.form-control1 {
    background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    outline: none !important;
}

.setMaxHeight {
    height: 80px !important;
    max-height: 80px !important;
}

.invoiceDetailGreyBox {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #ddd;
    margin: 10px 0 !important;
    padding: 5px;
}

    .invoiceDetailGreyBox label {
        font-weight: bold;
        margin-right: 10px;
    }


.marginTop7 {
    margin-top: 7px;
}

.marginTop3 {
    margin-top: 3px;
}


.modal .modal-header.modal-red {
    background: none repeat scroll 0 0 #d84a38 !important
}

.modal .modal-header.modal-green {
    background: none repeat scroll 0 0 #35aa47 !important
}

.modal .modal-header.modal-blue {
    background: none repeat scroll 0 0 #4b8df8 !important
}

.modal .modal-header.modal-gray {
    background: none repeat scroll 0 0 #bebdbd !important;
}

.modal .modal-header.modal-yellow {
    background: none repeat scroll 0 0 #ffb848 !important
}

.modal .modal-header.modal-purple {
    background: none repeat scroll 0 0 #8775a7 !important
}

.minHeight50px {
    min-height: 53px !important;
}

.fc-header {
    background: #1bbc9b;
}

.fc-header-left,
.fc-header-center,
.fc-header-right {
    padding-top: 10px !important;
}

    .fc-header-left .fc-state-default,
    .fc-header-right .fc-state-default {
        background: none;
        background-image: none;
        border: none;
        box-shadow: none;
        color: #fff;
        text-shadow: none;
    }

    .fc-header-right .fc-state-active {
        background: #fff;
        color: #1bbc9b;
        border-radius: 6px 6px 0 0 !important;
    }

.fc-header-right {
    vertical-align: bottom !important;
}

    .fc-header-right span {
        padding: 5px;
        display: inline;
        margin: 0 5px !important;
    }

.fc-header .fc-header-left .fc-button,
.fc-header .fc-header-right .fc-button {
    margin-bottom: 0;
}

.fc-event {
    border: none !important;
    border-radius: 4px !important;
    padding: 2px;
}

.ConfirmedCal {
    height: 15px;
    width: 15px;
    background: #1bbc9b;
    float: left;
}

.TentativeCal {
    height: 15px;
    width: 15px;
    background: #c6a202;
    float: left;
}

.CancelledCal {
    height: 15px;
    width: 15px;
    background: #f3565d;
    float: left;
}

.RentalCal {
    height: 15px;
    width: 15px;
    background: #657fd2;
    float: left;
}

.ServiceCal {
    height: 15px;
    width: 15px;
    background: #999C9C;
    float: left;
}

.fullCal label {
    margin: 0 5px;
}

.noBg {
    background: none !important;
}

/*Comment to solve the grid issue*/
/*#BookingNoGrid_ShipAddrDtls {
    width: 120px !important;}
    */
.minHeight50px .freeText {
    height: 26px !important;
}

.resultBlock {
    clear: both;
}

.newSearch {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 1;
    background: #fff;
    border: 1px solid #ddd !important;
    max-height: 300px;
    overflow-y: scroll;
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
    z-index: 99;
    font-size: 10px;
}

    .newSearch li:hover {
        background: #ddd;
        color: #555;
        cursor: pointer;
    }

    .newSearch li.selectedli {
        background: #f6f6f6;
        color: #555;
        cursor: pointer;
    }

    .newSearch li + li {
        border-top: 1px solid #ddd;
    }

    .newSearch li:nth-child(2n+1) {
        background: #f5f5f5;
    }

        .newSearch li:nth-child(2n+1):hover {
            background: #ddd;
        }

#loginLink,
#login i {
    color: #fff;
}

/*.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu::after {
    border-bottom-color: #4db3a2 !important;}*/

/*.page-header .page-header-top .top-menu .navbar-nav > li;.dropdown-dark .dropdown-menu {
    background: none repeat scroll 0 0 #ddd !important;
}*/

#ReportViewerframe .reportLoaderPos {
    position: absolute;
    left: 50%;
    top: 50%;
}

.greyBorder {
    border-bottom: solid 1px #d9d9d9;
    border-top: solid 1px #d9d9d9;
}

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

.smartSearch {
    float: left;
}

.text-blue {
    color: #428bca !important
}
/*---- Common css start here ---*/

.newMainContent .modal-header h4,
.newMainContent .ui-dialog-title {
    color: #777 !important;
}

a {
    color: #007AFF;
}

.bg-transparent {
    background: transparent !important;
}

.font_12 {
    font-size: 12px !important;
}

.font_14 {
    font-size: 14px !important;
    line-height: 16px !important;
}

.text_777 {
    color: #777777
}

.text_dark {
    color: #000;
}

.fw-bold {
    font-weight: bold !important;
}

.newMainContent .bold_head {
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: bold !important;
    color: #212529;
}

.bold_text {
    color: #212529;
}

.text-normal {
    text-transform: unset !important;
}

.w-100 {
    width: 100%;
}

.d-none {
    display: none;
}

.d-Flex {
    display: flex;
}

.d-inline-Flex {
    display: inline-flex;
}

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


.justify-between {
    justify-content: space-between;
}

.flex-Wrap {
    flex-wrap: wrap;
}

.gap-5 {
    margin-right: -5px;
    margin-left: -5px;
}

    .gap-5 > * {
        padding-left: 5px;
        padding-right: 5px;
    }

.position-relative {
    position: relative;
}

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

.pt-0 {
    padding-top: 0 !important;
}

.pe-0 {
    padding-right: 0 !important;
}

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

.pb-30 {
    padding-bottom: 30px;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.border-0 {
    border: none !important;
}

.success-theme-btn {
    height: 36px;
    display: inline-flex;
    align-items: center;
    padding: 10px 16px !important;
    font-size: 12px !important;
    color: #fff !important;
    background: #28A745 !important;
    border-radius: 8px !important;
    line-height: normal;
}

.ht_30 {
    height: 30px;
}

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

.mt_10 {
    margin-top: 10px !important;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_15 {
    margin-bottom: 15px !important;
}

.mb_25 {
    margin-bottom: 25px;
}

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

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

.my_15 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.newMainContent .portlet-title {
    padding: 5px 28px !important;
    background-color: #F0F3F7;
}

.ht-34 {
    height: 34px !important;
}

.rounded_4 {
    border-radius: 4px !important
}

.rowTable {
    margin: 5px 0;
}
/* close icon */
.newMainContent .modal-header .close {
    background: url(/Images/close-icon.svg) no-repeat !important;
    background-size: 12px !important;
    top: 50% !important;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
}
/* Dropdown Icon*/
select.selectdropdownIcon, .bottom-dropdown button.dropdown-toggle, .latest-grid tbody td select {
    background-image: url(../../Images/chevron-down.svg) !important;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    background-position: center right 7px;
    background-size: 11px;
    padding: 5px !important;
}

/*.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick, .ui-dialog-titlebar-close {
    background: url(../../Images/cross.png) no-repeat !important;
    background-size: 12px !important;
    width: 12px;
    height: 12px;
}*/
/* table css start here*/
.newMainContent table th {
    border-left: 1px solid #DEE2E6 !important;
    background: #F8F8F8 !important;
    font-size: 12px !important;
    color: #777777 !important;
    font-weight: 400 !important;
    padding: 5px !important;
    height: auto !important;
}

.newMainContent .ui-jqgrid tr.ui-row-ltr td {
    padding: 5px !important;
    border-right: 1px solid #DEE2E6;
    border-bottom: 1px solid #DEE2E6 !important;
}

.newMainContent .ui-jqgrid-hdiv .ui-jqgrid-htable th {
    background: #F8F8F8 !important;
    color: #777777 !important;
}

.addBtn {
    width: auto;
    height: 34px;
    padding: 8px 10px 5px 30px !important;
    position: relative;
    font-size: 12px !important;
}

    .addBtn img {
        position: absolute;
        width: 16px;
        height: 16px;
        left: 11px;
        top: 8px;
        color: #fff;
        font-size: 16px;
    }

.newMainContent .modal-dialog input[type=button] {
    font-size: 14px !important;
    line-height: 16px;
    height: 32px;
}

.height34 {
    height: 34px;
}

.h-100 {
    height: 100%;
}
/*-- new common css*/
body .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 8px;
    width: 19px;
    margin: 0px 0 0 0;
    padding: 1px;
    height: 18px;
    top: 50% !important;
    transform: translateY(-50%);
    background: none !important;
}

.ui-dialog .ui-dialog-titlebar .ui-button-text {
    display: none !important;
}

.mb_5 {
    margin-bottom: 5px;
}

.align-items-start {
    align-items: start;
}
/*---- Common css end here ---*/
.itemDetailScroll.latest-grid div#gview_tblJQGrid, .itemDetailScroll.latest-grid div#gview_tblJQGrid .ui-jqgrid-bdiv,
.itemDetailScroll.latest-grid .ui-state-default.ui-jqgrid-hdiv {
    width: auto !important;
}

/*=== UI css start  here ===*/


.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #EFEFEF !important;
}

.newMainContent .tabbable-line > .nav-tabs > li.active,
.newMainContent .tabbable-line > .nav-tabs > li.open,
.newMainContent .tabbable-line > .nav-tabs > li:hover {
    border-bottom: none !important;
    background: #fff !important;
    color: #000 !important;
}

    .newMainContent .tabbable-line > .nav-tabs > li.open a,
    .newMainContent .tabbable-line > .nav-tabs > li:hover a,
    .newMainContent .tabbable-line > .nav-tabs > li.active a {
        color: #000 !important
    }

.bottom_buttons .btn {
    padding: 7px 13px !important;
    height: 30px;
    font-size: 12px;
}

.bottom_buttons .blue.btn {
    background: #007AFF !important;
}

.bottom-dropdown {
    display: inline-block;
}

    .bottom-dropdown ul.dropdown-menu {
        background: #fff;
        bottom: 100%;
        top: auto;
        z-index: 99;
        left: 0;
        box-shadow: none;
    }

/*.newMainContent .latest-grid tbody td input,
.newMainContent .latest-grid tbody td select,
.newMainContent .latest-grid tbody td textarea {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
}
*/
.search_new {
    position: relative;
}

.bottom-dropdown {
    background: #fff;
    bottom: 100%;
    top: auto;
    z-index: 99;
    left: 0;
    box-shadow: none;
    min-width: 173px !important;
    max-width: 152px;
}

    .bottom-dropdown ul.dropdown-menu input {
        background: #fff !important;
        text-align: left !important;
        border: none;
        padding: 6px 16px !important;
        font-size: 12px;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
    }

        .bottom-dropdown ul.dropdown-menu input:hover {
            background: #d6d2d2 !important;
        }

.more-option-dropdown ul li {
    width: 100% !important;
    margin-right: 0 !important;
}

.bottom_buttons {
    width: 100%;
    float: left;
    margin: 0 7px 0 0 !important;
}

.bottom-dropdown button.dropdown-toggle {
    background-color: #fff !important;
    height: 30px;
    border: 1px solid #E0E0E0;
    border-radius: 5px !important;
    font-size: 12px !important;
    color: #000000 !important;
    width: 100%;
    text-align: left;
}


.search_new .form-control {
    height: 38px !important;
}

.search_new .btn {
    background: transparent !important;
    color: #7777 !important;
    font-size: 18px !important;
    position: absolute;
    right: 7px;
    top: 7px;
    padding: 0 !important;
}

.search_field {
    max-width: 266px;
    display: inline-block;
    width: 100%;
    margin-right: 25px;
}

.transaction-form {
    width: 100%;
    display: inline-block;
    max-width: 166px;
    margin-right: 14px;
}

.page-content .d-flex {
    display: flex;
}

.page-content .d-inline-flex {
    display: inline-flex;
}

.custom-accordions button.btn-primary {
    font-size: 12px !important;
    font-weight: 400 !important;
    background: transparent !important;
    color: #007AFF !important;
    padding: 0 !important;
    margin-bottom: 10px;
    display: block;
}

.collapsed .hide-rent {
    display: none;
}

.show-rent {
    display: none;
}

.collapsed .show-rent {
    display: inline-block;
}

.transaction-form label {
    min-height: 24px;
    color: #777777;
}

.greyBox.rental-type {
    border: 1px solid #E0E0E0 !important;
    border-radius: 5px !important;
    background: #fff !important;
    padding: 9px 11px;
    max-width: 220px;
    width: 100%;
    margin: 0 0 0 90px !important;
}

.rental-type #Div_WeeklySubs {
    margin-top: 8px;
}

.rental-type label {
    font-size: 12px;
    color: #777777;
}

.bottom-dropdown .caret {
    display: none;
}

body .newMainContent .discount-box {
    margin-bottom: 6px;
}

    body .newMainContent .discount-box > * {
        width: 50% !important;
        display: inline-flex;
        align-items: center;
        height: 32px !important;
    }

    body .newMainContent .discount-box span {
        border-radius: 4px 0px 0px 4px !important;
    }

    body .newMainContent .discount-box input {
        border-radius: 0px 4px 4px 0px !important;
        text-align: right !important;
    }

.total-amt input,
.total-amt input[readonly] {
    border: none !important;
    background: transparent !important;
}

.total-amt {
    padding: 0 10px;
}

    .total-amt span {
        height: auto !important;
        align-items: center;
    }

    .total-amt .input-icon {
        height: auto !important;
    }

        .total-amt .input-icon input {
            height: auto !important;
        }

    .total-amt.discount-border {
        margin-bottom: 0;
        border-bottom: 1px solid #DEE2E6;
    }

.discount_box {
    max-width: 250px;
    margin: 0 0 0 auto;
}

.table-bottm-btn .btn {
    height: 26px;
}

.table-bottm-btn .grey {
    background: #777777 !important;
    color: #fff !important;
}

.page_heading {
    font-size: 16px;
    color: #212529;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px;
}

/*.tabbable-line > .tab-content > .row {
    background: #fff;
}*/

.item-detail-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F8F8F8;
    border: 1px solid #DEE2E6;
    /*height: 37px;*/
    padding: 4px 11px;
    border-bottom: 0;
    flex-wrap: wrap;
}

    .item-detail-right > div:not(:last-child) {
        margin-bottom: 4px;
    }

.item-search {
    background: transparent !important;
    padding: 0 !important;
}

    .item-search .item_field {
        border: 1px solid #E0E0E0;
        border-radius: 5px !important;
        width: 102px;
        text-align: left;
        height: 26px;
        position: relative;
        margin-left: 6px;
        background: #fff;
    }

        .item-search .item_field label,
        .item-search .item_field input {
            background-color: transparent !important;
            color: #000;
            height: 100%;
            margin: 0;
            width: 100%;
            text-align: left;
            display: inline-flex;
            align-items: center;
            top: 0;
        }

        .item-search .item_field .itemsearch {
            position: absolute;
            right: 5px;
            left: auto;
            width: 18px;
            background-size: 17px;
            top: 4px;
        }

.item-detail-right label {
    margin-bottom: 0;
}

.table-bottm-btn {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border: 1px solid #DEE2E6;
    padding: 6px 6px;
    margin-top: -1px;
    width: auto;
    /*padding-right: 80px;*/
}

.latest-grid .ui-jqgrid .ui-jqgrid-hdiv {
    border: none !important;
}

.latest-grid ::-webkit-scrollbar {
    width: 6px;
    border: 1px solid #d5d5d5;
    height: 6px;
}

.latest-grid ::-webkit-scrollbar-track {
    border-radius: 0;
    background: #eeeeee;
}

.latest-grid ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #b0b0b0;
}

.customer_outer h2, .customer_outer #customerShowName {
    font-size: 16px;
    color: #000000;
    margin: 0 0 5px;
}

.edit-customer {
    font-size: 12px;
    color: #007AFF;
    text-decoration: underline;
    border: none !important;
    background: transparent;
}

.customer_outer p {
    margin-top: 5px;
}

.input-label-alligned input[type=radio],
.input-label-alligned input[type=checkbox] {
    top: 2px;
    position: relative;
}

.same-address {
    margin-left: 15px;
}

.customer-detail-new.portlet {
    padding: 25px 28px !important;
}

.add-button i {
    font-size: 16px;
    margin-right: 6px;
    margin-top: 0;
}

.total-box {
    max-width: 360px;
    margin: 0 0 0 auto;
    border-top: 1px solid #DEE2E6;
    border-bottom: none !important;
}

.otherCharges .portlet {
    padding: 5px 15px 10px !important;
    border-bottom: 8px solid rgb(239 243 248);
    margin-bottom: 20px !important;
}

.custom-charg-heading {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
}

    .custom-charg-heading > span {
        margin-right: 20px;
    }

.otherCharges #CustomChargesSection input {
    height: 42px !important;
}

.newMainContent .ui-dialog .ui-widget-header,
.newMainContent .modal-header {
    background: #fff !important;
    border-bottom: 1px solid rgb(204 204 204 / 60%) !important;
    padding: 10px 15px !IMPORTANT;
}

    .newMainContent .ui-dialog .ui-widget-header span,
    .newMainContent .modal .modal-header h4 {
        color: #777 !important;
        font-weight: 400;
        font-size: 16px;
        text-transform: capitalize;
    }

.customer_row input,
.sel-address select {
    height: 29px !important;
    max-width: 267px !important;
    margin-right: 1px;
    display: inline-block;
    width: 100%;
    min-width: 250px;
}

.add-customer .btn-success {
    height: 30px;
    border-radius: 4px !important;
}

.add-customer .ui-autocomplete-input,
.add-customer .searchIconBg {
    background: url(../../Content/web/treeview/search.png) 98% 6px no-repeat #fff;
    padding-right: 20px !important;
}

.add-customer {
    margin-left: 6px;
    margin-right: 6px;
}

.itemDetails {
    margin-top: 30px;
}

.latest-design-popup .modal-header {
    background: transparent !important;
    color: #777777 !important;
    position: relative;
}

    .latest-design-popup .modal-header h4 {
        color: #777777 !important;
        font-size: 16px;
        line-height: 24px;
    }

    .latest-design-popup .modal-header .close {
        color: #343A40 !important;
        position: absolute;
        font-size: 29px;
        right: 22px;
        z-index: 9999;
        text-indent: initial !important;
    }

.latest-design-popup .modal-header {
    background: transparent !important;
    color: #777777 !important;
    position: relative;
    padding: 12px 30px 15px 15px;
}

.popup-form input,
.popup-form select,
.popup-form textarea.form-control {
    max-width: 100% !important;
    height: 34px !important;
}

.popup-form .form-group {
    margin-bottom: 10px;
}

.latest-grid {
    overflow-x: hidden !important;
}

.rental-type span.lbl {
    margin-bottom: 3px;
    display: block;
}

.rental-type .form-control {
    height: 38px !important;
    margin-bottom: 10px;
    color: #000000;
}

/*select.form-control,
button.dropdown-toggle {
    background-image: url(../../Images/chevron-down.svg);
    background-repeat: no-repeat;
    -webkit-appearance: none;
    background-position: center right 8px;
    background-size: 11px;
    padding-right: 20px !important;
}*/

.portlet.light.bottom-btn-box {
    padding: 10px 15px 20px !important;
}

.otherCharges .success-theme-btn {
    height: 30px;
    border-radius: 5px !important;
}

label.memp-deposit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.memp-deposit span input,
.memp-deposit span label {
    margin-top: 0;
    margin-bottom: 0;
}

.memp-deposit span input {
    position: relative;
    top: 2px;
}

.payment-button-section .table-bottm-btn {
    background: transparent;
    border: none;
    padding: 0;
}

.payment-button-section {
    padding: 40px 15px 30px;
}

.payment-grid.itemDetailScroll .ui-jqgrid-bdiv {
    height: auto !important;
}

.charge-label {
    display: flex;
    justify-content: space-between;
}

    .charge-label label {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.newMainContent .modal-header {
    padding: 18px 40px 18px 15px !important;
    margin: 0 !important;
    position: relative;
}

.itemsearch-secheader {
    margin-bottom: 15px;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.SearchImageContainer img.centers {
    border: none !important;
}

.newMainContent .dlg-form-footer .btn {
    height: 36px;
    line-height: normal;
}

.newMainContent .dlg-form-footer {
    padding-top: 20px;
}

.ui-dialog-buttonset button {
    cursor: pointer;
    border: none !important;
    height: 32px;
    margin: 0 6px 2px 0px;
    border-radius: 4px !important;
    background: #28A745 !important;
    color: #fff !important;
    padding: 4px 16px;
}

    .ui-dialog-buttonset button:nth-child(2) {
        color: #333333 !important;
        background-color: #e5e5e5 !important;
    }

        .ui-dialog-buttonset button:nth-child(2):hover {
            color: #333333 !important;
            background-color: #d1d1d1 !important;
        }

    .ui-dialog-buttonset button span {
        padding: 0 !important;
        font-size: inherit;
        border-radius: 0 !important;
        border: 0 !important;
    }

.ui-dialog-content h6 {
    font-size: 14px;
}

.s-number-search {
    margin-bottom: 15px;
}

.itemDetailScroll button {
    border: none;
    background: transparent;
}

    .itemDetailScroll button .font-green-sharp {
        color: #767676 !important;
    }

.inStock .input-group {
    padding: 0 !important;
    background: transparent !important;
}

.inStock .label {
    background: #fff !important;
    color: #000;
    border: 1px solid #E0E0E0;
    border-radius: 5px !important;
    height: 24px !important;
    display: inline-flex;
    align-items: center;
    margin-left: 5px;
    min-width: 37px;
    top: 0;
}

.customer_outer #emailID {
    margin-top: 5px;
}

/*=== delivered and returned badge css start here ===*/
/*Added .deliver_box .badge-orange by Nithil start for task VI-1643*/
.deliver_box .badge-red,
.deliver_box .badge-blue,
.deliver_box .badge-green,
.deliver_box .badge-orange {
    border-radius: 4px !important;
}

.delivered-inner .label-danger {
    background: #007aff2e !important;
    color: #007aff;
    text-align: center !important;
    justify-content: center;
}

.inStock-inner .label-success {
    text-align: center !important;
    justify-content: center;
}

.picked-inner .label-picked {
    background: #c5e9c5 !important;
    color: #07b407 !important;
    text-align: center !important;
    justify-content: center;
}

.return-inner .label-warning {
    background: rgb(216 74 56 / 15%) !important;
    color: #d84a38;
    justify-content: center;
}
/*//added form load and decom*/
/* Loaded – Deep Teal */
.load-inner .label-load {
    background: #E0F2F1 !important; /* light teal background */
    color: #004D40 !important; /* deep teal text */
    text-align: center !important;
    justify-content: center;
}

/* Decommissioned – Maroon */
.decom-inner .label-warning {
    background: #F3E5E5 !important; /* light maroon background */
    color: #6D1B1B !important; /* maroon text */
    justify-content: center;
}

.add-border {
    position: relative;
}

    .add-border:after {
        content: "";
        position: absolute;
        height: 80%;
        top: 50%;
        transform: translateY(-50%);
        background: rgb(0 0 0 / 12%);
        right: -4px;
        width: 1px;
    }

.modal .danger {
    background: rgb(255 65 51 / 13%);
    border-left: 0;
    width: 100%;
    display: block;
    padding: 10px;
    border-radius: 6px;
    color: #f44336;
    text-align: center;
}

.page-header .page-header-top .top-menu {
    margin: 13px 0 0;
    padding: 0;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}
/*.input-group.txtGeneralSearchdiv {
    position: absolute;
    right: 200px;
    top: 17px;
}*/
.latest-design-popup .modal-dialog {
    max-width: 480px;
}

.newMainContent .modal-footer {
    border: none;
    padding-top: 0;
    text-align: left;
    padding-bottom: 18px;
}

.modal-footer .btn {
    background: #28A745;
    font-size: 14px !important;
    color: #fff;
    height: 32px;
    padding: 5px 12px !important;
}

body #gview_tblItemHistory {
    width: 100% !important;
}

.other-detail-tab .tabbable-line ul li.active {
    border-bottom: 2px solid #007AFF !important;
}


div#DivCustomers .modal-content.modal-radius > div, div#DivSubCategory .modal-content.modal-radius > div {
    padding-left: 15px;
    padding-right: 15px;
}

    div#DivCustomers .modal-content.modal-radius > div:nth-child(2), div#DivSubCategory .modal-content.modal-radius > div:nth-child(2) {
        margin-top: 10px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
    }

        div#DivCustomers .modal-content.modal-radius > div:nth-child(2) span.label-field, div#DivSubCategory .modal-content.modal-radius > div:nth-child(2) span.label-field {
            margin-right: 8px;
        }

.modal#otherCharges .btn {
    height: 36px;
    background: #35aa47;
    margin-top: 6px;
}

.page-header .page-header-top .top-menu {
    padding-right: 15px !important;
}

.top-menu .dropdown-dark.open .dropdown-menu {
    position: absolute;
    top: 0;
    float: none;
    right: 0;
    left: auto;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
    background: transparent !important;
}

.invoice_preheader {
    margin-top: 30px;
}

/*==== jagdish css start here */
body .table-bottm-btn #button_Refresh.btn {
    width: auto !important;
    height: 26px !important;
    padding: 4px 14px !important;
    padding-left: 14px !important;
}

.other-detail-tab .tabbable-line {
    border-bottom: 1px solid #b7afaf30;
}

body .height_equal textarea {
    height: 72px !important;
}

.other-detail-tab .tabbable-line ul.nav.nav-tabs {
    padding-left: 0;
}

.deliver-label label input {
    position: relative;
    top: 2px;
}

.mr-15 label {
    margin-right: 20px;
}

.mr-15 {
    margin-right: 15px;
}

.content-bottom {
    margin-bottom: 30px;
    border-bottom: 1px solid #b7afaf30;
    padding-bottom: 30px;
}

.otherDetails .form-actions {
    border: none;
}

td.freezeCol img {
    height: 16px;
}

#OtherDetailFormDiv .form-group > input:last-child, #OtherDetailFormDiv .form-group > select {
    margin-bottom: 15px;
}

.popup_stuff img.loading_img {
    width: auto !important;
}

.form-control.ht_input {
    height: 34px !important;
}

.latest-grid select, .latest-grid input {
    padding: 5px !important;
}

.latest-grid tbody td > a img {
    height: 18px;
}

div#WCASign-img {
    margin: 6px 0 15px;
}

.button-box-section {
    padding: 15px 0 20px;
}

.newMainContent .ui-jqgrid-view table tbody > tr > td:last-child, .newMainContent #paymentGrid tbody > tr > td:last-child, #ReadingTypeTrackingGrid > tr > td:last-child {
    white-space: normal;
    text-align: left !important;
}

table#ReadingTypeTrackingGrid tbody > tr > td:last-child div, #BookingAccessoriesGrid tbody > tr > td:last-child > div {
    margin-left: 0 !important;
    float: none !important;
    width: auto !important;
}

.modal-footbtn input {
    height: 34px;
    min-width: 90px;
}

.newMainContent .table-hover > tbody > tr.ui-state-highlight:hover > td, .newMainContent .table-hover > tbody > tr.ui-state-highlight:hover > th {
    background: #ffb848 !important;
    border: 1px solid #ddd !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Helvetica' !important;
}

#DivManualQuoteAcceptance .modal-dialog.modal-lg.modal-myposition1 {
    max-width: 500px;
}

.sign-imgtext img {
    margin-top: -42px;
}

.sign-imgtext {
    padding-top: 30px !important;
}

.upload-filebtn {
    padding: 12px 24px !important;
}

.filedrag-head {
    font-size: 18px;
    font-weight: 500;
}

.upload-file-info {
    font-size: 13px;
    opacity: .8;
}

label.TagAttachment {
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 7px;
    word-break: break-all;
}

.newcust_address textarea#Address {
    height: 107px !important;
}

/*body .font-green-sharp {
    color: #35aa47 !important;
}*/


/*--- CSS for gridscroll bar issue---*/
/** {
    scrollbar-width: thin;
    scrollbar-color: #acabab;
}*/

.cstm_scroll > .ui-jqgrid > .ui-jqgrid-view:-webkit-scrollbar {
    width: 7px;
    height: 8px;
}

.cstm_scroll > .ui-jqgrid > .ui-jqgrid-view:-webkit-scrollbar-track {
    background: transparent;
}

.cstm_scroll > .ui-jqgrid > .ui-jqgrid-view:-webkit-scrollbar-thumb {
    background-color: #c7c7c7;
    border-radius: 0;
    border: 0px solid transparent;
    background-color: #c7c7c7;
}

.cstm_scroll > .ui-jqgrid > .ui-jqgrid-view::-webkit-scrollbar {
    height: 8px;
    border-radius: 0;
    background-clip: padding-box;
    border: 0px solid transparent;
    width: 7px;
    background-color: #c7c7c7;
}

.cstm_scroll > .ui-jqgrid > .ui-jqgrid-view::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px #acabab;
}

/*--- CSS for gridscroll bar issue---*/




.cstm_scroll > .ui-jqgrid > .ui-jqgrid-view {
    overflow: auto;
}

    .cstm_scroll > .ui-jqgrid > .ui-jqgrid-view > .ui-state-default.ui-jqgrid-hdiv {
        position: sticky;
        top: 0;
        z-index: 9;
    }

.cstm_scroll > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv {
    overflow: visible;
}

.cstm_scroll > .ui-jqgrid > .ui-jqgrid-view .ui-jqgrid-hdiv {
    /*overflow: visible;*/
    border-bottom: none;
}

    .cstm_scroll > .ui-jqgrid > .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-hbox table.ui-jqgrid-htable {
        border-bottom: 1px solid #DEE2E6;
    }

#paymentGrid tr.jqgfirstrow td {
    border-left: 1px solid #DEE2E6 !important;
    border-right: unset !important;
}

body .ui-jqgrid .ui-jqgrid-hdiv thead th.freezeCol {
    background: #f8f8f8 !important;
}

.itemDetailScroll .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    border-bottom: .5px solid #DEE2E6 !important;
}

.portlet.light {
    padding: 12px 15px 15px 15px !important;
}

.item-import .portlet.light {
    padding: 0px 20px !important;
}

div #DivPayDeleteConfirm .modal-dialog {
    max-width: 500px;
}

.quote-header-sec {
    padding: 25px 25px 15px 25px !important;
}

.latest-grid div#jqgh_tblJQGrid_ItemSearch {
    text-align: center;
}

    .latest-grid div#jqgh_tblJQGrid_ItemSearch img {
        max-width: 21px;
        margin: 0 auto;
    }

.quote-search {
    display: flex;
    width: 100%;
    align-items: center;
}

    .quote-search .search_new {
        width: 100%;
    }

    .quote-search .cancel_and_tax_div .btn {
        height: 38px;
        margin-left: 5px;
        border-radius: 5px !important;
    }

.cancel_and_tax_div .red.btn {
    background: #2b8b3a;
}

div#delmodAmortisationGrid {
    width: 100% !important;
    max-width: 300px;
    margin: 0 auto;
}

    div#delmodAmortisationGrid .ui-widget-header {
        background: #fff !important;
        border-bottom: 1px solid #e0e0e0 !important;
    }

        div#delmodAmortisationGrid .ui-widget-header span.ui-jqdialog-title {
            font-size: 16px;
            color: #777777;
        }

div#delmodBookingAccessoriesGrid {
    width: 100% !important;
    max-width: 300px;
    margin: 0 auto;
}

    div#delmodBookingAccessoriesGrid .ui-widget-header {
        background: #fff !important;
        border-bottom: 1px solid #e0e0e0 !important;
    }

        div#delmodBookingAccessoriesGrid .ui-widget-header span.ui-jqdialog-title {
            font-size: 16px;
            color: #777777;
        }

.discount-box input, .custom-charge-container input, .text-right {
    text-align: right !important;
}

.feedback-note_text {
    background: #35aa4726;
    color: #fff;
    text-align: center;
    padding: 7px 5px;
    border-radius: 4px !important;
    font-size: 13px;
    margin: 0px 0 15px;
    color: #35aa47;
}

.feedback-upload .qq-upload-button {
    padding: 10px 10px;
    border-radius: 4px !important;
}

.feedback-upload .fileinputs {
    margin: 5px 0 10px;
}

.ui-front {
    z-index: 1000;
    border-radius: 8px !important;
}

.feedback-modal {
    padding: 1em !important;
    border-radius: 8px !important;
}

.otherDetails > .portlet.light {
    max-width: 1500px;
}

div#otherCharges .ui-jqgrid-view table tbody > tr > td:last-child {
    text-align: right !important;
}

.page_heading.box-minihead {
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid rgb(0 0 0 / 6%);
    margin: 0 -15px 15px;
    padding: 0 15px 7px;
}

body .text-last-right tbody tr td:last-child {
    text-align: right !important;
}

.invoice-pregrid-head {
    margin-bottom: -10px;
}

.invoice-email-prv {
    height: 220px !important;
}

body .form-group #card-number .__PrivateStripeElement {
    position: relative;
    top: 3px;
}

.print-select {
    max-width: 200px;
    margin-left: 15px;
}

.gap-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

    .gap-0 > div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.send-mail-modal .form-group {
    margin-bottom: 10px;
}

    .send-mail-modal .form-group .form-control {
        height: 32px !important;
    }

    .send-mail-modal .form-group label {
        margin-bottom: 3px;
    }

.make-payment-sec {
    padding: 20px 0 50px;
}

.pay-btn {
    height: 34px;
    padding: 6px 26px !important;
}

.imag-flow-preview .uploadImageThumbPreview {
    height: 180px;
}

body .form-control.input-blnk {
    background: none !important;
    border: none !important;
    font-weight: 700;
    height: auto !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-family: 'Helvetica';
    width: auto;
}

body .newMainContent.NewCommonContent table tbody tr.ui-state-highlight, body .newMainContent table tbody tr.ui-widget-content.ui-state-highlight {
    background: #ffb848 !important;
}

.NewCommonContent .deliv-flexbox label {
    min-width: 120px;
}

body .newMainContent.NewCommonContent .ui-jqgrid .ui-jqgrid-view thead tr th.freezeCol {
    background: #f8f8f8 !important;
}

.NewCommonContent .px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.NewCommonContent .greyBox.rental-type.termination {
    margin: 0 5px 20px !important;
}

.NewCommonContent .bottom-dropdown.bottom-dropdown [disabled] {
    cursor: not-allowed;
    color: #0000004f;
}

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

.NewCommonContent .wrap_flex {
    flex-wrap: wrap
}

.NewCommonContent #gview_BookingNoGrid {
    overflow: auto;
}

    .NewCommonContent #gview_BookingNoGrid .ui-jqgrid-hdiv, .NewCommonContent #gview_BookingNoGrid .ui-jqgrid-bdiv {
        /* overflow: initial;*/
    }

    .NewCommonContent #gview_BookingNoGrid #BookingNoGrid tbody tr > td:last-child, .NewCommonContent table.ui-jqgrid-htable thead tr > th:last-child {
        min-width: 200px !important;
        /*width: 200px !important;*/
    }

#myTransactionItemMedia input[type=checkbox], #myTransactionMedia_PI input[type=checkbox], #myTransactionItemMedia_PI input[type=checkbox] {
    margin: 0px 0 0;
}

span.myTransactionItemMedia {
    white-space: nowrap;
    margin: 5px;
}
/*==== jagdish css end here */
.emailID_div {
    padding-right: 8px !important;
}

    .emailID_div span {
        display: inline-block;
        white-space: normal;
        word-break: break-word;
    }

.rental_filters .search_field {
    max-width: 220px;
    margin-right: 16px;
    min-width: 150px;
}

.rental_filters .transaction-form {
    max-width: 140px;
    margin-right: 8px;
}

    .rental_filters .transaction-form.reference-number {
        max-width: 165px;
    }

.transaction-form.rental_type_form {
    max-width: 335px;
    min-width: 230px;
}

.rental_type_form .greyBox {
    width: 100%;
    max-width: 350px;
    display: flex;
}

    .rental_type_form .greyBox .rowTable {
        margin: 0 !important;
    }

    .rental_type_form .greyBox > div {
        width: 100%;
    }

.rental_filters div#RTO_QuoteType {
    padding: 0;
    max-width: 90px;
}
.rental_filters div#billingDayDiv {
    margin-left: 5px;
}

.rental_type_form .rental-type .form-control {
    margin: 0 0 4px;
    outline: none;
    height: 34px !important;
    box-shadow: none !important;
    outline: none !important;
}

.rental_type_form .greyBox span.lbl {
    font-size: 12px;
}

div#gview_ItemSearchGrid > .ui-jqgrid-hdiv, div#gview_ItemSearchGrid > .ui-jqgrid-bdiv, div#gbox_ItemSearchGrid div#ItemPager, div#gview_ItemSearchGrid {
    width: 100% !important;
}

.newMainContent .modal-footer.d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .newMainContent .modal-footer.d-flex:after, .newMainContent .modal-footer.d-flex:before {
        display: none;
    }

    .newMainContent .modal-footer.d-flex p {
        margin: 0;
        font-weight: 600;
        color: #f89406;
    }

#confirmDummySerialNumberProcessing p, #erpConnectivityFailureMessage p {
    font-size: 17px;
    color: #f89406;
}

#erpConnectivityFailureDialog .modal-body.popup-body-padding {
    text-align: center;
}

#erpConnectivityFailureDialog a {
    margin: 10px 0 10px 0;
    display: inline-block;
}

#erpConnectivityFailureDialog div#erpConnectivityFailureMessage {
    padding: 0;
}

div#CustomChargesSection .charge-label label {
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

div#CustomChargesSection .charge-label {
    height: 34px;
    align-items: end;
    margin-bottom: 4px;
}

.quote-header-sec .pr_3 {
    padding-right: 15px;
}

.align-items-end {
    align-items: flex-end;
}

.quote-header-sec .mb_2 {
    padding-bottom: 7px;
}

.anchor-like-input {
    display: inline-block;
    padding: 9px 12px !important;
    font-size: 12px !important;
    line-height: 1.42857143;
    color: #428bca !important;
    background-color: #efefef !important;
    border: 1px solid #E0E0E0 !important;
    border-radius: 5px !important;
    cursor: pointer;
    text-decoration: underline !important;
    height: 34px !important;
    width: 256px !important;
}

.quote-header-sec input#quotetemplateName {
    min-width: 210px;
}

@media only screen and (max-width: 479px) {
    .ui-paging-info {
        display: none;
    }

    .transferToRight {
        margin-top: 10px;
    }

    .marginTop20 {
        margin-top: 20px !important;
    }

    .ui-jqgrid-labels th:last-child {
        width: 100px !important;
    }

    #KitGrid tbody tr td:last-child {
        width: 100px !important;
    }
}


.searched_items .itemcode {
    float: left;
    width: 100px;
    word-wrap: break-word
}

.searched_items .itemname {
    float: left;
    width: 100px;
    margin-left: 10px;
    word-wrap: break-word
}

.searched_items .Serianumber {
    float: left;
    width: 100px;
    margin-left: 10px;
    word-wrap: break-word
}

/*.bottom_buttons{width:100%; float:left; margin:5px 0;}
*/
@media screen and (min-device-width: 768px) and (max-device-width: 2000px) {
    .AdditionalRentalRow > div:nth-child(2) {
        width: 20%;
    }

    .NewCommonContent .greyBox.rental-type {
        margin: 0 0 0 0 !important;
    }

    .NewCommonContent .AdditionalRentalRow > div:nth-child(1) {
        width: 90%;
    }
}


@media (max-width:768px) {
    .AdditionalRentalRow > div:nth-child(2) {
        width: 40%;
    }

    .NewCommonContent .page-content .rental-header {
        display: block !important;
    }
}

@media (min-width:768px) {
    .bottom_buttons {
        margin: 7px;
        display: inline-block;
        float: none;
        width: auto;
    }
}

/* Need to check after merge*/
@media (min-width:1200px) {
    .bottom_buttons {
        margin-right: 7px;
        display: inline-block;
        float: none;
        width: auto;
    }

    body .height_equal textarea {
        height: 101px !important;
    }

    .col_md_3 {
        width: 22%;
    }

    .col_md_9 {
        width: 78%;
    }
}

@media (min-width:1299px) {
    .col-xxl-2 {
        width: 16.66666%;
    }
}

.pageload_overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    z-index: 99999;
    background-color: whitesmoke;
    text-align: center;
}

    .pageload_overlay img {
        width: 20px;
    }

    .pageload_overlay .loading_stuff {
        padding-top: 180px;
    }

.set_height_dropdown {
    height: 182px !important;
}

.fieldspanel {
    background: #eee;
    border: 1px solid #ddd;
    padding: 14px 0;
    float: left;
    width: 100%;
    margin: 10px 0;
}

.checkbox_groups input[type=checkbox] {
    margin: 0px 5px 0 0;
}

.loading_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 99999;
    display: none;
}

    .loading_popup:before {
        vertical-align: middle;
        height: 100%;
        content: "";
        display: inline-block;
    }

.loading_second_layer_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 999991;
    display: none;
}

    .loading_second_layer_popup:before {
        vertical-align: middle;
        height: 100%;
        content: "";
        display: inline-block;
    }

.popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}

.popup_stuff {
    vertical-align: middle;
    display: inline-block;
    padding: 3px;
    background: #fff;
    border-radius: 5px !important;
    position: relative;
    z-index: 9999;
}

    .popup_stuff .loading_img {
        width: 400px;
        margin-bottom: 15px;
    }

.custom_width_modal {
    max-width: 400px;
}

.radiogroup input[type=radio] {
    margin-right: 5px;
}

.radiogroup #RadioCustomers {
    float: left;
}

.radiogroup label {
    margin-right: 15px;
}

.radiogroup #txtpage {
    border: 1px solid #cfcece;
    height: 25px;
    position: relative;
    top: -6px;
}

.uploadedfilename {
    background: #eee;
    padding: 3px;
    min-width: 200px;
    float: left;
    padding: 0 10px 10px;
    margin-bottom: 5px;
}

    .uploadedfilename div {
        margin-top: 13px;
    }

    .uploadedfilename a {
        float: right !important;
    }

.fileinputs {
    width: 100%;
    margin: 15px 0;
    float: left;
}

.qq-upload-button {
    background: #35aa47;
    padding: 5px 10px;
    border-radius: 5px !important;
    color: #fff;
    width: 200px;
    text-align: center;
    float: left;
}

.qq-upload-list {
    list-style: none;
    background: #fffeb5;
    padding: 5px;
    width: auto;
    margin-left: 20px;
    float: left;
}

    .qq-upload-list li span {
        margin-left: 5px;
    }

    .qq-upload-list li a {
        margin-left: 5px;
    }

.page_title {
    margin-bottom: 20px;
}

.mandatory {
    color: red;
}

#ConfirmPopupValidationStockView table#StockViewGridStockYearly tbody tr td .colorDiv {
   /* position: absolute;*/
    left: 0;
    top: 1px;
    width: 100%;
    min-height: 40px;
    height: 100% !important;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ConfirmPopupValidationStockView table#StockViewGridStockYearly tbody > tr:first-child td .colorDiv {
    position: relative;
    display: block;
    padding: 12px 2px 2px;
    height: 42px !important;
}

#ConfirmPopupValidationStockView table#StockViewGridStockYearly tbody tr td {
    position: relative;
    height: 42px;
    min-width: 45px;
}

/*.search_field .form-control{width:157px; float:left; margin-right:10px;}
*/
@media (min-width:1200px) {
    .service_num label {
        width: 100%;
        float: left;
    }

    .service_num .form-control {
        width: 250px;
        float: left;
        margin-right: 10px;
    }

    /*.search_field label{width:100%; float:left;}
    .search_field .form-control{width:168px; float:left; margin-right:10px;}*/
}

@media (min-width:768px) {
    .service_num label {
        width: 100%;
        float: left;
    }

    .service_num .form-control {
        width: 250px;
        float: left;
        margin-right: 10px;
    }
}

.login_body {
    background: url(../Images/login-bg.jpg) 0 -290px repeat;
}

.login_frame {
    width: 100%;
}

.login_main {
    width: 100%;
}

    .login_main .circle_img {
        display: none;
    }

.login_title {
    color: #fff;
    font-size: 28px;
    color: #fff;
}

.loginstuff {
    width: 210px;
    margin: 80px auto 0;
    height: 250px;
}

    .loginstuff h3 {
        color: #fff;
        font-size: 18px;
        text-align: center;
        margin: 0 0 30px;
        border-bottom: 2px solid #68d0df;
        padding-bottom: 10px;
    }

    .loginstuff .input_control {
        width: 100%;
        border: none;
        margin-bottom: 20px;
        height: 25px;
        text-indent: 5px;
        font-size: 12px;
    }

.loginbtn {
    margin-top: 15px;
}

    .loginbtn input[type=button] {
        float: right;
        background: #69d1e0;
        border: none;
        color: #fff;
        width: 70px;
        height: 30px;
        font-weight: bold;
    }

    .loginbtn p {
        margin-top: 8px;
        font-size: 11px;
        color: #fff;
        float: left;
    }

        .loginbtn p input[type=checkbox] {
            float: left;
            margin: 0 5px 0 0;
        }

.forgot_pswd {
    position: absolute;
    bottom: 10px;
    left: 0;
    color: #fff;
    font-size: 11px;
    width: 100%;
    text-align: center;
}

    .forgot_pswd a {
        color: #fff;
    }

@media (min-width:768px) {
    .login_body {
        background: url(../Images/login-bg.jpg) 0 0 repeat;
    }

    .login_frame {
        width: 670px;
        height: 470px;
        margin: 96px auto 0;
    }

    .login_main {
        width: 670px;
        height: 470px;
        float: left;
        position: relative;
    }

        .login_main .circle_img {
            float: left;
            width: 100%;
            display: block;
        }

    .login_title {
        position: absolute;
        top: 50px;
        left: 0px;
        width: 100%;
        text-align: center;
    }

    .loginstuff {
        position: absolute;
        top: 190px;
        right: 82px;
        height: 250px;
        margin: 0;
    }

        .loginstuff h3 {
            color: #0d506b;
        }

    .forgot_pswd {
        float: left;
        margin-top: 35px;
        position: static;
    }
}

.header_cp {
    background: #f3f3f3;
    border-bottom: 2px solid #e8e8e8;
}

.logo_cp {
    margin: 13px 0;
}

.logout_cp {
    margin: 17px 16px 17px 0;
    cursor: pointer;
}

@media (min-width:768px) {
    .logo_cp {
        margin: 5px 16px 5px 0;
    }
}

.welcome_text {
    color: #2a3566;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    font-size: 18px;
    border-top: 1px solid #ddd;
}

@media (min-width:768px) {
    .welcome_text {
        text-align: right;
        line-height: 63px;
        border-top: none;
    }
}

.panel_row {
    padding: 20px 0;
}

.placeorder_btn {
    background: #2da053;
    color: #fff;
    font-weight: bold;
    font-size: 20px !important;
    margin-bottom: 10px;
}

.grid_panel {
    background: #fafafa;
    border-radius: 5px;
    padding: 15px;
    margin-top: 20px;
    border: 1px solid #ddd;
}

    .grid_panel h3 {
        margin: 0 0 20px 0;
        font-size: 18px;
    }

.page_title_cp {
    background: #fafafa;
    border-bottom: 1px solid #ddd;
    color: #2a3566;
    margin-bottom: 20px;
}

    .page_title_cp h3 {
        margin-top: 10px;
    }

.dashboard .page_title_cp {
    margin-bottom: 0;
}

.btn_style {
    background: #2da053;
    color: #fff;
    font-weight: bold;
}

    .btn_style:hover {
        background: #107f35;
        color: #fff;
    }

.login_btn {
    background: #2da053;
    color: #fff;
    font-weight: bold;
    margin-top: 18px;
}

    .login_btn a {
        color: #fff;
        font-weight: bold;
    }

.mandatry {
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
}

.venue_stand .tabbable-line > .nav-tabs {
    background: #f5f5f5;
}

    .venue_stand .tabbable-line > .nav-tabs > li.active > a {
        border-radius: 0 !important;
    }

.forgot_frame {
    margin: 50px auto;
    width: 230px;
}

@media (max-width:1299px) {
    .rental_filters .search_field {
        max-width: 200px;
        margin-right: 12px;
    }

    .rental_filters .transaction-form.reference-number {
        max-width: 155px;
    }

    .rental_filters .transaction-form {
        max-width: 120px;
        margin-right: 7px;
    }
}

@media (max-width:1199px) {
    .rental_type_form .greyBox {
        display: block;
    }

        .rental_type_form .greyBox > div:not(:last-child) {
            margin: 0 0 10px;
        }

        .rental_type_form .greyBox > div {
            width: 100%;
        }
}

@media (min-width:768px) {
    .forgot_frame {
        margin: 100px auto;
        width: 350px;
    }
}

@media (min-width:1640px) {
    .col-xxl_1, .col-xxxl_1 {
        width: 10%;
    }
}

.forgotstuff {
    background: #eee;
    border-radius: 5px;
    padding: 15px;
    border: 1px solid #ddd;
}

    .forgotstuff h4 {
        margin-top: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }



.anchor {
    color: #1004fc !important;
    font-weight: bold;
}

    .anchor:hover {
        text-decoration: underline !important;
        color: #fc6104 !important;
    }

#CustomChargesSection input[type=text] {
    margin-bottom: 15px;
}

.total_amount {
    margin-top: 15px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

#spnforyear {
    padding: 3px;
    border: none;
}

/*#BookingDetailsDivForm .itemDetailScroll{overflow:auto;}*/


#gview_HiringNoGrid .ui-jqgrid-bdiv {
    max-height: 200px;
}

/*#gview_BookingNoGrid .ui-jqgrid-bdiv {
    max-height: 200px;
}*/

.showall {
    width: auto !important;
}

.invoicepre label {
    float: left;
    width: 80px;
}

.invoicepre .val {
    margin-left: 85px;
}

.dataTables_wrapper {
    position: relative;
    overflow: auto;
}

    .dataTables_wrapper .col-xs-6 {
        position: static;
    }

    .dataTables_wrapper .pagination {
        margin: 0;
    }

.dataTables_length {
    position: absolute;
    bottom: 10px;
    left: 232px;
}

.btn_panel {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
}

.myob_dropdown {
    width: 150px;
    margin-left: 6px;
    float: left;
}

.modal-center-position {
    top: 23% !important;
}

.load_myob {
    position: relative;
}

    .load_myob .loaderDiv {
        position: absolute;
        top: -4px;
        right: -40px;
    }

#StockViewGrid {
    font-size: 11px;
}

    #StockViewGrid th:first-child {
        width: 150px !important;
    }

.radio-inline {
    padding-left: 0;
}

.note_text {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #1A678D;
    padding: 8px 14px;
    font-size: 13px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border-radius: 4px;
    margin-bottom: 15px;
}

.button_bottom {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

    .button_bottom .btn {
        float: right;
        margin-left: 10px;
    }

.bottom_btns {
    margin: 10px;
    display: inline-block;
}

    .bottom_btns .btn {
        margin: 0 5px;
    }

.add_row_data {
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    float: left;
    width: 100%;
}

.other_charges {
    border: 1px solid #ddd;
    padding: 15px !important;
    border-radius: 5px !important;
    background: #f9f9f9;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 20px !important;
}

#row-input-controls {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: unset;
}

/*#StockViewGrid_wrapper{overflow:auto;}*/

/*.ui-widget-header {
background: #fff !important; border: none !important;}


.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none !important/*{borderColorHover}*/
;
background: #dadada
/*{bgColorHover} url(images/ui-bg_glass_75_dadada_1x400.png)*/
/*{bgImgUrlHover}*/
50%
/*{bgHoverXPos}*/
50%
/*{bgHoverYPos}*/
repeat-x
/*{bgHoverRepeat}*/
;
font-weight: normal
/*{fwDefault}*/
;
color: #212121
/*{fcHover}*/
;
}

*/
/*Extra Changes ends here*/
.checkingstatus {
    /*word-wrap: break-word;*/
}

.KM {
}

div.editableDiv {
    /*width: 500px;*/
    height: 275px;
    border: 1px solid #ccc;
    padding: 5px;
    overflow: auto;
}

/*a[title]:hover:after{
    content: attr(title);
    background: black; 
    color:white;
    position: fixed;
    left: 5%;
    top: 10%;
    padding:7px;
 }*/


a.HelponChk {
    border-bottom: 1px dashed;
    text-decoration: none
}

    a.HelponChk:hover {
        cursor: help;
        position: relative
    }

    a.HelponChk span {
        display: none
    }

    a.HelponChk:hover span {
        font-family: sans-serif;
        border: #000;
        border-radius: 5px !important;
        padding: 10px;
        display: block;
        z-index: 100;
        background: black;
        color: white;
        left: 0px;
        margin: 10px;
        width: 250px;
        position: absolute;
        top: 10px;
        left: -200px;
        text-decoration: none
    }

.ui-datepicker-week-end a {
    color: red !important;
}

#pageloaddiv_ptag {
    display: none;
    color: #212529;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 500;
}

#pageloaddiv_phead {
    background-color: #1ebcec;
    width: 100%;
    font-weight: bold;
    text-align: left;
    padding: 5px;
    color: white;
}

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

body .modal .grid-row-text-red td, .jqgrow.ui-row-ltr.grid-row-text-red td, .grid-row-text-red td {
    color: red !important;
}

body .modal .grid-row-text-green td, .jqgrow.ui-row-ltr.grid-row-text-green td, .grid-row-text-green td {
    color: #27ce27f7 !important;
}

body .modal .grid-row-text-blue td, .jqgrow.ui-row-ltr.grid-row-text-blue td, .grid-row-text-blue td {
    color: #007AFF !important;
}

.loading_popup .popup_stuff {
    max-width: 380px;
    padding: 30px;
    color: #000;
}

/*Rohit css start here*/
body {
    font-family: 'Helvetica';
}

.navigation-menu {
    width: 800px;
    display: flex;
    vertical-align: middle;
}

    .navigation-menu ul {
        list-style-type: none;
        margin: 2px 15px 2px 15px;
        padding: 0;
        overflow: hidden;
    }

    .navigation-menu li {
        float: left;
        cursor: pointer;
    }

.page-header .page-header-top .top-menu {
    margin: 0px 0 0 !important;
}

.navigation-menu li a {
    display: block;
    color: #777777;
    text-align: center;
    padding: 15px;
    text-decoration: none;
    font-size: 14px;
}

.navigation-menu li.active a {
    color: #000;
}

#txtGeneralSearch {
    background-image: url(../../Images/search-grey.svg) !important;
    background-position: center right 8px !important;
    background-size: 16px !important;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
}
/*.myTopHeaderRight .txtGeneralSearchdiv {
    margin: 12px 18px;
}*/
#txtGeneralSearch {
    width: 300px !important;
    margin: 12px 18px !important;
    height: 31px !important;
}

.ui_tpicker_hour, .ui_tpicker_minute {
    margin: 10px;
}

#txtGeneralSearch::placeholder {
    padding: 10px;
}

.txtGeneralSearchdiv {
    display: inline-block !important;
    position: relative;
}

    .txtGeneralSearchdiv i {
        position: absolute;
        left: 200px;
        top: 22px;
        right: 0;
        color: #777777;
    }

.transactionMainContent .TransFilter {
    padding: 5px 28px !important;
    margin: auto;
}

.transactionMainContent .portlet > .portlet-title > .caption {
    padding: 10px 20px;
}

.transactionMainContent .font-green-sharp {
    color: #212529 !important;
    font-size: 16px;
}

.transactionMainContent .IsLocation label {
    font-size: 14px !important;
    color: #777777;
    font-weight: 400 !important
}

.transactionMainContent #idDefaultLocation, .transactionMainContent select#ddlLocation {
    font-size: 13px;
    width: 166px;
    border: 1px solid #E0E0E0;
    color: #000000;
    margin: 0 5px;
    padding: 10px !important;
}

.transactionMainContent .new_greybg {
    background-color: #fff;
    padding: 1px 0;
}

.transactionMainContent .main {
    margin-bottom: 0px;
}

.transactionMainContent .fullCal {
    padding: 13px 13px 0 0 !important;
}

.transactionMainContent .portlet-title .caption.portletTitle {
    padding: 20px 0px !important;
}

.transactionMainContent .main input.hasDatepicker {
    padding: 10px;
    border: 1px solid #E0E0E0;
    font-size: 13px;
    color: #000000;
    margin: 0 5px;
}

.transactionMainContent .main span {
    position: absolute;
    top: 5px;
    left: 6px;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 3px !important;
}

.transactionMainContent label.tentative {
    background: #BFA335;
}

.transactionMainContent label.confirmed {
    background: #1bbc9b;
}

.transactionMainContent label.rental {
    background: #657fd2;
}

.transactionMainContent label.task {
    background: #800080;
}

.transactionMainContent label.returns {
    background: #f3565d;
}

.transactionMainContent label.service {
    background: #999C9C;
}

.transactionMainContent label.staff {
    background: #FF33D7;
}

.transactionMainContent label.inventory {
    background: #FFFF00;
    color: #000 !important;
}

.transactionMainContent label.Pickupbycustomer {
    /* Added by Nithil for Task VI-1314 */
    /*background: #212529;*/ /*Commented by Nithil for task VI-1451 */
    background: #000080; /*Added by Nithil for task VI-1451 */
}

.transactionMainContent label.returnbycustomer {
    /* Added by Nithil for Task VI-1314 */
    background: #ffb848;
}

.transactionMainContent .fullCal label.main {
    padding: 0px 0 3px 30px;
    padding-left: 30px;
    border-radius: 5px !important;
    color: #fff;
    font-weight: 400 !important;
    margin-bottom: 2px;
}

.transactionMainContent .fullCal label {
    margin: 0 0px;
}

.transactionMainContent .portlet-body {
    padding: 5px 28px !important;
}

.danger_notification span {
    padding: 0 3px;
}

.danger_notification {
    margin-top: 16px !important;
    font-size: 12px
}

.transactionMainContent .fc-button-today {
    width: 75px;
    height: 38px;
    background: #E9E9ED;
    color: #000;
    text-align: center;
    padding: 6px 0;
    border-radius: 5px !important;
    font-size: 16px;
}

.transactionMainContent .fc-header {
    background: unset;
}

.transactionMainContent .fc-header-left .fc-button-prev,
.transactionMainContent .fc-header-left .fc-button-next {
    background: #E9E9ED;
    height: 38px;
    line-height: 38px;
    color: #000;
    padding: 0;
}

    .transactionMainContent .fc-header-left .fc-button-prev .fc-text-arrow,
    .transactionMainContent .fc-header-left .fc-button-next .fc-text-arrow {
        min-height: 38px;
        display: block;
        padding: 0 10px;
        margin: 0;
    }

    .transactionMainContent .fc-header-left .fc-button-prev:hover,
    .transactionMainContent .fc-header-left .fc-button-next:hover {
        background: #cbcbcb;
    }

.transactionMainContent .fc-header-left .fc-button-today {
    opacity: unset;
    padding: 5px 0;
}

.transactionMainContent .fc-button-prev {
    border-radius: 5px 0 0 5px !important;
}

.transactionMainContent .fc-button-next {
    border-radius: 0 5px 5px 0 !important;
}

.transactionMainContent table .fc-header-center span h2 {
    font-size: 22px;
    line-height: 27px;
    color: #000000;
    font-family: 'Helvetica' !important;
    margin-bottom: 0;
}

#bookingCalendar .fc-header-right span {
    padding: 10.5px;
    background: #E9E9ED;
    color: #777777;
    margin: 0 !important;
    font-size: 16px;
}

#bookingCalendar .fc-header {
    margin-bottom: 15px;
}

#bookingCalendar table .fc-header-right {
    vertical-align: middle !important;
}

#bookingCalendar .fc-header-right .fc-button-month {
    border-radius: 5px 0 0 5px !important;
}

#bookingCalendar .fc-header-right .fc-button-agendaWeek {
    border-radius: 0px !important;
}

#bookingCalendar .fc-header-right .fc-button-agendaDay {
    border-radius: 0px 5px 5px 0px !important;
}

#bookingCalendar .fc-header-right .fc-state-active {
    color: #000;
}

.transactionMainContent .main .TentativeCal1:after,
.transactionMainContent .main .ConfirmedCal1:after,
.transactionMainContent .main .RentalCal1:after,
.transactionMainContent .main .CancelledCal1:after,
.transactionMainContent .main .ServiceCal1:after,
.transactionMainContent .main .StaffCal1:after,
.transactionMainContent .main .InventoryCal1:after,
.transactionMainContent .main .PickupbycustomerCal1:after,
.transactionMainContent .main .ReturnbycustomerCal1:after,
.transactionMainContent .main .taskCal1:after {
    left: 5px;
    bottom: 3px;
}

#navbar-container {
    margin: 8px 18px;
    height: auto;
}

.page-header .page-header-top .page-logo a {
    font-size: 30px;
    line-height: 40px;
    margin: 50px 0;
    color: #FC8F00;
    font-family: 'Helvetica' !important;
    font-weight: 700;
}

    .page-header .page-header-top .page-logo a:focus {
        text-decoration: unset;
    }

    .page-header .page-header-top .page-logo a:hover {
        text-decoration: none;
    }

    .page-header .page-header-top .page-logo a span.rent {
        color: #00B4DD;
    }

.page-header .page-header-top {
    height: auto !important;
    box-shadow: 0px 3px 6px #00000029;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    z-index: 9999;
    position: relative;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
        padding: 12px 20px 12px 0 !important
    }

.myTopHeaderRight #login {
    padding: 10px !important;
}

.myTopHeaderRight {
    right: 30px;
}

.myfull_width {
    border-top: unset !important;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
    color: #000000 !important;
}

.page-header-top .myTopHeader {
    background-color: #F8F9FA;
}

.page-header-top {
    background-color: #F8F9FA;
}

.transactionMainContent #idDefaultLocation:after {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f00;
    position: absolute;
    top: 40%;
    right: 5px;
    content: "";
    z-index: 98;
}

.transactionMainContent .main .TentativeCal1:after,
.transactionMainContent .main .ConfirmedCal1:after,
.transactionMainContent .main .RentalCal1:after,
.transactionMainContent .main .CancelledCal1:after,
.transactionMainContent .main .ServiceCal1:after,
.transactionMainContent .main .StaffCal1:after,
.transactionMainContent .main .InventoryCal1:after,
.transactionMainContent .main .PickupbycustomerCal1:after,
.transactionMainContent .main .ReturnbycustomerCal1:after,
.transactionMainContent .main .taskCal1:after {
    border-width: 0 3px 3px 0 !important;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
    margin-top: 0px !important;
    color: #777777 !important;
}

#introhelpbox {
    margin-top: 4px !important;
}

.transactionMainContent .portlet > .portlet-title {
    width: 100% !important;
}

/*#idDefaultLocation {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    background-image: url("../Images/icons8-chevron-24.png");
    background-repeat: no-repeat;
    background-position-x: 94%;
    background-position-y: 9px;
    background-size: 20px;
    padding: 1rem;
}*/
/*#CustomerTerms, #Country, #EditCountry {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    background-image: url("../Images/icons8-chevron-24.png");
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 6px;
    background-size: 20px;
    padding: 1rem;
}
*/
.txtGeneralSearchdiv img {
    position: absolute;
    left: 180px;
    right: 0;
    top: 5px;
    width: 17px;
    height: 21px;
}

.myTopHeaderRight .nav li a img {
    filter: unset;
}

.fc-border-separate tr.fc-last th {
    text-align: left;
    font-size: 14px;
    line-height: 17px;
}

.fc-content .fc-event-inner {
    font-size: 12px;
    line-height: 14px;
}

.fc-header .fc-header-center {
    vertical-align: middle;
}

.fc-border-separate tr.fc-last th {
    padding: 6px 0
}

table .fc-header-title {
    margin-top: 5px;
}

#txtMonthYear:after {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f00;
    position: absolute;
    top: 40%;
    right: 5px;
    content: "";
    z-index: 98;
}

.newMainContent .btnAddNewRequest {
    font-size: 14px;
    line-height: 16px;
}

#btnBulkUpdateDiv {
    /*margin-left: -17px;*/
    max-width: 128px;
}

    #btnBulkUpdateDiv .grey {
        background: #777777 !important;
        color: #fff !important;
        height: 33px;
        margin-top: 1px;
        padding: 5px 12px !important;
        font-size: 12px !important;
    }

#confirmBulkUpdateJob_Content p, #confirmCreateNewJob_Content p {
    font-weight: 500;
    color: #f89406;
}

#createNewJobOptionLink {
    text-decoration: underline;
    font-size: 12px;
    color: #007AFF;
    cursor: pointer;
}
/* media query start here */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .page-header-top {
        min-height: 7vh !important;
    }

    #navbar-container {
        margin: 18px 17px 0px 70px;
    }

    .navigation-menu {
        width: auto;
    }

        .navigation-menu ul {
            margin: 17px 0px 2px 0px;
        }

        .navigation-menu li a {
            padding: 15px 10px 10px 10px;
        }

    #txtGeneralSearch {
        width: 106px !important;
        margin-top: 25px !important;
    }

    .txtGeneralSearchdiv img {
        left: 77px;
        top: 20px;
        width: 15px;
        height: 18px;
    }

    .page-header .page-header-top .top-menu .navbar-nav {
        margin: 10px 10px 0 0;
    }

        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
            padding-right: 0 !important;
            padding-top: 20px !important;
        }

    .myTopHeaderRight #login {
        padding-top: 20px !important;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:last-child {
        padding-right: 0 !important;
        padding-top: 20px !important;
    }

    .transactionMainContent .portlet > .portlet-title > .caption {
        padding: 10px 5px;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
        margin-top: -4px;
    }

    .btnSection #newCustomerModal {
        left: 0 !important;
    }

    td[aria-describedby="CustomerGrid_Action"] div {
        margin-left: 0 !important;
    }

    #itemListBoxDiv {
        overflow-x: auto;
    }

    .inventoryManagment .kit-package .kit-row {
        position: relative;
        top: 0;
        width: 100%;
    }

    #gbox_ItemSearchGridForKitManagement, #gview_ItemSearchGridForKitManagement {
        width: auto !important;
    }

    #DIV_AddKitPopUp .modal-componentCalculation {
        width: auto;
    }
}

@media all and (device-width: 820px) and (device-height: 1180px) and (orientation:portrait) {
    #navbar-container {
        margin: 19px 25px 23px 50px;
    }

    .page-header .page-header-top div.top-menu.myTopHeaderRight {
        margin: 10px 25px 10px 50px !important;
    }

    #txtGeneralSearch {
        width: 100px !important;
    }

    .txtGeneralSearchdiv img {
        position: absolute;
        left: 75px;
        width: 15px;
        height: 20px;
    }

    .navigation-menu {
        width: 300px;
    }

        .navigation-menu ul {
            margin: 2px 15px 2px 15px;
        }

        .navigation-menu li a {
            padding: 25px 5px 25px 5px;
        }

    .page-header-top {
        min-height: 7vh !important;
    }

    td[aria-describedby="CustomerGrid_Action"] div {
        margin-left: 0 !important;
    }

    #itemListBoxDiv {
        overflow-x: auto;
    }

    .inventoryManagment .kit-package .kit-row {
        position: relative;
        top: 0;
        width: 100%;
    }

    #DIV_AddKitPopUp .modal-componentCalculation {
        width: auto;
    }

    #gbox_ItemSearchGridForKitManagement, #gview_ItemSearchGridForKitManagement {
        width: auto !important;
    }
}

@media all and (device-width: 912px) and (device-height: 1368px) and (orientation:portrait) {
    .page-header-top {
        min-height: 6vh !important;
    }

    #navbar-container {
        margin: 21px 8px 8px 50px;
    }

    .navigation-menu ul {
        margin: 12px 30px 2px 10px;
    }

    .page-header .page-header-top .top-menu {
        margin: 12px 0 0 !important;
    }

    #itemListBoxDiv {
        overflow-x: auto;
    }

    #DIV_AddKitPopUp .modal-componentCalculation {
        width: auto;
    }

    #gbox_ItemSearchGridForKitManagement, #gview_ItemSearchGridForKitManagement {
        width: auto !important;
    }
}

@media only screen and (max-width: 767px) {
    #introTransactionCalendar {
        padding: 1px 10px !important;
    }

    .page-header .page-header-top .page-logo a {
        font-size: 21px;
        margin-left: 38px;
    }

    .page-header .page-header-top .page-logo {
        margin-top: 18px !important;
    }

    .navigation-menu {
        display: none;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
        padding: 21px 5px 12px 0 !important;
    }

    .myTopHeaderRight #login {
        padding: 20px 0 !important;
    }

    .myTopHeaderRight .txtGeneralSearchdiv {
        display: none !important;
    }

    #txtGeneralSearch {
        width: 100px !important;
    }

    .transactionMainContent .marginTop20 {
        margin-top: 0px !important;
    }

    .transactionMainContent .portlet-title .caption.portletTitle {
        padding: 20px 60px !important;
    }

    .transactionMainContent .main input.hasDatepicker {
        margin-left: 20px;
    }

    .transactionMainContent table .fc-header-center span h2 {
        font-size: 12px;
        padding: 5px;
    }

    #bookingCalendar .fc-header-right span {
        padding: 13px 6px;
        font-size: 14px;
    }

    .transactionMainContent .fc-header-left .fc-button-prev,
    .transactionMainContent .fc-header-left .fc-button-next {
        padding: 0;
    }

    .transactionMainContent .fc-button-today {
        width: 50px;
        font-size: 14px;
    }

    .fc-border-separate tr.fc-last th {
        font-size: 8px !important;
    }

    /* CustomerAddresses start here */
    .customerAddress .contactHaderSection .rowTable {
        position: relative;
    }

    .contactHaderSection .rowTable img {
        right: 56px !important;
        top: 0px !important;
    }

    #btnAddNewAddress input {
        width: 140px !important;
        padding-right: 0 !important;
    }

    #button_Refresh {
        width: 190px;
    }

    .btnSection span.refreshCustomer {
        display: block;
    }

        .btnSection span.refreshCustomer i {
            top: 10px !important;
        }

    #btnLoadXeroAddress,
    #btnCreateQuote,
    #btnCreateRental,
    #btnAddNewAddress {
        margin: 10px 0;
    }

    .ui-icon.ui-icon-pencil,
    .ui-icon.ui-icon-trash {
        width: 12px;
        height: 12px;
    }

    #editmodCustomerGrid,
    #editmodaddressGrid {
        width: 320px !important;
    }

    #editmodCustomerGrid,
    #delmodCustomerGrid,
    #delmodacn-addressGrid {
        top: 30% !important;
        left: 7% !important;
    }

    .ui-jqdialog .ui-jqdialog-titlebar,
    .ui-jqdialog-content,
    .ui-jqdialog .ui-jqdialog-content {
        padding: 5px !important;
    }

    .btnSaveNotes input {
        margin-top: 20px;
    }

    .btnSection .newCustomerModal .modal-dialog {
        width: auto;
        margin: 10px;
    }

    #newCustomerModal {
        left: 0 !important;
    }

    table th {
        font-size: 12px;
    }

    td[aria-describedby="CustomerGrid_Action"] div {
        margin-left: 0 !important;
    }

    #delmodCustomerGrid, #delmodaddressGrid, #delmodacn-addressGrid {
        width: 300px !important;
        left: 15% !important;
    }

    #delcntCustomerGrid table td.delmsg, #delcntaddressGrid table td.delmsg {
        white-space: normal !important;
    }
    /* end here */
    .inventoryManagment .form-group .inventoryType {
        min-height: 80px;
    }

    .inventoryManagment .kit-package .kit-row {
        position: relative;
        top: 0;
        width: 100%;
    }

    #btn-add-kit-components {
        margin-left: 10px;
    }

    #DIV_AddKitPopUp .modal-componentCalculation {
        width: auto;
    }

    #gbox_ItemSearchGridForKitManagement, #gview_ItemSearchGridForKitManagement {
        width: auto !important;
    }

    #itemListBoxDiv {
        overflow-x: auto;
    }

    .NewCommonContent .greyBox.rental-type.termination {
        max-width: 100%;
    }

    .NewCommonContent .customer_row input, .NewCommonContent .sel-address select {
        min-width: 180px;
    }

    .NewCommonContent .table-bottm-btn {
        padding-right: 6px;
    }

    .NewCommonContent .bottom_buttons {
        width: auto;
    }

        .NewCommonContent .bottom_buttons .btn {
            display: inline-block;
            width: auto;
        }

    .NewCommonContent .discount_box {
        max-width: 250px;
        margin: 20px 0 0;
    }

    .NewCommonContent .rental-grid-details {
        flex-wrap: wrap;
    }

    .NewCommonContent .item-detail-right label.checkbox-inline {
        padding-left: 0;
        padding-right: 10px;
    }

    .NewCommonContent .table-bottm-btn > * {
        margin-bottom: 6px;
    }

    .ServiceSchedular .search_new #btnServiceSearch {
        top: 6px;
    }

    .ServiceSchedular #rental_field {
        max-width: 100%;
    }

    .bottom_buttons {
        margin: 5px 7px 0 0 !important;
    }
}


/* contact page design start here*/
.customerAddress .new_greybg_padding {
    padding: 10px 0px !important
}

.AddressSection #IsCustomer, .AddressSection #EditIsCustomer {
    height: auto !important;
}

.customerAddress .new_greybg_padding {
    padding: 10px 28px !important;
    background-color: #fff;
    padding: 1px 0px !important;
    background-color: #fff;
}

    .customerAddress .new_greybg_padding .portlet-header .portlet-body {
        padding: 5px 28px !important;
    }

    .customerAddress .new_greybg_padding .GridTableAddress .portlet-body {
        padding: 5px 10px !important;
    }
/*#GridTableAddress .portlet-body {
    padding-left: 10px !important;
}*/
.customerAddress .portlet > .portlet-title > .caption {
    padding: 20px 0px !important;
}

.customerAddress .padhoriz20 {
    padding: 0;
}

.customerAddress .portlet-title .caption-subject {
    font-size: 16px;
    line-height: 24px;
    color: #212529 !important;
}

.customerAddress .rowTable label {
    line-height: 24px;
    color: #777777;
    font-weight: 400 !important;
}


.customerAddress .rowTable img {
    position: absolute;
    right: 18px;
    top: 36px;
    width: 18px;
    height: 18px;
}

.customerAddress .contactHaderSection {
    margin: 20px 0 10px 0;
}

#btnAddNewAddress input {
    width: auto;
    padding: 12px 14px 10px 31px !important;
}

#btnLoadXeroAddress input {
    width: auto;
    height: 36px;
}

#btnCreateQuote, #btnCreateRental {
    color: #fff;
    padding: 0 5px !important;
    margin: 2px;
}

#DeleteCustomer, #btnSaveNotes {
    height: 34px;
    line-height: 14px;
}

#button_Refresh input {
    width: auto;
    height: 36px;
    padding-left: 31px !important;
}

.customerAddress .contactHaderSection .btnSection input {
    font-size: 12px !important;
    line-height: 14px;
}

.btnSection span.Newcustomer,
.btnSection span.btnCreateQuote,
.btnSection span.btnCreateRental {
    position: relative;
}

.btnSection span.refreshCustomer {
    position: relative;
}

.btnSection span.Newcustomer img,
.btnSection span.btnCreateQuote i,
.btnSection span.btnCreateRental i {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 12px;
    top: 1px;
    color: #fff;
    font-size: 16px;
}

.btnSection span.refreshCustomer i {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 12px;
    top: 1px;
    color: #fff;
    font-size: 16px;
}

.btnSection .loadXeroAddress {
    position: relative;
}

#btnLoadXeroAddress input {
    padding: 5px 14px 5px 35px !important;
}

.btnSection span.loadXeroAddress i {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 12px;
    top: 1px;
    color: #fff;
    font-size: 16px;
}

#DivCustomersNew {
    padding: 5px 28px !important;
}

.portlet .message {
    color: #707070;
    font-size: 12px;
    line-height: 14px;
}

.customerAddress .portlet .portlet-section {
    padding: 0 !important;
}

/*.customerAddress .ui-jqgrid tr.ui-row-ltr td {
    border-right: unset;
    border-left: unset;
    border-bottom: 1px solid #DEE2E6;
}*/

.customerAddress .ui-jqgrid tr:nth-child(odd) {
    background: #FAFAFA;
}

.customerAddress .ui-jqgrid .ui-jqgrid-view {
    background: unset !important;
}

.ui-jqgrid tr.ui-row-ltr td[aria-describedby="addressGrid_DeleteAddress"] {
    padding: 0px !important;
}

td[aria-describedby="addressGrid_DeleteAddress"] div:first-child {
    margin-left: 0px !important;
}

#addressGrid tr td input[type='checkbox'] {
    margin-top: 5px;
    width: 18px;
    height: 18px;
}

.customerAddress .ui-jqgrid tr.jqgfirstrow td {
    padding: 0;
    border-right-width: 0px;
}

.customerAddress .ui-jqgrid-hdiv, .customerAddress .ui-jqgrid-bdiv {
    width: 100%;
    overflow-y: scroll !important;
}

.ui-widget {
    font-family: 'Helvetica' !important;
}

.customerAddress .ui-jqgrid tr.jqgrow td {
    height: 34px;
    /*    border: unset !important;*/
}

.ui-jqgrid .ui-jqgrid-htable th div {
    margin-top: 2px;
}

.ui-icon.ui-icon-pencil {
    background: url(/Images/edit-grey.svg) no-repeat !important;
}

.ui-icon.ui-icon-trash {
    background: url(/Images/trash-grey.svg) no-repeat !important;
}


.portlet-section .dlg-form-footer input {
    width: 98px;
    height: 34px;
}

.customerAddress .DivCustomersNew .portlet-title {
    background-color: transparent;
    border-bottom: unset;
}

#btnSelectRow {
    font-size: 12px !important;
    line-height: 14px;
}

#pagerCust {
    padding: 15px 0 !important;
}

#editmodCustomerGrid,
#editmodaddressGrid {
    width: 400px !important;
}

    #editmodCustomerGrid input,
    #editmodaddressGrid input {
        border: 1px solid #E0E0E0 !important;
        border-radius: 5px !important;
    }

#TblGrid_CustomerGrid_2,
#TblGrid_addressGrid_2 {
    margin-top: 20px;
}

.fm-button-icon-left .ui-icon-disk {
    top: 30%;
}

.btnSection .modal-dialog {
    width: 750px;
    margin: auto;
}

.rowTable .modal-header {
    background-color: transparent !important;
}

.btnSection .modal-header .modal-title {
    color: #777777;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.btnSection .portlet input,
.btnSection .portlet select {
    height: 34px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Helvetica' !important;
}

.btnSection .AddressSection .portlet {
    padding: 0 !important;
}

    .btnSection .AddressSection .portlet .portlet-body {
        padding: 0 !important;
    }

.btnSection .newCustomerModal .modal-header {
    padding: 15px 30px 15px 15px;
}

/*.btnSection .modal .modal-header .close {
    width: 18px;
    height: 18px;
    margin-top: -24px !important;
    color: #343A40;
    background-image: unset !important;
    text-indent: unset;
    font-size: 30px !important;
}*/
#IsDefaultDeliveryAddress, #EditIsDefaultDeliveryAddress {
    height: 13px !important;
}

.btnSection .modal-footer #btnSubmit {
    background-color: #2b8b3a;
}

#btnSubmit,
#btnDeleteCustomer,
#btnClear,
#btnPOSTApi {
    font-size: 14px !important;
    line-height: 16px;
}

.btnSection .modal-footer .portlet.light,
.btnSection .modal-footer .portlet-body {
    padding: 0px !important;
}

#edithdCustomerGrid,
#edithdaddressGrid,
#delhdCustomerGrid,
#delhdaddressGrid, #delhdacn-addressGrid, #delhdRentalGrid, #DivPaymentDetails .modal-header {
    background-color: #fff !important;
    color: #777777 !important;
    font-size: 16px;
    border-bottom: 1px solid #E0E0E0 !important;
}

    #editmodCustomerGrid .ui-jqdialog-content .CaptionTD,
    #edithdaddressGrid .ui-jqdialog-content .CaptionTD {
        font-size: 12px;
        color: #777777;
        line-height: 24px;
        margin: 5px 0;
    }

#editmodCustomerGrid input,
#editmodaddressGrid input {
    font-size: 12px;
    height: 34px;
    margin: 5px 0;
}

.EditTable .navButton {
    display: none;
}

#delmodCustomerGrid .ui-jqdialog-content td.EditButton, #delmodaddressGrid .ui-jqdialog-content td.EditButton,
#delmodacn-addressGrid .ui-jqdialog-content td.EditButton, #delmodRentalGrid .ui-jqdialog-content td.EditButton {
    text-align: left;
}

.newMainContent #sData,
#delcntCustomerGrid .EditButton #dData .ui-state-hover,
#delcntaddressGrid .EditButton #dData, #delcntCustomerGrid .EditButton #dData, #DelTbl_BookingAccessoriesGrid_2 .EditButton #dData, #DelTbl_AmortisationGrid_2 .EditButton #dData, #delmodacn-addressGrid .EditButton .ui-state-hover, #delmodacn-addressGrid .EditButton .fm-button-icon-left, #DelTbl_BookingAccessoriesGrid_2 #dData, #DelTbl_AmortisationGrid_2 #dData,
#DelTbl_RentalGrid_2 .EditButton #dData {
    background: #28A745 !important;
    color: #fff;
    font-size: 14px !important;
    border-radius: 4px !important;
    border: 1px solid #28A745 !important;
    padding: 5px 10px;
}

#DelTbl_CustomerGrid_2 .ui-state-hover, #DelTbl_addressGrid_2 .ui-state-hover, #DelTbl_BookingAccessoriesGrid_2 .ui-state-hover, #DelTbl_AmortisationGrid .ui-state-hover {
    background-color: #e5e5e5 !important;
}

.newMainContent .ui-jqdialog-titlebar-close .ui-icon-closethick {
    background: url("/Images/close-icon.svg") no-repeat 3px 2px rgba(0, 0, 0, 0) !important;
}

#delhdaddressGrid .ui-icon-closethick, #delhdCustomerGrid .ui-icon-closethick, #delhdacn-addressGrid .ui-icon-closethick, #delhdBookingAccessoriesGrid .ui-icon-closethick, #delhdAmortisationGrid .ui-icon-closethick, #delcntBookingAccessoriesGrid .ui-icon-closethick, #delcntAmortisationGrid .ui-icon-closethick, #DivPaymentDetails .modal-header button {
    background: url("/Images/close-icon.svg") no-repeat 3px 2px rgba(0, 0, 0, 0) !important;
}

#DivPaymentDetails .modal-header button {
    padding: 10px;
}

.ui-jqdialog .ui-jqdialog-titlebar-close,
.ui-jqdialog .ui-jqdialog-titlebar-close.ui-state-hover {
    right: 20px !important;
    padding: 1px !important;
}

#delmodCustomerGrid .ui-state-default .ui-icon.ui-icon-disk,
#delmodCustomerGrid .ui-state-default .ui-icon-scissors,
#delmodaddressGrid .ui-state-default .ui-icon.ui-icon-disk,
#delmodaddressGrid .ui-state-default .ui-icon-scissors,
#delmodacn-addressGrid .ui-state-default .ui-icon.ui-icon-disk,
#delmodacn-addressGrid .ui-state-default .ui-icon-scissors,
#DelTbl_RentalGrid_2 .ui-state-default .ui-icon-scissors, #DelTbl_RentalGrid_2 .ui-state-default .ui-icon-cancel,
#DelTbl_AmortisationGrid_2 .ui-state-default .ui-icon-scissors, #DelTbl_AmortisationGrid_2 .ui-state-default .ui-icon-cancel {
    display: none;
}

#delmodCustomerGrid #cData,
#delmodacn-addressGrid #eData {
    display: none;
}

#delmodCustomerGrid #eData span, #delmodaddressGrid #eData span {
    display: none;
}

#delmodCustomerGrid #eData, #DelTbl_addressGrid_2 #eData, #DelTbl_BookingAccessoriesGrid_2 #eData, #DelTbl_RentalGrid_2 #eData {
    padding: 5px 10px;
    border-radius: 4px !important;
    font-size: 14px !important;
    color: #333333;
    background-color: #e5e5e5;
}

#editmodCustomerGrid .ui-jqdialog-title,
#delhdCustomerGrid .ui-jqdialog-title,
#delhdaddressGrid .ui-jqdialog-title, #delhdacn-addressGrid .ui-jqdialog-title,
#DivPaymentDetails .modal-title {
    margin: 2px 0;
    font-size: 16px;
}

#DivPaymentDetails .modal-title {
    color: #777777 !important;
}

textarea.form-control-ht.form-control {
    height: 110px !important;
    padding: 5px 10px !important;
}

.DelTable tr td.delmsg {
    color: #777777;
    white-space: unset !important;
}

#editmodaddressGrid {
    top: 15% !important;
}

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

#newCustomerModal {
    top: 55px !important;
    left: 24px !important;
}

#editCustomerModal {
    top: 103px !important;
    left: 24px !important;
}

.CustomerGrid .ui-inline-edit, #cb_addressGrid {
    display: none;
}

.customerAddress .new_greybg_padding .modal-footer .portlet-body {
    padding: 5px 0px !important;
}

.DeleteAddressBtnRow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    margin: 0 10px;
    float: left !important;
}

/*.ui-dialog-buttonset button:nth-child(2) {
    display: none !important;
}*/

.delete-customer-dialog {
    color: #777777;
}

.delete-customer-msg {
    font-size: 12px !important;
    font-weight: bold !important;
    margin-top: 20px;
}

#ui-id-2, #ui-id-3, #ui-id-4 {
    z-index: 99999;
}

#pagerCust_center {
    width: auto;
}

/*.customerAddress .DivCustomersNew .ui-jqgrid-hdiv {
    overflow-y: scroll;
}
*/

.newMainContent #lblconfirm {
    font-size: 14px !important;
}

#PostConfirmBoxDelete #lblconfirm {
    font-size: 12px !important;
}
/* inventory Managment css start here*/
.inventoryManagment {
    padding: 5px 25px 15px 25px;
}

    .inventoryManagment .required-lable {
        color: #212529;
        font-size: 12px;
        line-height: 24px;
    }

    .inventoryManagment .portlet-title {
        padding: 15px 0px !important;
    }

    .inventoryManagment .header_rental {
        margin-top: 20px;
    }

    .inventoryManagment #button_Refresh {
        width: 113px;
        height: 34px;
        background-color: #007AFF;
        padding-left: 0 !important;
        position: relative;
        padding: 6px 16px 5px 27px !important;
    }

    .inventoryManagment .btn_section button {
        font-size: 12px !important;
        font-weight: normal;
        line-height: 14px;
    }

    .inventoryManagment #button_CreateNewItem i {
        position: absolute;
        width: 16px;
        height: 16px;
        left: 12px;
        top: 1px;
        color: #fff;
        font-size: 16px;
    }

    .inventoryManagment .btn_section i {
        position: absolute;
        width: 12px;
        height: 12px;
        left: 0px;
        top: 8px;
        color: #fff;
        font-size: 14px;
        padding-right: 5px;
        padding-left: 10px;
    }

.marginTop32 {
    margin-top: 44px;
}

.inventoryManagment .inventoryType {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #ddd;
    padding: 17px 15px;
    /* position: absolute;
    right: 0;
    top: 83px;*/
    min-height: 145px;
    overflow: auto;
}

.inventoryManagment .kit-package {
    position: relative;
    padding: 5px 0;
}

.inventoryManagment .kit-row {
    position: absolute;
    top: -55px;
    width: 50%;
}

#InvPriceSection label {
    text-align: left !important;
}

#button_PostNewItem {
    background-color: #007AFF;
}

#txtItemNameSearch {
    width: 250px;
}

.portletLight {
    padding: 12px 0px 15px 0px;
}

.inventory-footer input {
    height: 32px;
    margin: 5px;
}

#btn-add-kit-components {
    position: relative;
    font-size: 12px !important;
    background-color: #007AFF;
    top: -5px;
}

.divSearchBox .newSearch {
    max-width: 320px;
}

.inventoryItemPopup .portlet-title {
    background-color: #fff;
}

.btn_section button {
    height: 34px;
}

#button_CancelItem {
    padding: 6px 16px 5px 27px !important;
    position: relative;
}

.divService .ui-autocomplete-input {
    background: unset !important;
    background-color: #fff !important;
}

.inventory-tabs .tab-content-section {
    margin-left: -18px;
    margin-right: -18px;
}

.stock-details {
    padding: 12px 40px 12px 40px !important;
}

#itemDetails .form-row {
    position: relative;
}

#itemDetails .borderRight:after {
    content: '';
    height: 80%;
    position: absolute;
    right: 0;
    width: 1px;
    top: 40px;
    opacity: 1;
    background-color: #EFEFEF;
}

#itemDetails .borderAcc:after {
    content: '';
    height: 72%;
    position: absolute;
    right: 0;
    width: 1px;
    top: 30px;
    opacity: 1;
    background-color: #EFEFEF;
}

.rego-renewal {
    display: flex;
}

#ItemStockDetails .rego-renewal .UnitCertNo {
    width: 65%;
    margin-right: 20px;
}

#ItemStockDetails .rego-renewal .transaction-due-date {
    width: 35%;
}

.newMainContent #manageSearch {
    width: 250px;
    margin: 20px 0;
    height: 38px !important;
}

#InventoryManagementFormDiv .portlet-title {
    background-color: #fff;
    border-bottom: unset;
    padding: 0 15px !important;
    margin-bottom: 0 !important;
}

#PopupDiv {
    margin-bottom: 10px;
}

#ItemSearchGridForKitManagement td {
    white-space: unset;
}

    #ItemSearchGridForKitManagement td select {
        padding: 5px;
    }

#TransactionFeeDiv {
    display: flex;
    align-items: baseline;
}

    #TransactionFeeDiv label {
        padding-left: 5px;
    }

.add-comments {
    position: relative;
}

    .add-comments img {
        position: absolute;
        width: 16px;
        height: 16px;
        left: 12px;
        top: 8px;
        color: #fff;
        font-size: 16px;
    }

.inventory-footer input[type=button] {
    line-height: 14px;
}

.newMainContent .bulkExtension #SelectStartDate {
    height: 38px !important;
    margin: 0 !important;
}

.banner-text {
    padding: 0 0 90px;
}

.newMainContent .bulkExtension #manageSearch {
    height: 38px !important;
    margin: 0 !important;
}

.newMainContent .ui-jqgrid .ui-jqgrid-view {
    background: #F8F8F8 !important;
}

.AddressSection .ui-autocomplete-loading {
    padding-right: 30px !important;
}

.EditAddressSection .EditAddressType {
    padding-right: 30px !important;
}
/* end here */
.search_box {
    position: relative;
}

    .search_box .form-control {
        background: #fff !important;
        padding-right: 31px !important;
    }

    .search_box .search_btn {
        position: absolute;
        top: 5px;
        right: 7px;
        cursor: pointer;
    }

        .search_box .search_btn img {
            max-height: 17px;
            max-width: 17px;
        }

#billing-phone-email span#emailID {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.NewCommonContent #BookingNo {
    white-space: initial;
    padding: 0 30px 0 10px !important;
    -webkit-padding-end: 30px !important;
    -webkit-padding-start: 10px !important;
}

.acceptance-section {
    font-size: 12px;
}

/*CSS form confirmation dialogs x-ms-webview area creating with JS*/
#QuoteCustomChargeDelete, #RentalCustomChargeDelete, #CPMDeleteConfirm, #RatioConfigurationDelete {
    width: 370px !important;
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    border-radius: 5px !important;
    padding: 0;
}

    #QuoteCustomChargeDelete .ui-dialog-titlebar.ui-widget-header,
    #RentalCustomChargeDelete .ui-dialog-titlebar.ui-widget-header,
    #RatioConfigurationDelete .ui-dialog-titlebar.ui-widget-header,
    #CPMDeleteConfirm .ui-dialog-titlebar.ui-widget-header {
        background-color: #fff !important;
        color: #777777 !important;
        font-size: 16px;
        border-bottom: 1px solid #E0E0E0 !important;
        padding: 15PX;
    }

        #QuoteCustomChargeDelete .ui-dialog-titlebar.ui-widget-header span,
        #RentalCustomChargeDelete .ui-dialog-titlebar.ui-widget-header span,
        #RatioConfigurationDelete .ui-dialog-titlebar.ui-widget-header span,
        #CPMDeleteConfirm .ui-dialog-titlebar.ui-widget-header span {
            color: #777777 !important;
            margin: 2px 0;
            font-size: 16px;
            font-weight: normal;
        }

    #QuoteCustomChargeDelete button.ui-dialog-titlebar-close,
    #RentalCustomChargeDelete button.ui-dialog-titlebar-close,
    #RatioConfigurationDelete button.ui-dialog-titlebar-close,
    #CPMDeleteConfirm button.ui-dialog-titlebar-close {
        background: url(/Images/close-icon.svg) no-repeat 3px 2px rgba(0, 0, 0, 0) !important;
        right: 15px;
    }

        #QuoteCustomChargeDelete button.ui-dialog-titlebar-close span,
        #RentalCustomChargeDelete button.ui-dialog-titlebar-close span,
        #RatioConfigurationDelete button.ui-dialog-titlebar-close span,
        #CPMDeleteConfirm button.ui-dialog-titlebar-close span {
            background: none !important;
            margin: 0 !important;
        }

    #QuoteCustomChargeDelete .ui-dialog-content,
    #RentalCustomChargeDelete .ui-dialog-content,
    #RatioConfigurationDelete .ui-dialog-content,
    #CPMDeleteConfirm .ui-dialog-content {
        padding: 15px;
    }

        #QuoteCustomChargeDelete .ui-dialog-content h6,
        #RentalCustomChargeDelete .ui-dialog-content h6,
        #RatioConfigurationDelete .ui-dialog-content h6,
        #CPMDeleteConfirm .ui-dialog-content h6 {
            font-size: 14.3px;
            color: #777777;
            margin: 0;
        }

    #QuoteCustomChargeDelete .ui-widget-content .ui-dialog-buttonset button,
    #RentalCustomChargeDelete .ui-widget-content .ui-dialog-buttonset button,
    #RatioConfigurationDelete .ui-widget-content .ui-dialog-buttonset button,
    #CPMDeleteConfirm .ui-widget-content .ui-dialog-buttonset button {
        margin: 0px 0.4em 0.5em 0;
        outline: none !important;
    }
/*CSS form confirmation dialogs x-ms-webview area creating with JS*/

/*Css to hide dropdown-backdrop div becuase its adding in mobile view and prevent user
    to select option from more option dropdown in rental and quote screens*/
.more-option-dropdown .dropdown-backdrop {
    display: none;
}
/* Create Service Items */
.serviceItems .fieldspanel {
    background: transparent;
    border: unset;
}

.serviceItems #btnClear {
    padding: 8px 14px !important;
    background: #EFEFEF;
    font-size: 12px !important;
    line-height: 14px;
    color: #000000;
}

.serviceItems .portlet .portlet-title {
    padding: 5px 28px !important;
}

#btnShowNotes {
    cursor: pointer;
}

[aria-describedby="tblJQGrid_itemcodeauto"] input.form-control {
    height: 30px !important;
}

[aria-describedby="tblJQGrid_ItemDescription"] textarea {
    margin-top: 5px;
}

.newMainContent .form-control:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

.itemDetails .latest-grid ::-webkit-scrollbar {
    height: 10px;
}
/*end here*/
@media (max-width:1300px) {
    .NewCommonContent .tabbable-line > .nav-tabs > li > a {
        font-weight: 400;
        font-size: 12px !important;
        padding: 9px 9px !important;
        color: #007AFF !important;
    }

    .NewCommonContent .bottom-btn-box .bottom_buttons {
        margin-bottom: 10px !important;
    }
}

@media (max-width:1200px) {
    label {
        font-size: 11px !important;
    }

    .NewCommonContent .flex-wrap_lg {
        flex-wrap: wrap;
    }
}

@media (max-width:991px) {
    .NewCommonContent .greyBox.rental-type {
        margin: 0 0 0 0px !important;
    }

    .NewCommonContent .search_field {
        margin-right: 10px;
    }

    .NewCommonContent .AdditionalRentalRow > div:nth-child(1) {
        width: 100%;
    }
}

@media (max-width:574px) {
    .NewCommonContent .search_field, .NewCommonContent .transaction-form, #BookingNo, .NewCommonContent .greyBox.rental-type {
        max-width: 100% !important;
        margin-right: 0;
    }

    .NewCommonContent .flex-xs-wrap {
        flex-wrap: wrap;
    }
}
.modal-Amotizationbody {
    position: relative;
    padding: 5px 15px 15px 15px;
}

/*By Arun - for export customer list button */
#button_AllowCustomerExport {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* space between icon and text */
    height: 36px; /* optional: match your design */
}

    #button_AllowCustomerExport i {
        font-size: 14px;
    }