/**
 *
 * Apply Here your Custom CSS
 *
*/
form {
    display: inline !important;
}

/*-------------------- margin padding css --------------------*/

.m-b-15 .form-horizontal .control-label {
    margin-bottom: 15px !important;
}
.m-t-5 {
    margin-top: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px;
}
.p-13 {
    padding: 13px;
}
.p-15 {
    padding: 15px;
}
.p-0 {
    padding: 0;
}



/*--------------------end margin padding css --------------------*/



/*-------------------- status lable css --------------------*/

.status {
    color: #ffffff;
    font-size: 12px;
    padding: 12px;
    background: #00a651;
    text-align: center;
}
/*.statusLabel
{
    color:#ffffff;
    font-size:12px;
    padding:8px;
    background:#41a043;
    text-align:center;
}*/
.ustatus {
    color: #ffffff;
    font-size: 12px;
    padding: 12px;
    background: #00a651;
    text-align: center;
}

.delete-status {
    color: #ffffff;
    font-size: 12px;
    padding: 12px;
    background: #00a651;
    text-align: center;
    margin-bottom: 20px;
}

.error {
    color: #ffffff;
    font-size: 12px;
    padding: 12px;
    background: #c22028;
    text-align: center;
    margin-bottom: 20px;
}
.status_completed {
    padding: 3px 17px;
    text-align: center;
    background-color: #4CAF50;
    color: #ffffff;
    border-radius: 5px;
}

.status_running {
    padding: 3px 17px;
    text-align: center;
    background-color: #c22028;
    color: #ffffff;
    border-radius: 5px;
}

/*-------------------- end status lable css --------------------*/


/*------------------------- button css ---------------------------*/

.add_exportbutton {
    border-radius: 0;
    width: auto;
    padding: 10px;
    font-size: 14px;
    background: #662d2b;
    color: #fff;
    margin-bottom: 10px;
    outline: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.add_button_all {
    border-radius: 0;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    background: #00a651;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
    outline: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.add_button {
    border-radius: 0;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    background: #662d2b;
    color: #fff;
    font-weight: 700;
    outline: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .add_button:hover {
        color: #ffffff !important;
        -webkit-transition-duration: 0.4s;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    }
.add_button_sett {
    padding: 0;
    line-height: 22px;
}
.add_item {
    color: #ffffff;
    background: #c22028 !important;
}
.add_button_all:focus
{
    background: #04944a;
}
.add_button_all:hover
{
    background: #04944a;
}
.add_button:focus
{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.add_exportbutton:hover {
    background: #000000;
}

.add_exportbutton:focus {
    background: #000000;
}




.msg .nat-err-msg {
    float: left;
}



.page_title {
    font-size: 13px;
    color: #00a651;
}

.border-radius-0 {
    border-radius: 0px;
}





.text_feild_height {
    height: 42px;
}


/*----------------JqGride--------------------*/

.datatable {
    width: 100% !important;
}
.ui-jqgrid .ui-jqgrid-htable th div
{
    padding:0 !important;
}
.datatable-css .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    padding: 8px;
}
.ui-jqgrid tr.footrow-ltr td
{
    border: 1px solid #000000;
}

.datatable-css .ui-th-column {
    background: #f5f5f6 !important;
    color: #a6a7aa !important;
    font-weight: bold !important;
}

.datatable-css .ui-jqgrid .ui-pg-input, .datatable-css .ui-pg-selbox {
    color: #949494;
    outline: 0;
    height: 20px;
}

.datatable-css .ui-state-default, .ui-widget-content .ui-state-default {
    background: #f5f5f6 !important;
    color: #000 !important;
    font-weight: bold !important;
}

.datatable-css .ui-pg-table tr {
    border: none !important;
}

.datatable-css .ui-widget-content {
    outline: 0;
}
.datatable-css .ui-jqgrid-sdiv
{
    width:100% !important;
}

.datatable-css .ui-jqgrid .ui-jqgrid-hbox
{
    padding-right: 0 !important;
}
.datatable-css .ui-jqgrid-ftable
{
    height:25px;
    width: 100% !important;
}
.ui-jqgrid tr.footrow-ltr td
{
    text-align:center !important;
}
.ui-widget {
    font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    background: none;
}

.datatable-css .ui-widget-content {
    color: #000 !important;
    cursor: pointer;
}

.datatable-css .ui-jqgrid tr.jqgrow td {
    padding: 8px 10px;
}

.datatable-css .ui-jqgrid .ui-jqgrid-pager {
    height: 42px !important;
}

.datatable-css .ui-jqgrid .ui-pg-table td {
    padding: 5px;
}

#no-record {
    text-align: center;
    padding: 20px;
    font-size: 14px;
    border: 1px solid #f2f2f2;
}

.datatable-css .ui-jqgrid, .ui-jqgrid-view, .ui-jqgrid-hdiv, .ui-jqgrid-htable, .ui-jqgrid-bdiv, .ui-jqgrid-btable {
    width: 100% !important;
}

.datatable-css .ui-pg-input {
    padding: 0 10px 0px 10px;
    text-align: center;
}

#pagingGrid {
    width: 100% !important;
}

.ui-state-hover {
    background: none !important;
}


/*----------------------- end jqgrid ----------------------------*/



/*------tumbline image---------*/
/*.imageThumb {
  max-height: 75px;
  border: 1px solid;
  margin-left: 15px;
  cursor: pointer;
}
.img_prv {
  display: inline-block;
}
.e_img_prv {
  display: inline-block;
}*/



#remove {
    display: block;
    color: #000000;
    text-align: right;
    cursor: pointer;
    font-size: 14px;
    position: fixed;
}

