.ui-widget-header {
    background: #44DC90;
}

.ui-button.ui-state-default {
    background: #44DC90;
}

#Error {
    display: none;
}

.ui-dialog-titlebar-close {
    display: none;
}

.NavBrand {
    background-color: rgb(243, 243, 243);
    margin: 0 auto;
}

#logo {
    width: 120px;
    height: 120px;
    margin: 10px;
}


#LoginError {
    border: 1px solid red;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    background-color: #FFE0E0;
    color: #F70A0A;
    text-align: center;
}

.validation-summary-errors {
    border: 1px solid red;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    background-color: #FFE0E0;
    color: #F70A0A;
    text-align: center;
}

.NavBrand {
    background-color: rgb(243, 243, 243);
    margin: 0 auto;
}

#logo {
    width: 120px;
    height: 120px;
    margin: 10px;
}

.FooterText {
    font-size: 13px;
    padding: 12px;
    /*border-top:8px solid #1d4870 ;*/
    margin-left: 10px;
}
.FooterText a {
    color:#333333;
}

.FooterText a:hover {
    color:#337ab7;
}
.footer-link-clr {
    float: right;
    /*font-family: serif;*/
    font-size: 13px;
    /*color: #8d8383;*/
    margin-right:25%;
}
    
   
    
.grid {
    height: 320px;
}

.hardwareGrid {
    width: 725px;
    height: 300px;
    margin-left: 0;
    background-color: #ffffcc;
}

.softwareGrid {
    width: 725px;
    height: 300px;
    margin: 0;
    background-color: #ffffcc;
}

/*#NotesInternalDocusoft, #NotesKmOrderForm {
    height: 200px;
}*/

.Invoicegrid {
    width: 850px;
    height: 300px;
}

    .Invoicegrid .ui-grid-row .PurchaseF {
        background-color: #ff8080;
    }

    .Invoicegrid .ui-grid-row .PurchaseS {
        background-color: #58D68D;
    }

    .Invoicegrid .ui-grid-row .ConsolidateF {
        background-color: #ff8080;
    }

    .Invoicegrid .ui-grid-row .ConsolidateS {
        background-color: #58D68D;
    }

    .Invoicegrid .ui-grid-row .InvoiceF {
        background-color: #ff8080;
    }

    .Invoicegrid .ui-grid-row .InvoiceS {
        background-color: #58D68D;
    }

@media only screen and (max-width: 1267px) {
    /*.txt {
        width: 180px !important;
    }*/
    .year6{
        font-size:11px !important;
    }

    .mod {
        width: 80em !important;
    }
}

@media only screen and (max-width: 1124px) {

    .mod {
        width: 70em !important;
    }
}

@media only screen and (max-width: 986px) {
    /*.txt {
        width: 160px !important;
    }*/

    .mod {
        width: 60em !important;
    }
}

@media only screen and (max-width: 844px) {
    .txt {
        width: 300px !important;
        /*margin-bottom: 10px;*/
    }

    .mod {
        width: 50em !important;
    }
}

@media only screen and (max-width: 767px) {
    .txt {
        width: 250px !important;
    }
}

@media only screen and (max-width: 713px) {
    .mod {
        width: 40em !important;
    }
}

@media only screen and (max-width: 576px) {
    .txt {
        width: 250px !important;
    }

    .mod {
        width: 35em !important;
    }
}

@media only screen and (max-width: 502px) {
    .mod {
        width: 30em !important;
    }
}

@media only screen and (max-width: 433px) {
    .txt {
        width: 200px !important;
    }

    .mod {
        width: 25em !important;
    }
}

@media only screen and (max-width: 363px) {
    .txt {
        width: 150px !important;
    }

    .mod {
        width: 20em !important;
    }
}

@media only screen and (max-width: 292px) {
    .txt {
        width: 100px !important;
    }

    .mod {
        width: 18em !important;
    }
}

.formcontainer {
    margin-left: -30px;
}



.CustomerDetails {
    font-size: 20px;
    margin: 10px;
}

.error {
    color: red;
    font-size: 13px;
}

.clickable, #AddCustomer, .Pointer {
    cursor: pointer;
}

.panel {
    margin: 0 auto;
    width: 100%;
}


.panel-heading.Customers {
    padding-bottom: 13px;
}

