﻿.advancedFeature_MenuOption {
    /*background-color: #6d0a0a;*/
    /*background-color: #5c708b;*/
    background-color: #bab07e;
}

    .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;

}




.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: #e6d283;
        /*padding: 5px;*/
        /*color: white;*/
        font-weight: bold;
        font-size: 1.4em;
        /*display: inline;*/
        color:black;
    }


.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;
}