/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/*FAncy Text Box CSS BY NIRAV 31-8-2017*/
.input {
    position: relative;
    z-index: 1;
    display: inline-block; 
    /*margin: 1em;
	max-width: 350px;*/
    width: calc(100% - 2em);
    vertical-align: top;
}

.input__field {
    position: relative;
    display: block;
    float: right;
    padding: 0.8em;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #aaa;
    font-weight: 500;
    -webkit-appearance: none; /* for box shadows to show on iOS */
}

    .input__field:focus {
        outline: none;
    }

.input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #555;
    font-weight: 600;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
}

.graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none;
}

.icon {
    color: #ddd;
    font-size: 150%;
}

/* Individual styles */
/* Hoshi */
.input--hoshi {
    overflow: hidden;
}

.input__field--hoshi {
    margin-top: 0em;
    padding: 1.85em 0.70em;
    width: 100%;
    background: transparent;
    color: #555;
}

.input__label--hoshi {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 0.1em;
    width: 100%;
    height: calc(100% - 1em);
    text-align: left;
    pointer-events: none;
}

.input__label-content--hoshi { 
    position: absolute;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 10px);
    border-bottom: 1px solid #f5f5f5;
}

.input__label--hoshi::after {
    margin-top: 2px;
    border-bottom: 2px solid red;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.input__label--hoshi-color-1::after {
    border-color: hsl(168, 75%, 40%);
}

.input__label--hoshi-color-2::after {
    border-color: hsl(160, 100%, 50%);
}

.input__label--hoshi-color-3::after {
    border-color: hsl(20, 100%, 50%);
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
    -webkit-animation: anim-1 0.3s forwards;
    animation: anim-1 0.3s forwards;
}

@-webkit-keyframes anim-1 {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(1em, 0, 0);
        transform: translate3d(1em, 0, 0);
    }

    51% {
        opacity: 0;
        -webkit-transform: translate3d(-1em, -40%, 0);
        transform: translate3d(-1em, -40%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
}

@keyframes anim-1 {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(1em, 0, 0);
        transform: translate3d(1em, 0, 0);
    }

    51% {
        opacity: 0;
        -webkit-transform: translate3d(-1em, -40%, 0);
        transform: translate3d(-1em, -40%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
}

input.error {
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.form-control.error {
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.form-horizontal h3 {
    font-size: 13px;
}
/*
    Common
*/

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

    .wizard a,
    .tabcontrol a {
        outline: 0;
    }

    .wizard ul,
    .tabcontrol ul {
        list-style: none !important;
        padding: 0;
        margin: 0;
    }

        .wizard ul > li,
        .tabcontrol ul > li {
            display: block;
            padding: 0;
        }

    /* Accessibility */
    .wizard > .steps .current-info,
    .tabcontrol > .steps .current-info {
        position: absolute;
        left: -999em;
    }

    .wizard > .content > .title,
    .tabcontrol > .content > .title {
        position: absolute;
        left: -999em;
    }



    /*
    Wizard
*/

    .wizard > .steps {
        position: relative;
        display: block;
        width: 100%;
    }

    .wizard.vertical > .steps {
        display: inline;
        float: left;
        width: 30%;
    }

    .wizard > .steps > ul > li {
        width: 25%;
    }

    .wizard > .steps > ul > li,
    .wizard > .actions > ul > li {
        float: left;
    }

    .wizard.vertical > .steps > ul > li {
        float: none;
        width: 100%;
    }

    .wizard > .steps a,
    .wizard > .steps a:hover,
    .wizard > .steps a:active {
        display: block;
        width: auto;
        margin: 0 0.5em 0.5em;
        padding: 8px;
        text-decoration: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .wizard > .steps .disabled a,
    .wizard > .steps .disabled a:hover,
    .wizard > .steps .disabled a:active {
        background: #eee;
        color: #aaa;
        cursor: default;
    }

    .wizard > .steps .current a,
    .wizard > .steps .current a:hover,
    .wizard > .steps .current a:active {
        background: #53a8bc;
        color: #fff;
        cursor: default;
    }

    .wizard > .steps .done a,
    .wizard > .steps .done a:hover,
    .wizard > .steps .done a:active {
        background: #6fd1bd;
        color: #fff;
    }

    .wizard > .steps .error a,
    .wizard > .steps .error a:hover,
    .wizard > .steps .error a:active {
        background: #ED5565;
        color: #fff;
    }

    .wizard > .content {
        background: #eee;
        display: block;
        margin: 5px 5px 10px 5px;
        min-height: 120px;
        overflow: hidden;
        position: relative;
        width: auto;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

.wizard-big.wizard > .content {
    min-height: 320px;
}

.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}

.wizard > .content > .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

    .wizard > .content > .body ul {
        list-style: disc !important;
    }

        .wizard > .content > .body ul > li {
            display: list-item;
        }

    .wizard > .content > .body > iframe {
        border: 0 none;
        width: 100%;
        height: 100%;
    }

    .wizard > .content > .body input {
        display: block;
        border: 1px solid #ccc;
    }

        .wizard > .content > .body input[type="checkbox"] {
            display: inline-block;
        }

        .wizard > .content > .body input.error {
            background: rgb(251, 227, 228);
            border: 1px solid #fbc2c4;
            color: #8a1f11;
        }

    .wizard > .content > .body label {
        display: inline-block;
        margin-bottom: 0.5em;
    }

        .wizard > .content > .body label.error {
            color: #8a1f11;
            display: inline-block;
            margin-left: 1.5em;
        }

.wizard > .actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

.wizard.vertical > .actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard > .actions > ul {
    display: inline-block;
    text-align: right;
}

    .wizard > .actions > ul > li {
        margin: 0 0.5em;
    }

.wizard.vertical > .actions > ul > li {
    margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
    background: #53a8bc;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
    background: #eee;
    color: #aaa;
}

.wizard > .loading {
}

    .wizard > .loading .spinner {
    }



/*
    Tabcontrol
*/

.tabcontrol > .steps {
    position: relative;
    display: block;
    width: 100%;
}

    .tabcontrol > .steps > ul {
        position: relative;
        margin: 6px 0 0 0;
        top: 1px;
        z-index: 1;
    }

        .tabcontrol > .steps > ul > li {
            float: left;
            margin: 5px 2px 0 0;
            padding: 1px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

            .tabcontrol > .steps > ul > li:hover {
                background: #edecec;
                border: 1px solid #bbb;
                padding: 0;
            }

            .tabcontrol > .steps > ul > li.current {
                background: #fff;
                border: 1px solid #bbb;
                border-bottom: 0 none;
                padding: 0 0 1px 0;
                margin-top: 0;
            }

            .tabcontrol > .steps > ul > li > a {
                color: #5f5f5f;
                display: inline-block;
                border: 0 none;
                margin: 0;
                padding: 10px 30px;
                text-decoration: none;
            }

                .tabcontrol > .steps > ul > li > a:hover {
                    text-decoration: none;
                }

            .tabcontrol > .steps > ul > li.current > a {
                padding: 15px 30px 10px 30px;
            }

.tabcontrol > .content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

    .tabcontrol > .content > .body {
        float: left;
        position: absolute;
        width: 95%;
        height: 95%;
        padding: 2.5%;
    }

        .tabcontrol > .content > .body ul {
            list-style: disc !important;
        }

            .tabcontrol > .content > .body ul > li {
                display: list-item;
            }


.paginationList ul {
    margin: 0px !important;
}

.RecordCount {
}
/*packages subscription page*/
.payment-box {
    border: 1px solid #e7eaec;
    padding: 15px 0px;
    margin-top: 10px;
    border-radius: 5px;
}

    .payment-box:hover {
        background: #f5f8f9;
    }

.test {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.filter-border {
    border-color: #f9f5f5 !important;
}

    .filter-border:focus {
        border-color: #53a8bc !important;
    }
/*Invoce list BTN*/
button.close {
   -webkit-appearance: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: 0 0 !important;
    border: 0px;
    height: 20px !important;
    background: #fff !important;
    width: 20px !important;
    border-radius: 24%;
}

.close {
       float: right;
    font-size: 23px !important;
    font-weight: normal;
    line-height: 0;
    color: #adadad!important;
    /* text-shadow: 0 1px 0 #c7c7c7; */
    filter: alpha(opacity=20);
    opacity: 1 !important;
}

button.close:focus {
    outline: none !important;
}





/*-------------11-10-2017-------------*/

.equal_icon i {
    font-size: 16px;
    height: 10px;
    overflow: hidden;
}



.gray_bg {
    background: #F3F3F4;
    margin-bottom: 25px;
}

.port_gray {
    background: #e9e9e9;
}

.gray_hr {
    background-color: #9a9a9a;
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    height: 1px;
    margin: 20px 0 10px;
}

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

.SectionTitle1 {
    color: #292929;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 0.5em;
    width: 100%;
}

.SectionTitle3 {
    border-bottom: 1px solid #d3d3d3;
    color: #048fc2;
    margin-top: 10px;
    padding-top: 0.5em;
    white-space: nowrap;
}

.profit_date .form-group {
    float: left;
    width: 38%;
}

.profit_date .form-group {
    margin-right: 10px;
}

#PageSize {
    display: none;
}

.mt25 {
    margin-top: 25px;
}

.width {
    padding-left: 10px;
    padding-right: 10px;
}

.list-typ1 {
    margin: 0px;
    padding: 0 0 0 25px;
}

    .list-typ1 li {
        list-style-type: disc;
        padding-bottom: 10px;
    }


.mr5 {
    margin-right: 5px;
}

.ibox-content h3 {
    margin-bottom: 15px;
}

/*Add new Business css*/
@import url(http://fonts.googleapis.com/css?family=Montserrat);
/*basic reset*/
body {
    font-family: montserrat, arial, verdana;
    /*Image only BG fallback*/
    /*background: url('images/gs.png') repeat top left;*/
    background: #eaf5e7;
    /*background = gradient + image pattern combo*/
    /*background: linear-gradient(rgba(196, 102, 0, 0.2), rgba(155, 89, 182, 0.2)), url('images/gs.png') repeat top left;*/
}

/*form styles*/
#msform {
    /*width: 850px;*/
    height: 800px;
    margin: 20px auto;
    text-align: center;
    position: relative;
}

    #msform fieldset {
        background: white;
        border: 0 none;
        border-radius: 3px;
        box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
        padding: 20px 30px;
        box-sizing: border-box;
        width: 59%;
        margin: 0 20%;
        /*stacking fieldsets above each other*/
        position: absolute;
    }

        /*Hide all except first fieldset*/
        #msform fieldset:not(:first-of-type) {
            display: none;
        }

    /*inputs*/
    #msform input, #msform textarea, #msform select {
        padding: 15px;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
        font-family: montserrat;
        color: #2C3E50;
        font-size: 13px;
    }

    /*buttons*/
    #msform .action-button {
        width: 180px;
        height: 35px;
        line-height: 0px;
        background: #27AE60;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 1px;
        cursor: pointer;
        margin: 10px 5px;
    }

        #msform .action-button:hover, #msform .action-button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
        }

/*headings*/
.fs-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 30px;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    margin-top: 30px;
    /*overflow: hidden;*/
    /*CSS counters to number the steps*/
    counter-reset: step;
    text-align: center;
    position: relative;
    padding: 0;
}

    /*#progressbar::before {
        background: #ccdfc7 none repeat scroll 0 0;
        content: "";
        height: 2px;
        position: absolute;
        top: 9px;
        width: 100%;
        left: 0; 
        right: 0;
    }*/

#progressbar li.active::before, #progressbar li.active::after {
  background:#fff;
  color: #53a8bc;
}
#progressbar li::before {
  background:#53a8bc;
  border-radius: 3px;
  color: #fff;
  content: counter(step, decimal);
  counter-increment: step 1;
  display: block;
  font-size: 10px;
  line-height: 20px;
  margin: 0 auto 5px;
  width: 20px;
}


    #progressbar li {
        list-style-type: none;
        color: #676a6c;
        font-size: 14px;
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

        #progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 25px;
            line-height: 25px;
            display: block;
            font-size: 16px;
            font-weight:bold;
            border-radius: 3px;
            margin: 0 auto 5px auto;
        }

      progressbar connectors
        #progressbar li:after {
            content: '';
            width: 100%;
            height: 2px;
            background: #ccdfc7;
            position: absolute;
            left: -50%;
            top: 9px;
            z-index: -1; 
        }



        #progressbar li:first-child:after {
            /*connector not needed before the first step*/
            content: none;
        }

        /*marking active/completed steps green*/
        /*The number of the step and the connector before it = green*/
        #progressbar li.active:before, #progressbar li.active:after {
           
            color: #53a8bc;
        }