.centerDiv {
    margin: 0 auto;
}

.panel-customers .panel-title > .btn-success {
    margin-right: 13px;
}

.btn-success {
    background-color: lightseagreen;
}

    .btn-success:hover, .btn-success:focus {
        background: #136CAA;
        border-color: #44dc90;
    }

    .btn-success:active:focus, .btn-success:active:hover {
        background-color: #136CAA;
    }

.panel-customerdetails > .panel-body {
    display: none;
    -webkit-transition: -webkit-transform 2s;
    -ms-transition: transform 5s;
    -o-transition: transform 5s;
    transition: transform 5s;
    font-size: 12px;
}

@media print {
    .panel-body {
        font-size: 12px;
    }
}

.body {
    background: url('../Images/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.form-group {
    margin-bottom: 0px;
}
.duplicate-msg-clr {
    color:#ff0000 !important;
}
#payment-details .form-horizontal {
        padding: 17px;
}
.TextBoxsize {
    background-color: #FFFFcc;
}

.VarCost {
    padding-right: 0px;
}

.SellPrice {
    padding-left: 0px;
}

.charge {
    padding-right: 0px;
    padding-left: 0px;
}

#txtContactPerson {
    padding-right: 0px;
}

#txtContactPerson1 {
    padding-left: 0px;
}

#email, #pwd {
    background-color: white;
}

.ui-widget-header {
    background: #44DC90;
}

.ui-button.ui-state-default {
    background: #44DC90;
}

#SaveSuccess {
    display: none;
}

.ui-dialog-titlebar-close {
    display: none;
}


.panel-primary > .panel-heading {
    background-color: #2C3538;
    border-bottom-color: #808080;
}

.panel-primary {
    border-color: #333;
    border-top-color: #333;
    border-bottom-color: #333;
}

.panel {
    -ms-border-radius: 0;
    border-radius: 0;
}

.btn {
    -ms-border-radius: 0;
    border-radius: 0;
}

.Logout {
    margin-top: 5%;
    cursor: pointer;
}

.AddUser {
    margin-top: 5%;
    margin-right: 1%;
    cursor: pointer;
}

.Message {
    border: 1px solid #006480;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    background-color: #90eee9;
    color: black;
}

.ImportSuccess {
    border: 1px solid green;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    background-color: lightgreen;
    color: black;
    text-align: center;
}

.ErrorInSelectRow, .ErrorInSelectfile {
    border: 1px solid red;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    background-color: #FFE0E0;
    color: #F70A0A;
    text-align: center;
}

.Required {
    color: red;
}
/*loading css */
.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000;
    background-color: rgba(0,0,0,.5);
    z-index: 10000;
}

.loading-wheel {
    width: 20px;
    height: 20px;
    margin-top: -40px;
    margin-left: -40px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-width: 30px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
}

.style-2 .loading-wheel {
    border-style: double;
    border-color: #ccc transparent;
}

.btn-details{
    padding:6px !important;
}


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }

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

.glyphicon-list-alt:before, .glyphicon-import:before {
    font-size: 17px;
}

.Top {
    margin-top: 5px;
}

.Invoicegridrow {
    margin-right: 0;
    margin-left: 0;
}

.a1 {
    background-color: mediumvioletred;
}
/*year end styles*/


 /* kmform styles*/

 

 .text {
    margin-top: 10px;
    font-size: 14px;
    margin-left:73%;

}
 .kmform-details .total-display-box {
      float:right;
    margin-right: 15px;
    margin-top: -40px;
    width: 17.5%;
 }
 .total-box {
     margin-left:15%;
 }


 @media print {
      @page port { size: A4 portrait; }
      .portrait { page: port; font-size: 12px; }

.kmform-details tr.table-tr-bg-clr {
    background-color: #e1e3f0!important;
    -webkit-print-color-adjust: exact; 
}

 .kmform-details .headers-bg-clr {
     background-color: #363b3e!important;
      color:white!important;
      padding: 2px 2px 2px 2px;
       text-transform: uppercase;
       -webkit-print-color-adjust: exact; 
 }
.kmform-details  img.img-clr { 
    max-width:100% !important;
  } 
.kmform-details .page-break	{
  page-break-after: always;
  page-break-inside: avoid;
} 
 }
 

  
 
  .kmform-details .headers-bg-clr {
    background-color: #363b3e !important;
    color: #ffffff !important;
    padding: 2px 2px 2px 2px;
     text-transform: uppercase;
}
.kmform-details .panel-body {
         padding: 4px !important;
  }

