@media screen and (min-width: 768px){
    .app.signin.v2 .card .card-block, .app.signup.v2 .card .card-block {
        padding-top: 50px;
    }
}

.minimumPadding-right {
    padding-right: 2px;
    padding-left: 2px;
}

.minimumPadding-left {
    padding-right: 2px;
}

.nomargin {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 2px;
}



table.shoppingcart > tbody >tr > td{
    padding:0.2rem !important;
}

table.shoppingcart .input-sm{
    height: 25px;
    padding: 2px 2px;
}

.cs-radio{
    float: left !important;
}

table.shoppingcart > thead >tr > th{
    text-align: center !important;
    font-weight: bold !important;
}

table.footerCart > tbody > tr, table.footerCart > tbody > tr > td{
    border: none !important;
}

.kv-grid-toolbar textarea{
    display: none;
}

.select2-container--bootstrap .select2-dropdown, .select2-container--krajee .select2-dropdown {
    z-index: 255555;
}

.select2-container--bootstrap.input-sm .select2-selection--single,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.form-group-sm .select2-container--bootstrap .select2-selection--single,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field{
    border-radius: 0px !important;
}
.select2-container--open{
    z-index: 2020!important;
}
.kv-loader-overlay{
    z-index: 1!important;
}

.d-none{
    display: none;
}

.list-table .listWrapper{
    padding: 20px;
}

.listWrapper .list{
    cursor: pointer;
    padding: 20px 30px;
    /* background: aquamarine; */
    text-align: center;
    color: white;
    width: 100%;
    height: 80%;
}

.listWrapper .list:hover{
    background-color: #007FFF;
}
.modalTable{
    width: 90%;
}