.divVATAccounting {
    display: none;
}

#jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.jquery-script-center {
    width: 960px;
    margin: 0 auto;
}

    .jquery-script-center ul {
        width: 212px;
        float: left;
        line-height: 45px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .jquery-script-center a {
        text-decoration: none;
    }

.jquery-script-ads {
    width: 728px;
    height: 90px;
    float: right;
}

.jquery-script-clear {
    clear: both;
    height: 0;
}

.ml-120 {
    margin: 0px 0px 0px 120px;
}

.add-business-frm {
    text-align: left !important;
    margin: 10px 0px 10px 0px;
}

.add-business-lbl {
}

    .add-business-lbl span {
        color: #ff0000;
    }

.btn-mt20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 10px;
    overflow: hidden;
}

.pre-typ-25, pre-typ-25:focus, pre-typ-25:active {
    color: #828282;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    padding-top: 10px;
    border: none !important;
}
/*First step css*/
#selectable-first .ui-selecting {
    background: #f9f9f9;
    color: #555555;
}

#selectable-first .ui-selected {
    background: url(../../../Content/images/check-icon.png) no-repeat 250px 27px #eaf5e7 !important;
    border: 2px solid #27ae60;
}

#selectable-first {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 620px;
}

    #selectable-first li {
        margin: 3px;
        padding: 30px 0 30px 0;
        float: left;
        width: 300px;
        font-size: 18px;
        text-align: center;
        cursor: pointer;
    }