@media (max-width: 768px) and (min-width: 530px) {
     .kmform-details .col-sm-12 {
    width: 100%;
    padding-right: 12px !important;
    padding-left: 11px !important;
}
     .kmform-details .col-sm-2 {
    width: 16.666666666666664%;
    float: left;
}
      .kmform-details .col-sm-7 {
    width: 58.333333333333336%;
        float: left;
}
 .kmform-details .col-sm-3 {
    width: 25%;
     float: left;
}
  .kmform-details .col-sm-6 {
    width: 50%;
     float: left;
}
  .kmform-details .col-sm-4 {
     width: 33.33333333% !important;
     float: left;
}
 .kmform-details  .col-lg-9 {
    width: 75%;
    float: left;
}
    .kmform-details .col-lg-5 {
        width: 41.66666667%;
        float: left;
    }
    .kmform-details .col-sm-8 {
        width: 66.66666667% ;
        float: left !important;
    }
     .kmform-details .col-sm-offset-8 {
        width: 66.66666667% ;
        float: left !important;
    }
 .kmform-details .text-size {
     font-size:22px;
     padding-left:38px;
     font-weight:700;
 }
  .kmform-details .reseller-text-size {
     font-size:11px;
 }
 .kmform-details .text-box-size {
     height:22px;
     padding:0px 12px;
 }
 .kmform-details .small-text-box {
     height:25px;
     padding:0px 12px;
     border-radius:0px;
 }
 .kmform-details .address-box {
     height:50px !important;
     padding:0px 12px;
     border-radius:0px;
 }
 
.kmform-details .cust-label-size {
    font-size:9px;
}
.kmform-details .label-size {
    font-size:6px;
}
.kmform-details .box-radius {
    border-radius:0px;
    /*margin-bottom: 7px;*/
    border: 2px solid #ccc;
}
.kmform-details .select-box {
    width:40% !important;
}
.kmform-details  table, th, td, tr {
    border: 2px solid #cccccc;
    padding:5px !important;
}
.table-reseller-size{
    margin-top:10px;
    /*margin-bottom:10px;*/
}
.kmform-details .date-text-box {
     margin-left: -56%;
     height: 50px !important;
}
.kmform-details .sign-text-box {
     height: 50px !important;
}
.kmform-details .table-reseller-size table td {
    padding:3px !important;
    font-size:9px;
}
/*.product-padding th,td,tr{
    padding:10px;
}*/
.kmform-details .label-font-size {
    padding-top: 10px;
    font-size: 15px;
}
.kmform-details p {
    margin: 0px 0 0px !important;
}
 .kmform-details input[type=checkbox] 
{
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
}
.kmform-details .checkboxtext {
     font-size: 11px;
     padding:6px;
}
.kmform-details .service-table p {
    margin-top: 7px !important;
}
.kmform-details .table-tr-bg-clr {
    background-color:#e1e3f0;
}
.kmform-details .table-text-data {
    font-size:12px !important;
    font-family: inherit !important;
    font-weight:400;
    text-align:center;
}
.kmform-details .table-select-text {
 font-size:14px;
 font-weight:400;
}
 .kmform-details .table-select-thick {
     font-size:14px;
     font-weight:700;
 }
 .kmform-details .service-pdt {
     margin-top: 10px;
     float:left;
     padding-left:14px;
 }
.kmform-details  .table-width {
    max-width:97%;
    margin-left:10px;
}
.kmform-details .product-details {
    float:left;
     padding-left:27px;
}
.kmform-details .total-display-text {
    padding-top: 10px !important;
    padding-left: 66px !important;
    font-size:12px;
}
.kmform-details .total-box {
     margin-left:61% !important;
     width:40% !important;
     margin-top: -24px;
     margin-right: -2px;
     float:left;
 }
.kmform-details .text-data {
    text-align: justify;
    font-size: 10px;
    font-family: sans-serif;
}
    .kmform-details .total-display-box {
        width: 17.5%;
        float: right;
        margin-top: -42px;
        margin-right: 15px;
    }
    .kmform-details .total-text {
    padding-top: 10px;
    text-align: center;
    padding-left: 382px;
    padding-right: -56px;
    font-size: 17px;
    }
    .kmform-details .box-padding {
       margin-bottom: 7px;
    }
  .kmform-details  .address-box-width {
      height:48px !important;
  }
  .kmform-details .panel-body  {
      padding: 4px !important;
  }
    .kmform-details .box-border-clr {
        border: 2px solid #ccc;
    }

  .kmform-details  .img-clr {
      max-width:100% !important;
  }
  
}

 .kmform-details  .img-clr {
      max-width:50% !important;
  }
  .kmform-details .box-padding {
       margin-bottom: 7px;
    }