#e_remove {
    display: block;
    color: #000000;
    text-align: right;
    cursor: pointer;
    font-size: 14px;
    position: fixed;
}

.selected {
    color: #ffffff !important;
}

.datepicker.datepicker-dropdown {
    z-index: 111111 !important;
}



applyBtn {
    display: none;
}

cancelBtn {
    display: none;
}


@media (max-width: 767px) {
    .sidebar-collapse {
        display: none !important;
    }
}


/*------------------------ invoice --------------------*/
.invoice-lable {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
}

.invoice-table {
    border: 1px solid #000;
    padding: 20px;
    padding-bottom: 0px;
}

.master-label {
    width: 140px;
}

.invoice-table-height {
    height: 250px;
    border: 1px solid #000;
}

/*------------------------ end invoice --------------------*/



/*--------------------------------------loader--------------------------------------------*/

#preloader {
    position: fixed;
    z-index: 999;
    overflow: visible;
    display: none;
}

#preloaderforo {
    position: fixed;
    z-index: 999;
    overflow: visible;
    display: none;
}

#preloaderforo1 {
    position: fixed;
    z-index: 999;
    overflow: visible;
    display: none;
}

#preloaderforo2 {
    position: fixed;
    z-index: 999;
    overflow: visible;
    display: none;
}

.loader1 {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    border: 4px solid #00597b;
    top: 50%;
    animation: loader 2s infinite ease;
    left: 50%;
}

.loader-inner1 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #00597b;
    animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

/*--------------------------------------end loader--------------------------------------------*/

.expense {
    color: #c22028;
}

#credit, #debit, #totalprofit, #totalcommission, #totalsale, #tsalechallan, #tsalebill {
    font-size: 12px;
}

/*.footrow {
    display: none !important;
}*/

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

/*--------------------------select2 css---------------------------*/

.form-control.select2-container.select2-dropdown-open {
    border-color: #000 !important;
}

.select2-container .select2-choice {
    border: none !important;
}

.select2-drop {
    z-index: 111111 !important;
}

.select2-drop-mask
{
    z-index: 11111 !important;
}
.page-body .select2-drop {
    background-color: #f9f9f9 !important;
}

    .page-body .select2-drop .select2-search input {
        background: #ffffff !important;
    }

.select2-results .select2-result-selectable:hover {
    background: #ffffff !important;
}
.select2-results li:first-child
{
    font-weight:bold;
}
.select2focus {
    border-color: #8bc34a !important;
}
/*--------------------------end select2 css---------------------------*/

.filter_date a:focus {
    color: #ffffff !important;
}
.form-control:focus {
    border-color: #8bc34a !important;
}





#dtItemList tr {
    cursor: pointer;
}
/*.new-all-color {
    width:110px;   
    overflow:auto;
}*/
#tblResult input
{
    outline:0;
}
#tblResult th
{
    color: #000;
    font-weight: bold;
}
    
.highcharts-button, .highcharts-credits{
    display:none;
}

/*------------------ media query -----------*/

@media only screen and (max-width: 767px) {
    .header-logo {
        width: 32px;
    }

    .page-container .main-content {
        padding-top: 0px;
    }

    footer.main {
        bottom: 0px;
        position: fixed;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 767px) {
    .sidebar-menu {       
        height: 100vh;
    }
    .col-sm-4{
        width: 33.33333333%;
    }
    .col-sm-2 {
    width: 16.66666667%;
}
    .table_res .col-sm-4{
        height:75px;
    }
    .col-sm-6 {
    width: 50%;
   }
    .col-sm-12 {
        width:100%;
    }
    .new-bg-title {
    width:150px !important;   
}
}
/*------------------ media query -----------*/
.back-passchange{
    background: #f5f5f5;
    padding: 16px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    }