﻿.advancedFeature_MenuOption {
    /*background-color: #6d0a0a;*/
    /*background-color: #5c708b;*/
    background-color: #bab07e;
}

th.k-header.text-center {
    text-align: center;
}

.advancedFeature_MenuOption .submenu {
    /*background-color: #540505 !important;*/
}

    .advancedFeature_MenuOption .open {
        background-color: #6d0a0a !important;
    }

    .advancedFeature_MenuOption a.selected {
        background-color: #585858 !important;
    }

li.active a:hover.advancedFeature_MenuOption {
    background-color: #5c708b !important;
}

li.active a.advancedFeature_MenuOption {
    /*background-color: #6d0a0a !important;*/
    background-color: #bab07e !important;
}

button[disabled], html input[disabled] {
    cursor: default;
    cursor: not-allowed;
}

#content-wrapper {
    /*font-size: .90em;*/
}

body {
    font-family: 'Arial', 'Segoe UI', Tahoma, sans-serif;
    font-size: 12px !important;
}

.k-grid .k-alt {
    background-color: #fafafa;
}

.k-grid tr {
    background-color: #fff;
}

/*#Memo{
    width: 382px!important;
    height: 91px!important;
    padding:10px;
}*/
.navbar-inverse {
    background-color: #006D57;
}

.newHeight {
    height: 162px !important;
}
/*.k-group-header + div{
     overflow:auto !Important;
     position:relative !Important;
     height: 130px !Important;

}*/
.purchasedrop {
    height: 33.65px !important;
}

    .purchasedrop > span {
        height: 33.65px !important;
    }

.crdES {
    min-width: 100% !important;
}
/*kashif added strat*/
.popsimplePopup {
    display: none;
    position: fixed;
    border: 4px solid #808080;
    background: #fff;
    z-index: 3;
    padding: 12px;
    width: 70%;
    min-width: 70%;
}

.spanhover {
    cursor: pointer !important;
}

#OpeningBalanceid {
    /*width:100px!important;*/
    /*margin-right:0px!important;*/
}

.popsimplePopupClose {
    float: right;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 10px;
}

#openingbalancedateid {
    float: right;
    /*width: 58%!important;*/
}

.popsimplePopupBackground {
    display: none;
    background: #000;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

/*end*/
.secondary-color-sprite {
    background-repeat: no-repeat;
    background-image: url("../../Content/images/Error-128.png");
    width: 20px;
    height: 20px;
}

.error-Alert {
    border: 1px solid #dc3c1e;
    visibility: hidden;
}

.error-AlertReg {
    border: 1px solid #dc3c1e;
    visibility: visible;
}

.error-Alertpopup {
    border: 1px solid #dc3c1e;
    visibility: visible;
}

.alert-header {
    height: 20px;
    margin-bottom: 10px;
    position: relative;
}

#OpningBalncediv {
    visibility: hidden;
}

.titleeror {
    color: #dc3c1e;
}

.alert-content {
    font-size: 1.2rem;
    margin-left: 10px;
}

a.dropdown-toggle {
    color: #fff;
    text-decoration: none;
}

.navbar-inverse {
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, summary {
    /*border-bottom: 1px solid #ddd;*/
    margin-bottom: 0px;
    padding: 0 8px;
}

.nav > li > a.dropdown-toggle:hover {
    text-decoration: none;
    background-color: initial;
}

a.dropdown-toggle:hover {
    background-color: green;
}

.section-title {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    font-weight: bold;
}

.field-validation-error {
    color: red;
    float: right;
}

fieldset {
    border: 1px solid #DDD;
    /*border:1px solid #e2692d;*/
    padding-bottom: 20px;
}

.submit {
    /*border-top:1px solid #ddd;*/
    padding-top: 20px;
}

legend {
    display: block;
    width: initial;
    padding: 0;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: none;
    padding: 0 10px 0 10px;
    margin-left: 10px;
}












input[readonly] {
    cursor: not-allowed !important;
}



.navbar-brand {
    padding: 10px 0px 0px 10px;
    color: white !important;
}

#endingBalancediv {
    float: right !important;
}

hr {
    margin: 20px 10px;
}