/* print details styles*/
 @media print
    {               
      @page port { size: A4 portrait; }
      .portrait { page: port; font-size: 7px; }
        .noprint, NavBrand, .navbar-sbottom{
        display: none !important;
    }
         body #myprint  {
        display: block !important;
        overflow: visible;
        position: absolute !important;
        left: 0;
        top: 0;
    }
    }

@media (max-width: 990px) and (min-width: 530px) {
      .panel-body {
        /*font-size: 7px;*/
    }
     
      .year-text {
        color:red;
        font-size:7px;
    }
    .print-page .col-sm-5 {
        width: 41.66666667% !important;
        float: left !important;
    }
    #heading{
        display:none !important;
    }
.print-page .col-sm-7 {
        width: 58.33333333% !important;
        float: left !important;
    }
.print-page .col-sm-6 {
        width: 50% !important;
        float: left !important;
    }
.print-page .col-sm-12 {
        width: 100% !important;
        float: left !important;
        padding-right: 14px !important;
        padding-left: 10px !important;
    }
.print-page .col-sm-2 {
        width: 16.66666667% !important;
        float: left !important;
    }
.print-page .col-sm-3 {
        width: 25% !important;
        float: left !important;
    }
.print-page .col-sm-8 {
        width: 66.66666667% !important;
        float: left !important;
    }
.print-page .col-sm-4 {
        width: 33.33333333% !important;
        float: left !important;
    }
.print-page .col-sm-offset-2 {
        margin-left: 16.66666667% !important;
        float: left !important;
    }
.print-page .print-label-size {
        font-size: 7px !important;
    }
.print-page .print-box-size {
        height: 8px !important;      
        font-size:7px;
    }
.print-page .print-box-size {
    -moz-box-sizing: border-box;
        height: 15px !important;      
        font-size:7px;
        /*padding-left:10px !important;*/
        padding:0px 0px;
        padding-left:6px !important;
    }
 .print-page .print-box-size {
    -ms-box-sizing :border-box;
        height: 15px !important;      
        font-size:7px;
          padding:0px 0px;
        padding-left:6px !important;
    }
 
.print-page .table-height {
        /*height: 55px !important;*/
        min-height:0px !important;
        max-height:55px !important;
        font-size:7px;
    }

.print-page .panel-body {
        padding: 0px !important;
    }
.print-page .input-group-data {
        width: 73% !important;
    }

.print-page .input-group-addon {
        padding: 1px 2px;
        font-size:7px;
    }

.print-page .addon-box-size {
        width: 95% !important;
        font-size:7px;
    }
.print-page .text-size {
        margin-left: 8px !important;
        font-size:7px;
    }

.print-page .year-text {
        font-size: 7px !important;
    }
.print-page .total-display-box {
    margin-left:0px !important;
}
.print-page .print-radius {
    border-radius:0px;
    font-size:7px;
}
.print-page .average{
          font-size:6px !important;
      }
.grid-details table, th, td, tr {
    border: 2px solid #cccccc;
    /*padding: 0px !important;*/
 
}
.Notes{
    font-size:7px !important;
}
.yearcharges{
    margin-left:10px;
}
.buttons{
    display:none;
}

}



input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:12px;
}
input::-moz-placeholder { /* Firefox 19+ */
  font-size:12px;
}
input:-ms-input-placeholder { /* IE 10+ */
  font-size:12px;
}
input:-moz-placeholder { /* Firefox 18- */
  font-size:12px;
}

.sellPercentages {
    display: flex;
    align-items: center;
    gap:8px;
    justify-content:end
}

    .sellPercentages .input-group {
        width: 105px;
    }