/*Secund    selectable-secund*/
#selectable-secund .ui-selecting {
    background: #f9f9f9;
    color: #555555;
}

#selectable-secund .ui-selected {
    background: url(../../../Content/images/check-icon.png) no-repeat 250px 27px #eaf5e7 !important;
    border: 2px solid #27ae60;
}

#selectable-secund {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 620px;
}

    #selectable-secund li {
        margin: 3px;
        padding: 30px 0 30px 0;
        float: left;
        width: 300px;
        font-size: 18px;
        text-align: center;
    }


/*VAT Schem css*/
#selectable .ui-selecting {
    background: #f9f9f9;
    color: #555555;
}

#selectable .ui-selected {
    background: url(../../../Content/images/check-icon.png) no-repeat 250px 27px #eaf5e7 !important;
    border: 2px solid #27ae60;
}

#selectable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 620px;
}

    #selectable li {
        margin: 3px;
        padding: 30px 0 30px 0;
        float: left;
        width: 300px;
        font-size: 18px;
        text-align: center;
    }

/*VAT accounting css*/
#selectable-accounting .ui-selecting {
    background: #f9f9f9;
    color: #555555;
}

#selectable-accounting .ui-selected {
    background: url(../../../Content/images/check-icon.png) no-repeat 250px 27px #eaf5e7 !important;
    border: 2px solid #27ae60;
}