.bold {
    font-weight: bold;
}




/*.form-control
{
    border-color: #ddd !important;
    display: block !important;
    width: 100%;
    height: 2.694em;
    line-height: 1.6em;
    border-radius: 0px;
    padding:0px 0px;

}*/

input.k-checkbox + label {
    -webkit-user-select: none;
    user-select: none;
    display: inline;
}


.left_padding0 {
    /*padding-left: 0px;*/
}

.icon {
    /*width:30px;*/
}


.info_span_Prospect {
    float: right;
    padding-right: 10px;
    font-weight: bold;
}

.error_span_Prospect {
    float: right;
    padding-right: 10px;
    font-weight: bold;
    color: red;
}



.dashboard_box {
    border: 1px solid #dddddd;
    padding: 5px;
}


label {
    font-size: 1.0em;
}


.indent1 {
    padding-left: 50px;
}

.indent2 {
    padding-left: 100px;
}

.indent3 {
    padding-left: 150px;
}

.groupTotal {
    padding-bottom: 10px;
}

.report h2, h1 {
    margin: 0px;
    padding: 0px;
}

.report h1 {
    font-size: 2.0em;
}

.report h2 {
    font-size: 1.5em;
}

.indent4 {
    margin-left: -20px;
}



.title h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #e6d283;
    padding: 5px;
    color: white;
    font-size: 1.4em;
    font-weight: bold;
    box-shadow: 0px 5px 3px 0 rgba(0, 0, 0, 0.1);
}




.trx_title {
}


a.currently-selected {
    color: #e6d283 !important;
    background-color: #006d57 !important;
}

input.input-validation-error {
    border: 1px solid #e80c4d !important;
}

.required:after {
    content: "*";
    font-weight: bold;
    color: red;
    left: 3px;
    position: relative;
}

.titleRow {
    background-color: #ddd;
    padding: 5px 0px 5px 0px;
    margin: 10px;
}


.btn-primary {
    background-color: #3498db;
    border-color: initial;
}

.Change_Cash {
    border-color: #0b6913 !important;
    background-color: beige !important;
}


.customerBalance {
    color: #4b48e6;
    font-size: 1.2em;
}

.BalanceAmount {
    border-color: #0b6913 !important;
    background-color: beige !important;
}


.psBTN_row1 {
    background-color: #bf4026 !important;
}

.psBTN_row2 {
    /*background-color: beige !important;*/
}

.psBTN_row3 {
    /*background-color: beige !important;*/
}

.psBTN_row4 {
    background-color: #36a218 !important;
}

.text-bold {
    font-weight: bold;
}


a.selected {
    /*color: green !important;*/
    background-color: #006D57 !important;
}


ul.submenu1 {
    display: none;
    background: #1a1d22;
    padding: 5px 0;
    margin: 0;
    list-style: none;
}


.m-save {
    /*background-color: #88e08a;*/
    background-color: #4caf50;
    color: white;
}

    .m-save:hover {
        background-color: #449d44;
        color: white;
    }

.m-delete {
    background-color: #ad3b12;
    color: white;
}

.m-print {
}

.showInMobileView {
    display: none;
}

@media (max-width: 419px) {
    .k-button, .k-header {
        font-weight: 500;
        font-size: 0.9em;
    }

    .showInMobileView {
        display: block;
    }

    .hideInMobileView {
        display: none;
    }
}

.btn {
    border-bottom: 0px solid;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2), 0 2px 3px rgba(0,0,0,0.05);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2), 0 2px 3px rgba(0,0,0,0.05);
}

.btn-success {
    color: #fff;
    background-color: #4caf50;
    border-color: transparent;
    border-radius: 0px !important;
    /*padding: 8px;*/
}

    .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        border-color: transparent
    }


.btn_child {
    width: 96%;
    border: 0px;
    margin-left: 2.5%;
    text-align: left;
    padding: 5px;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 2px;
}


.btn {
    /*padding: 8px 15px;*/
}





@media (min-width: 374px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}

@media (min-width: 448px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}


@media (min-width: 768px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}

@media (min-width: 992px) {
    .desktop {
        display: block;
    }

    .mobile {
        display: none;
    }
}