.tableItem{
    height: 300px;
    overflow: scroll;
}
.panelItem{
    padding: 10px;
   
}
.itemList{
    height:50px;
}
.itemListout{
    height:50px;
}
.btnCustom{
    padding: 2px;
    width: 20px;
}
/** main pos **/
.main-pos > .header {
    width: 100%;
    height: 3.438rem;
    z-index: 1020;
    border: 0;
    margin: 0;
    border-radius: 0;
    /* Element alignments */ }
    .main-pos > .header .navbar-text {
      margin-top: 1.125rem;
      margin-bottom: 1.125rem;
      margin-right: 1.25rem;
      margin-left: 1.25rem; }
    .main-pos > .header .navbar-btn {
      margin-top: 0.6565rem;
      margin-bottom: 0.6565rem; }
    .main-pos > .header .btn-lg.navbar-btn {
      margin-top: 0.3125rem;
      margin-bottom: 0.3125rem; }
    .main-pos > .header .btn-sm.navbar-btn {
      margin-top: 0.7815rem;
      margin-bottom: 0.7815rem; }
    .main-pos > .header .btn-xs.navbar-btn {
      margin-top: 1.0315rem;
      margin-bottom: 1.0315rem; }
    .main-pos > .header .navbar-nav {
      margin: 0; }
      .main-pos > .header .navbar-nav > li > a {
        padding-top: 1.125rem;
        padding-bottom: 1.125rem;
        max-height: 3.438rem; }
      .main-pos > .header .navbar-nav .dropdown-menu {
        display: block;
        transform-origin: top right;
        right: 0;
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0);
        margin-top: 0;
        border-color: rgba(0, 0, 0, 0.1);
        background-color: #f8f8f8;
        box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.1);
        border-radius: 0;
        transition: transform 150ms ease-out;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        min-width: auto; }
        .main-pos > .header .navbar-nav .dropdown-menu.notifications {
          min-width: 330px; }
      .main-pos > .header .navbar-nav .open .dropdown-menu {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1); }
    .main-pos > .header .nav > li > a:hover,
    .main-pos > .header .nav > li > a:focus {
      background-color: transparent; }
    .main-pos > .header .nav .open > a,
    .main-pos > .header .nav .open > a:hover,
    .main-pos > .header .nav .open > a:focus {
      background-color: transparent; }
    .main-pos > .header .header-avatar {
      width: 1.5rem;
      margin-top: -0.1rem; }
    .main-pos > .header::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transition: -webkit-transform, 150ms, cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: -moz-transform, 150ms, cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform, 150ms, cubic-bezier(0.4, 0, 0.2, 1); }
    .main-pos > .header .search-form {
      margin-top: 0.6565rem;
      margin-bottom: 0.6565rem;
      position: relative;
      padding-left: 0;
      padding-right: 0; }
      .main-pos > .header .search-form .search-input {
        border: 0;
        background-color: transparent;
        padding-left: 0;
        padding-right: 0; }
  
  .main-pos > .header .icon-toggle-sidebar:before {
    content: "\e07a";
    font-family: 'Simple-Line-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased; }
  
  .layout-small-menu .main-pos > .header .icon-toggle-sidebar:before {
    content: "\e079"; }

    @media screen and (min-width: 768px) {
        .main-pos > .header {
          position: relative;
          width: 100%; }
          .main-pos > .header .navbar-form {
            margin-top: 0.6565rem;
            margin-bottom: 0.6565rem; }
      
        .navbar-nav.navbar-right:last-child {
          margin-right: 0; }
      
        .main-pos > header .dropdown-menu {
          padding: 0; } }
      @media (max-width: 767px) {
        .main-pos > .header {
          width: 100%; }
          .main-pos > .header .navbar-nav .open .dropdown-menu {
            position: absolute;
            left: auto;
            right: 0; }
          .main-pos > .header > .navbar-nav {
            float: left; }
          .main-pos > .header > .navbar-right {
            float: right; }
          .main-pos > .header > .nav > li {
            float: left; } }
      /* default header skin */
      .main-pos > .header {
        background-color: #0f1b5a; }
        .main-pos > .header .navbar-text {
          color: #FFF; }
        .main-pos > .header .nav > li > a {
          color: #FFF; }
        .main-pos > .header .nav > li > a:hover,
        .main-pos > .header .nav > li > a:focus {
          background-color: #198CFF;
          color: #fff; }
        .main-pos > .header .nav .open > a,
        .main-pos > .header .nav .open > a:hover,
        .main-pos > .header .nav .open > a:focus {
          background-color: #198CFF;
          color: #fff; }
        .main-pos > .header .hamburger-icon span {
          background: #FFF; }
        .main-pos > .header .hamburger-icon:hover span {
          background: #fff; }
          /* $main-pos
 ------------------------------------------*/
.main-pos {
    min-height: 100%; }
    .main-pos:before, .main-pos:after {
      content: " ";
      display: table; }
    .main-pos:after {
      clear: both; }
    .main-pos:before, .main-pos:after {
      content: " ";
      display: table; }
    .main-pos:after {
      clear: both; }
    .main-pos::after {
      content: '';
      height: 2.5rem; }
      .main-pos > .main-content:before, .main-pos > .main-content:after {
        content: " ";
        display: table; }
      .main-pos > .main-content:after {
        clear: both; }
    .main-pos .page-title {
      background-color: #8dcf54;
      border-bottom: 0.0625rem solid #dddddd;
      padding: 0.3125rem 0.75rem;
      margin-left: -0.75rem;
      margin-right: -0.75rem;
      margin-top: -0.75rem;
      margin-bottom: 0.75rem; }
      .main-pos .page-title .title {
        font-size: 1.125rem; }
      .main-pos .page-title .breadcrumb {
        margin: 0;
        padding: 0; }
      .main-pos .page-title .btn {
        margin-top: 0.5625rem;
        margin-bottom: 0.5625rem; }
        @media screen and (min-width: 768px) {
            .main-pos {
              margin-left: 5.5rem;
              margin-right: 5.5rem;
             } }

              @media (max-width: 767px) {
                * {
                  -webkit-overflow-scrolling: touch; }
              
                .main-pos {
                  position: relative;
                  min-height: 100%; }
              
                .main-pos,
                .sidebar-panel .brand {
                  width: 100%; }
              
                .sidebar-panel .brand {
                  float: none; }
              
                .main-pos,
                .sidebar-panel {
                  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
                  -moz-transition: -moz-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
                  -o-transition: -o-transform 150ms cubic-bezier(0.7, 0, 0.3, 1);
                  transition: transform 150ms cubic-bezier(0.7, 0, 0.3, 1); }
              
                .offscreen::before {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  right: 0;
                  bottom: 0;
                  background-color: rgba(0, 0, 0, 0.3);
                  z-index: 9999; }
                .offscreen footer.content-footer {
                  display: none; }
              
                .sidebar-panel {
                  z-index: 9999;
                  -webkit-transform: translate(-100%, 0);
                  -moz-transform: translate(-100%, 0);
                  -o-transform: translate(-100%, 0);
                  -ms-transform: translate(-100%, 0);
                  transform: translate(-100%, 0);
                  -webkit-transform: translate3d(-100%, 0, 0);
                  -moz-transform: translate3d(-100%, 0, 0);
                  -o-transform: translate3d(-100%, 0, 0);
                  -ms-transform: translate3d(-100%, 0, 0);
                  transform: translate3d(-100%, 0, 0); }
                  .sidebar-panel.offscreen-right {
                    -webkit-transform: translate(100%, 0);
                    -moz-transform: translate(100%, 0);
                    -o-transform: translate(100%, 0);
                    -ms-transform: translate(100%, 0);
                    transform: translate(100%, 0);
                    -webkit-transform: translate3d(100%, 0, 0);
                    -moz-transform: translate3d(100%, 0, 0);
                    -o-transform: translate3d(100%, 0, 0);
                    -ms-transform: translate3d(100%, 0, 0);
                    transform: translate3d(100%, 0, 0); }
              
                .layout-right-sidebar .sidebar-panel {
                  -webkit-transform: translate(100%, 0);
                  -moz-transform: translate(100%, 0);
                  -o-transform: translate(100%, 0);
                  -ms-transform: translate(100%, 0);
                  transform: translate(100%, 0);
                  -webkit-transform: translate3d(100%, 0, 0);
                  -moz-transform: translate3d(100%, 0, 0);
                  -o-transform: translate3d(100%, 0, 0);
                  -ms-transform: translate3d(100%, 0, 0);
                  transform: translate3d(100%, 0, 0); }
              
                .offscreen .sidebar-panel {
                  -webkit-transform: translate(0, 0);
                  -moz-transform: translate(0, 0);
                  -o-transform: translate(0, 0);
                  -ms-transform: translate(0, 0);
                  transform: translate(0, 0);
                  -webkit-transform: translate3d(0, 0, 0);
                  -moz-transform: translate3d(0, 0, 0);
                  -o-transform: translate3d(0, 0, 0);
                  -ms-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); }
              
                .app .offscreen-left,
                .app .offscreen-right {
                  width: 12.5rem; }
              
                .app .offscreen-right,
                .app.layout-right-sidebar .sidebar-panel {
                  right: 0; }
              
                .move-right .sidebar-panel > nav {
                  -webkit-transform: translate(0, 0);
                  -moz-transform: translate(0, 0);
                  -o-transform: translate(0, 0);
                  -ms-transform: translate(0, 0);
                  transform: translate(0, 0);
                  -webkit-transform: translate3d(0, 0, 0);
                  -moz-transform: translate3d(0, 0, 0);
                  -o-transform: translate3d(0, 0, 0);
                  -ms-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); }
              
                .no-csstransforms .move-right .main-pos {
                  right: 12.5rem; }
              
                .no-csstransforms .move-left .main-pos {
                  left: 12.5rem; } }
/* Fixed header */
.layout-fixed-header .main-pos > .header {
    position: fixed;
    top: 0; }
    @media screen and (min-width: 768px) {
        /* Right sidebar positioning */
        .layout-right-sidebar .sidebar-panel {
          right: 0; }
        .layout-right-sidebar .main-pos {
          margin-left: 0;
          margin-right: 12.5rem; }
        .layout-right-sidebar.layout-small-menu .sidebar-panel nav > ul > li > .sub-menu {
          right: 100% !important;
          left: auto !important; }
        .layout-right-sidebar.layout-small-menu .main-pos {
          margin-left: 0;
          margin-right: 4.375rem; }
        .layout-right-sidebar .fill-container {
          left: 0;
          right: 12.5rem; }
        .layout-right-sidebar.layout-small-menu .fill-container {
          right: 0;
          right: 4.375rem; }
      
        /* Static sidebar for static menu, small menu, and boxed menu */
        .layout-static-sidebar,
        .layout-small-menu,
        .layout-boxed {
          overflow: hidden; }
          .layout-static-sidebar .sidebar-panel,
          .layout-small-menu .sidebar-panel,
          .layout-boxed .sidebar-panel {
            position: absolute; }
            .layout-static-sidebar .sidebar-panel > nav,
            .layout-small-menu .sidebar-panel > nav,
            .layout-boxed .sidebar-panel > nav {
              position: static;
              top: 0;
              right: auto;
              bottom: auto;
              left: auto;
              overflow: visible;
              display: block; }
      
        .layout-boxed {
          box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.2); }
      
        .layout-static-sidebar .full-height-content,
        .layout-boxed .full-height-content {
          position: static;
          height: 100%; }
        .layout-static-sidebar .full-height-content .fill-container,
        .layout-boxed .full-height-content .fill-container {
          width: auto;
          height: auto;
          top: 3.438rem;
          bottom: 2.5rem; }
        .layout-static-sidebar.layout-fixed-header .full-height-content,
        .layout-boxed.layout-fixed-header .full-height-content {
          margin-top: 3.438rem; }
      
        /* Fixed header */
        .layout-fixed-header .main-pos > .header {
          padding-left: 5.5rem;
          margin-left: -5.5rem; }
        .layout-fixed-header.layout-small-menu .main-pos > .header {
          padding-left: 4.375rem;
          margin-left: -4.375rem; }
        .layout-fixed-header .full-height-content {
          top: 3.438rem; }
      
        .layout-fixed-header.layout-right-sidebar .main-pos > .header {
          padding-left: 0;
          padding-right: 12.5rem;
          margin-left: 0;
          margin-right: -12.5rem; }
        .layout-fixed-header.layout-right-sidebar.layout-small-menu .main-pos > .header {
          padding-left: 0;
          padding-right: 4.375rem;
          margin-left: 0;
          margin-right: -4.375rem; }
      
        /* Footer */
        footer.content-footer {
          padding-left: 13.25rem; }
          .layout-small-menu footer.content-footer {
            padding-left: 5.125rem; }
          .layout-right-sidebar footer.content-footer {
            padding-left: 0;
            padding-right: 13.25rem; }
          .layout-small-menu.layout-right-sidebar footer.content-footer {
            padding-left: 0;
            padding-right: 5.125rem; }
      
        .layout-fixed-footer footer.content-footer {
          position: fixed;
          bottom: 0;
          background: #198CFF;
          padding-left: 13.25rem; }
        .layout-fixed-footer.layout-small-menu footer.content-footer {
          padding-left: 5.125rem; }
      
        .layout-fixed-footer.layout-right-sidebar footer.content-footer {
          padding-left: 0;
          padding-right: 13.25rem; }
        .layout-fixed-footer.layout-right-sidebar.layout-small-menu footer.content-footer {
          padding-left: 0;
          padding-right: 5.125rem; } }
          @media (min-width: 48em) {
            .layout-boxed,
            .layout-boxed .preloader {
              max-width: 46.88rem; }
          
            .layout-boxed.layout-fixed-header .main-pos > .header {
              max-width: 46.88rem; }
          
            .layout-boxed.layout-fixed-footer footer.content-footer {
              max-width: 46.88rem; } }
          @media (min-width: 62rem) {
            .layout-boxed,
            .layout-boxed .preloader {
              max-width: 60.63rem; }
          
            .layout-boxed.layout-fixed-header .main-pos > .header {
              max-width: 60.63rem; }
          
            .layout-boxed.layout-fixed-footer footer.content-footer {
              max-width: 60.63rem; } }
          @media (min-width: 75rem) {
            .layout-boxed,
            .layout-boxed .preloader {
              max-width: 73.13rem; }
          
            .layout-boxed.layout-fixed-header .main-pos > .header {
              max-width: 73.13rem; }
          
            .layout-boxed.layout-fixed-footer footer.content-footer {
              max-width: 73.13rem; } }

              .main-pos > .header, .sidebar-panel > .brand {
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$main-pos-bg+0,B99050+36,D9BF8F+100 */
                background: #B8D9BA;
                /* Old browsers */
                background: -moz-linear-gradient(top,#A4BF88 0%, #B8D9BA 100%);
                /* FF3.6-15 */
                background: -webkit-linear-gradient(top, #A4BF88 0%, #B8D9BA 100%);
                /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, #A4BF88 0%, #B8D9BA 100%);
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$main-pos-bg', endColorstr='$main-pos-bg-light',GradientType=0 );
                /* IE6-9 */ }
                @media screen and (min-width: 768px) {
                    .sidebar-panel {
                      -webkit-backface-visibility: hidden;
                      width: 12.5rem;
                      z-index: 1050; }
                      .sidebar-panel > nav > ul {
                        width: 12.5rem; }
                  
                    /* Collapsed sidebar */
                    .layout-small-menu {
                      min-height: 100%; }
                      .layout-small-menu .sidebar-panel {
                        width: 4.375rem;
                        overflow-x: visible !important;
                        overflow-y: visible !important; }
                        .layout-small-menu .sidebar-panel .brand-logo,
                        .layout-small-menu .sidebar-panel .toggle-apps {
                          display: none;
                          visibility: hidden;
                          text-align: center; }
                        .layout-small-menu .sidebar-panel .small-menu-visible {
                          display: block !important;
                          visibility: visible; }
                        .layout-small-menu .sidebar-panel .toggle-sidebar {
                          text-align: center;
                          margin: 0 auto;
                          display: table;
                          float: none; }
                        .layout-small-menu .sidebar-panel > nav {
                          overflow: visible !important;
                          right: 0; }
                          .layout-small-menu .sidebar-panel > nav > ul {
                            width: 4.375rem; }
                          .layout-small-menu .sidebar-panel > nav > ul > li {
                            position: relative;
                            text-align: center; }
                            .layout-small-menu .sidebar-panel > nav > ul > li.menu-accordion > a::before {
                              display: none;
                              visibility: hidden; }
                            .layout-small-menu .sidebar-panel > nav > ul > li ul > li {
                              opacity: 1;
                              -webkit-transform: translate(0, 0);
                              -moz-transform: translate(0, 0);
                              -o-transform: translate(0, 0);
                              -ms-transform: translate(0, 0);
                              transform: translate(0, 0);
                              -webkit-transform: translate3d(0, 0, 0);
                              -moz-transform: translate3d(0, 0, 0);
                              -o-transform: translate3d(0, 0, 0);
                              -ms-transform: translate3d(0, 0, 0);
                              transform: translate3d(0, 0, 0); }
                            .layout-small-menu .sidebar-panel > nav > ul > li > a {
                              padding: 0.9375rem 0; }
                            .layout-small-menu .sidebar-panel > nav > ul > li > a > span {
                              display: none; }
                            .layout-small-menu .sidebar-panel > nav > ul > li > a > span.label {
                              display: block;
                              position: absolute;
                              top: 0.3125rem;
                              right: 0.3125rem; }
                            .layout-small-menu .sidebar-panel > nav > ul > li > a > [class^="icon-"],
                            .layout-small-menu .sidebar-panel > nav > ul > li > a > [class*=" icon-"] {
                              display: block;
                              padding: 0;
                              width: 100%; }
                            .layout-small-menu .sidebar-panel > nav > ul > li:hover > .sub-menu {
                              max-height: 31.25rem;
                              box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.075), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.25); }
                            .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu {
                              position: absolute;
                              top: 0;
                              left: 100%;
                              max-height: 0; }
                              .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu a {
                                padding-left: 0.9375rem;
                                white-space: nowrap; }
                          .layout-small-menu .sidebar-panel > nav .multi-level {
                            min-width: 11.25rem; }
                          .layout-small-menu .sidebar-panel > nav .multi-level a span {
                            margin-right: 1.563rem; }
                          .layout-small-menu .sidebar-panel > nav .multi-level.menu-accordion > a::before {
                            display: none;
                            visibility: hidden; }
                          .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu {
                            position: relative;
                            left: auto; }
                            .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a {
                              padding-left: 2.5rem; }
                              .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a .sub-menu {
                                padding-left: 2.813rem; }
                      .layout-small-menu .main-pos {
                        margin-left: 4.375rem; }
                      .layout-small-menu .fill-container {
                        left: 4.375rem; } }
  .select2-container {
    min-width: 200px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
}