#selectable-accounting {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 620px;
}

    #selectable-accounting li {
        margin: 3px;
        padding: 30px 0 30px 0;
        float: left;
        width: 300px;
        font-size: 18px;
        text-align: center;
    }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 2px solid #d3d3d3;
    background: #f9f9f9;
    font-weight: normal;
    color: #555555;
}

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited {
        color: #555555;
        text-decoration: none;
    }

.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: 1px solid #999999;
    background: #dadada url("../../images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited {
        color: #212121;
        text-decoration: none;
    }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url("../../images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #212121;
        text-decoration: none;
    }


.plus_icon {
    font-size: 14px;
}

.mt70 {
    margin-top: 70px;
}

.all_chack {
    margin-right: 5px !important;
    margin-top: -3px !important;
    vertical-align: middle;
}



.all_top {
    background: #d1dade;
}

.draft_top {
    background: #23c6c8;
}

.unpaid_top {
    background: #f8ac59;
}

.paid_top {
    background: #53a8bc;
}

.c-note_top {
    background: #1c84c6;
}

.recurring_top {
    background: #3f8105;
}

.sent_top {
    background: #5b6496;
}

.invoiced_top {
    background: #e16c47;
}

.awaiting_top {
    background: #72bb59;
}

.declined_top {
    background: #9468b5;
}

.accepted_top {
    background: #64633c;
}

.billed_top {
    background: #a47c7c;
}

.all_grid {
    border-left: 5px solid #d1dade;
}

.draft_grid {
    border-left: 5px solid #23c6c8;
}

.unpaid_grid {
    border-left: 5px solid #f8ac59;
}

.paid_grid {
    border-left: 5px solid #53a8bc;
}

.c-note_grid {
    border-left: 5px solid #1c84c6;
}

.recurring_grid {
    border-left: 5px solid #3f8105;
}

.sent_grid {
    border-left: 5px solid #5b6496;
}

.invoiced_grid {
    border-left: 5px solid #e16c47;
}

.awaiting_grid {
    border-left: 5px solid #72bb59;
}

.declined_grid {
    border-left: 5px solid #9468b5;
}

.accepted_grid {
    border-left: 5px solid #64633c;
}

.billed_grid {
    border-left: 5px solid #a47c7c;
}


.label-recurring {
    background: #3f8105 !important;
    color: #fff !important;
}

.label-sent {
    background:#3f8105 !important;
    color: #fff !important;
}

.label-invoiced {
    background: #d1dade !important;
    color: #333 !important;
}

.label-awaiting {
    background: #f8ac59 !important;
    color: #fff !important;
}

.label-declined {
    background: #1c84c6 !important;
    color: #fff !important;
}

.label-accepted {
    background: #53a8bc !important;
    color: #fff !important;
}

.label-billed {
    background: #d1dade !important;
    color: #333 !important;
}



tfoot {
    background: #f5f5f5;
    font-weight: bold;
}

.box_border {
    border: 1px solid #e7eaec;
}

.historyNotes {
    background-color: #F3F3F4;
    border: 1px solid #F3F3F4;
    color: #333333;
    font-weight: 600;
    padding: 10px;
    margin-bottom: 10px;
    position:relative;
}

.detailsnotes {
    font-weight: normal;
    width: 100%;
}

    .detailsnotes p {
        margin: 0;
    }

.deleteNote_title {
    display:block;
    margin-bottom: 3px;
    font-weight: 600;
    color:#6d7072;
    font-size:12px;
    margin-top:5px;
}

#ddl1_chosen input {
    width: 100% !important;
}

#ddl2_chosen input {
    width: 100% !important;
}

.auto_table {
    width: auto !important;
}

    .auto_table tr td {
        width: auto !important;
    }

.notelistdetails-table tr td {
    background: #F3F3F4;
}

.invoice_multiple .ms-choice {
    border: 1px solid #e5e6e7;
}

    .invoice_multiple .ms-choice > span {
        right: 0;
        left: 10px;
        top: 4px;
        text-align: left;
    }

     



/*----------------invoice plus button css start-----------------*/

.fixed-action-btn.spin-close .plus-button {
    position: relative;
}

    .fixed-action-btn.spin-close .plus-button i {
        opacity: 1;
        transition: transform 0.3s, opacity 0.3s;
    }

    .fixed-action-btn.spin-close .plus-button:before {
        background: #ffffff none repeat scroll 0 0;
        content: " ";
        height: 3px;
        left: 50%;
        margin-left: -0.6rem;
        margin-top: -1px;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: rotate(0deg);
        transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
        width: 1.2rem;
    }

    .fixed-action-btn.spin-close .plus-button:after {
        background: #ffffff none repeat scroll 0 0;
        content: " ";
        height: 3px;
        left: 50%;
        margin-left: -0.6rem;
        margin-top: -1px;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: rotate(0deg);
        transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
        width: 1.2rem;
    }

.fixed-action-btn.spin-close.open .plus-button i {
    opacity: 0;
}