.dashboardtitleheading {
    background-color: #36b9cc;
    font-weight: bold;
    font-size: 1.2em;
    color: white;
    text-align: center !important;
    padding: 2px 0px;
    box-shadow: 0px 5px 3px 0 rgba(0, 0, 0, 0.1);
}


.customerName {
    padding-left: 5px;
    margin-bottom: 15px;
    margin-top: 0px;
    font-size: 1.4em;
    padding: 10px;
}

.list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.panel-body {
    padding: 2px 10px 10px 10px;
}


label {
    margin-bottom: 0px;
    font-weight: bold;
}


.btn-import {
    background-color: #ffff60;
    font-weight: bold;
}


.m-addNew {
    border: 0px;
    padding: 2px 5px !important;
    margin: 0px 5px 5px 5px;
}

.img-center {
    margin: 0 auto;
}

i.fa {
    width: 15px;
}



.uploadInProcess {
}


.alert {
    padding: 5px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 4px;
}



/*SIDE MENU COLOR*/
#nav-col {
    background: #585858;
}

#page-wrapper {
    background-color: #585858;
}

#sidebar-nav .nav li .submenu {
    background: #585858;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, #sidebar-nav .nav-pills > li.active > a, #sidebar-nav .nav-pills > li.active > a:hover, #sidebar-nav .nav-pills > li.active > a:focus, .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    background-color: #585858;
}

#sidebar-nav .nav > .open > .submenu > li > .submenu, #sidebar-nav .nav > .active > .submenu > li > .submenu {
    background-color: #585858;
}

#sidebar-nav .nav > li > a {
    height: 35px;
    padding: 5px 15px 5px 8px;
}

#sidebar-nav .nav li.open > a.dropdown-toggle > .drop-icon, #sidebar-nav .nav li.active > a.dropdown-toggle > .drop-icon {
    color: #fff;
}

#sidebar-nav .nav li > a.dropdown-toggle > .drop-icon {
    color: #fff;
}


.ddl-Text {
    font-size: small;
    float: left;
}

.ddl-Type {
    padding-left: 20px;
    font-size: small;
    float: right;
    color: darkgray;
}

input, select, textarea {
    max-width: 100%;
}

/*button, html input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
        color: white;
        background: transparent;
        border: 0px;
        padding: 0px;
    }*/

.m-submit {
    -webkit-appearance: button;
    cursor: pointer;
    color: white;
    background: transparent;
    border: 0px;
    padding: 0px;
}

h2 {
    padding: 0px;
}


label.required {
    display: inline;
}

.sameAsAbove {
    background-color: #65655f;
    padding: 5px;
    color: white;
}

.k-radio-label:before {
    border-color: #c4c4c4;
    border-radius: 50%;
    background-color: #ffffff;
    border-width: 1px;
    box-sizing: unset;
    -webkit-box-sizing: unset;
}


textarea.k-textbox {
    text-indent: 0px !important;
}

/*.k-widget.k-notification {
    width: 110% !important;
}*/


.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
    }

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .slider,
input[type="checkbox"]:checked + .slider {
    background-color: #2196F3;
}

/* include generated hidden field here */
input[type="checkbox"]:focus + input[type="hidden"] + .slider,
input[type="checkbox"]:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .slider:before,
input[type="checkbox"]:checked + .slider:before {
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.k-grid-filter.k-state-active {
    background-color: #e6d283;
}

.btn-success {
    margin: 10px 0px;
}

.text-justify {
    text-align: justify;
    padding-top: 5px;
}


input[disabled] {
    cursor: not-allowed !important;
}

.k-state-disabled {
    cursor: not-allowed !important;
}

#div_uploaddocument fieldset {
    padding: 0px;
}

#sidebar-nav .nav li .submenu > li > a {
    line-height: 25px;
}

.alter-box-top {
    margin: -15px -15px 10px -15px !important;
    font-size: 15px;
}

.companyname_username {
    color: #ffffff;
    background-color: #36b9cc;
    padding: 5px;
}

.db-section-border {
    padding: 5px;
    border-bottom: solid .08em #ddd;
    border-radius: .1em;
    margin: 0px;
}