.fixed-action-btn.spin-close.open .plus-button:before {
    opacity: 1;
    transform: rotate(135deg);
}

.fixed-action-btn.spin-close.open .plus-button:after {
    opacity: 1;
    transform: rotate(405deg);
}

button.btn-floating {
    border: none;
}

.fixed-action-btn.open ul {
    visibility: visible;
}

.fixed-action-btn.horizontal ul {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 0 5px #575a5c;
    height: 39px;
    left: auto;
    padding: 8px 4px 6px 8px;
    right: 28px;
    text-align: right;
    top: 11px;
    transform: translateY(-50%);
}

    .fixed-action-btn.horizontal ul li {
        display: table-cell;
        margin: 0px 0px 0 0;
        padding-right: 4px;
    }

.fixed-action-btn.toolbar {
    padding: 0;
    height: 56px;
}

    .fixed-action-btn.toolbar.active > a i {
        opacity: 0;
    }

    .fixed-action-btn.toolbar ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        top: 0;
        bottom: 0;
    }

        .fixed-action-btn.toolbar ul li {
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            display: inline-block;
            margin: 0;
            height: 100%;
            transition: none;
        }

            .fixed-action-btn.toolbar ul li a {
                display: block;
                overflow: hidden;
                position: relative;
                width: 100%;
                height: 100%;
                background-color: transparent;
                box-shadow: none;
                color: #fff;
                line-height: 56px;
                z-index: 1;
            }

                .fixed-action-btn.toolbar ul li a i {
                    line-height: inherit;
                }

.fixed-action-btn ul {
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 64px;
    margin: 0;
    visibility: hidden;
}

    .fixed-action-btn ul li {
        margin-bottom: 15px;
    }

    .fixed-action-btn ul a.btn-floating {
        opacity: 0;
    }

/*----------------invoice plus button css end-----------------*/


.head_create ul li a {
    margin: 0;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
}

.head_create ul li:last-child a {
    border-bottom: none;
}

.invoice_multiple ul {
    padding: 4px !important;
}

    .invoice_multiple ul li {
        border-radius: 3px;
        margin-bottom: 1px;
        padding: 2px 3px;
    }

        .invoice_multiple ul li input {
            margin: 0 3px 0 0;
        }

        .invoice_multiple ul li label {
            margin: 0;
            font-size: 10px;
        }



.white_bg {
    background: #fff;
    margin-bottom: 25px;
}

.user_title {
    background: #e7e7e7;
    text-align: center;
    padding: 10px;
}

    .user_title span {
        font-size: 17px;
        color: #3f3f3f;
        font-weight: bold;
    }

    .user_title i {
        font-size: 20px;
        color: #3f3f3f;
        margin-right: 8px;
    }

.user-content {
    border: 1px solid #e7e7e7;
    padding: 15px;
}

.adress_section .user-content ul {
    margin: 0;
}

    .adress_section .user-content ul:first-child {
        border-bottom: 1px dotted #ccc;
        padding-bottom: 15px;
        margin-bottom: 12px;
    }

.address_title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}

.bank_section .user-content ul {
    margin: 0;
    padding: 0;
}

    .bank_section .user-content ul li {
        display: block;
        padding: 0;
    }

        .bank_section .user-content ul li label {
            margin: 0;
        }

        .bank_section .user-content ul li .bank_text {
            font-weight: normal;
        }

    .bank_section .user-content ul li {
        padding: 8px 0;
        border-bottom: 1px dotted #ccc;
    }

        .bank_section .user-content ul li:last-child {
            border: none;
            padding-bottom: 0;
        }

        .bank_section .user-content ul li:first-child {
            padding-top: 0;
        }


.chart-account-tab li a {
    padding: 10px 12px 10px 12px !important;
}

.small-date input {
    width: 110px !important;
}




/* ------------ balance sheet --------------*/


.Dashheading {
    white-space: nowrap;
    color: #0578a2;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 9pt;
    height: 40px;
    padding: 0 10px;
    border-width: 1px 0px 1px 0px !important;
}

.SectionTitle1 {
    color: #292929;
    font-size: 14px;
    font-weight: bold;
    padding-top: .5em;
    margin-top: 10px;
    width: 100%;
}

.SectionTitle2 {
    border-bottom: solid 1px lightgray;
    font-size: 13px;
    font-weight: bold;
    padding-top: .5em;
    margin-top: 10px;
}

.SectionTitle3 {
    border-bottom: solid 1px lightgray;
    padding-top: .5em;
    margin-top: 10px;
    color: #048fc2;
    white-space: nowrap;
}

    .SectionTitle3 a {
        color: #048fc2;
    }

        .SectionTitle3 a:hover {
            color: #000;
        }


.footerRow1 {
    color: #000;
    padding-top: .5em;
    margin-top: 10px;
    font-weight: bold;
    white-space: nowrap;
}

.pad1 {
    padding-left: 40px;
}

.pad {
    padding-left: 20px;
}

.footerRow2 {
    border-bottom-style: double;
    border-top: solid 1px black;
    font-size: 12px;
    padding-top: .5em;
    margin-top: 10px;
    color: #000;
    font-weight: bold;
    white-space: nowrap;
}

.first-td {
    width: 250px;
}  

.success_message i { color:#128d08; font-size:20px;}
.success_message {border-radius:3px;box-shadow:0 0 4px #cccccc;}



.palette-Blue-800.bg {background-color:#000;}
.lastest-post-nest {border-radius: 5px;color: #ffffff;height:190px;margin: 0;opacity: 1;padding: 0;position: relative;
z-index: 0;}
.lastest-post-nest::before {background: rgba(0, 0, 0, 0) url("../../images/1024x764.jpg") no-repeat scroll 50% center / cover ;
border-radius: 5px;content: "";display: block;height: 100%;left: 0;margin: 0;opacity: 0.2;padding: 0;position: absolute;
top: 0;width: 100%;z-index: -1;}

.new_ul li a:hover { background:#418696!important; color:#fff!important;}



.datagrid_heading-hd td {background:#F3F3F4;border-radius: 0;color:#676a6c;font-size: 14px;font-weight: normal;height: 35px;text-align: center;
text-transform: capitalize;} 
.required {color: #ff0000;}
.datagrid_heading th {background: #F3F3F4;border-right: medium none;color: #676a6c;font-weight: normal;height: 40px;padding: 0 5px;text-align: left;}
.InnerDiv {background: #ffffff none repeat scroll 0 0;border: 1px solid #dddddd;margin: 0 0 20px;overflow: hidden;padding:15px;}
.cus-header2 {background: #f8f8f8 none repeat scroll 0 0;border-bottom: 1px solid #dddddd;height: 43px;}
.grid_panel2 .transaction2 {margin-bottom: 0;padding: 10px 5px 10px 15px;}
.grid_panel2 .transaction2 {color:#676a6c;font-size: 13pt;padding: 10px 5px 5px 15px;text-transform: capitalize;}


.mr45 { margin-right:45px;}
.dashbord_title h1{ font-size:20px;}  
.dashbord_title h2{ font-size:20px;}
.textarea_create{ min-height:34px; height:auto; border:1px solid #e5e6e7; padding:6px 12px;}
.addline{color: #4b7c13;font-size: 12pt;margin-left:10px;} 

.amount-container .amt-text {height: 30px;line-height: 30px;padding-right: 10px;text-align: right;}
.amount-container .amt-figar {background: #ffffff none repeat scroll 0 0;border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;color: #048abb;
height: 30px;line-height: 30px;text-align: left;width: 130px;}
.amount-container td {padding:0 0 0 3px;}


.progressbar_area { box-shadow:0 0 8px #cccccc; margin-top:20px;}
.progressbar_area ul { margin:0!important; float:left; width:30%;border:1px solid #c5c5c5;}
.progressbar_area ul li { width:100%!important; list-style:none; text-align:center; display:block; padding:15px 0; border-bottom:1px solid #c5c5c5;}
.progressbar_area ul li.active {background:#53a8bc; color:#fff!important;}
.progressbar_area ul li.active .arrow_span::before {border-bottom: 10px solid rgba(0, 0, 0, 0);border-left: 10px solid #53a8bc;border-top: 10px solid rgba(0, 0, 0, 0);
content: "";height:0;position:absolute;right:-10px;top:34%;width: 0;}

.progressbar_area ul li.success_steps {background:#37d0b1; color:#fff!important;} 
.progressbar_area ul li.success_steps .arrow_span::before {border-bottom: 10px solid rgba(0, 0, 0, 0);border-left: 10px solid #37d0b1;border-top: 10px solid rgba(0, 0, 0, 0);
content:none;height:0;position:absolute;right:-10px;top:34%;width: 0;}
 
.invoce-list{border-radius:5px;}
.invoce-list .widget.style1 h2{font-size:14px;}


.setting-box i { font-size:20px;}

/*
.global_box::before{background: rgba(0, 0, 0, 0) url("../../images/seting_before_img.jpg") repeat scroll 0 0 / 100% 100%;content: "";display: block;
height: 100%;left: 0;position: absolute;top: 0;width:25px;}
.global_box::after{background: rgba(0, 0, 0, 0) url("../../images/seting_after_img.jpg") repeat scroll 0 0 / 100% 100%;content: "";display: block;
height: 100%;right:-25px;position: absolute;top: 0;width:25px;}
.global_box { background:#f3f3f4; padding:15px 15px 15px 45px; min-height:75px; position:relative; width:95%; margin-bottom:20px;}

*/

.global_box { margin-bottom:25px;}
.dashheading2 { border-bottom:1px dotted #dddddd; margin:17px 0; clear:both;}

.sent-invoce {background-color:#3f8105;color: #ffffff;}
.accepted-invoce{background-color: #53a8bc;color: #ffffff;}
.invoiced-invoce{background-color: #d1dade;color: #333333;}
.awaiting-invoce{background-color: #f8ac59;color: #ffffff;} 
.declined-invoce{background-color: #1c84c6;color: #ffffff;}
.billed-invoce{background-color: #d1dade;color: #333333;} 

.packge-box-icon {background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;border-radius: 100%;font-size:25px;height:60px;line-height:61px; display:block;
text-align: center;width:60px; margin:0 auto;}
.packge_boxes .col-lg-3:nth-of-type(2n) .navy-bg{ background:#EF5350;}
.mileage_amount .amt-figar { font-weight:bold; color:#676a6c;}

.opening_balance_box { border:1px solid #e4e4e4; border-radius:5px 5px 0 0;}
.opening_balance_box h2{ background:#418696; text-align:center; color:#fff; margin:0!important; padding:15px; font-size:18px; position:relative; border-radius:5px 5px 0 0;}
.opening_balance_box h2:before {width: 0;height: 0;border-style: solid;border-width:10px 10px 0 10px;border-color:#418696 transparent transparent;
position:absolute; content:""; left:0; right:0; margin:0 auto; bottom:-10px;}
.opening_balance_box .p-xs { background:#f7f7f7;}

.tranjection_top table { border:1px solid #e7eaec; }
.tranjection_top table tr td { border-right:1px solid #e7eaec; background:#F3F3F4;}

.modal-body .pop_div { overflow-x:scroll;}  
#CopyToModalContent .radio input {cursor:pointer;width:50px;}
.approve_button {background: #53a8bc;display:inline-block;height:39px;line-height:39px; position:relative; padding:0 10px;}
.approve_button:before { background:url("../../images/approved.png") no-repeat scroll 0 0; position:absolute; content:""; width:100%; height:39px; left:-25px;}
.approve_button span { font-size:12px!important; position:relative; padding:0; background:none;}
#NotesDetials iframe { height:140px!important;} 
#NoteForm iframe { height:140px!important;}
.full_select .select2 { width:100%!important;}       
 
.margin_div .form-group { margin-bottom: 5px;} 
.popover_div .popover-title { margin:0!important;}
.popover_div .close { padding:3px 7px; margin-top:4px; border-radius:3px;}
.popover_div .popover-content label { margin-right:10px;}
.popover_div .popover-content .filesDeatails { margin-bottom:5px;}
.address_title i { color:#337ab7;}
.mail-attachment-section { border:2px dashed #cfd6e7; padding:20px; background:#f7f7f7 url("../../images/smile_img.png") no-repeat scroll bottom right; margin-bottom:20px;}

.view_box{padding:15px;}
.view_box table tr td{border:none!important;}
.view_box table tr th{border:none!important;}
.table_file tr th { border:none!important;}
.table_file td { padding:5px!important;}

.file_folder_list {border-left:1px solid #dddddd;}
.file_name_title a {display: block;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%; color:#676a6c;}
.file_name_title {margin-bottom:5px;}
.file_name_date {margin-bottom:5px;}
.file .file-name {background:#dcdcdc!important;}
.file-box .icon {background:#dcdcdc;}
.special_discount .col-sm-6 { background: #f7f7f7 none repeat scroll 0 0;min-height: 65px;padding-top: 5px;}

.table_border_in th { border-right:1px solid #e7eaec;}
.table_border_in th:first-child {border-left:1px solid #e7eaec;}
.table_border_in td { border-right:1px solid #e7eaec;}   
.table_border_in td:first-child {border-left:1px solid #e7eaec;}
.footerRow2_in{border-bottom-style: double;border-top: 1px solid #ddd!important;  font-size: 12px;font-weight: bold;margin-top: 10px;padding-top: 0.5em;white-space: nowrap;}

.dashboard_greed { border:1px solid #e7eaec; background:#f7f7f7;}
.dashboard_greed_in {border-radius:5px;}
.dashboard_greed_in a {display:block; padding:10px; color:#fff;border-radius:5px;}
.dashboard_greed_in a:hover {box-shadow: 0 0 20px #888888;display: block;}
.dashboard_greed_in a span { display:block;}
.invoice-view-grid {border-top:1px solid #cecece;padding-bottom:10px;padding-top:10px;}
.hsn_code {display:block;font-size:11px;margin-top:5px;}     
.clange_company_list li{ border-radius:0px!important; border:none!important; padding:6px 6px 6px 12px; position:relative;}
.clange_company_list li:hover { background:#F3F3F4;} 
.button_line {border-top:1px solid rgba(0, 0, 0, 0.2); padding-top:10px;}
.plus_button { cursor:pointer;}
.plus_button i { font-size:16px;}
.help_listing { padding:0; margin:0;}
.help_listing li {padding-bottom:10px;}
 

.x-form-display-field {border-bottom: 1px solid #eeeeee;font-size: 20px;font-weight: bold;padding: 8px 0;white-space: nowrap;text-align:center;}
.user_two_button a { width:150px;}
.user_name_title {font-size:18px;font-weight:500;color:#1C84C6; margin-bottom:8px;} 
.user_three_button .three_button{ width:105px;}
.user_name_div img { border-radius:100px; width:50px; height:50px; border:1px solid #1C84C6;}
.user_name_div { margin-bottom:5px;}


.package_area table th {padding:10px; background:#f7f7f7; font-size:14px; text-transform:uppercase; font-weight:normal;}
.package_area table td{padding:10px; text-align:center;}
.package_area .package_name{ background:#1C84C6; color:#fff; font-size:14px; text-transform:uppercase; position:relative;}
.package_area .package_name:before{border-left:6px solid rgba(0, 0, 0, 0);border-right:6px solid rgba(0, 0, 0, 0);margin: 0 auto;right: 0;width: 0;
border-top:6px solid #1C84C6;bottom: -6px;display: block;height: 0;left: 0;content: "";position: absolute;}
.package_area .package_name_two{ background:#1C84C6; color:#fff; font-size:14px; text-transform:uppercase; position:relative;}

.attachment-title{float:left;}
.attachment-title h3{ margin:0px!important;}
.table-striped td .name { width:90px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.user_date { background:#f7f7f7; padding:5px 0;}
a {outline:none;} 
a:active {outline:none;}
.allocated_box span { display:block;}
.br_none br{ display:none;}


/*-------------subscribe page----------*/

.subscription_page_area {max-width:900px; margin:0 auto; background:#fff; padding:20px; border:1px solid #1C84C6; position:relative;}
.subscription_page_area:before { width: 0; height: 0; border-left:450px solid transparent; border-right:450px solid transparent; border-top: 110px solid #1C84C6;
position:absolute; top:0; content:""; left:0;}

.subscription_page_in { position:relative;}
.subscription_page_title h1 { margin:0 0 20px 0; text-align:center; text-align:center; color:#fff; font-weight:600; position:relative;}
.subscription_page_title h1:before {background:#ffffff;bottom: -14px;content:"";height:3px;left:0;margin:0 auto;position:absolute;right:0;width:50px;}  
.subscription_page_content {float:left;margin-top:60px;width:100%;}
.subscription_page_content .main_con_title {font-size: 16px;font-weight: 600;margin-bottom: 20px;text-align: justify;}
.main_con_two p { font-size:16px;}
.subscription_img img { margin-top:-30px;}

.text_box_in { min-height:80px;}  
.text_box_in span {display: block;line-height: 1.4em;max-height: 3em;overflow: hidden;overflow-wrap: break-word;text-overflow: ellipsis;}


/*---------   no img page ---------*/

.no_img_banner img { border:2px solid #898989; border-radius:3px;}
.no-data_center_part h3 { font-size:20px; position:relative; padding-bottom:15px;}
.no-data_center_part h3:before { position:absolute; content:""; width:100px; height:2px; background:#898989; bottom:0; left:0; right:0; margin:0 auto;}
.no-data_contetn { width:60%; margin:0 auto;}
.no-data-service-title { text-align:center;}
.no-data-service-title h3{background:#ffffff;display: inline-block;font-size: 20px;padding: 0 20px;position: relative;text-align: center;
z-index: 50;}
.devider_line {position:relative;}
.devider_line::before {background:#676a6c;content: "";height: 1px;left: 0;margin: 0 auto;position: absolute;right: 0;top: -24px;vertical-align: middle;
width:700px;}

.gray_servie { background:#f3f3f4;}
.blue_servie { background:#53a8bc; color:#fff;}
.data-service-box { padding:25px; min-height:200px;}
.data-service-box h3 { font-size:20px; position:relative; padding-bottom:15px;}
.data-service-box h3:before { position:absolute; content:""; width:40px; height:2px; background:#898989; bottom:0; left:0; right:0; margin:0 auto;}
.no-data_contetn { width:60%; margin:0 auto;}
.data-service-box.blue_servie h3:before {background:#fff;}
.no-data_contetn { width:60%; margin:0 auto;}  




/*-------------start mega menu-----------*/


.bg-success { position:relative;}
.toggle_menu_in { color:#fff;    font-size: 20px;    line-height: 5px;}
.toggle_menu_in:hover { color:#fff;}
.toggle_menu_in:active { color:#fff;}
.toggle_menu_in:focus { color:#fff;}
#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 5px;
  background-color: #888;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu {
  opacity: 1;
  visibility: visible;
}

#menu {
  position: absolute;
  color: #999;
  padding: 10px;
  margin: auto;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  text-align: center;
  border-radius: 4px;
  background: white;
  box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
  border:1px solid rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s;
  z-index:55;
  right:-10px;
  top:28px;
}
#menu:after {
  position: absolute;
  top: -10px;
  right: 5px;
  content: "";
  display: block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
}

.list-inline, .list-unstyled_li {
  list-style: outside none none;
  padding-left: 0;
}

.quik-add .list-inline_li {
  white-space: nowrap;
  padding:0; margin:0;
}
.quik-add .list-inline_li > li {
  vertical-align: top;
}
.list-inline_li > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.quik-add {
  clear: both;
  float: right;
  position: absolute;
  right: 25px;
  top:6px;
}

.list-unstyled_li li.header {
  color: #999999!important;
  font-size: 12px;
  padding: 20px 15px 12px;
  text-transform: uppercase;
  text-align:left;
}

.list-unstyled_li li a {
  color: #777666;
  display: block;
  padding: 7px 18px;
  white-space: nowrap;
  text-align:left;
}
.list-unstyled_li li a:hover { color:#1C84C6; background:none;}
.list-unstyled_li li a:focus { color:#1C84C6; background:none;}


/*------------mega menu end-----------*/


.ml50 { margin-left:50px;}
.button_area_bg { background:#f7f7f7; padding:8px 5px;}