[hidden] {
  display: none !important;
}

@font-face {
  font-family: 'robotoregular';
  src: url('../fonts/roboto-regular-webfont.eot');
  src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansregular';
  src: url('../fonts/OpenSans-Regular-webfont.eot');
  src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'robotoregular' !important;
  padding: 0px !important;
  /*height: 100%;*/
  position: relative;
  font-size: 13px;
  /*background: #f9f9f9;*/
  background: #f9f9f9;
  overflow-x: hidden;
}

a {
  color: #555;
  text-decoration: none;
}

.nav > li > a:focus, .nav > li > a:hover {
  color: #fff;
  background-color: #e9585c;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #fff;
  background-color: #e9585c;
}


table {
  width: 100% !important;
  border-collapse: collapse !important;
}

table thead {
  display: table;
  width: 100%;
  table-layout: fixed;
}

table tbody {
  display: block;
  /* overflow-y: auto; */
  width: 100%;
}

table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

/* Optional nicer scrollbar */
table tbody::-webkit-scrollbar {
  width: 2px !important;
}

table tbody::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}


/*//////////*/
.pad-zero {
  padding: 0;
}

.content-area {
  margin: 0px 0 0 80px;
}

.content-area2 {
  margin: 0px 25px 0 80px;
}

.title-text h5 {
  font-size: 23px;
  font-weight: normal;
  margin: -10px 0 25px 0;
}

.mrg-8{
    margin: 8px;
}

.mrg-btm-20 {
  margin-bottom: 20px;
}

.mrg-bottom-70 {
  margin-bottom: 70px;
}

.mrg-rt-10 {
  margin-right: 10px !important;
}

.mrg-right-14 {
  margin-right: 14px !important;
}

.bg-danger {
  background-color: #ed484c !important;
  padding: 5px !important;
  color: #fff !important;
  box-shadow: 1px 1px 10px #ccc;
  font-size: 12px;
}

.pad-5 {
  padding: 5px !important;
}

.full-section-table-ab-trnsdly {
  width: 100%;
  height: calc(100vh - 550px);
  overflow-y: auto;
}

.limit-bkd {
  height: 228px;
}

.bg-danger-div {
  padding: 12px 25px !important;
  color: #fa2a2f !important;
  font-size: 15px;
  text-align: center;
  border: 1px solid #ed484c;
}

.bg-brd-div-prz {
  padding: 20px !important;
  border: 1px solid #ccc;
}

.bg-brd-div-prz-ssp {
  border: 1px solid #ccc;
  padding: 20px 10px 20px 10px !important;
}

.bg-brd-div-prz-cs-gbl {
  padding: 25px !important;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}

.bg-brd-div-prz-cmp {
  padding: 20px 5px 5px 5px !important;
  border: 1px solid #ccc;
}

.bg-info-msg {
  font-size: 15px;
  text-align: center;
  font-weight: bold;
}

.center-div {
  margin: 0 auto;
  float: none;
}

.add-btn-sp-in-trns {
  width: 100%;
  font-size: 17px !important;
}

.none {
  display: none;
}

.mrg-103 {
  margin: 155px 35px;
}

.full-section-online {
  width: 100%;
  height: calc(100vh - 513px);
  overflow-y: auto;
}

.popupht {
  width: 100%;
  height: calc(100vh - 225px);
  overflow-y: auto;
}

.full-section-online2 {
  width: 100%;
  height: calc(100vh - 479px);
  overflow-y: auto;
}

.full-section-online2-pp {
  width: 100%;
  height: calc(100vh - 454px);
  overflow-y: auto;
}

.full-section-qrcode {
  width: 100%;
  height: calc(100vh - 499px);
  overflow-y: auto;
}

input::-ms-clear {
  display: none;
}

.changePassword {
  color: #04a7e3;
  cursor: pointer;
  text-decoration: underline;
}

.blue-pointer-text {
  color: #04a7e3;
  cursor: pointer;
}

.inp-ht {
  height: 57px !important;
}


.mrg-top-bottom-7-9 {
  margin-bottom: 9px;
  margin-top: 7px;
}

.dropdown-menu-sb a {
  color: #fff !important;
  padding: 10px 5px;
  text-align: center;
  width: 100%;
  display: block;
  cursor: pointer;
}

.wd85 {
  width: 85px;
}

.file-upload {
  position: relative;
  display: inline-block;
  /*float: right;*/
  float: left;
}

.file-upload-2 {
  position: relative;
  display: inline-block;
  float: left;
}

.file-upload__label {
  display: block;
  padding: 7px 10px;
  color: #fff;
  background: #ed484c;
  border-radius: 0;
  transition: background .3s;
  cursor: pointer;
  height: 34px;
  margin-left: 0px;
  /*margin-left: 5px;*/
  /*float: right;*/
  float: left;
}

.file-upload__label-2 {
  display: block;
  padding: 7px 10px;
  color: #fff;
  background: #ed484c;
  border-radius: 0;
  transition: background .3s;
  cursor: pointer;
  height: 34px;
  margin-left: 0px;
  float: left;
}

.file-upload__label:hover {
  background: #d13d48;
  color: #fff;
}

.file-upload__input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 1;
  width: 0;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}


.mrg-btn-inp {
  margin: 22px 15px 0 0 !important;
}


.dropdown-menu-sb a:hover {
  color: #fff !important;
  background: rgb(255, 255, 255) transparent;
  background: rgba(255, 255, 255, 0.3);
}

.mCSB_inside > .mCSB_container {
  margin-right: 0px !important;
}

h5 {
  font-weight: bold;
  font-size: 16px;
  margin: 0px 0 25px 0;
}

.margin-top-5 {
  margin-top: 5px;
}

.white-grid {
  background: #fff;
  border: 1px solid #dfdede;
}

.brdr-none {
  border: none !important;
}

.jk-anchor {
  text-decoration: none !important;
  color: #ee464b !important;
  cursor: pointer;
  font-weight: bold;
}

.jk-anchor-red {
  text-decoration: none !important;
  color: #ee464b !important;
  cursor: pointer;
  font-weight: bold;
  color: red;
}

.jk-anchor-black {
  text-decoration: none !important;
  cursor: pointer;
  font-weight: bold;
}

.jk-red {
  color: #ee464b !important;
}

.jk-anchor-blue {
  text-decoration: none !important;
  color: #2361a0 !important;
  cursor: pointer;
  font-weight: bold;
}

.border-radius {
  border-radius: 0 !important;
}

.border-none {
  border: 0 !important;
}


.header-check {
  cursor: pointer;
  margin: 0;
  padding-left: 1.25rem;
  position: relative;
}

  .header-check input {
    cursor: pointer;
    margin-left: -1.25rem;
    opacity: 0;
    position: absolute;
    z-index: 1;
    height: 18px;
    width: 21px;
  }

    .header-check input:checked + i::before {
      background-color: white;
      border-width: 0;
    }

    .header-check input:checked + span .active {
      display: inherit;
    }

    .header-check input[type="checkbox"]:checked + i::after {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-image: none;
      border-style: none solid solid none;
      border-width: 0 2px 2px 0;
      content: " ";
      display: block;
      height: 12px;
      left: 6px;
      position: absolute;
      top: 2px;
      transform: rotate(45deg);
      width: 6px;
    }

  .header-check > i::before, .login-switch i::after, .login-switch i::before {
    content: "";
  }

  .header-check input[disabled] + i::before, .header-check input[disabled]:checked + i::before, fieldset[disabled] .header-check input + i::before {
    opacity: 0.5;
  }

  .header-check > i {
    display: inline-block;
    float: left;
    height: 18px;
    margin-left: -13px;
    margin-right: 14px;
    margin-top: -1px;
    position: relative;
    width: 0;
    color: #000;
  }

    .header-check > i::before {
      border: 1px solid #dfdede;
      border-radius: 2px;
      height: 100%;
      position: absolute;
      transition: all 0.2s ease 0s;
      width: 21px;
      left: 0;
      top: 0;
    }

.table-check {
  cursor: pointer;
  margin: 0;
  padding-left: 1.25rem;
  position: relative;
}

  .table-check input {
    cursor: pointer;
    margin-left: -1.25rem;
    opacity: 0;
    position: absolute;
    z-index: 1;
    height: 18px;
    width: 21px;
  }

    .table-check input:checked + i::before {
      background-color: #424242;
      border-width: 0;
    }

    .table-check input:checked + span .active {
      display: inherit;
    }

    .table-check input[type="checkbox"]:checked + i::after {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-color: -moz-use-text-color;
      border-image: none;
      border-style: none solid solid none;
      border-width: 0 2px 2px 0;
      content: " ";
      display: block;
      height: 12px;
      left: 6px;
      position: absolute;
      top: 2px;
      transform: rotate(45deg);
      width: 6px;
    }

  .table-check > i::before, .login-switch i::after, .login-switch i::before {
    content: "";
  }

  .table-check input[disabled] + i::before, .table-check input[disabled]:checked + i::before, fieldset[disabled] .table-check input + i::before {
    opacity: 0.5;
  }

  .table-check > i {
    display: inline-block;
    float: left;
    height: 18px;
    margin-left: -13px;
    margin-right: 28px;
    margin-top: -1px;
    position: relative;
    width: 0;
    color: #ffffff;
  }

    .table-check > i::before {
      border: 1px solid #dfdede;
      border-radius: 2px;
      height: 100%;
      position: absolute;
      transition: all 0.2s ease 0s;
      width: 21px;
      left: 0;
      top: 0;
    }

.jk-anchor:hover {
  text-decoration: underline !important;
}

.nav-icn-pad {
  padding: 20px 20px 0px 20px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-32{
    font-size: 32px !important;
}

.font-20{
    font-size:20px;
}

.anchorlink {
  color: #ee464b;
  text-decoration: underline;
  cursor: pointer;
}

  .anchorlink:hover {
    color: #c41d39;
    text-decoration: none;
  }

.fixed-head {
  border: none;
}

  .fixed-head tbody {
    display: block;
    overflow: auto;
  }

    .fixed-head tbody td {
      border: 1px solid #ddd;
      padding: 5px 15px !important;
      vertical-align: middle;
      border-top: none;
      word-wrap:break-word;
    }

      .fixed-head-bdr-top tbody td {
        border-top: 1px solid #ddd !important;
      }

.fixed-head tbody .td18pc {
  padding: 5px 15px 5px 25px !important;
}

.fixed-head thead, .fixed-head tbody tr {
  display: table;
  width: 100%;
  height:40px;
  table-layout: fixed;
}
/*.fixed-head thead {
  width: calc( 100% - 1em );
}*/

.fixed-head tbody .grid-image-sp {
  padding: 2px 5px !important;
  margin: 0px !important;
}

/* .fixed-head tbody::-webkit-scrollbar {
  width: 8px;
  height: 8px;
} */

.wd-130 {
  width: 130px;
}

.wd-30pc {
  width: 27%;
}

.wd-60pc {
  width: 60%;
}

.wd-one-cmb {
  width: calc(100% - 78px);
}

.wd-300 {
  width: 300px;
}

.width-full {
  width: 100%;
}

.mrg-bottom-8 {
  margin-bottom: 8px;
}

.wd-160 {
  width: 160px;
}


.wd-90 {
  width: 90px;
}

.wd-90-imp {
  width: 90px !important;
}

.wd-50-imp {
    width: 50px !important;
}

.wd-100-imp{
    width:100px !important;
}

.wd-105{
    width:105px;
}

.wd-120-sprs {
  width: 120px;
}

.wd-160-sprs {
  width: 160px;
}

.wd-90-sprs {
  width: 90px;
}

.wd-120-sprs {
  width: 120px;
}

.wd-180 {
  width: 180px;
}

.wd-250 {
  width: 250px;
}

.ul-list-bk {
  list-style: none;
  margin: 0;
  padding: 0;
}

  .ul-list-bk li {
    list-style: none;
    margin: 0 0 0px 0;
    padding: 0;
    display: block;
    width: 100%;
    float: left;
  }

    .ul-list-bk li ul {
      list-style: none;
      margin: 0 0 10px 25px;
      padding: 0;
      display: block;
    }


.mCSB_scrollTools .mCSB_draggerRail {
  background-color: none !important;
}

.fixed-head thead th {
  border-left: 1px solid #4a4a4a !important;
}

.th-hd-edit-wd {
  width: 150px;
  border-right: 1px solid #4a4a4a !important;
}

.th-hd-last-brd-none-rt {
  border-right: 1px solid #4a4a4a !important;
}

.cursor-display {
  cursor: pointer;
}
/*.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden !important;
  width: 120px !important;
  background-color: black !important;
  color: #fff !important;
  text-align: center;
  border-radius: 6px !important;
  padding: 5px 0;
  position: absolute !important;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  margin-left: -5px !important;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible !important;
}*/
.list-scrolldown {
  height: 295px;
  overflow: auto;
}

.dropdown-menu {
  min-width: 200px;
}

.dropdown-menu-sb {
  min-width: 220px;
}
/*.list-scrolldown.dropdown-menu > li > a {
    padding: 5px 5px !important;
    font-size: 15px !important;
  }*/

.custm-style {
  color: #363c46;
  background-color: #fff;
}

  .custm-style > .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #363c46;
    background-color: #fff !important;
  }

.border-div {
  border: 1px solid #E3E3E3;
  padding: 10px 15px 15px 20px;
}

.divition-section {
  border: 1px solid #E3E3E3;
  padding: 25px 25px 10px 25px;
  margin-bottom: 25px;
}

.divition-section-spb {
  border: 1px solid #E3E3E3;
  padding: 25px 10px 10px 10px;
  margin-bottom: 25px;
}

.divition-section-pd-sp {
  padding: 25px 25px 0px 25px;
}

.divition-section-sp-2 {
  border: 1px solid #E3E3E3;
  padding: 25px 25px 0px 25px;
}

.divition-section-sp-3 {
  padding: 10px 25px 25px 25px;
}

.mrr-btm-18 {
  margin-bottom: 18px;
}

.pad-18 {
  padding: 25px 18px 25px 25px;
}

.pad-mn-sp-28-10 {
  padding: 26px 28px 35px 10px;
}

.pad-mn-sp-30-10 {
  padding: 26px 30px 35px 10px;
}

.pad-mn-sp-15-10 {
  padding: 26px 30px 15px 10px;
}

.pad-mn-sp-30-25 {
  padding: 26px 30px 35px 25px;
}

.pad-mn-sp-20-25 {
  padding: 26px 20px 35px 25px;
}

.mrg-btm-26-sp {
  margin-bottom: 26px;
}

.mrg-btm-21-sp {
  margin-bottom: 21px;
}

.mrr-btm-19 {
  margin-bottom: 19px;
}

.tablecursor {
  cursor: pointer;
}

  .tablecursor:hover {
    cursor: pointer;
    background: #f27680;
    color: #fff;
  }

.tablecursor-active {
  cursor: pointer;
  background: #f27680 !important;
  color: #fff !important;
}

.dropdown-backdrop {
  display: none;
}

/* input.ng-invalid.ng-touched {
  border: 1px solid red;
} */

.bdr-red {
  border: 1px solid red !important;
}

select.ng-invalid.ng-touched {
  border: 1px solid red;
}
ht
.mrg-rgt {
  margin-right: 10px;
  margin-bottom: 15px;
}

.divition-section2 {
  border: 1px solid #E3E3E3;
  padding: 20px 25px 10px 25px;
  margin-bottom: 25px;
}

.divition-section-plan {
  border: 1px solid #E3E3E3;
  margin-bottom: 25px;
}

.border-left-only {
  border-left: 1px solid #E3E3E3;
}

.border-right-only {
  border-right: 1px solid #E3E3E3;
}

.ht-rightbk {
  height: 290px;
}

.ht-box {
  height: 300px;
  overflow: auto;
}

.ht-rightbk-big {
  height: 470px;
}

.mydp, .mydp .headertodaybtn, .mydp .selection, .mydp .selectiongroup, .mydp .selector {
  border-radius: 0 !important;
}

.dt-sp {
  display: block;
  margin: 0;
  padding: 0;
  height: 35px;
}

.pad-25 {
  padding: 25px;
}

.pad-25imp {
  padding: 25px !important;
}

.tab-content-pad {
  padding: 25px !important;
  margin-top: -4px;
  border: 1px solid #eaeaea;
}

.tab-delete {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  cursor: pointer;
}

  .tab-delete i {
    font-size: 16px;
    color: #969595;
  }

.pad-15imp {
  padding: 15px !important;
}

.pad-15tp {
  padding: 15px 10px 10px 10px !important;
}

.pad-15-25 {
  padding: 15px 25px 15px 25px !important;
}

label {
  font-weight: normal !important;
}

.browse-file {
  width: 100% !important;
  height: 34px;
}

.bg-gray {
  background: #f5f5f5;
  border: 1px solid #E3E3E3;
}

.border-top-none {
  border-top: none !important;
}

.label-full-bk {
  width: 100%;
  float: left;
}

.sub-title_font_camp {
  border: 1px solid #ccc;
  margin-bottom: 5px;
}

.btn-50 {
  width: 50px;
  padding: 0;
  text-align: center;
}

.sub-title_font_header {
  font-size: 15px !important;
  margin-bottom: 25px !important;
  font-weight: bold;
}

.modal-footer-25 {
  padding: 15px 25px;
}

.table-row-scroll {
  height: 250px;
  overflow: auto;
}

.mrg-top-6-5 {
  margin-top: 6px;
  margin-bottom: 5px !important;
}

.pad-15 {
  padding: 15px !important;
}

.pad-15-7 {
  padding: 15px 15px 7px 15px !important;
}


.pad-15-sp {
  margin-top: -8px;
  padding: 0px 15px 0px 15px !important;
}

.pad-15-sp-tp {
  padding: 5px 0px 0px 15px !important;
}

.pad-20 {
  padding: 20px;
}

.pad-20-tp-bt-zero {
  padding: 0 20px;
}

table tr:nth-child(odd) {
  background-color: #F2F2F2;
}

table .delete-column {
  border: 1px solid black;
  border-radius: 50%;
  padding: 3px;
  background: #000;
  color: #b5b5b5;
  font-weight: lighter
}

.padding-10-15 {
  padding: 0px 15px 0px 15px;
}

.border-tabcontent {
  margin: 0;
  border: 1px solid #dfdede;
}

.nav-tabs {
  border-bottom: none !important;
}

  .nav-tabs > li {
    border-bottom: 1px solid #dfdede;
  }

  .nav-tabs li:nth-child(2) {
    border-right: none;
    border-left: none;
  }

  .nav-tabs li:nth-child(3) {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }

  .nav-tabs li:nth-child(1) {
    border-right: 1px solid #ccc !important;
  }

.nav-tabs-cmp li {
  border-right: 1px solid #ccc !important;
}


.nav-tabs > li > a {
  border-radius: 0 !important;
  margin-right: 0px !important;
  border: none !important;
}

.btn-round-black-tb {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 0px auto 0 auto !important;
  cursor: pointer;
  display: block;
}

.btn-round-black-tb-right {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 2px 10px 0 0 !important;
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 10px;
  z-index: 2;
}

.btn-round-black-tb-right-3 {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 2px 10px 0 0 !important;
  cursor: pointer;
  float: left;
}

.btn-round-black-tb > .btn-round-anglr-close {
  font-size: 14px !important;
  margin: 1px 0 0 6px !important;
}

.td-pos-relative {
  position: relative;
}

.dlt-btn {
  position: absolute;
  font-size: 17px;
  color: red;
  z-index: 10;
  cursor: pointer;
  width: 15px;
  height: 15px;
  right: 25px;
  top: 10px;
  z-index: 4;
}

.edit-btn {
  position: absolute;
  font-size: 17px;
  color: red;
  z-index: 10;
  cursor: pointer;
  width: 15px;
  height: 15px;
  right: 50px;
  top: 10px;
  z-index: 4;
}


.pos-relative {
  position: relative;
}

.ct-delete {
  position: absolute;
  left: 10px;
  top: 6px;
  width: 12px;
  height: 16px;
  cursor: pointer;
}

  .ct-delete i {
    color: #ef5c5c;
    font-size: 15px;
  }

.btn-red {
  background: #ed484c;
  color: #fff;
}

  .btn-red:hover {
    background: #c33a3df7;
    color: #fff;
  }

.td-pos-absolute {
  position: absolute;
  width: 100%;
}

.pad-top-15 {
  padding-top: 15px !important;
}

.btn-round-black-edit {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 2px 10px 0 0 !important;
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 40px;
  z-index: 2;
}

.btn-round-black-edit-sps {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 0px 10px 0 0 !important;
  cursor: pointer;
  float: left;
}

.btn-round-black-settings-sps {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: -7px 12px 0 0 !important;
  cursor: pointer;
  right: -40px;
}

.btn-round-black-edit-sps-3 {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 0px 5px 0 0 !important;
  cursor: pointer;
  float: left;
  position: static;
  right: auto;
  top: auto;
}

.btn-round-black-edit-25 {
  right: 25px;
}

.btn-round-black-edit > .btn-round-anglr-edit {
  font-size: 12px !important;
  margin: 1px auto 0 6px !important;
}

.btn-round-black-edit > .btn-round-anglr-settings {
  font-size: 12px !important;
  margin: 2px auto 0 6px !important;
}


  .btn-round-black-edit > .btn-round-anglr-wallet {
    font-size: 12px !important;
    margin: 2px auto 0 5px !important;
  }

.btn-round-black-edit > .btn-round-anglr-pdf {
  font-size: 12px !important;
  margin: 3px auto 0 6px !important;
}


.active-check {
  margin-bottom: 10px !important;
}

.panel-body-a {
  padding: 0px !important;
}

  .panel-body-a ul li a {
    padding: 0px 0 0 20px !important;
  }

.nv-bg {
  background: #d53542;
}

.dots {
  padding: 0 5px;
}

.blue-txt {
  color: #2b8ed8;
}

.mrg-pad-left {
  padding-left: 25px;
}

.wdauto {
  width: auto;
}

.rowa-scroll-poptable {
  height: 120px;
  overflow: auto;
}

.pinmd-blk .span-bk {
  display: block;
}

.bold-font {
  font-weight: bold;
}

.bold-font-sp {
  font-weight: bold !important;
}

.mrg-top-7 {
  margin-top: 7px !important;
}

.pad-25-zero {
  padding: 0 25px !important;
}

.pad-top-25 {
  padding-top: 25px;
}

.pad-top-15 {
  padding-top: 15px;
}

.mrg-top-20 {
  margin-top: 20px;
}

.mrg-top-72{
    margin-top: 72px;
}

.pad-15-right {
  padding: 0 15px 0 0;
}

.pad-top-50 {
  padding-top: 50px;
}

.margin-20 {
  margin: 30px 0 15px 0;
}

.thead-inverse th {
  color: #fff;
  background-color: #4a4a4a;
}

.table-bordered > .thead-inverse > tr > th {
  padding: 8px 15px;
  vertical-align: middle;
}



.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 5px 15px;
  vertical-align: middle;
}

.white-bg {
  background: #fff;
}

.right-pad-zero {
  padding-right: 0;
}

.left-pad-zero {
  padding-left: 0;
}

.right-pad-20 {
  padding-right: 20px;
}

.right-pad-15 {
  padding-right: 15px;
}

.pad-lt-25-rt-15 {
  padding-left: 25px;
  padding-right: 15px;
}

.pad-lt-25-rt-0 {
  padding-left: 25px;
  padding-right: 0px;
}

.pad-lt-15-rt-0 {
  padding-left: 15px;
  padding-right: 0px;
}

.pad-btm-10 {
  padding-bottom: 10px !important;
}



.selection {
  padding: 0 10px !important;
  text-align: left !important;
  font-size: 14px !important;
  color: #555 !important;
}

.pad-Top-box {
  padding: 20px 10px 0px 10px !important;
}

.pad-Top-box-sp {
  padding: 20px 10px 0px 10px !important;
}

.pad-Top-box-2 {
  padding: 30px 15px 5px 15px !important;
}

.nav-tabs li:nth-child(3) {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.activstatus {
  color: green;
  padding: 6px 0px;
}

.sp-width {
  width: 99%;
  display: block;
  box-sizing: border-box;
  margin-bottom: 25px;
}

.srch-style {
  padding: 0 10px;
  margin: 23px 0 15px 0;
  height: 34px !important;
  /*float:right;*/
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  outline: none !important;
}

.nav-tabs li:nth-child(4) {
  border-left: 1px solid #ccc;
  border-right: 0;
}

.nav-tabs li:nth-child(5) {
  border-left: 1px solid #ccc;
  border-right: 0;
}

.nav-tabs-TbPop li:nth-child(5) {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.pad-25-10-sp {
  padding: 25px 25px 0 25px;
}

.active {
  outline: none !important;
  border-bottom: none !important;
  border-right: none !important;
}

.nav-tabs li:nth-child(1) {
  border-left: 0;
  border-right: 0;
}

.nav-tabs-3 {
  border-left: 1px solid #ccc;
  border-right: 0 !important;
}

.camerascan {
  width: 100%;
  height: 400px;
  background: #ccc;
}

.nav-tabs li:nth-child(6) {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.nav-tabs > li > a {
  border-radius: 0 !important;
  margin-right: 0px !important;
  border: none !important;
}

.td-pad-15 {
  padding: 0 0 0 15px !important;
}

/*.btn-capital {
  text-transform: inherit;
  height: 35px;
  font-size: 14px;
  width: auto;
  border-radius: 0;
}*/
.btn-capital {
  text-transform: inherit;
  height: 35px;
  font-size: 12px;
  padding: 0 25px;
  border-radius: 0;
}


.btn-danger {
  background-color: #fff !important;
  border-color: #323232 !important;
  color: #323232 !important;
}

  .btn-danger:hover {
    background-color: #323232 !important;
    border-color: #323232 !important;
    color: #fff !important;
  }

/*.btn-info {
  background-color: #2ca2fa !important;
  border-color: #1e97f3 !important;
  color: #ffffff !important;
}

.btn-info:hover {
    background-color: #2798ed !important;
    border-color: #198ee6 !important;
}

.btn-sp {
  padding: 0px !important;
  margin-right: 10px;
}*/


.btn-round-bank {
  margin: 3px 0 0 6px !important;
  font-size: 10px !important;
}


.btn-info {
  background-color: #ffffff !important;
  border-color: #ee464b !important;
  color: #ee464b !important;
}

  .btn-info:hover {
    background-color: #ee464b !important;
    border-color: #ee464b !important;
    color: #ffffff !important;
  }

.btn-sp {
  padding: 0px !important;
  margin-right: 10px;
}

.btn-sp-left {
  padding: 0px !important;
  margin-left: 10px;
}


.margin-bottom-zero {
  margin-bottom: 0 !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}
/*//////////*/
.row > [class*="col-"] {
  margin-bottom: 25px;
}

.row.no-margin-bottom > [class*="col-"] {
  margin-bottom: 10px;
}

.row.no-gap {
  margin-left: 0;
  margin-right: 0;
}

  .row.no-gap > [class*="col-"] {
    padding-left: 0;
    padding-right: 0px;
  }

.tab-content-pad-mrg {
  padding: 25px 25px 25px 25px;
  border: 1px solid #dddddd;
  border-top: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  outline: none !important;
}

.no-padding {
  padding: 0px !important;
}

.dv-right
{
    float: right;
    display:inline-flex;
}

.checkboxgroup {
  border: 1px solid #ccc;
  padding: 10px;
  height: 250px;
  overflow-y: auto;
}

.green_rount-tick {
  background: #4dc11a !important;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 7px;
  bottom: 11px;
  font-size: 10px;
}
.orange_rount-tick {
  background: #fc7c04 !important;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 7px;
  bottom: 11px;
  font-size: 10px;
}

.green_rount-tick-popup {
  background: #4dc11a !important;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 0px;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 10px;
  bottom: 48px;
  font-size: 14px;
  z-index: 1000;
}
.orange_rount-tick-popup {
  background: #d7a415 !important;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 0px;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 10px;
  bottom: 48px;
  font-size: 14px;
  z-index: 1000;
}

.green_rount {
  background: #4dc11a !important;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 10px;
}

.red_rount {
  background: #ee464b !important;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 10px;
}

.mrg-right-10 {
  margin-right: 10px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-both {
  clear: both;
}

.mrg-left-right-auto {
  margin-left: auto;
  margin-right: auto;
}

.mrg-btm-spc {
  margin-bottom: 35px;
}

.mrg-bottom-5 {
  margin-bottom: 5px !important;
}

.mrg-bottom-10 {
  margin-bottom: 10px !important;
}

.mrg-bottom-20 {
  margin-bottom: 20px !important;
}

.mrg-bottom-25 {
  margin-bottom: 25px !important;
}

.mrg-bottom-24 {
  margin-bottom: 24px !important;
}

.mrg-bottom-21 {
  margin-bottom: 21px !important;
}


.mrg-bottom-30 {
  margin-bottom: 30px !important;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.mrg-left-zero{
    margin-left:0 !important;
}

.mrg-left-5 {
  margin-left: 5px;
}

.mrg-left-10 {
  margin-left: 10px;
}

.mrg-right-neg-30{
    margin-right: -30px;
}

.btn-list {
  margin-left: 10px;
  display: inline-block;
  z-index: 991;
  float: right;
}

.bg-success {
  background-color: #48a223 !important;
}

.pad-2 {
  padding: 2px !important;
}

.li-btn-div {
  position: absolute;
  top: 4px;
  right: 8px;
  z-index: 4;
}

.btn-list i {
  font-size: 16px;
  color: grey;
}

.li-edit {
}

.li-resume {
}

.li-suspend {
}

.li-stop {
}

.li-start {
}

.main-menu-icons {
  width: 60px;
  display: block;
  margin: 0 0 0 -10px;
  padding: 13px;
  float: left;
}

.model-sp {
  width: 70%;
  margin: 0px auto 0 auto;
}

.model-sp-70 {
  width: 50%;
  margin: 0px auto 0 auto;
}

.model-sp-prgs {
  width: 70%;
  margin: 0px auto 0 auto;
}

.model-sp-80 {
  width: 80%;
  margin: 0px auto 0 auto;
}

.model-sp-90 {
  width: 90%;
  margin: 0px auto 0 auto;
}

.model-sp-25-user {
  width: 50%;
  margin: 0px auto 0 auto;
}

.model-sp-35-user{
    width:35%;
    margin: 0px auto 0px auto;
}

.model-mrg-top-25 {
  margin: 0px auto 0 auto;
}

.model-sp-60 {
  width: 60%;
  margin: 0px auto 0 auto;
}

.pad-bdr-zero {
  padding: 0;
  border: none;
  margin: 0;
}

.modal-body-pd-sp-log {
  padding: 0px 15px 15px 15px;
}

.pad-top-zero {
  padding-top: 0 !important;
}

.close-loge {
  margin-top: 8px !important;
}

.model-sp-mrg-c {
  width: 55%;
  margin: 0px auto 0 auto;
}

.model-sp-50 {
  width: 50%;
  margin: 0px auto 0 auto;
}

.main-menu-icons img {
  width: auto;
  margin: 0 auto;
  display: block;
  height: 20px;
}

.alert-sp {
  width: 95%;
  color: #ed484c;
  background: #fff1f1;
  padding: 10px;
  float: left;
}

.wd-100 {
  width: 150px;
}


.pad-l-rt {
  padding-left: 20px;
  width: 75px;
}

.pr-text {
  position: relative;
  top: 6px;
}

.pr-value {
  float: right;
  margin-right: 5px;
}

.wd-150 {
  width: 150px;
}

.wd-208 {
  width: 208px;
}

.wd-180 {
  width: 180px;
}

.wd-sp-in-lab {
  width: 100px;
  float: left;
  margin-top: 8px;
}

.wd-sp-in-lab-vw {
  width: 100px;
  float: left;
}

.wd-sp-in {
  width: calc(100% - 110px);
  margin-left: 10px;
  float: left;
}


.wd-sp-in-lab-sp {
  width: 120px;
  float: left;
  margin-top: 8px;
}

.wd-sp-in-lab-sp-vw {
  width: 120px;
  float: left;
}

.wd-sp-in-cp {
  width: calc(100% - 210px);
  margin-left: 10px;
  float: left;
}

.block-lm3-sp {
  display: block;
  float: left;
  padding: 0;
  width: 70px;
  margin: 9px 0 0 10px;
}

.block-lm3-sp-vw {
  display: block;
  float: left;
  padding: 0;
  width: 70px;
  margin: 0px 0 0 10px;
}

.input-relative {
  position: relative;
}

.input-validation-div {
  position: absolute;
  top: 60px;
  width: calc(100% - 30px);
  z-index: 100;
}

.move-cursor {
  cursor: move;
}

.input-validation-div:after {
  bottom: 100%;
  left: 15%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(237, 72, 76, 0);
  border-bottom-color: #ed484c;
  border-width: 10px;
  margin-left: -15px;
}

.modal-header-user {
  padding: 15px 25px !important;
}

.modal-header-global {
  padding: 15px 25px !important;
}

.modal-body-global {
  padding: 20px 10px 10px 10px;
}

.pad-20-10-10 {
  padding: 20px 10px 10px 10px;
}

.modal-body-global-bt0 {
  padding: 20px 10px 0px 10px;
}

.modal-footer-user {
  padding: 15px 15px !important;
}

.modal-footer-global {
  padding: 15px 10px !important;
}

.prf-pic {
  width: auto;
  height: 100px;
}

.dr-grn-refresh-btn-rtn {
  width: calc(100% - 50px);
  margin-bottom: 10px;
  float: left;
}

.no-margin {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.chart-img {
  display: block;
  width: 50%;
}

.dsp-blk {
    display: block;
}

.popup-img img {
  display: block;
  height: 100%;
  text-align: center;
  margin: 0 auto;
}

a {
  text-decoration: none;
}

  a:hover {
    text-decoration: none;
  }

.font-weight-300 {
  font-weight: 300;
}

.font-weight-600{
  font-weight: 600;
}

.text-indent {
  text-indent: 1em;
}

.dropdown-menu-a {
  display: block;
  padding: 0;
}

  .dropdown-menu-a li {
    list-style: outside none none;
    margin: 10px 0 0 !important;
    padding: 0 10px;
  }

.dr-grn-save {
  width: 75%;
  margin-bottom: 10px;
  float: left;
}

.dr-grn-add {
  width: 94%;
  float: left;
}

.dr-grn-add-sp {
  width: 90%;
  float: left;
}

.dr-grn-search {
  float: right;
  margin-left: 5px;
}

.pop-input-wd-nmb {
  width: 79%;
  margin-bottom: 10px;
  float: left;
}

.pop-input-wd-nmb2 {
  width: 86%;
  margin-bottom: 10px;
  float: left;
}

/*.multiselect-dropdown[_ngcontent-c4] .dropdown-btn[_ngcontent-c4] {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border-radius: 0 !important;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143 !important;
  background-color: #fff;
  border: 1px solid #ccc;
}

  .multiselect-dropdown[_ngcontent-c4] .dropdown-btn[_ngcontent-c4] .dropdown-down[_ngcontent-c4] {
    display: inline-block;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 8px solid #515151 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
  }

.dropdown-list[_ngcontent-c4] {
  padding: 5px 0 6px 0 !important;
}

.multiselect-item-checkbox[_ngcontent-c4] input[type=checkbox][_ngcontent-c4] + div[_ngcontent-c4]:before {
  color: #f27680 !important;
  border: 2px solid #f27680 !important;
}

.multiselect-item-checkbox[_ngcontent-c4] input[type=checkbox][_ngcontent-c4]:checked + div[_ngcontent-c4]:before {
  background: #ed3b49 !important;
}

.multiselect-dropdown[_ngcontent-c4] .dropdown-btn[_ngcontent-c4] .selected-item[_ngcontent-c4] {
  border: 1px solid #f27680 !important;
  margin-right: 4px;
  background: #f27680 !important;
  padding: 0 5px;
  color: #fff;
  border-radius: 2px;
  float: left;
}

.multiselect-item-checkbox[_ngcontent-c4] input[type=checkbox][_ngcontent-c4]:checked + div[_ngcontent-c4]:before {
  -webkit-animation: none !important;
  animation: none !important;
  background: #f27680 !important;
}

.multiselect-dropdown[_ngcontent-c4] .dropdown-btn[_ngcontent-c4] .dropdown-up[_ngcontent-c4] {
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 8px solid #515151 !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
}*/


.multiselect-dropdown .dropdown-btn {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border-radius: 0 !important;
  display: block;
  width: 100%;
  height: 34px !important;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143 !important;
  background-color: #fff;
  border: 1px solid #ccc !important;
}

  .multiselect-dropdown .dropdown-btn .dropdown-down {
    display: inline-block;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 8px solid #515151 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
  }

.dropdown-list {
  padding: 5px 0 6px 0 !important;
}

.multiselect-item-checkbox input[type=checkbox] + div:before {
  color: #ed484c !important;
  border: 2px solid #f27f82 !important;
}

.multiselect-item-checkbox input[type=checkbox]:checked + div:before {
  background: #ed3b49 !important;
}

.multiselect-dropdown .dropdown-btn .selected-item {
  border: 1px solid #f27f82 !important;
  margin-right: 4px;
  background: #f27f82 !important;
  padding: 0 5px;
  color: #fff;
  border-radius: 0 !important;
  float: left;
}

.multiselect-item-checkbox input[type=checkbox]:checked + div:before {
  -webkit-animation: none !important;
  animation: none !important;
  background: #f27f82 !important;
}

.multiselect-dropdown .dropdown-btn .dropdown-up {
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 8px solid #f27f82 !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
}

.active-side-menu {
  width: 60px;
}

.abcbutton {
  width: 60px !important;
}

.mrg-top-23 {
  margin-top: 23px;
}

.mrg-top-22 {
    margin-top: 22px
}

.add-btn-sp {
  width: 80px;
  margin-top: -5px;
  font-size: 16px;
}

.add-btn-sp-in {
  width: 80px;
  font-size: 16px;
}

.add-btn-small {
  height: 28px !important;
  font-size: 10px !important;
  padding: 0 11px !important;
  position: absolute;
  left: 56px;
  top: -4px;
}

.label-lt-cust {
  padding: 0px !important;
  float: left !important;
  height: 34px !important;
  width: 100px !important;
}

.mrg-zero {
  margin-left: 0px !important;
}

.pull-right {
  float: right !important;
}

.pull-rt {
  float: right !important;
}

.ip-lgl-div {
  float: left;
  margin-right: 10px;
  width: calc(100% - 114px);
}

.wd-auto-add {
  width: auto !important;
  font-size: 12px !important;
}


.title-text-sp h5 {
  font-size: 23px;
  font-weight: normal;
  margin: 0px 0 15px 0;
}

.title-text-sp-rnk {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  width: 50%;
  float: left;
  padding-top: 8px;
}

.player-popup-height-rnk-ht {
  height: 200px;
}

.player-popup-height-rnk-ht-sp {
  height: 250px;
}

.player-popup-height-rnk-ht-sp-tt {
  height: calc(100vh - 427px);
}

.player-popup-height-cmp-ht-sp-tt {
  height: calc(100vh - 496px);
}

.player-popup-height-ht-rtl {
  height: 400px;
}

.player-popup-height-rnk-ht-rtl {
  height: 173px;
  padding: 0;
  width: 102.5%;
  float: left;
}

  .player-popup-height-rnk-ht-rtl li {
    width: 10.9%;
    position: relative;
    margin: 0 15px 15px 0px;
    list-style: none;
    float: left;
  }

    .player-popup-height-rnk-ht-rtl li img {
      width: 100%;
    }

.btn-round-black-tb-right-rtl {
  border-radius: 50%;
  background: #e4e4e4 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 0 !important;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}

  .btn-round-black-tb-right-rtl:hover {
    background: #515151 !important;
  }

.btn-round-anglr-close-rtl {
  margin: 2px 0 0 7px !important;
  font-size: 12px !important;
}

.playerenmcrd-tab {
  height: calc(100vh - 495px);
}

.rnk-grid-img {
  cursor: pointer;
}

.rnk-popup-img {
  width: 60%;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
  display: block;
}
/*----------------------------------------Login style starts----------------------------*/
.lg-bg {
  background-color: #f0f0f0 !important;
}

.outer-signin {
  width: 400px;
  padding-top: 1.5rem !important;
  position: absolute;
  top: 50%;
  margin: -320px auto auto -200px;
  left: 50%;
}

.outer-signinpinChange {
  width: 600px;
  padding-top: 1.5rem !important;
  position: absolute;
  top: 50%;
  margin: -320px auto auto -300px;
  left: 50%;
}

.navbar-brand {
  font-size: 20px;
  font-weight: 700;
}

.pull-center {
  left: 50%;
  position: absolute;
}

  .pull-center .navbar-brand {
    float: left;
    margin-left: -50%;
  }

.ma-lg {
  margin: 15px !important;
}

.pa-lg {
  padding: 30px 50px 50px 50px !important;
}

.pa-lg-pinChange {
  padding: 25px !important;
}

.pinChangeSuccess {
  width: 60%;
  padding: 50px;
  text-align: center;
  font-size: 30px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  position: absolute;
  top: 50%;
  margin: -125px auto auto -30%;
  left: 50%;
}

.clearfix {
  clear: both;
}

.box-signin {
  background-color: #fff;
  margin-bottom: 10px;
  position: relative;
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.04);
}

.heading-signin {
  font-size: 18px;
  margin: 50px 0 15px 0 !important;
  color: #ee464b;
}

.caret {
  margin-left: 10px;
}

.login-form-group {
  padding: 12px 0 24px;
  position: relative;
}

.float-label .login-input ~ label {
  font-size: 13px;
  top: 20px;
}

.login-input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: #eaeaea;
  border-image: none;
  border-radius: 0;
  border-style: none none solid;
  border-width: 0 0 1px;
  box-shadow: none;
  color: inherit;
  height: 34px;
  padding: 2px;
  position: relative;
  width: 100%;
  z-index: 5;
}

  .login-input.focus, .login-input:focus {
    border-bottom-width: 2px;
    border-color: #ee464b;
    padding-bottom: 1px;
    outline: none !important;
  }

    .login-input.focus ~ label, .login-input:focus ~ label {
      color: #ee464b;
      font-size: 12px !important;
      opacity: 1;
      top: 0 !important;
    }

  .float-label .login-input.has-value ~ label, .float-label .login-input.label-fixed ~ label, .login-input ~ label {
    font-size: 0.85em;
    top: 0;
  }

  .login-input ~ label {
    left: 0;
    opacity: 0.5;
    position: absolute;
    transition: all 0.2s ease 0s;
    z-index: 0;
  }

/*.check {
  margin-bottom: 1.5rem !important;
}*/

.login-check {
  cursor: pointer;
  margin: 0;
  padding-left: 1.25rem;
  position: relative;
  height: 14px;
}

.no-label-check {
  cursor: pointer;
  margin: 0;
  padding-left: 0;
  position: relative;
  height: 19px;
}

.no-label-check-sp {
  cursor: pointer;
  margin: 0;
  padding-left: 0;
  position: relative;
  height: 14px;
}

.login-check input {
  cursor: pointer;
  margin-left: -1.25rem;
  opacity: 0;
  position: absolute;
  z-index: 1;
  height: 18px;
  width: 21px;
}

  .login-check input:checked + i::before {
    background-color: #424242;
    border-width: 0;
  }

  .login-check input:checked + span .active {
    display: inherit;
  }

input[type=checkbox], input[type=radio] {
  margin: 0;
  cursor: pointer;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f6f6f6;
}

.check-align {
  margin: 0 0 0 -13px !important;
}

.wd-21 {
  width: 21px;
}

/*.login-check input[type="checkbox"]:checked + i::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color;
  border-image: none;
  border-style: none solid solid none;
  border-width: 0 2px 2px 0;
  content: " ";
  display: table;
  height: 18px;
  left: 6px;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  width: 6px;
}*/

.pull-center-wt-ps {
  margin: 15px auto 30px auto;
  display: table;
}

.nav > li > a > img {
  width: 20px;
  height: auto;
  margin: 0 10px 0 10px;
}

.block-lm1 {
  display: block;
  float: left;
  padding: 0;
  width: 100%;
}

.block-lm2 {
  display: block;
  float: left;
  padding: 0;
  width: 50%;
  margin-bottom: 0px;
}

.block-lm3 {
  display: block;
  float: left;
  padding: 0;
  width: 40%;
  margin: 9px 0 0 10px;
}

.checkandlabelli li {
  float: left !important;
}

.full-section-table-max-pc {
  width: 100%;
  height: calc(100vh - 618px);
  overflow-y: auto !important;
}

.checkboxliwidth {
  width: 50px !important;
  border: 1px solid #ccc;
  border-right: none;
  float: left !important;
  padding: 10px;
}

.checkboxLabelliwidth {
  width: calc(100% - 50px) !important;
  border: 1px solid #ccc;
  float: left !important;
  padding: 10px;
}

.checkboxliwidth .login-check > i {
  margin-left: -9px !important;
  width: 20px !important;
}

.checkboxliwidth .login-check input {
  width: 21px;
  left: 4px;
}

.drop-dwn {
  display: none;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  position: absolute;
  z-index: 10;
}

.login-check input[type="checkbox"]:checked + i::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color;
  border-image: none;
  border-style: none solid solid none;
  border-width: 0 2px 2px 0;
  content: " ";
  display: block;
  height: 12px;
  left: 6px;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  width: 6px;
}

.mapheight {
  height: 350px;
}

agm-map {
  height: 763px;
}

.agm-map-rtl {
  height: 150px;
}

.login-check > i::before, .login-switch i::after, .login-switch i::before {
  content: "";
}

.login-check input[disabled] + i::before, .login-check input[disabled]:checked + i::before, fieldset[disabled] .login-check input + i::before {
  opacity: 0.5;
}

.login-check > i {
  display: inline-block;
  float: left;
  height: 18px;
  margin-left: -13px;
  margin-right: 28px;
  margin-top: -1px;
  position: relative;
  width: 0;
  color: #ffffff;
}

.login-checkrt {
  font-weight: bold !important;
}

  .login-checkrt > i {
    margin-left: 10px !important;
    margin-right: 20px !important;
    float: right !important;
  }

.no-label-check > i {
  display: inline-block;
  float: left;
  height: 18px;
  margin-left: 0;
  margin-right: 0;
  margin-top: -1px;
  position: relative;
  width: 0;
  color: #ffffff;
}

.no-label-check-sp > i {
  display: inline-block;
  float: left;
  height: 18px;
  margin-left: 0;
  margin-right: 0;
  margin-top: -1px;
  position: relative;
  width: 0;
  color: #333;
}

.login-check > i::before {
  border: 1px solid #dfdede;
  border-radius: 2px;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease 0s;
  width: 21px;
  left: 0;
  top: 0;
}

.primary2 {
  padding: 0px !important;
}

.primary-check {
  background-color: #ffffff;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
}

.primary {
  background-color: #ffffff;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  margin-top: 30px;
  padding: 10px;
}

.inputtype-pad {
  padding: 3px 15px !important;
}

.forgot_text {
  color: #ee464b;
  margin-top: 10px;
  display: inline-block;
}

  .forgot_text:hover {
    color: #cd4145;
  }

/*.primary:hover {
  background-color: #eaeaea;
  color: #ee464b;
  border-radius: 0;
}*/

.pad-sp {
  padding: 25px 25px 25px 10px;
}

.pad-rt {
  padding: 25px 10px 25px 25px;
}

.primary:hover {
  background-color: #eaeaea;
  color: #acacac;
  border-radius: 0;
}

.login_logo {
  width: 175px;
  margin: 15px auto 25px auto;
}

  .login_logo img {
    width: 100%;
  }

.keep-singed {
  color: #9e9e9e;
}

.login-select {
  font-size: 13px;
  color: #999999;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: #eaeaea;
  border-image: none;
  border-radius: 0;
  border-style: none none solid;
  border-width: 0 0 1px;
  box-shadow: none;
  height: 34px;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 5;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  cursor: pointer;
}

.float-labelselect:after {
  content: '>';
  font: 12px "Consolas", monospace;
  color: #aaa;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 8px;
  top: 28px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
}

.table-btn-sp {
  float: left;
  display: block;
  width: 68px;
  position: relative;
  height: 17px;
  margin: -4px 0 0 0;
}

.table-btn-sp-50 {
  float: left;
  display: block;
  width: 50px;
  position: relative;
  height: 17px;
  margin: 0px 0 0 0;
}

.template-heading-div {
  display: flex;
  justify-content: space-between;
}
.text-ellipsis{
    text-overflow:ellipsis;
}


/*Anandhu------*/
.height-259{
    height:259px
}

.height-220{
    height:220px !important;
}

.height-250{
    height:250px !important;
}

.height-285{
    height:285px;
}

.height-295{
    height:295px !important;
}

.height-25{
    height:25px !important
}

.height-55vh{
    height:55vh !important;
}

.height-90p{
    height:90% !important;
}

.height-zero{
    height:0 !important;
}

.mrg-6per {
  margin: 6%;
}

.mrg-67{
    margin:67px;
}

.mrg-left-negative-5{
    margin-left:-5px;
}

.mrg-left-2per{
    margin-left:2%;
}

.mrg-left-21{
    margin-left:21px;
}

.mrg-left-40{
    margin-left:40px;
}

.mrg-left-50{
    margin-left:50px;
}

.mrg-top-55 {
  margin-top: 55px;
}

.pad-2per{
    padding:2%;
}

.pad-left-44{
    padding-left:44px;
}

.pad-left-8{
    padding-left:8px;
}

.forMrg{
   
    width:128px;
}
.pad-zero{
    padding:0px;
}

.dis-con{
    display:contents;
}
.cond-9{
    display:flex;
}
.for-media-scroll {
  overflow-y: auto;
 
}

.x-y-scroll{
    overflow : auto;
}

.y-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}

.x-scroll {
  overflow-x: auto;
  overflow-y: hidden;
}

.text-center{
    text-align:center;
}

.overflow-hidden{
    overflow:hidden !important;
}

.pad-pro-kit {
  padding:0px 10px 0 18px !important;
}

.pad-rt-37 {
  padding-right: 37px;
}

.pad-rt-50 {
  padding-right: 50px;
}

.pad-rt-25 {
  padding-right: 25px;
}

.pad-lft-25 {
  padding-left: 25px;
}

.pad-btm-15 {
  padding-bottom: 15px;
}


.mrg-auto{
    margin:auto;
}
.for-trash-color {
  font-size: 13px;
  width: 38%;
  margin-top: 37px;
}
.for-trash-color2 {
  font-size: 13px;
  width: 69%;
  margin-top: 14px;
}
.for-pin-en-tx {
  background-color: black;
  border: none;
  font-size: 27px;
  font-weight: 600;
  margin-top: 10px;
  text-align: left;
  width: 80%;
  padding-left: 4px;
 
}
.for-deno {
  display: flex;
  justify-content: space-between;
  padding: 15px;
}
.for-pro-tikt-srol-srn {
  height: 18rem;
  margin-bottom: 2rem;
  overflow-y: auto;
  border: 2px solid white;
  background-color: pink;
}
.for-pro-tikt-heading {
  text-align: left;
  font-weight: 800;
  color: white;
  margin-bottom: 25px;
}
.for-pro-tikt-srol-srn h1 {
  font-weight: 900;
  color: black;
  font-size: 30px;
}
.for-pro-tikt-qr-div {
  height: 11rem;
  background-color: white;
  margin: 6px;
  padding-left: 15px;
  display: flex;
  color: black;
}
.cStyl p {
  text-align: left;
  padding-left: 6px;
  font-size: 14px;
  line-height: 15px;
  font-weight: 700;
  margin-bottom: 15px;
}
.for-pro-tikt-qr-head {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  padding-top: 8px;
  height: 70%;
  margin-top: auto;
  margin-bottom: auto;
  border-right: 1px solid;
}
.wd-48-pe{
    width:48%;
}
.wd-100-for-demo{
    width:100%;
}
.forMrgTop {
  margin-top: 1px;
}
.mrg-btn-left{
    margin-left:-304px;
}
.flt-right{
    float:right;
    margin-right:16px;
}
.wd-0{
    float:left;
    width:0;
}
.pro-tikt-right {
  width: 25%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15rem;
}
.pro-tikt-right button{
    width: 75%;
    color: black;
    font-size: 12px;
    font-weight: 600;
}
.wd-60-left{
    width:60%;
    float:left;
}
.btn-style{
    border: 1px solid white;
}
.wd-40{
    width:40%;
    float:left;
}
.pad-15-15-7 {
  padding: 15px 15px 28px 33px !important;
}
.pad-for-carded-plyr {
  padding: 20px 35px 7px 26px;
}
.pad-for-carded-plyer-left {
  padding: 20px 15px 20px 15px !important;
}
.model-sp-65 {
  width: 65%;
  margin: 0px auto 0 auto;
}
.wd-new-crfm{
    width:100px;
}
.wd-61-pc{
    width:61%;
    float:left;   
}

.wd-109-sp {
  width: 109%;
  float: left;
}

.text-style {
  font-size: 27px;
  font-weight: 600;
  text-transform: uppercase;
}

.ovrflowy {
    overflow-y:auto;
}

.forCheckBox{
    height:15px;
    width:23px;
    float:left;
}
.forCheckDiv{
  height: 6rem;
  padding-top: 12px;
}

.td-wd-edit-sp-110{
    width:110px;
}

.for-text-area{
    width:100%;
    height:200px;
}
.for-icons {
  font-size: 10px !important;
  padding-left: 1px !important;
}

.float-right-mtop-35 {
  float: right;
  margin-top: -35px;
}
.mrg-top-neg23{
    margin-top:-23px !important;
}

.mrg-top-neg44{
    margin-top: -44px;
}

.tableTextFit{
   white-space:nowrap;
   text-overflow:ellipsis;
   overflow:hidden;
}

.white-space-no-wrap{
  white-space: nowrap;
}

.mrg-left-20{
    margin-left:20px;
}

.mrg-left-25{
    margin-left:25px;
}
.margin-top-10 {
  margin-top: 10px;
}
.list-box-height-230{
    max-height:230px;
    overflow:auto;
}
.list-box-height-150 {
  max-height:150px;
  overflow:auto;
}
.margin-103-0{
    margin: 103px 0px;
}
.float-initial{
    float:initial;
}

.height-fit-ctnt{
    height:fit-content !important;
}
.side-cam-prz-mod {
  height: 200px;
  overflow: auto;
}

.mrg-left-75{
    margin-left:75px !important;
}

.height-60vh{
    height:60vh;
}

.height-350{
    height : 350px;
}

.btn-table {
  border: none;
  height: 22px;
  width: 44px;
}

.btn-table-auto {
  border: none;
  height: 22px;
}

.btn-CMS-list {
  height: 25px !important;
  background-color: #ee464b !important;
  color:white !important;
  border:none !important;
}

.w-34perc{
    width:34%;
}

.wd-50pc{
    width:50%;
}

.wd-30pc{
    width:30%;
}

.table-box {
  padding: 10px;
  width: 47%;
  border: 1px solid #E3E3E3;
  margin-left: 14px;
}

.mrg-top-43 {
  margin-top: 43px;
}

.modal-height-user{
    height:400px
}

.modal-user-box-2 {
  height: 314px;
  width: 100%;
  overflow:auto;
}

.modal-user-box-2 ul {
    padding-left:0px;
}

.modal-user-box-2 li {
  list-style: none;
  border: 1px solid #e5e5e5;
  padding: 6px;
  border-radius: 6px;
  margin-bottom: 10px;
  margin: 5px 4px;
  width: 48%;
}

.dis-initial{
    display:initial !important;
}

.overflow-y-auto{
    overflow-y:auto;
}

.CMS-list-container {
  height: 56vh ;
  overflow: auto;
}

.prize-li-icons {
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 20px;
}

.pointer {
    cursor: pointer;
}

.modal{
    overflow: auto !important;
}

.d-flex{
    display:flex;
}

.space-btw{
    justify-content:space-between;
}

.items-center{
  align-items: center;
}

.items-end{
  align-items: end;
}

.end{
    justify-content:end;
}

.between{
    justify-content: space-between;
}

.content-center{
    display:flex;
    justify-content:center;
}

.icon-slot-machine{
    width:25px;
    height:20px;
    margin-top: -3px;
}

.height-140{
    height:140px !important;
}

.circle-div {
  height: 50px;
  width: 50px;
  border-radius: 35px;
  text-align: center;
  font-weight: 600;
  color: #000000;
  z-index: 2;
  background-color: #FFFFFF;
  border: 1px solid #ed484c;
  outline: none;
}

.stepper-sel {
  background-color: #ed484c !important;
  color:#ffffff !important;
}


.hr {
  background-color: #ed484c;
  position: absolute;
  height: 5px;
  width: 50%;
  margin-top: 22px;
  z-index: 0;
}

.border-radius-none{
    border-radius:0 !important;
}

.btn-without-label {
   height: 34px !important;
   margin-top: 0 !important;
}

.link-plyr-sec{
    border-radius: 50%;
    background: #5cb85c !important;
    width: 22px;
    height: 20px;
    opacity: 1;
    cursor: pointer;
    position: initial;
    display:flex;
    margin: 4px 0px !important
   /* top: 57px;
    right: 68px;*/
}

.plyr-mrktg-li {
  padding: 10px;
  height: 40px;
  background-color: lightgray;
  border: 1px solid grey;
  margin-bottom:1px;
}

.plyr-res-gaming-li-ul {
  width: 100%;
  padding: 0;
  border: 0;
  border: 1px solid #EEE;
  height: 208px;
  list-style: none;
}

.plyr-res-gaming-li {
  padding: 10px;
  /*  height: 40px;*/
  background-color: lightgray;
  border: 1px solid grey;
  margin-bottom: 1px;
}

.plyr-res-gaming-li label{
    font-weight : 600 !important;
}

  .btn-maktg-btn {
    height: 34px;
    font-size: 12px;
    padding: 0 18px;
    border-radius: 0;
  }

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}

.bottom-350{
    bottom:350px;
}


.pkr-list-container{
    height:300px;
    overflow: auto;
}

.pkr-list ul{
    padding: 0px;
}

.pkr-list li {
  list-style: none;
  background-color: #424242;
  padding: 5px 15px;
  color: white;
  font-size: 14px;
  font-weight: 500;
}

.pkr-list-continer-2 {
  height: 358px;
  overflow: auto;
}

  .pkr-list-continer-2 ul {
    height: auto !important;
  }

.btn-list-pkr{
    border: none;
    background: none;
}

.mrgs-player-edit-icons {
  margin-right: -35px;
  margin-left: 15px;
}

.img-icon-stop-code {
  font-size: 25px;
/*  width : 25px;*/
  overflow: hidden;
}

.credit-line-list{
    border: 1px solid #ccc;
    height : 100px;
    overflow : auto;
}

  .credit-line-list ul {
       list-style: none;
       padding: 0px;
  }

    .credit-line-list ul li {
      background-color: #F2F2F2;
      padding : 0px 10px ;
      border: 1px solid #ccc;
      text-align: center;
      align-items: center;
      padding : 8px 18px;
    }

    .credit-line-list .list-area{
        display:flex;
/*        flex-direction: column;*/
        align-items: center;
        justify-content: center;
    }

    button{
        border: none;
    }

.account-transaction-list{
    list-style : none;
    padding: 0px;
    height : 300px;
    overflow : auto;
    border : 1px solid #ccc;
}

.account-transaction-list  li {
  padding: 16px 10px;
  background-color: #F2F2F2;
  margin-bottom : 3px;
}

.allocation-wrapper {
  border: 1px solid #ccc;
  padding: 15px;
  background: #f9f9f9;
}

.box {
  border: 1px solid #bbb;
  background: #fff;
  height: 150px;
}


.box-header {
  padding: 8px 10px;
  border-bottom: 1px solid #ddd;
  background: #f1f1f1;
  font-weight: 500;
}

.box-item {
  padding: 10px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.box-item:hover {
  background: #f5f5f5;
}

.icons i {
  margin-left: 10px;
  cursor: pointer;
}

.arrows .btn{
  margin-bottom: 4px;
}

.arrows button {
  width: 40px;
}

/*---Anandhu end --*/
.table-btn-sp-ed {
  float: left;
  display: block;
  width: 70%;
  position: relative;
  height: 17px;
  margin: -4px 0 0 0;
}
wd-100-sp {
  width: 100%;
  float: left;
}
.wd-30{
    width:30%;
    float:left;
}
.wd-92{
    width:92%;
}

.h-auto-imp{
  height: auto !important;
}

.pad-25-btm-0{
    padding:25px 25px 0px 25px;
}
.ul-for-srnlast{
    list-style:none;
    padding:0;
    align-items:center;
    width:91%;
}
.btn-for-srnlast{
    width:10rem;
    margin-top:18px;
    color:black;
    font-weight:600;
}

.btn-round-black-edit-sp {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 0 !important;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 27px;
}

.btn-round-black-edit-sp-ed {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 0 !important;
  cursor: pointer;
  position: absolute;
  top: 9px;
  right: 20px;
}

.btn-round-black-edit-sp-left {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 0 0 0 10px;
  cursor: pointer;
}

.cls-btn-ed {
  display: block;
  margin-top: -2px;
  font-size: 12px;
  color: #fff;
  text-shadow: none;
  margin: 2px 0 0 6px;
}

.btn-round-black-uparrow-sp {
  border-radius: 50%;
  background: #5db65c !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  cursor: pointer;
}

.btn-round-black-uparrow-sp2 {
  border-radius: 50%;
  background: #5db65c !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  cursor: pointer;
}

.td-wd-edit-sp {
  width: 150px;
}

.td1wd100 {
  width: 100px !important;
}

.td1wd60 {
  width: 60px !important;
}

.td1wd10 {
  width: 10px !important;
}

.td1wd5 {
  width: 5px !important;
}

.td1wd15 {
  width: 15px !important;
}

.td1wd20 {
  width: 20px !important;
}

.td1wd25 {
  width: 25px !important;
}

.td1wd30 {
  width: 30px !important;
}

.dis-act {
  width: calc(100% - 31px);
  height: 35px;
  position: absolute;
  z-index: 1000;
}

.td-wd-edit-sp-70 {
  width: 90px;
}

.td-wd-edit-sp-125 {
  width: 125px;
}

.th-wd-edit-sp-87 {
  width: 87px;
}

.btn-round-black-tb-right-sp {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 0 !important;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0;
}

.btn-round-black-tb-right-sp-ed {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 0 !important;
  cursor: pointer;
  position: absolute;
  top: 9px;
  right: -5px;
}

.float-labelselect:before {
  content: '';
  right: 6px;
  top: 0px;
  width: 20px;
  height: 20px;
  position: absolute;
  pointer-events: none;
  display: block;
}

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

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

.btn.focus, .btn:focus, .btn:hover {
  text-decoration: none;
  outline: none !important;
}

.input-wt {
  background: #fff !important;
}

.mrg-btm-25-sp {
  margin-bottom: 25px;
}

.mrg-btm-15-sp {
  margin-bottom: 15px !important;
}

.nav-sp-inline {
  display: inline-block !important;
}

.tp-btn-tab {
  float: right;
  display: inline-block;
}

.pad-top-20 {
  padding-top: 20px !important;
}
/*----------------------------------------Navbar style starts----------------------------*/
/*.multiselect-dropdown[_ngcontent-c7] .dropdown-btn[_ngcontent-c7] .selected-item[_ngcontent-c7] {
  border: 1px solid #ff0000 !important;
  margin-right: 4px;
  background: #ff0000 !important;
  padding: 0 5px;
  color: #fff;
  border-radius: 0 !important;
  float: left;
}*/
.navbar {
  z-index: 1000;
  /*  padding-left: 60px;*/
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

  .navbar > .container, .navbar > .container-fluid {
    z-index: 10001;
  }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
      height: 60px;
      line-height: 60px;
      margin-left: 0px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400;
      padding: 0;
      font-size: 1.5em;
    }

      .navbar > .container .navbar-brand .fa-angle-right, .navbar > .container-fluid .navbar-brand .fa-angle-right {
        margin-left: 5px;
        margin-right: 5px;
      }

    .navbar > .container .navbar-expand-toggle, .navbar > .container-fluid .navbar-expand-toggle {
      width: 60px;
      height: 60px;
      background-color: transparent;
      border: 0px;
      float: left;
      -moz-transition: all 0.25s linear;
      -webkit-transition: all 0.25s linear;
      transition: all 0.25s linear;
      opacity: 0.75;
    }

      .navbar > .container .navbar-expand-toggle .icon, .navbar > .container-fluid .navbar-expand-toggle .icon {
        font-size: 1.4em;
      }

    .navbar > .container .navbar-right-expand-toggle, .navbar > .container-fluid .navbar-right-expand-toggle {
      width: 60px;
      height: 60px;
      background-color: transparent;
      border: 0px;
      position: absolute;
      right: 0;
      -moz-transition: all 0.25s linear;
      -webkit-transition: all 0.25s linear;
      transition: all 0.25s linear;
      opacity: 0.75;
    }

      .navbar > .container .navbar-right-expand-toggle .icon, .navbar > .container-fluid .navbar-right-expand-toggle .icon {
        font-size: 1.4em;
      }

  .navbar .navbar-breadcrumb {
    margin-left: 0px;
    background-color: transparent;
    padding: 0px;
    float: left;
  }

    .navbar .navbar-breadcrumb > li {
      height: 60px;
      line-height: 60px;
      vertical-align: middle;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 1.5em;
    }

  .navbar .navbar-nav > li > a {
    font-family: 'Roboto Condensed', sans-serif;
    height: 60px;
    line-height: 60px;
    padding: 0px 20px 0px 20px;
  }

  .navbar .dropdown-menu {
    padding: 0;
    border: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    z-index: -1;
    position: absolute;
  }

    .navbar .dropdown-menu .title {
      font-family: 'Roboto Condensed', sans-serif;
      padding: 5px 10px;
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }

    .navbar .dropdown-menu .message {
      font-family: 'Roboto Condensed', sans-serif;
      text-align: center;
      padding: 10px 20px;
    }

    .navbar .dropdown-menu .notifications.list-group {
      list-style: none;
      padding: 0;
      margin: 0;
    }

      .navbar .dropdown-menu .notifications.list-group .list-group-item {
        min-width: 250px;
        height: auto;
        padding: 8px;
        border: 0;
        border-bottom: 1px solid #EEE;
      }

        .navbar .dropdown-menu .notifications.list-group .list-group-item .icon {
          margin-right: 5px;
        }

      .navbar .dropdown-menu .notifications.list-group .badge {
        border-radius: 1em;
      }

      .navbar .dropdown-menu .notifications.list-group .list-group-item:last-child {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
      }

      .navbar .dropdown-menu .notifications.list-group .list-group-item:first-child {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
      }

      .navbar .dropdown-menu .notifications.list-group a.list-group-item:hover {
        cursor: pointer;
      }

.list-group-item-noaction-ul {
  width: 100%;
  padding: 0;
  border: 0;
  border: 1px solid #EEE;
  height: 160px;
  list-style: none;
}

.list-group-item-noaction {
  width: 100%;
  padding: 10px 15px;
  border: 0;
  border: 1px solid #EEE;
  margin: -1px 0 0 0;
  border-left: none;
  border-right: none;
}

.list-style-none{
    list-style : none;
}


.navbar .dropdown.profile .dropdown-menu {
  width: 305px;
  padding: 20px;
  text-align: center;
}

  .navbar .dropdown.profile .dropdown-menu li.profile-img {
    padding: 0px;
    max-height: 300px;
    overflow: hidden;
  }

    .navbar .dropdown.profile .dropdown-menu li.profile-img img.profile-img {
      width: 100%;
      height: auto;
      margin: 0px;
      border: 0;
    }

  .navbar .dropdown.profile .dropdown-menu .profile-info {
    font-family: 'Roboto Condensed', sans-serif;
    padding: 15px 0px;
  }

    .navbar .dropdown.profile .dropdown-menu .profile-info .username {
      font-size: 1.8em;
    }

.app-container {
  min-height: 100%;
  position: relative;
  padding-bottom: 30px;
}

#modal-backdrop-sp {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity .15s linear;
}

.simple-notification.error {
  font-family: 'robotoregular' !important;
}

.simple-notification .sn-title {
  font-family: 'robotoregular' !important;
}

.simple-notification .sn-content {
  font-family: 'robotoregular' !important;
}

.app-container .app-footer {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 65px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  font-size: 12px;
  font-family: 'Roboto Condensed', sans-serif;
}

  .app-container .app-footer .wrapper {
    padding: 10px 35px;
    padding-left: 25px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
  }

.pad-20-25 {
  padding: 20px 25px 25px;
}

.mrg-btm-10-sm-0 {
  margin-bottom: 10px;
}

.app-container .content-container {
  margin-right: 0;
  margin-left: 0;
}

.full-section-table-casino {
  height: calc(100vh - 324px);
  overflow-y: auto;
}

.full-section-table-bnkh {
  height: calc(100vh - 347px);
  overflow-y: auto;
}

.full-section-table-casino-gbl {
  height: calc(100vh - 338px);
  overflow-y: auto;
}

.full-section-table-casino-gbl-mtr {
  height: calc(100vh - 456px);
  overflow-y: auto;
}

.full-section-table-casino-gbl-mtr-sp {
  height: calc(100vh - 461px);
  overflow-y: auto;
}

.full-section-table-casino-tblgmrst {
  height: calc(100vh - 529px);
  overflow-y: auto;
}

.full-section-table-casino-gbl-sp {
  height: calc(100vh - 363px);
  max-height: calc(100vh - 417px);
  overflow-y: auto;
}

.full-section-table-SG-sp {
  height: calc(100vh - 326px);
  overflow-y: auto;
}

.full-section-table-casino-bnk {
  height: calc(100vh - 477px);
  overflow-y: auto;
}


.full-section-table-citymarker {
  min-height: calc(100vh - 629px);
  max-height: calc(100vh - 499px);
  overflow-y: auto;
}

.pac-container {
  z-index: 10003 !important;
}

.side-menu-container {
  max-height: 80vh;
}

.side-menu {
  overflow-y: auto;
  position: fixed;
  width: 60px;
  height: 100%;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  top: 60px;
  z-index: 500;
}

  .side-menu .navbar-header {
    width: 100%;
    border-bottom: 0px solid #e7e7e7;
  }

    .side-menu .navbar-header .navbar-brand {
      width: 455px;
      line-height: 60px;
      height: 60px;
      padding: 0;
      width: 100%;
      overflow: hidden;
      font-family: 'Roboto Condensed', sans-serif;
    }

.logo {
  width: 132px;
  height: 60px;
  text-align: center;
  display: inline-block;
  padding: 13px 22px 0 20px;
  border-right: 1px solid #ccc;
  float: left;
}

  .logo img {
    width: 100%;
  }

.navbar-dropdown {
  float: left;
  font-weight: bold;
  padding: 20px 0 0 20px;
  border-left: 1px solid #ccc;
  height: 60px;
}

.navbar-dropdown-menu {
  z-index: 0 !important;
  border: none;
  border-radius: 0 !important;
  margin-top: 0px !important;
  font-weight: normal;
  box-shadow: none;
  background-color: #ee464b !important;
}

.dropdown-menu > li > a {
  display: block;
  text-align: center;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
  color: #fff !important;
  background-color: #ee464b;
  cursor: pointer;
  padding: 10px 5px !important;
}

.calender-icon {
  position: relative;
}

.calender-icon-btn {
  background: url(../images/calender-icon.png) no-repeat 98% center;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 21px;
  cursor: pointer;
  top: 28px;
  z-index: 1;
  display: block;
}

.DisableDate {
  width: calc(100% - 30px);
  height: 34px;
  position: absolute;
  cursor: not-allowed;
  top: 23px;
  z-index: 1000;
}

.calender-icon-btnGrd {
  background: url(../images/calender-icon.png) no-repeat 98% center;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  position: sticky;
  cursor: pointer;
  z-index: 1;
  display: block;
  margin-top: -29px;
  margin-left: 99px;
  margin-bottom: 5px;
}

.calender-icon-btnGrd-spp {
  background: url(../images/calender-icon.png) no-repeat 98% center;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  position: sticky;
  cursor: pointer;
  z-index: 1;
  display: block;
  margin-top: -29px;
  margin-left: 85px;
  margin-bottom: 5px;
}

.calender-icon-btnGrd-splnk {
  background: url(../images/calender-icon.png) no-repeat 98% center;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  position: sticky;
  cursor: pointer;
  z-index: 1;
  display: block;
  margin-top: -29px;
  margin-left: 104px;
  margin-bottom: 5px;
}

.calender-icon-btnGrdLink {
  background: url(../images/calender-icon.png) no-repeat 98% center;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  position: sticky;
  cursor: pointer;
  z-index: 1;
  display: block;
  margin-top: -29px;
  margin-left: 147px;
  margin-bottom: 5px;
}

.seats {
  border-radius: 50%;
  border: 2px solid #2e9159;
  width: 45px;
  height: 45px;
  background: #fff;
  cursor: pointer;

  /*  C2G-2891 - rajesh*/
 
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.casinotable {
  width: 350px;
  margin: 120px auto 0px auto;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

  .casinotable img {
    width: 100%;
  }

.full-section-table-ab-casino-gm {
  width: 100%;
  height: calc(100vh - 518px);
  overflow-y: auto;
}

.tablegamesection {
  overflow: hidden;
  position: relative;
  /*width: 640px !important;*/
  height: 550px;
}

.pop-wd-1024 {
  width: 1024px !important;
}

.drag-sectionsp {
  /*margin-top:-50px;*/
}
.position-seatlayout {
  position: relative !important;
}

.position-seat {
  position: absolute !important;
}

.float-none-sp {
  /*float:none;
  display:inline-block;*/
  display: table-caption;
}
/*bs-datepicker-container, bs-daterangepicker-container {
  z-index: 1000 !important;
}*/

.bs-datepicker {
  width: auto !important;
  min-width: 300px;
}

.bs-datepicker-container {
  width: auto !important;
}

.bs-datepicker-container {
  position: absolute !important;
  z-index: 9999 !important;
}

.bs-datepicker {
  transform: none !important;
}

.bs-datepicker .bs-media-container {
    display: flex;
    padding: 16px;
    background: white;
    box-shadow: 0 0 10px 0 #aaa;
}

.bs-datepicker .bs-datepicker-body table tbody {
  overflow-y: hidden !important;
}

.theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span, .theme-red .bs-datepicker-body table td span[class*="select-"]:after, .theme-red .bs-datepicker-body table td[class*="select-"] span:after {
  background-color: #ed484c !important;
}

.theme-red .bs-datepicker-body table td.week span {
  color: #ed484c !important;
}

.theme-black {
    color: black !important;
}

.theme-green {
  color: #5cb85c;
}

.theme-lightGrey{
    background-color:lightgray !important;
}

.theme-red .bs-datepicker-head {
  background-color: #ed484c !important;
}

.clr_red {
  color: #ed484c !important;
}

.mrg-top-22 {
  margin-top: 22px;
}

.dropdown-menu > li:hover > a {
  color: #fff !important;
  /*background: rgb(255, 255, 255) transparent !important;
  background: rgba(255, 255, 255, 0.3) !important;*/
  background: #c41d39;
}

.navbar-dropdown a {
  text-decoration: none;
  font-size: 16px;
}

.mrg-top-zero {
  margin-top: 0 !important;
}

.mrg-top-10 {
  margin-top: 10px;
}

.mrg-top-15 {
  margin-top: 15px;
}

.pad-custom > i {
  margin-right: 15px !important;
}

.side-menu .navbar-header .navbar-brand .title {
  margin-left: -10px;
  display: none;
}

.side-menu .navbar-header .navbar-expand-toggle {
  position: absolute;
  right: 0;
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: 0px;
  -moz-transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  opacity: 0.75;
}

.border-color {
  border: 1px solid #ccc !important;
}

.side-menu .navbar {
  border: none;
  padding-left: 0px;
}

.side-menu .navbar-nav li {
  display: block;
  width: 100%;
  overflow: hidden;
}

  .side-menu .navbar-nav li a {
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0 10px 0 10px;
    height: 46px;
    line-height: 46px;
    display: block;
    white-space: nowrap;
  }

    .side-menu .navbar-nav li a .icon {
      margin-left: 0px;
      width: 38px;
      text-align: center;
      font-size: 1.1em;
      display: inline-block;
    }

    .side-menu .navbar-nav li a .title {
      width: 0px;
      white-space: nowrap;
      padding-left: 6px;
      display: none;
    }

  .side-menu .navbar-nav li.dropdown {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
  }

    .side-menu .navbar-nav li.dropdown ul li a {
      height: 44px;
      line-height: 44px;
      vertical-align: middle;
      padding: 0px 23px;
    }

    .side-menu .navbar-nav li.dropdown > a:after {
      content: "";
      position: absolute;
      right: 1em;
    }

.side-menu .navbar-nav .panel-collapse.in {
  display: none;
}

/*.side-menu:hover {
  /*width: 250px;
}*/

/*.side-menu-sp:hover {
  width: 250px;
}*/

.side-menu-sp {
  width: 250px;
}


.side-menu:hover .navbar-header .navbar-brand .title {
  display: inline-block;
}

.side-menu:hover .navbar-nav li a .title {
  width: 192px;
  display: inline-block;
}

/*.side-menu:hover .navbar-nav li.dropdown > a:after {
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    right: 1em;
  }*/

.expanded .side-menu .navbar-nav li.dropdown > a:after {
  font-family: FontAwesome;
  content: "\f107";
  position: absolute;
  right: 1em;
}


.app-container .content-container .side-body {
  padding-top: 70px;
}

  .app-container .content-container .side-body.padding-top {
    padding-top: 84px;
  }

.color_plt {
  width: 40px;
  height: 40px;
  color: #fff;
  cursor: pointer;
  padding: 0;
}

.color-plt-div{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.color_plt_2 {
  width : 50px;
  height: 34px;
  color: #fff;
  cursor: pointer;
  border-radius : 50px !important;
}

.app-container.expanded .app-footer {
  left: 250px;
}

  .app-container.expanded .app-footer .wrapper {
    padding-left: 25px;
  }

.app-container.expanded .content-container .navbar-top {
  /*padding-left: 250px;*/
}

.app-container.expanded .content-container .side-menu {
  width: 250px;
}

  .app-container.expanded .content-container .side-menu .navbar-header .navbar-brand .title {
    display: inline-block;
  }

  .app-container.expanded .content-container .side-menu .navbar-nav li a .title {
    display: inline-block;
  }

  .app-container.expanded .content-container .side-menu .navbar-nav li .panel-collapse.in {
    display: block;
  }

.app-container.expanded .content-container .disable-side-menu .navbar-nav li .panel-collapse.in {
  display: none !important;
}

.app-container.expanded .content-container .side-menu-sp .navbar-nav li.dropdown > a:after {
  font-family: FontAwesome;
  content: "\f107";
  position: absolute;
  right: 1em;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
  margin-left: -15px;
  margin-right: -15px;
}

.grid-image img {
  width: 45px;
  height: 45px;
}

.grid-image-sp-ply {
  width: 90px;
}

  .grid-image-sp-ply img {
    width: 100%;
    /* hide by chris */
   /* height: auto;*/
   height : 60px;
  }

.grid-image-sp img {
  width: 30px;
  height: 30px;
  float: left;
  margin: 0 5px 5px 0;
}

.grid-image-block {
  height: 70px;
  overflow: auto;
  display: block;
}


.grid-stp-sp {
  width: 162px;
}

.gd-wd-ovr {
  width: 150px;
  overflow: auto;
  display: block;
  height: 70px;
  padding: 0 !important;
  margin: 0 !important;
}

.divition-section-cust {
  border: 1px solid #E3E3E3;
  padding: 25px 25px 5px;
  margin-bottom: 25px;
}

.mrg-top-29 {
  margin-top: 29px;
}

.full-section-table-full-height-cust {
  width: 100%;
  height: calc(100vh - 617px);
}

.full-section-table-full-height-playerlist {
  width: 100%;
  height: calc(100vh - 520px);
}

.full-section-table-full-height-cust-sp {
  width: 100%;
  height: calc(100vh - 587px);
}

.input-small {
  padding: 2px 5px !important;
  margin: 3px 0;
  height: 28px !important;
  font-size: 13px !important;
  padding-left: 9px !important;
}

.input-smallb {
  padding: 2px 5px !important;
  margin: 3px 0;
  height: 28px !important;
  font-size: 13px !important;
  padding-left: 9px !important;
  width: 100%;
}


.pad-left-sm-25 {
  padding-left: 25px;
}

.disable-side-menu .panel-collapse {
  display: none !important;
}

.QRCordblockLD {
  width: 320px;
  margin: 0 auto;
  border: 2px solid #ddd;
  border-radius: 10px;
  height: 180px;
  overflow: hidden;
  position: relative;
}

.mrg-top-150 {
  margin-top: 150px;
}

.mrg-top-130 {
  margin-top: 130px;
}

.QRCordblockPR {
  width: 200px !important;
  margin: 0 auto;
  border: 2px solid #ddd;
  border-radius: 10px;
  height: 300px;
  overflow: hidden;
  position: relative;
}

.QRCordblockaxis {
  width: 60% !important;
  margin: 0 auto;
}

.qrcodeimg {
  position:absolute;
  background: #fff;
  cursor: pointer;
  transform: translate(0px, 0px);
 
}

  .qrcodeimg img{
      height:72px;
      width:72px;
  }

  .disableblockst {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    cursor: not-allowed;
  }
/*.qrcodeimg img{
  width: 100%;
}*/
/*.side-menu:hover .panel-collapse.in {
  display: block;
}



.disable-side-menu:hover .panel-collapse {
  display: none !important;
}

.tt-none {
  display:none;
}

.tt-block {
  display: block;
}*/
.dashboard-input {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal !important;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.settinglabel {
  width: 100%;
}

.side-cam-vh {
  height: calc(100vh - 364px);
  overflow: auto;
}

.side-plenv-vh {
  height: calc(100vh - 310px);
  overflow: auto;
}

.side-lig-vh {
  height: calc(100vh - 276px);
  overflow: auto;
}

.right-lg-vh {
  height: calc(100vh - 304px);
  overflow: auto;
}

.side-cam-vh-plyer {
  height: calc(100vh - 392px);
  overflow: auto;
  min-height: 288px;
}

.font-13 {
  font-size: 13px !important;
}

.left-text-align {
  text-align: left !important;
}

.center-text-align {
    text-align : center !important;
}

.round-btn-3-blocks {
  width: 35px;
  height: 35px;
  margin-left: 10px;
  border-radius: 50%;
  background: #404040;
  color: #fff;
  cursor: pointer;
  float: left;
  display: block;
  font-size: 16px;
  text-align: center;
  padding: 10px 0 0 0;
}

.label-block {
  float: left;
  width: 100%;
}

.search-input {
  float: left;
  width: calc(100% - 60px);
}

.round-btn-3-blocks:hover {
  opacity: 0.6;
}

.round-btn-calc-blocks {
  width: 35px;
  height: 35px;
  margin-right: 15px;
  border-radius: 50%;
  background: #404040;
  color: #fff;
  cursor: pointer;
  float: left;
  display: block;
  font-size: 18px;
  text-align: center;
  padding: 4px 0 0 0;
  margin-bottom: 15px;
}

.gridimglist ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  width: 100px;
}

  .gridimglist ul li {
    margin: 2px 0 0 5px;
    padding: 0;
    list-style: none;
    float: left;
  }


.round-btn-calc-blocks-active {
  width: 35px;
  height: 35px;
  margin-right: 15px;
  border-radius: 50%;
  background: #ee464b !important;
  color: #fff;
  cursor: pointer;
  float: left;
  display: block;
  font-size: 18px;
  text-align: center;
  padding: 4px 0 0 0;
  margin-bottom: 15px;
}

.int-val {
  width: 320px;
  margin: 0 auto;
}

.mrg-fl-none {
  margin: 0 auto;
  float: none;
}

.display-inline-block {
  display: inline-block;
  width: calc(100% - 70px);
}

.display-inline-vw {
  display: inline-block;
}


.add-crt-footer {
  float: left;
  width: 100%;
  padding: 25px 15px 20px 15px !important;
}

.round-btn-pluse-sm {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  border-radius: 50%;
  background: #5cb85c;
  color: #fff;
  cursor: pointer;
  float: left;
  display: block;
  font-size: 14px;
  text-align: center;
  padding: 8px 0 0 0;
}

.round-btn-or-sm {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  display: block;
  font-size: 14px;
  text-align: center;
  padding: 4px 0 0 0;
  border: 1px solid #dfdede;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -15px;
  z-index: 10;
}

.dis-blk-fl-lft {
  display: block;
  float: left;
  padding-top: 6px;
}

.ad-btn-sb {
  width: 100%;
  float: left;
}

.ad-btn-sb-cnt {
  float: right;
}

.ac-content {
  width: calc(100% - 37px);
  background: #f4f4f4;
  padding: 10px;
  display: block;
  float: left;
}

.ac-content2 {
  width: 100%;
  background: #f4f4f4;
  padding: 10px;
  display: block;
  border-bottom: 1px solid #dadada;
}

  .ac-content2:last-child {
    border-bottom: none;
  }

.mrg-top-30 {
  margin-top: 30px;
}

.mrg-top-35 {
  margin-top: 35px;
}


.ac-content-div {
  float: left;
}

.mrg-top-80 {
  margin-top: 80px;
}

.mrg-top-49 {
  margin-top: 49px;
}

.mrg-top-arrows {
  margin-top: 80px;
}

.mrg-top-arrows-sp {
  margin-top: 45px;
}

.text-left-rotate {
  font-size: 18px;
  display: block;
  float: left;
  margin-top: 5px;
  font-weight: bold;
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.text-right-rotate {
  font-size: 18px;
  display: block;
  float: left;
  margin-top: 5px;
  font-weight: bold;
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.input-text-btn-3-blocks {
  width: calc(100% - 135px);
  float: left;
}

.block-label {
  display: block;
}

.color-btn-3-block {
  width: 20%;
  border: 1px solid #ccc;
  float: left;
  display: block;
  text-align: center;
  padding: 7px 10px;
  cursor: pointer;
}

.mrg-left-mns-1 {
  margin-left: -1px;
}

.color-btn-3-block-green {
  color: #fff;
  background: #1abd82;
}

.color-btn-3-block-red {
  color: #fff;
  background: #ed484c;
}

.color-btn-3-block-yellow {
  color: #fff;
  background: #ecb11d;
}

.red-icon {
  color: #ed484c !important;
}

.btn-block-transfer {
  padding: 0;
  width: 50px;
  margin: 40px auto 0 auto;
}

.text-limit {
  word-wrap: break-word;
  width: 200px;
}

.text-limit-word {
  word-wrap: break-word;
}

.trsf-height {
  height: 200px;
  overflow: auto;
}

.trsf-height-100 {
  height: 70px;
  overflow: auto;
  margin: 0;
  padding: 0;
}

  .trsf-height-100 li {
    padding: 5px 10px;
    border-bottom: 1px solid #eaeaea;
    list-style: none;
  }

.btn-block-transfer-sp {
  padding: 0;
  width: 35px;
  margin: -5px auto 0 auto;
}

.sp-wd-pluse-input {
  width: calc(100% - 74px);
}

.grt-eql {
  font-size: 20px;
  float: left;
  width: 50px;
  display: block;
}

.btn-tnsf-sp {
  font-size: 22px;
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  border: 1px solid #ccc;
  margin: 5px 0;
  cursor: pointer;
  transition: 1s ease background;
}

.btn-tnsf {
  font-size: 30px;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid #ccc;
  margin: 10px 0;
  cursor: pointer;
  transition: 1s ease background;
}

.height {
  height: auto !important;
}

.cal-btn {
  width: 50px;
  height: 50px;
  margin: 15px 15px 0 0;
  display: inline-block;
  border: 1px solid #ccc;
  text-align: center;
  padding: 10px;
  vertical-align: middle;
  font-size: 19px;
  font-weight: bold;
  float: left;
  cursor: pointer;
  transition: 1s ease background;
}

  .cal-btn:hover, .cal-c-btn:hover, .btn-tnsf:hover {
    background: #f2f2f2;
  }

.cal-c-btn {
  width: 100px;
  margin: 15px 15px 0 0;
  display: inline-block;
  border: 1px solid #ccc;
  text-align: center;
  padding: 12px 10px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: bold;
  float: left;
  cursor: pointer;
  transition: 1s ease background;
}


.calblk-25-sps {
  padding: 10px 0px 25px 25px !important;
  width: 425px;
  float: left;
}

.only-check {
  height: 20px !important;
  left: 0;
}

.only-login-check {
  width: 21px !important;
}

.only-texttype {
  padding-left: 13px !important;
}

.page-title {
  font-family: 'Roboto Condensed', sans-serif;
  margin-left: -10px;
  margin-right: -10px;
  padding: 15px 10px;
  margin-bottom: 0px;
  height: auto;
}

.fullscreen-contentarea {
  margin: 0px 0 0 22px;
}

.backbutton {
  position: absolute;
  right: 30px;
  top: 85px;
}

.page-title .title {
  font-size: 2em;
}

.page-title .page-action {
  float: right;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}

.sub-title {
  font-family: 'Roboto Condensed', sans-serif;
}

  .sub-title > * {
    display: inline-block;
  }

  .sub-title h3 {
    margin-right: 10px;
  }

  .sub-title .description {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.9em;
  }

  .sub-title .action .btn {
    padding: 0 0.5em;
  }

.success-alert {
  border-color: #29B87E;
  background-color: #29B87E;
  border-radius: 0px;
  color: #FFF;
  font-size: 20px;
  position: absolute;
  height: 50px;
  text-align: center;
  width: 100%;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.success-danger {
  border-color: #ee464b;
  background-color: #ee464b;
  border-radius: 0px;
  color: #FFF;
  font-size: 20px;
  position: absolute;
  height: 50px;
  text-align: center;
  width: 100%;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }

  50% {
    opacity: 1;
  }
}

.btn-searchplayer {
  display: inline-block;
  background-color: #ee464b !important;
  border-color: #ee464b !important;
  width: auto;
  color: #fff !important;
  padding: 10px 15px;
  height: auto;
}

  .btn-searchplayer:hover {
    color: #fff !important;
  }

  .btn-searchplayer:focus {
    color: #fff !important;
  }

  .btn-searchplayer img {
    float: left;
  }

.treeviewlabel {
  font-weight: normal;
}

.spn-fl-wd {
  display: block;
  width: 100%;
  padding: 10px;
}

.treevw .node-content-wrapper {
  padding: 0px !important;
}

.treevw .toggle-children-placeholder {
  display: none;
}

.node-content-wrapper

.modal-body-pd-sp {
  padding: 25px 15px 15px 15px;
}

.modal-body-pd-sp-bt-zero {
  padding: 25px 15px 0px 15px;
}

.modal-body-pd-sp-bt-5 {
  padding: 25px 15px 5px 15px;
}

.modal-footer {
  padding: 25px 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

/*-----------------------------------------Main body section-------------------------- */
.app-container .side-body {
  margin-left: 75px;
  margin-right: 15px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.app-container.expanded .side-body {
  margin-left: 260px;
}

.breadcrumb {
  margin-bottom: 0;
}

  .breadcrumb > li + li:before {
    font-family: FontAwesome;
    content: '\f105';
    margin-right: 3px;
  }

/*-----------------Avatar-----------------*/
.avatar img {
  width: 100%;
}

.avatar, .avatar img {
  border-radius: 500px;
}

.navbar .avatar {
  top: -2px;
}

.prz-hiiden-2 {
  height: 312px;
  overflow: auto;
}

.td-fx-ps {
  width: 28%;
}

.w-32 {
  height: 32px;
  line-height: 32px;
  width: 32px;
}

.avatar {
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  position: relative;
  white-space: nowrap;
}

  .avatar i.on {
    background-color: #6cc788;
  }

  .avatar i.bottom, .avatar i.left {
    bottom: 0;
    top: auto;
  }

  .avatar i.bottom, .avatar i.right {
    left: auto;
    right: 0;
  }

  .avatar i {
    border-radius: 100%;
    border-style: solid;
    border-width: 2px;
    border-color: #fff;
    height: 10px;
    left: 0;
    margin: 1px;
    position: absolute;
    top: 0;
    width: 10px;
  }

.fr-msg {
  /*width: 156px;*/
  margin: 15px auto 48px auto;
  display: table;
}

.div-with-border-d {
  padding: 15px 25px;
  border: 1px solid #E3E3E3;
  border-radius: 0;
  background-color: #fff;
  margin-bottom: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.div-with-border {
  padding: 25px;
  margin-bottom: 30px;
  border: 1px solid #E3E3E3;
  border-radius: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rl-block {
  border: 1px solid #dfdede;
  float: left;
  width: 50%;
  padding: 20px 50px 20px 10px;
  position: relative;
  margin-bottom: 15px;
  /*height:180px;*/
}

.rl-block-b {
  border: 1px solid #dfdede;
  float: left;
  width: 50%;
  padding: 20px 10px 20px 50px;
  position: relative;
  margin-left: -1px;
  margin-bottom: 15px;
  /*height: 180px;*/
}

.and-text {
  text-align: center;
  font-size: 18px;
  display: block;
  float: left;
  font-weight: bold;
  margin-bottom: 15px;
  width: 100%;
}

.and-text-sm {
  text-align: center;
  font-size: 15px;
  display: block;
  float: left;
  font-weight: bold;
  margin-bottom: 15px;
  width: 100%;
}

.casino_center_block {
  margin: 0 auto;
  display: block;
  width: 70%;
}

.ft-sp-pad {
  padding: 15px 25px;
}

.ht-200 {
  height: 200px;
}

.full-section {
  width: 100%;
  margin: 0 0 0px 0;
}

.full-section-table-a {
  width: 100%;
  max-height: 220px;
  overflow-y: auto !important;
  min-height: 62px;
}

.full-section-yy {
  width: 100%;
  height: 68vh;
  overflow-y: auto !important;
}

.full-section-table-ya {
  width: 100%;
  height: 300px;
  overflow-y: auto;
}

.full-section-table-max-100 {
  width: 100%;
  height: 100px;
  overflow-y: auto !important;
}

.full-section-table-max-133 {
  width: 100%;
  height: 133px;
  overflow-y: auto !important;
}

.full-section-table-max-gdpr {
  width: 100%;
  height: calc(100vh - 342px);
  overflow-y: auto !important;
}

.full-section-table-max-271 {
  width: 100%;
  height: 271px;
  overflow-y: auto !important;
}

.full-section-table-max-211 {
  width: 100%;
  height: 211px;
  overflow-y: auto !important;
}

.full-section-table-max-133-sp {
  width: 100%;
  height: 209px;
  overflow-y: auto !important;
}

.dr-input1 {
  width: calc(100% - 90px);
  float: left;
  margin-right: 10px;
}

.dr-input2 {
  width: calc(100% - 130px);
  float: left;
  margin-right: 10px;
}

.dr-tab-btn1 {
  float: right;
  width: auto;
}

.full-section-table-max-140 {
  width: 100%;
  height: 140px;
  overflow-y: auto !important;
}

.full-section-table-max-203 {
  width: 100%;
  height: 203px;
  overflow-y: auto !important;
}

.full-section-table-max-281 {
  width: 100%;
  height: 281px;
  overflow-y: auto !important;
}

.td-image-30 {
  width:60%;
  height:0%;
  margin-left:25px;
  object-fit:cover;
  object-position:center;
  transition:0.5s ease-in;
}

.td-image-60 {
  width: 65%;
  height: 60px;
  margin-left: 25px;
  margin-top:-20px;
} 
  

.arrow-button-block {
  display: inline-block;
  float: left;
  width: 30px;
  margin-left: 10px;
}

.arrow-button {
  border: 1px solid #E3E3E3;
  width: 30px;
  padding: 0px 10px;
  display: block;
  font-size: 12px;
  text-align: center;
  height: 17px;
  margin: 0;
}

.full-section-table-a-5-row {
  width: 100%;
  height: 150px;
  overflow-y: auto !important;
}

.full-section-table-ab {
  width: 100%;
  /*height: 50vh;*/
  height: calc(100vh - 290px);
  overflow-y: auto;
}

.full-section-table-ab-rol {
  width: 100%;
  height: calc(100vh - 233px);
  overflow-y: auto;
}

.full-section-table-ab-com {
  width: 100%;
  height: calc(100vh - 244px);
  overflow-y: auto;
}

.full-section-table-ab-rol-vc {
  width: 100%;
  min-height: calc(100vh - 555px);
  max-height: calc(100vh - 233px);
  overflow-y: auto;
}

.texthighlight {
  color: red;
}

.full-section-table-ab-logfix {
  width: 100%;
  max-height: calc(100vh - 178px);
  overflow-y: auto;
}

.full-section-table-ab-trlmit {
  max-height: calc(100vh - 323px);
  overflow-y: auto;
}

.full-section-table-ab-trlmitType {
  height: calc(100vh - 192px);
  overflow-y: auto;
}

.full-section-table-ab-emt {
  width: 100%;
  height: calc(100vh - 352px);
  overflow-y: auto;
}

.full-section-table-proginpt {
  width: 100%;
  height: calc(100vh - 330px);
  overflow-y: auto;
}

.full-section-table-proginptspl {
  width: 100%;
  height: calc(100vh - 397px);
  overflow-y: auto;
}

.full-section-table-proginptsplt {
  width: 100%;
  height: calc(100vh - 524px);
  overflow-y: auto;
}

.full-section-table-proginptspldif {
  width: 100%;
  height: calc(100vh - 442px);
  overflow-y: auto;
}


.text-align-right {
  text-align: right !important;
}

.full-section-table-ab-drop {
  width: 100%;
  height: calc(100vh - 334px);
  overflow-y: auto;
}

.full-section-table-ab-drop-csn {
  width: 100%;
  height: calc(100vh - 631px);
  overflow-y: auto;
}

.full-section-table-ab-drop-csn-usrmr {
  width: 100%;
  height: calc(100vh - 591px);
  overflow-y: auto;
}

.full-section-table-ab-drop-usrmrg {
  width: 100%;
  height: calc(100vh - 591px);
  overflow-y: auto;
}

.full-section-table-ab-key {
  width: 100%;
  height: calc(100vh - 651px);
  overflow-y: auto;
}

.full-section-table-ac {
  width: 100%;
  height: 470px;
  overflow-y: auto;
}

.full-section-table-350 {
  width: 100%;
  max-height: 350px;
  overflow-y: auto;
}

.toggletable {
  cursor: pointer;
}

.hiddenRow {
  padding: 0 4px !important;
  background-color: #eeeeee;
  font-size: 13px;
}

.td9pc {
  width: 9.1% !important;
}

.td18pc {
  width: 18.2% !important;
  padding-left: 25px !important;
}

.optionheading:before {
  content: "\25bc";
}

.optionheadingup:before {
  content: "\25b2";
}


.addselectlistinputwidth {
  width: calc(100% - 84px);
  margin-right: 10px;
}

.addselectlistinputwidthsrv {
  width: calc(100% - 142px);
  margin-right: 10px;
}

.selectboxlist {
  width: 100%;
  border: 1px solid #E3E3E3;
  padding: 15px;
  display: block;
  margin-top: 10px;
  float: left;
}

  .selectboxlist ul {
    padding: 0px;
    margin: 0px;
  }

#dragThis {
  width: 6em;
  height: 6em;
  padding: 0.5em;
  border: 3px solid #ccc;
  border-radius: 0 1em 1em 1em;
}

.selectboxlist li {
  list-style: none;
}

  .selectboxlist li span {
    float: left;
    display: inline-block;
  }

.selectboxlistlabel {
  margin-top: 7px;
  width: 35px;
}

.selectboxlistlabelInput {
  width: calc(100% - 35px);
}

.editselectlistinputwidth {
  width: calc(100% - 0px);
  margin-right: 10px;
}

.addselectlistinputwidthbutton {
  display: block;
}

.removeselectlistinputwidthbutton {
  display: none;
}

.addinputwidth {
  width: calc(100% - 88px);
  margin-right: 10px;
}

.wd-90pc {
  width: calc(100% - 15px);
}

.wd-10pxstr {
  width: 15px;
  text-align: center;
  color: red;
  display: block;
}

.full-section-table-full-height {
  width: 100%;
  height: calc(100vh - 439px);
}

.full-section-table-full-DRC {
  width: 100%;
  height: calc(100vh - 503px);
}

.mrg-top-1 {
  margin-top: 1px;
}

.inputlistfld {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

  .inputlistfld li {
    width: 100%;
    float: left;
    list-style: none;
  }

.full-section-table-height-flrl {
  width: 100%;
  height: calc(100vh - 280px);
}

.full-section-table-height-fl {
  width: 100%;
  height: calc(100vh - 367px);
}

.full-section-table-height-flts {
  width: 100%;
  height: calc(100vh - 455px);
  max-height: calc(100vh - 491px);
}

.full-section-table-full-ht-table {
  width: 100%;
  max-height: calc(100vh - 403px);
  overflow-y: auto;
}

.full-section-table-full-ht-table-Tl {
  width: 100%;
  max-height: calc(100vh - 400px);
  overflow-y: auto;
}

.full-section-table-full-height-fls {
  width: 100%;
  /*min-height:550px;*/
  height: calc(100vh - 194px);
}

.full-section-ht-table-tl-fl {
  width: 100%;
  max-height: calc(100vh - 331px);
  overflow-y: auto;
}

.full-section-table-full-height-sp {
  width: 100%;
  height: calc(100vh - 275px);
}

.full-section-GDPR {
  min-height: 410px;
  width: 100%;
  height: calc(100vh - 197px);
}

.full-section-height-rept {
  width: 100%;
  min-height: 478px;
  /*height: calc(100vh - 192px);*/
  background: #fff;
  border: 1px solid #E3E3E3;
}

.full-section-height-rept-playerList {
  width: 100%;
  min-height: 478px;
  height: calc(100vh - 15px);
  background: #fff;
  border: 1px solid #E3E3E3;
}

.full-section-height-rept-spn {
  width: 100%;
  min-height: calc(100vh - 192px);
  background: #fff;
  border: 1px solid #E3E3E3;
}

.mrg-bottom-14 {
  margin-bottom: 14px !important;
}

.full-section-height-Exrept {
  width: 100%;
  min-height: 330px;
  height: calc(100vh - 192px);
  background: #fff;
  border: 1px solid #E3E3E3;
}

.agm-local-map {
  height: 350px;
}

.full-section-table-citymarker-sp {
  min-height: 0;
  height: 187px;
  overflow-y: auto;
}


.full-section-height-rept-ct {
  width: 100%;
  min-height: 478px;
  background: #fff;
  border: 1px solid #E3E3E3;
}

.full-section-height-rept-sp {
  width: 100%;
  min-height: 315px;
  height: calc(100vh - 192px);
  background: #fff;
  border: 1px solid #E3E3E3;
}

.full-section-height-Hc {
  width: 100%;
  min-height: 497px;
 /* height: calc(100vh - 192px);*/
  background: #fff;
  border: 1px solid #E3E3E3;
}

.full-section-height-Hctp {
  width: 100%;
  height: calc(100vh - 192px);
  background: #fff;
  border: 1px solid #E3E3E3;
}

.full-section-height-MR {
  width: 100%;
  min-height: 350px;
  height: calc(100vh - 192px);
  background: #fff;
  border: 1px solid #E3E3E3;
}

.full-section-height-rptcs {
  width: 100%;
  min-height: 440px;
  height: calc(100vh - 192px);
  background: #fff;
  border: 1px solid #E3E3E3;
}

.full-section-height-MVT {
  width: 100%;
  min-height: calc(100vh - 192px);
  background: #fff;
  border: 1px solid #E3E3E3;
}

.full-section-height-ply {
  width: 100%;
  min-height: 365px;
  height: calc(100vh - 290px);
}

.full-section-height-ply-2 {
  width: 100%;
  min-height: 265px;
  height: calc(100vh - 290px);
}

.full-section-height-ply-4 {
  width: 100%;
  min-height: 165px;
  height: calc(100vh - 290px);
}

.full-section-height-ply-3 {
  width: 100%;
  min-height: 265px;
  height: calc(100vh - 290px);
}

.full-section-height-flt-tb-4 {
  width: 100%;
  min-height: 265px;
  height: calc(100vh - 258px);
}

.full-section-table-fls-half-3 {
  width: 100%;
  max-height: 218px;
  overflow-y: auto;
}

.full-section-table-full-ht-table-sp {
  width: 100%;
  max-height: calc(100vh - 340px);
  overflow-y: auto;
}

.full-section-table-flr {
  width: 100%;
  min-height: 80px;
  max-height: 230px;
  overflow-y: auto;
}

.full-section-table-fls-half {
  width: 100%;
  min-height: 80px;
  height: calc(29.5vh - 82px);
  overflow-y: auto;
}

.full-section-table-floorst {
  width: 100%;
  min-height: 80px;
  height: calc(100vh - 486px);
  overflow-y: auto;
}


.full-section-table-floorst-mrg {
  width: 3251px;
  min-height: 80px;
  height: calc(100vh - 486px);
  overflow-y: auto;
}

.full-section-table-fls-half-sc {
  width: 100%;
  min-height: 80px;
  max-height: calc(245px - 62px);
  overflow-y: auto;
}

.bs-datepicker-body table th:first-child {
  display: none;
}

.bs-datepicker-body table td.week {
  display: none;
}

.full-section-rl-blk {
  width: 100%;
  min-height: 125px;
  max-height: 250px;
  overflow-y: auto;
}

.mrg-bottom-18 {
  margin-bottom: 18px;
}

.full-section-table-ad {
  width: 100%;
  /*height: 333px;*/
  height: calc(100vh - 150px);
  overflow-y: auto;
}

.full-section-table-ad-dd {
  width: 100%;
  max-height: 333px;
  overflow-y: auto;
}


.full-section-table-user {
  width: 100%;
  /*height: 333px;*/
  height: calc(100vh - 357px);
  overflow-y: auto;
}

.full-section-table-controlTp {
  width: 100%;
  /*height: 333px;*/
  height: calc(100vh - 325px);
  overflow-y: auto;
}

.full-section-table-5-row {
  width: 100%;
  height: 150px;
  overflow-y: auto;
}

.full-section-table-b {
  width: 100%;
  height: 303px;
  overflow-y: auto;
}

.menucollapse {
  cursor: pointer;
}

.pad-wd-check {
  height: 17px;
}

.full-section-multi-check {
  width: 100%;
  height: 250px;
  overflow-y: auto;
  padding: 5px;
}

.full-section-multi-playerSearch {
  width: 100%;
  min-height: 30px;
  height: calc(100vh - 566px);
  overflow-y: auto;
}

.full-section-multi-mainplayerSearch {
  width: 100%;
  min-height: 30px;
  height: calc(100vh - 541px);
  overflow-y: auto;
}

.full-section-multi-creditline {
  width: 100%;
  min-height: 30px;
  height: calc(100vh - 521px);
  overflow-y: auto;
}

.full-section-multi-linkplayer {
  width: 100%;
  min-height: 30px;
  height: calc(100vh - 442px);
  overflow-y: auto;
}

.full-section-250 {
  width: 100%;
  height: 250px;
  overflow-y: auto;
}

.full-section-200 {
  width: 100.5%;
  height: 200px;
  overflow-y: auto;
}

.full-section-200-ht {
  width: 100%;
  /*height: 200px;*/
  overflow-y: auto;
}

.full-section-250-ht {
  width: 100%;
  height: 250px;
  overflow-y: auto;
}

.full-section-pp-ht {
  width: 100%;
  height: 240px;
  overflow-y: auto;
}

.full-section-ht-sp {
  width: 100%;
  height: 303px;
  overflow-y: auto;
}

.full-section-ht-pay {
  width: 100%;
  height: 315px;
  overflow-y: auto;
}

.pad-bt-0-10 {
  padding: 10px 10px 0 10px !important;
}

.pad-bt-0-15 {
  padding: 15px 15px 0 15px !important;
}

.mrg-100-tp {
  margin-top: 100px;
}

.full-section-193 {
  width: 100%;
  height: 193px;
  overflow-y: auto;
}

.full-section-250-max {
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
}

.full-section-250-max-rtl {
  width: 100%;
  height: 203px;
  overflow-y: auto;
  border: 1px solid #e4e4e4;
}

.full-section-height-50pc {
  width: 100%;
  height: calc(50vh - 249px);
}

.full-section-height-50ht {
  width: 100%;
  height: calc(50vh - 229px);
}

.full-section-height-50htspp {
  width: 100%;
  height: calc(50vh - 306px);
}

.full-section-height-100htspp {
  width: 100%;
  height: calc(100vh - 469px);
}

.full-section-height-100htsppt {
  width: 100%;
  min-height: 155px;
  height: calc(100vh - 814px);
  margin-bottom: 25px
}

.full-section-height-trn {
  width: 100%;
  height: calc(100vh - 257px);
}

.full-section-height-trn-mastrd {
  width: 100%;
  height: calc(100vh - 285px);
}

.full-section-height-vch {
  width: 100%;
  min-height: 455px;
  height: calc(100vh - 257px);
}

.log-bggr {
  background: #000;
  opacity: 0.4;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.full-section-height-crtn {
  width: 100%;
  height: calc(100vh - 492px);
}

.full-section-table-ab-tc {
  width: 100%;
  height: calc(100vh - 393px);
  overflow-y: auto;
}

.full-section-table-mg {
  width: 100%;
  height: calc(100vh - 564px);
  overflow-y: auto;
}

.full-section-table-mg-pop {
  width: 100%;
}

.horizontal-table-td td {
  width: 150px;
}

.horizontal-table-td th {
  width: 150px;
}


.td-150 {
  width: 150px;
}

.td-200 {
  width: 200px;
}

.td-250 {
  width: 250px;
}

.td-350 {
  width: 350px;
}

.td-400 {
  width: 400px;
}

.td-500 {
  width: 500px;
}

.full-section-table-ab-tc-role {
  width: 100%;
  height: calc(100vh - 363px);
  overflow-y: auto;
}

.full-section-table-ab-tc-role-2hd {
  width: 100%;
  height: calc(100vh - 381px);
  overflow-y: auto;
}

.full-section-table-ab-tc-dd {
  width: 100%;
  height: calc(100vh - 323px);
  overflow-y: auto;
}

.full-section-table-srv {
  width: 100%;
  height: calc(100vh - 363px);
  overflow-y: auto;
}

.full-section-table-srv-mm {
  width: 100%;
  height: calc(100vh - 773px);
  overflow-y: auto;
}

.full-section-table-rl {
  width: 100%;
  height: calc(100vh - 435px);
  overflow-y: auto;
}

.full-section-table-ab-tc-ssp {
  width: 100%;
  height: calc(100vh - 368px);
  overflow-y: auto;
}

.full-section-table-ab-tc-ssp-min-ht {
  width: 100%;
  min-height: calc(100vh - 559px);
  overflow-y: auto;
}

.full-section-table-ab-tc-ssp-min-ht-sp {
  width: 100%;
  min-height: calc(100vh - 419px);
  overflow-y: auto;
}

.full-section-table-ab-ophour {
  width: 100%;
  height: calc(100vh - 323px);
  overflow-y: auto;
}

.full-section-table-ab-tc-vc {
  width: 100%;
  height: calc(100vh - 368px);
  overflow-y: auto;
}

.tab-2-grid-ht {
  min-height: calc(100vh - 257px);
  overflow-y: auto;
  overflow-x: hidden;
}

.tab-2-grid-ht-sp {
  min-height: calc(100vh - 262px);
  overflow-y: auto;
  overflow-x: hidden;
}

.tab-2-grid-ht-2line {
  min-height: calc(100vh - 381px);
  overflow-y: auto;
  overflow-x: hidden;
}

.tab-2-grid-ht-1line {
  min-height: calc(100vh - 363px);
  max-height: calc(100vh - 363px);
  overflow-y: auto;
  overflow-x: hidden;
}

.full-section-table-ab-sts {
  width: 100%;
  height: calc(100vh - 376px);
  overflow-y: auto;
}

.number-count {
  width: 35px;
  height: 34px;
  background: #404040;
  float: left;
  display: block;
  color: #fff;
  font-size: 23px;
  text-align: center;
  padding-top: 0px;
  cursor: pointer;
  border: none;
}

.tb-prz-ht {
  height: calc(100vh - 593px);
}

.tb-prz-ht-rabbit {
  height: calc(100vh - 593px);
  width: 100%;
  overflow-y: auto;
}

.qrcodeht {
  width: 100%;
  height: calc(100vh - 476px);
  overflow-y: auto;
}

.td-image {
  width: 50px;
}

.number-count-input {
  width: 100px;
  float: left;
  text-align: center;
}

.wd-25pc td {
  width: 25%;
}

.title-bold {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 15px;
}

.list-button {
  margin: 0px;
  padding-left: 0px !important;
}

  .list-button li {
    margin: 0px;
    padding-left: 0px;
    height: 60px;
    list-style-type: none;
  }

    .list-button li button {
      border: 1px solid #eaeaea;
      height: 100% !important;
      width: 100% !important;
      padding: 15px;
    }

      .list-button li button h5 {
        text-align: center;
      }

.list-button2 {
  margin: 0px;
  padding-left: 0px !important;
}

  .list-button2 li {
    margin: 0px;
    padding-left: 0px;
    height: 45px;
    list-style-type: none;
  }

    .list-button2 li button {
      border: 1px solid #eaeaea;
      height: 100% !important;
      width: 100% !important;
      padding: 15px;
    }

.list-2-1-blocks {
  float: left;
  width: calc(100% - 50px);
  display: block;
}

.list-2-2-blocks {
  float: left;
  width: 50px;
  display: block;
}

.list-block-rt {
  float: right;
  width: 50px;
  display: block;
}

.rm-pos-spl {
  top: 35px !important;
  right: 10px !important;
}

.ed-pos-spl {
  top: 35px !important;
  right: 37px !important;
}

.rm-pos-sp1 {
  top: 25px !important;
  right: 10px !important;
}

.rm-pos-sp2 {
  top: 10px !important;
  right: 10px !important;
}

.ed-pos-spl2 {
  top: 10px !important;
  right: 37px !important;
}

.list-fl-blocks {
  float: left;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.btn-round-cms-close {
  margin: 1px 0 0 6px !important;
  font-size: 12px !important;
}

.list-prt3-blocks {
  float: left;
  display: block;
  width: 33.3%;
}

.list-prt4-blocks {
  float: left;
  display: block;
  width: 24.3% !important;
}

.list-prt5-blocks {
  float: left;
  display: block;
  width: 18.3% !important;
}

.list-prt6-blocks {
  float: left;
  display: block;
  width: 1% !important;
}

.green-font {
  color: #1abd82;
  font-size: 18px;
}

.red-font {
  color: #ed484c;
  font-size: 18px;
}

.side-cam-cms {
  height: calc(100vh - 719px);
  overflow: auto;
  min-height: 200px;
}

.side-cam-cms-2 {
  height: calc(100vh - 719px);
  overflow: auto;
  min-height: 225px;
}

.full-section-180-max {
  width: 100%;
  max-height: 180px;
  overflow-y: auto;
}

.full-section-200-max {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}

.full-section-150 {
  width: 100%;
  height: 150px;
  overflow-y: auto;
}

.full-section-90 {
  width: 100%;
  height: 90px;
  overflow-y: auto;
}

.mrg-top-bottom-7-15 {
  margin-bottom: 15px;
  margin-top: 7px;
}

.dr-grn-refresh-btn {
  width: 87%;
  margin-bottom: 10px;
  float: left;
}

.dr-search-ip {
  float: left;
  width: calc(100% - 74px);
  margin-right: 10px;
}

.dr-search-btn {
  float: left;
  width: 50px;
}
/*checkbox style*/
/*checkbox style end*/
.dr-grn-refresh-btn-tab {
  /*width: 82%;*/
  width: 87%;
  margin-bottom: 10px;
  float: left;
}

.dr-grn-refresh-btn-modal {
  width: 81%;
  margin-bottom: 10px;
  float: left;
}

.form-control {
  border-radius: 0 !important;
}
.inputNewClass{
    width:100px;
}
.border-bk {
  border: 1px solid #eaeaea;
  padding: 4px;
}

.btn-capital-a {
  text-transform: inherit;
  height: 34px;
  font-size: 14px;
  border-radius: 0;
  width: 40px;
  float: right;
}

.btn-black {
  color: #fff;
  background-color: #424242;
  border-color: #424242;
}

  .btn-black:hover {
    color: #fff;
    background-color: #424242;
    border-color: #424242;
  }

  .btn-black:focus {
    color: #fff;
    background-color: #424242;
    border-color: #424242;
  }

.btn-reset {
  color: #424242;
  background-color: #fff;
  border-color: #424242;
  padding: 0 25px;
}

.btn-delete {
  color: #424242;
  background-color: #fff;
  border-color: #424242;
  padding: 0 25px;
}

.btn-save {
  color: #d73f44;
  background-color: #fff;
  border-color: #d73f44;
  padding: 0 25px;
}

.btn-delete:hover {
  color: #424242;
  background-color: #fff;
  border-color: #424242;
  padding: 0 25px;
}

.btn-delete-active {
  background-color: #ee464b !important;
  border-color: #ee464b !important;
  color: #ffffff !important;
}

.btn-save:hover {
  color: #d73f44;
  background-color: #fff;
  border-color: #d73f44;
  padding: 0 25px;
}


.specailfontsize {
}

  .specailfontsize tbody td {
    border: 1px solid #ddd;
    padding: 1px 15px !important;
    vertical-align: middle;
    border-top: none;
    font-size: 12px !important;
  }

  .specailfontsize tbody .td18pc {
    padding: 1px 15px 1px 25px !important;
  }

  .specailfontsize .input-small {
    height: 20px !important;
    font-size: 12px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .specailfontsize thead > tr > th {
    padding: 2px 15px !important;
    vertical-align: middle;
    font-size: 12px !important;
  }

  .specailfontsize tr {
      height: 32px !important;
  }

  .egmlist {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
  }

  .egmlist li {
    float: left;
    width: 100%;
    border: 1px solid #dfdede;
    padding: 15px;
    margin-top: 2px;
  }

.egm-3grd-bg-ht {
  min-height: calc(100vh - 192px);
}

.egm-3grd-bg-ht-sp {
  min-height: calc(100vh - 197px);
}

.list-card {
  overflow: hidden;
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}

  .list-card li {
    line-height: 1.5em;
    float: left;
    width: 100%;
    height: 70px;
    margin-bottom: 2px;
    position: relative;
  }

    .list-card li button {
      height: 100%;
      border: 1px solid #dfdede;
      border-radius: 0 !important;
      outline: none;
      background: #eaeaea;
    }

      .list-card li button:hover {
        border: 1px solid #94c7ed !important;
        background-color: #e3f1fa !important;
        color: #2196f3 !important;
        outline: none;
      }

      .list-card li button:focus {
        border: 1px solid #94c7ed !important;
        background-color: #e3f1fa !important;
        color: #2196f3 !important;
      }

      .list-card li button:active {
        border: 1px solid #94c7ed !important;
        background-color: #e3f1fa !important;
        color: #2196f3 !important;
        outline: none;
      }

.list-card-div .list {
  height: 70px !important;
  border: 1px solid #dfdede;
  border-radius: 0 !important;
  outline: none;
  background: #eaeaea;
}

  .list-card-div li .list:hover {
    border: 1px solid #94c7ed !important;
    background-color: #e3f1fa !important;
    color: #2196f3 !important;
    outline: none;
  }

  .list-card-div li .list:focus {
    border: 1px solid #94c7ed !important;
    background-color: #e3f1fa !important;
    color: #2196f3 !important;
  }

  .list-card-div li .list:active {
    border: 1px solid #94c7ed !important;
    background-color: #e3f1fa !important;
    color: #2196f3 !important;
    outline: none;
  }

.CMS-list-card {
  overflow: hidden;
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}

  .CMS-list-card li {
    line-height: 1.5em;
    float: left;
    height:40px;
    margin-bottom: 2px;
    position: relative;
    padding: 0px 10px 5px 0px;
  }

    .CMS-list-card li .list {
      border: 1px solid #dfdede;
      border-radius: 0 !important;
      outline: none;
      background: #eaeaea;
    }

      .CMS-list-card li .list:hover {
        border: 1px solid #94c7ed !important;
        background-color: #e3f1fa ;
        outline: none;
      }

      .CMS-list-card li .list:focus {
        border: 1px solid #94c7ed !important;
        background-color: #e3f1fa;
      }

      .CMS-list-card li .list:active {
        border: 1px solid #94c7ed !important;
        background-color: #e3f1fa ;
        outline: none;
      }

.activecardlist {
  border: 1px solid #94c7ed !important;
  background-color: #e3f1fa !important;
  color: #2196f3 !important;
}


.active-card {
  border: 1px solid transparent !important;
  background-color: #fbd0d0 !important;
  color: #000 !important;
  outline: none;
}

.list-card2 {
  padding: 2px;
}

  .list-card2 li {
    list-style-type: none !important;
    margin-bottom: 2px;
  }

    .list-card2 li button {
      height: 100%;
      border: 1px solid #dfdede;
      border-radius: 0 !important;
      outline: none;
      background: #fff;
      list-style-type: none !important;
    }

      .list-card2 li button:hover {
        border: 1px solid #dfdede;
        background-color: #e8e5e5;
        color: #000;
        background: #fff;
        outline: none;
      }

.list-card-cmp li button {
  height: 100%;
  border: none !important;
  border-radius: 0 !important;
  outline: none;
  background: #fff !important;
  font-weight: bold !important;
}

.border-div {
  border: 1px solid #e4e4e4;
}

.tab-top-line > li {
  border-top: 1px solid #dfdede;
}

  .tab-top-line > li:nth-child(1) {
    border-left: 1px solid #dfdede;
  }


.list-card-cmp li button:hover {
  border: none !important;
  background-color: #f4f4f4 !important;
  color: #000 !important;
  outline: none;
}

.list-card-cmp-check {
  padding: -1px 10px 5px 10px;
}

.full-section-tablereprt {
  width: 100%;
  height: calc(100vh - 195px);
}

.full-section-tablereprt-sp {
  width: 100%;
  min-height: calc(100vh - 195px);
}

.iframe-height-dft {
  height: calc(100vh - 362px);
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
}

.iframe-height {
  overflow-y: hidden !important;
  height: calc(100vh - 362px);
  /*min-height: 1070px;*/
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
}

.mrg-zero {
  margin: 0;
}

.display-inline-block-ab {
  display: inline-block;
  width: calc(100% - 79px);
}

.list-card-cmp-check li {
  margin: 10px 10px 0 10px;
  list-style: none;
}


.list-card-cmp li button:focus {
  border: none !important;
  background-color: #f4f4f4 !important;
  color: #000 !important;
  outline: none;
}

.list-card-cmp li button:active {
  border: none !important;
  background-color: #f4f4f4 !important;
  color: #000 !important;
  outline: none;
}

.list-card-cmp li button h6 {
  color: #000 !important;
  width: 100%;
  text-align: left;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 5px 0 0 0;
}

.list-card-cmp2 {
    height:300px !important;
    overflow: auto !important;
}

.list-card-cmp2 li {
    height: 40px !important
}


.active-block {
  border: 1px solid #94c7ed !important;
  background-color: #e3f1fa !important;
  color: #2196f3 !important;
  outline: none;
}

.fa-sort {
  cursor: pointer;
}

.greenbtnmrg1 {
  margin: 7px 10px 0 55px !important;
}

.greenbtnmrg2 {
  margin: 7px 10px 0 55px !important;
}

.greenbtnmrg2 {
  margin: 7px 10px 0 55px !important;
}

.table-btn-sp-2 {
  float: left;
  display: block;
  position: relative;
  height: 17px;
  margin: -4px 0 0 0;
}

.table-btn-sp-2-part {
  position: absolute;
  left: 64px;
  width: 65px;
}

.editbtn-color {
  background: #515151 !important;
}

.editbtn-icon {
  font-size: 11px !important;
  margin: 3px 0 0 6px !important;
}

.btn-round-black-sp2 {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 0 10px 0 0 !important;
  cursor: pointer;
  display: block;
  float: left;
}

.td-wd-edit-sp-4btn {
  width: 160px;
}

.cts_active {
  background-color: #eaeaea !important;
  color: #ee464b !important;
}

  .cts_active a {
    color: #ee464b !important;
  }

.cursor-pointer {
  cursor: pointer !important;
}

.list-card li button h5 {
  color: #363636;
  width: 100%;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  line-height: 22px;
  margin: 0px;
}

.checklist {
  border: 1px solid #dfdede;
  width: 100%;
  height: 150px;
}

  .checklist ul {
    padding: 10px;
  }

    .checklist ul li {
      list-style: none;
    }

.vrt-btm {
  vertical-align: bottom;
  height: 5px;
  display: inline-block;
}

.list-card li button h6 {
  color: #9d9d9d;
  width: 100%;
  text-align: center;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 5px 0 0 0;
}

.side-cam-prz {
  max-height: 39px;
  overflow: auto;
}

.side-cam-ptm {
  height: 200px;
  overflow: auto;
}

.textarea-height {
  height: 222px !important;
}

.textarea-no-resize {
    resize:none;
} 

.side-cam-prz-sp {
  min-height: 139px;
  height: calc(100vh - 719px);
  overflow: auto;
}

.prz-hiiden {
  height: 285px;
  overflow: auto;
}

.pad-prz {
  padding: 25px 10px 0px 10px;
  border: 1px solid #ccc;
}

.modal-body-global-tp25 {
  padding: 25px 10px 10px 10px;
}

.modal-body-global-tp25-bt-0 {
  padding: 25px 10px 0px 10px;
}

.sptbl table tbody{
  width: 100px;
}

.sptbl table tr:nth-child(odd) {
  background-color: #fff !important;
  z-index:-1;
}

.btn-link {
  font-weight: 400;
  color: #e9585c;
  border-radius: 0;
}

.normal-text {
  font-weight: normal !important;
}

.tick {
  border-radius: 50%;
  background: #1abd82;
  height: 25px;
  width: 25px;
  margin-right: 10px;
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding-top: 2px;
  float: left;
}

.cross {
  border-radius: 50%;
  background: #ee464b;
  height: 25px;
  width: 25px;
  margin-right: 10px;
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding-top: 2px;
  float: left;
}

.warning-msg {
  margin-right: 10px;
  float: left;
  width: 30px;
  margin-top: -4px;
}

.full-section-rl-blk-ab {
  width: 100%;
  min-height: 125px;
  max-height: 202px;
  overflow-y: auto;
}

.warning-msg img {
  width: 100%;
}

.scs-mgs {
  font-size: 15px;
  display: block;
  float: left;
}

.msg-div-align-center {
  display: inline-block;
  margin: 0 auto;
}


.modal {
  text-align: center;
  padding: 0 !important;
}

  .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-dialog-2 {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.hide-btn {
  visibility: hidden;
  position: absolute;
}

.scs-mgs-block {
  min-width: 450px;
  margin: 0px auto 0 auto;
  max-width: 100%;
}

.scs-mgs-bloc-in {
  text-align: center;
}

.title1 {
  text-transform: uppercase;
}

.subtitlesp {
  font-size: 16px;
  padding: 0 15px;
}

.label-required {
  color: red !important;
  padding-left: 5px;
  font-size: medium;
}

.rowa-scroll {
  height: 100vh;
  overflow: auto;
}

.rowa-scroll-pr {
  height: calc(100vh - 85px);
  overflow: auto;
}

.rowa-scroll-ag {
  height: calc(100vh - 144px);
  overflow: auto;
}

.rowa-scroll-2 {
  height: 50vh;
  overflow: auto;
}

.rowa-scroll-2-sp {
  height: 300px;
  overflow: auto;
}

.mCSB_scrollTools {
  right: -6px;
}

.mrg-btm-20 {
  margin-bottom: 20px;
}

.white-bg-section {
  padding: 25px;
  border: 1px solid #E3E3E3;
  border-radius: 0;
  background: #fff;
  margin-bottom: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mrg-btm-9 {
  margin-bottom: 9px !important;
}

.sbhead h5 {
  font-size: 16px;
  font-weight: bold;
  background: #eaeaea;
  width: 100%;
  padding: 12px;
  margin: 0;
}

.whitebg-header h5 {
  font-size: 16px;
  font-weight: bold;
  background: #fff;
  padding: 15px 25px;
  margin: 0 15px;
  border-bottom: 1px solid #eaeaea;
}

.mrg-btm-zero {
  margin-bottom: 0 !important;
}

.profile-id-image {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  /*height: 179px;*/
  height: auto;
  overflow: hidden;
}

.pro-pic {
  width: 100%;
  margin: 0 auto 0 auto;
}

.mrg-right-15 {
  margin-right: 15px;
}

.mrg-top-6 {
  margin-top: 6px;
}

.mrg-23-top {
  margin: 23px 0 0 0;
}

.mrg-23-top2 {
  margin: 23px 0 0 0;
  height: 290px;
}

.text-align-center {
  text-align: center;
  margin-top: 10px;
}

.word-wrap {
  white-space: pre-wrap; /* CSS3 */
  white-space: -moz-pre-wrap; /* Firefox */
  white-space: -pre-wrap; /* Opera <7 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* IE */
}

.profile-id-image img {
  width: 100%;
}

.profile-id-image h5 {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 15px;
  color: #2e2d2d;
  margin: 0 0 10px 0;
  font-weight: bold;
}

.profile-id-image h6 {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 13px;
  color: #aaaaaa;
  margin: 0;
}

.green-active {
  color: #16cc96;
}

.mrg-top-35 {
  margin-top: 35px;
}

.mrg-top-25 {
  margin-top: 25px;
}

.mrg-top-27{
    margin-top:27px;
}

.pad-top-10 {
  padding-top: 10px;
}

.mrg-btm-25 {
  margin-bottom: 25px;
}

.pad-btn-spl {
  padding: 4px 10px 4px 10px;
}

.ctr-div {
  font-size: 16px;
  font-weight: bold;
  border: 1px solid red;
  padding: 15px;
  height: auto;
}

.ctr-ft {
  text-align: left;
}

.pad-btm-zero {
  padding-bottom: 0px !important;
}

.pad-btm-5 {
  padding-bottom: 5px;
}

.pad-btm-25{
    padding-bottom: 25px;
}

.modal-content {
  border-radius: 0;
}



/*.block-center {
  margin: 100px auto 0 auto;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
}*/

.block-center {
  margin: 50px auto 0 auto;
  z-index: 1000;
  left: 0;
  right: 0;
  top: -20px;
  position: absolute;
}

.confirmblock-center {
  margin: 0 auto;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 40%;
  position: absolute;
  width: 600px;
}

.modalpara {
  font-size: 14px;
}

.pad-25-15 {
  padding: 25px 15px;
}

.pad-sm-zero {
  padding: 0 15px !important;
}

.pad-10 {
  padding: 10px !important;
}

.pad-10point5{
    padding:10.5px !important;
}

.pad-0-30{
    padding: 0px 30px !important;
}

.pad-25-10-15 {
  padding: 25px 15px 10px 15px !important;
}

.pad-25-15rt {
  padding: 25px 25px 10px 25px !important;
}


.pad-25-5 {
  padding: 25px 25px 5px 25px !important;
}

.pad-25-0 {
  padding: 25px 25px 0px 25px !important;
}

.pad-20-10-0 {
  padding: 20px 10px 0px 10px !important;
}

.pad-20-5 {
  padding: 20px 5px 5px 5px;
}

.tab-footer {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  border: none;
  padding: 0 !important;
}

.one-px-div {
  width: 100%;
  background: #e5e5e5;
  position: absolute;
  bottom: 85px;
  height: 1px;
}

.multiselect-height {
  height: 185px !important;
  overflow: auto;
}

.pad-lt-rt-zero {
  padding: 0 0 25px 0;
}

.pad-btm-10 {
  padding-bottom: 10px !important;
}

.td-pad-15 {
  padding: 0 0 0 15px !important;
}

.td-absolute {
  position: relative;
}

.btn-round-anglr-close {
  margin: 2px 0 0 6px !important;
  font-size: 12px !important;
}

.btn-round-anglr-close2 {
  margin: 1px 0 0 6px !important;
  font-size: 18px !important;
}

.btn-round-anglr-close3 {
  margin: -5px 0 0 6px !important;
  font-size: 18px !important;
}

/*.btn-round-black-tb {
  border-radius: 50%;
  background: #515151 !important;
  width: 22px;
  height: 22px;
  opacity: 1;
  margin: 9px 10px 0 0 !important;
  float: left;
  cursor: pointer;
}

  .btn-round-black-tb > .btn-round-anglr-close {
    font-size: 12px !important;
    margin: 0px auto 0 10px !important;
  }*/

.bg-white {
  background: #fff !important;
}

.mrg-bottom-30 {
  margin-bottom: 30px !important;
}

.mrg-bottom-31 {
  margin-bottom: 31px !important;
}

.dr-grn-refresh-btn-spp {
  width: 80%;
  margin-bottom: 10px;
  float: left;
}

.btn-sp-fnt {
  font-size: 15px;
}

.cls-btn {
  display: block;
  margin-top: -2px;
  font-size: 15px;
  color: #fff;
  text-shadow: none;
}

.modal-title {
  font-weight: bold;
}

/*****fotter******/
.footer {
  position: fixed;
  bottom: 0;
  display: block;
  width: 100%;
  text-align: right;
  right: 0px;
  border-top: 1px solid #ccc;
  padding: 10px 0px 10px 0;
  top: auto;
  background-color: #f0f0f0;
  z-index: 5;
  font-size: 11px;
}

.left-text {
  text-align: left;
  float: left;
  width: 40%;
  margin-left: 92px;
}

.right-text {
  text-align: right;
  float: right;
  width: 40%;
  margin-right: 32px;
}

.right-text-sp {
  text-align: right;
  float: right;
}

.tr-color {
  background-color: #cfcfcf !important;
}

.bg-clr-vlet-blue {
  background-color: #374FB8 !important;
}

.spinnercontainer {
  background-color: transparent;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  z-index: 20000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-color: #000;*/
  opacity: 1;
  transition: all 0.5s ease;
  display: block;
  z-index: 20001;
}

.spinner {
  width: 40px;
  height: 40px;
  position: absolute;
  margin: 100 auto;
  /*z-index: 100;*/
}

.spinner-override {
  height: 28px;
  width: 28px;
  animation: rotate 0.8s infinite linear;
  border: 2px solid #ff0000;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  left: 49.2%;
  top: 45%;
  z-index: 10000;
  opacity: 1 !important;
}

.spinner-override-loginpage {
  height: 28px;
  width: 28px;
  animation: rotate 0.8s infinite linear;
  border: 2px solid #ff0000;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  left: 49.5% !important;
  top: 45%;
  z-index: 10000;
  opacity: 1 !important;
}

#over {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center; /*handles the horizontal centering*/
}

.Centerer {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.Centered {
  display: inline-block;
  vertical-align: middle;
}

img.centered {
  display: block;
  margin: auto auto;
}

.spinnerdiv {
  width: 100%;
  height: 100%;
}

.spinnercenter {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  margin-top: 25%;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0.0)
  }

  50% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  }

  50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.node-content-wrapper {
  display: inline-block;
  padding: 8px 10px 5px 10px !important;
  width: 100% !important;
  background: #f7fbff;
  border-radius: 0 !important;
  -webkit-transition: background-color .15s,-webkit-box-shadow .15s;
  transition: background-color .15s,-webkit-box-shadow .15s;
  transition: background-color .15s,box-shadow .15s;
  transition: background-color .15s,box-shadow .15s,-webkit-box-shadow .15s;
}

.htspvh {
  height: 70vh;
}

.pad-left-sp {
  padding: 25px 40px 25px 25px;
}

.toggle-children-wrapper {
  padding: 0;
}

.toggle-children {
  background-image: url("/assets/images/rightarrow.png") !important;
  height: 15px !important;
  width: 15px !important;
  background-size: contain;
  display: inline-block;
  position: relative;
  top: 10px !important;
  background-repeat: no-repeat;
  background-position: center;
  left: -3px;
}

.node-content-wrapper-active, .node-content-wrapper.node-content-wrapper-active:hover, .node-content-wrapper-active.node-content-wrapper-focused {
  background: #f7c6d7 !important;
  width: 100%;
  /*padding: 15px 15px 11px 15px !important;*/
  color: #9d0a1e;
}

.node-content-wrapper:hover {
  background: #f7c6d7 !important;
  color: #9d0a1e;
}

.node-content-wrapper-focused {
  background: #f7fbff !important;
}

.toggle-children {
  background-image: url("/assets/images/rightarrow.png") !important;
  height: 15px !important;
  width: 15px !important;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
}

.tree-node-expanded .toggle-children {
  transform: rotate(90deg);
}

.tree-children {
  padding-left: 20px !important;
}

.pad-left-15 {
  padding-left: 15px;
}

.section-chev {
  height: 250px;
  position: relative;
}

.chev-box1 {
  margin: 0 auto;
  text-align: center;
  margin-top: 110px;
  padding-top: 14px;
  color: #000;
  background-color: #cccbcb;
  height: 40px;
  width: 60px;
  cursor: pointer;
}

.chev-box2 {
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;
  padding-top: 14px;
  color: #000;
  background-color: #cccbcb;
  height: 40px;
  width: 60px;
  cursor: pointer;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  height: 21px;
  width: 15px;
  accent-color: #e9585c;
}


  [type="radio"]:checked + label,
  [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
  }

    /*[type="radio"]:checked + label:before,
    [type="radio"]:not(:checked) + label:before {
      content: '';
      position: absolute;
      left: 4px;
      top: 3px;
      width: 15px;
      height: 14px;
      border: 1px solid #383838;
      border-radius: 100%;
      background: #fff;
    }

    [type="radio"]:checked + label:after,
    [type="radio"]:not(:checked) + label:after {
      content: '';
      width: 10.5px;
      height: 10px;
      background: #383838;
      position: absolute;
      top: 5px;
      left: 6px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }*/

    [type="radio"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }

    [type="radio"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }

.primary:hover {
  background-color: rgb(234, 234, 234);
  color: #acacac;
  border-radius: 0px;
}

.nav-tabs-sp-5 li:nth-child(3) {
  border-left: 1px solid #ccc;
  border-right: none !important;
}

.nav-tabs-sp-5 li:nth-child(5) {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.nav-tabs-sp-2 li:nth-child(2) {
  border-right: 1px solid #ccc;
}


.display-block-gn {
  width: 100%;
  display: block;
  float: left;
}

.profile-img {
  cursor: pointer;
}

.signature-section {
  float: right;
}

.photo-section {
  float: left;
}

.mrg-tpp-5 {
  margin-top: 30px;
}

.mrg-bottom-22 {
  margin-bottom: 22px;
}

.mrg-bottom-23 {
  margin-bottom: 23px;
}

.immg-up {
  position: relative;
  /*cursor: pointer;*/
}

.img-upp {
  width: 26px;
  position: absolute;
  bottom: 7px;
  right: 3px;
  cursor: pointer;
}

.image-upload > input {
  display: none;
}

/*.navbar .dropdown-menu {
  padding: 0;
  border: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  z-index: -1;
  position: absolute;
}*/

/*
-- Demo Styles
*/
nav.greedy {
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
  background: #f2f2f2;
}

  nav.greedy h1 {
    display: flex;
    align-self: stretch;
    align-items: center;
    background: #d8d8d8;
    color: #404040;
    padding: 0 1.5rem;
    font-weight: bold;
  }

  nav.greedy button {
    align-self: stretch;
    transition: all .4s ease-out;
    padding: 0 1rem 0 1.5rem;
    outline: 0;
    border: 0;
    font-size: 0.9rem;
    font-weight: bold;
    background: #c8c8c8;
    color: #404040;
  }

    nav.greedy button.hidden {
      transition: none;
      border-right: 0.5rem solid #b6b6b6;
      width: 0;
      padding: 0;
      overflow: hidden;
    }

    nav.greedy button::after {
      content: attr(count);
      display: inline-flex;
      width: 30px;
      height: 30px;
      align-items: center;
      justify-content: center;
      background: #9f9f9f;
      color: #f2f2f2;
      box-shadow: 0 0 1px 0 rgba(0,0,0,0.8);
      border-radius: 50%;
      font-size: 14px;
      line-height: 14px;
      margin-left: 1rem;
      margin-right: calc(-1rem + -8px);
    }

ul.links {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  overflow: hidden;
}

  ul.links li {
    flex: none;
    padding: 1rem;
  }

    ul.links li a {
      color: #404040;
    }

ul.hidden-links {
  position: absolute;
  background: #d8d8d8;
  right: 0;
  top: 100%;
}

  ul.hidden-links li a {
    color: #404040;
    padding-right: 1rem;
  }

  ul.hidden-links.hidden {
    display: none;
  }

  ul.hidden-links li {
    padding: 1rem;
  }

.panel-body {
  margin-left: 25px;
}

.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
  content: "\e114"; /* adjust as needed, taken from bootstrap.css */
  float: left; /* adjust as needed */
  color: grey; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

table .delete-column {
  border: 1px solid black;
  border-radius: 50%;
  padding: 3px;
  background: #000;
  color: #b5b5b5;
  font-weight: lighter
}

table tr:nth-child(odd) {
  background-color: #F2F2F2;
}

.btn-search {
  height: 33px;
  width: 15%;
  border-radius: 0;
  background-color: #000000;
  border: none;
  background-image: url("/assets/images/search-button.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.btn-search-sp {
  height: 34px;
  width: 50px;
  border-radius: 0;
  background: #ed484c;
  float: left;
  margin-left: 10px;
  color: #fff;
  transition: background 1s;
  transition: color 1s;
}

  .btn-search-sp:hover {
    background: #d13d48;
    color: #fff;
  }

.btn-marker-sp {
  height: 34px;
  width: 40px;
  border-radius: 0;
  background: #5cb85c;
  float: left;
  margin-left: 10px;
  color: #fff;
  transition: background 1s;
  transition: color 1s;
}

  .btn-marker-sp:hover {
    background: #398439;
    color: #fff;
  }

.btn-globe-sp {
  height: 34px;
  width: 23px;
  border-radius: 0;
  float: left;
  margin-left: 10px;
  color: #000;
  transition: background 1s;
  transition: color 1s;
  font-size: 28px;
  margin-top: -4px;
}

  .btn-globe-sp:hover {
    color: #888;
  }

.inp-sp-2-set {
  width: calc(100% - 50px);
  float: left;
}

.inp-sp-2-set-globe {
  width: calc(100% - 33px);
  float: left;
}

.map-block {
  height: 350px;
  width: 100%;
  background: #ccc;
}

.btn-goto-sp {
  height: 34px;
  width: 100px;
  border-radius: 0;
  background: #ed484c;
  float: left;
  margin-left: 10px;
  color: #fff;
  transition: background 1s;
  transition: color 1s;
  transition: border-bottom 1s;
}

  .btn-goto-sp:hover {
    background: #d13d48;
    color: #fff;
  }

  .btn-goto-sp:focus {
    background: #ed484c;
    color: #fff;
  }

.btn-goto-sp-110 {
  width: 110px;
}

.inp-goto-sp-120 {
  float: left;
  width: calc(100% - 120px);
}

.btn-goto-sp-freewd {
  height: 35px;
  width: auto;
  border-radius: 0;
  background: #d13d48;
  float: left;
  margin-left: 10px;
  color: #fff;
  transition: background 1s;
  transition: color 1s;
  transition: border-bottom 1s;
}

  .btn-goto-sp-freewd:hover {
    background: #d43844;
    color: #efb3b7;
  }


  .btn-goto-sp-freewd:focus {
    background: #d13d48;
    color: #fff;
  }

.mapurl img {
  margin: 0 auto;
  width: auto;
  height: 450px;
  display: block;
}

.url img {
  margin: 0 auto;
  width: auto;
  height: 545px;
  display: block;
}

.inp-sp {
  float: left;
  width: 80%;
}

.div-btn-box {
  border: 1px solid #eaeaea;
  margin-bottom: 2px;
  overflow: hidden;
  height: 60px;
}

  .div-btn-box h5 {
    text-align: center;
    margin-bottom: 0px;
    text-overflow: ellipsis;
  }

.div-btn-close {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 7px;
  border-radius: 50%;
  right: 10px;
  cursor: pointer;
  background-color: #000;
}

  .div-btn-close:hover {
    background-color: #a39a9a;
  }

  .div-btn-close span {
    display: block;
    margin-top: -3px;
    margin-left: 4px;
    color: #fff;
  }

  .div-btn-close i {
    color: #fff;
  }

.div-btn-edit {
  position: absolute;
  top: 6px;
  right: 29px;
  cursor: pointer;
}

  .div-btn-edit i {
    font-size: 14px;
    color: #424242;
  }

    .div-btn-edit i:hover {
      color: #a39a9a;
    }

.inp-goto-sp {
  float: left;
  width: calc(100% - 110px);
}

.inp-goto-sp2 {
  float: left;
  width: calc(100% - 90px);
}

.inp-goto-sp2sp {
  float: left;
  width: calc(100% - 78px);
  margin-right: 10px;
}

.inp-meter-sp {
  float: left;
  width: calc(100% - 80px);
}

.add-btn-width {
  width: 70px;
  margin-left: 10px;
  float: left;
}

.add-inp-width {
  width: 100%;
  float: left;
}

.sm-table-ac {
  width: 100%;
  height: 150px;
  overflow-y: auto;
}

.promoter-input {
  height: 33px;
  font-size: 14px;
  padding: 6px 12px;
  width: 83%;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.rowa-scroll-2-tab {
  height: 603px;
}

.rowa-scroll-2-pro {
  height: 600px;
  overflow: auto;
}

.nav-tabs-sp li:nth-child(3) {
  border-left: 1px solid #ccc;
  border-right: none;
}

.nav-tabs-sp li:nth-child(6) {
  border-left: 1px solid #ccc;
  border-right: none;
}

.nav-tabs li:nth-child(7) {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.nav-tabs-sp-tab li:nth-child(7) {
  border-left: none;
  border-right: 1px solid #ccc;
}

.nav-tabs-sp-2 li {
  border-left: 1px solid #ccc !important;
  border-right: none !important;
}

  .nav-tabs-sp-2 li:nth-child(1) {
    border-left: 1px solid #ccc !important;
    border-right: none !important;
  }

.nav-tabs-sp-2-GDRP li:nth-child(1) {
  border-left: none !important;
  border-right: none !important;
}

.nav-tabs-sp-2 li:nth-last-child(1) {
  border-left: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
}

.mrg-bottom-15 {
  margin-bottom: 15px !important;
}

.mrg-bottom-14 {
  margin-bottom: 14px !important;
}


.pink {
  background-color: #fff1f1 !important;
  padding: 9px;
}

  .pink span {
    font-size: 14px;
  }

.pink-sp {
  background-color: #fff1f1 !important;
  padding: 10px 5px 0px 5px;
}

  .pink-sp span {
    font-size: 14px;
  }

.title-text h6 {
  font-size: 19px;
  font-weight: normal;
  margin: -10px 0 25px 0;
}

.modal-header {
  padding: 20px 25px;
}

.mrg-right-zero {
  margin-right: 0px;
}

.mrg-left-10 {
  margin-left: 10px;
}

.mrg-left-14{
    margin-left:14px;
}

.tb-td-sp td {
  padding: 5px 15px !important;
}

.active-check-sp {
  /*margin-bottom: 3px !important;
  margin-top: 9px;*/
  margin-bottom: 0px !important;
  margin-top: 0px;
}

.mrg-top-5 {
  margin-top: 5px !important;
}

.input-height-sp {
  height: 23px !important;
}

.wd-50-px {
  width: 50px;
  float: left;
}

.wd-50-px-table {
  width: 50px;
}

.mrg-right-5 {
  margin-right: 5px;
}

.tb-check-sp-wd {
  width: 50px;
}

.mydp .btnclear, .mydp .btndecrease, .mydp .btnincrease, .mydp .btnpicker {
  height: 95% !important;
  margin-right: 1px !important;
}

.mydp .selbtngroup {
  position: relative;
  white-space: nowrap;
  width: 1%;
  font-size: 0;
}

.mydp, .mydp .headertodaybtn {
  border: none !important;
}

  .mydp .selection {
    border: 1px solid #CCC !important;
  }

.img-ht-sp {
  height: 75px;
  width: auto;
}

.img-ht-sp-2 {
  height: 90px;
  width: auto;
}

.player-popup-height {
  min-height: 418px;
  /*min-height: calc(100vh - 276px);*/
}

.player-popup-heightplg {
  min-height: 425px;
  /*min-height: calc(100vh - 276px);*/
}

.player-popup-height-spp {
  min-height: 506px;
  /*min-height: calc(100vh - 276px);*/
}

.player-popup-height-rnk {
  height: 200px;
  /*min-height: calc(100vh - 276px);*/
}

.img-ht-sp-70 {
  height: 70px;
  width: auto;
}

.img-ht-sp-70-sp {
  /*height: 70px;*/
  height: 107px;
  width: auto;
  display: block;
  cursor:zoom-in;
}

.img-ht-sp-rtl {
  height: 107px;
  width: auto;
  display: block;
}

.upload-image-rtl {
  width: 100% !important;
  margin-top: -9px !important;
}

.img-ht-sp-70-sp-2 {
  height: 107px;
  width: auto;
  display: block;
  cursor: pointer;
}

.img-ht-sp-wd-prf {
  height: auto;
  width: 100px;
  display: block;
}

  .img-ht-sp-wd-prf img {
    height: auto;
    width: 100%;
    display: block;
    cursor: zoom-in;
  }

.img-ht-sp-wd-112 {
  height: auto;
  width: 112px;
  display: block;
}

  .img-ht-sp-wd-112 img {
    height: auto;
    width: 100%;
    display: block;
    cursor: zoom-in;
  }

.file-upload-2sp {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  text-align: center;
}

.modal-zed {
  z-index: 1050 !important;
}

.modal-zed-dcr {
  z-index: 900 !important;
}

.immg-uppop {
  width: 100%;
}

.file-upload__label-2sp {
  display: block;
  padding: 7px 10px;
  color: #fff;
  background: #ed484c;
  border-radius: 0;
  transition: background .3s;
  cursor: pointer;
  height: 34px;
  margin-left: 0px;
  float: left;
  width: 100%;
}

.img-ht-sp-wd-sgnt {
  height: auto;
  width: 207px;
  display: block;
}

  .img-ht-sp-wd-sgnt img {
    height: auto;
    width: 100%;
    display: block;
    cursor: zoom-in;
  }

.lab-sp label {
  margin-bottom: 0 !important;
  font-size: 15px;
}

.h4-sp {
  margin: 0 !important;
  font-size: 20px;
  font-weight: 400;
}

.h4-csn-sp {
  font-size: 18px;
  font-weight: bold;
  padding: 0px 15px 15px 15px !important;
}

.h4-sp-sbtl {
  margin: 0 !important;
  font-size: 18px;
  font-weight: 400;
}

.prof-csn {
  border: 1px solid #d4d4d4;
  background: #fff;
  padding: 10px;
  float: left;
  margin-right: 10px;
}

  .prof-csn img {
    width: auto;
    height: 100px;
  }

.dtl-csn {
  float: left;
  padding: 15px;
}

  .dtl-csn span {
    float: left;
    font-size: 15px;
  }

  .dtl-csn h4 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
  }

.sp-label {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0px !important;
}

.dtl-csn-edit {
  width: 100%;
  margin: 5px 0 10px 0;
}

.prof-dtl-csn {
  border-bottom: 1px solid #d4d4d4;
  padding: 0px 0px 5px 0px;
  margin-bottom: 15px !important;
}

.font-blod {
  font-weight: bold !important;
}

.active-sp a {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.3) !important;
  font-size: 14px;
}

.nav-tabs-sp-2tabs li:nth-child(2) {
  border-right: 1px solid #ccc !important;
}

.nav-tabs-sp-tab li {
  border-left: none;
  border-right: 1px solid #ccc;
}

  .nav-tabs-sp-tab li:nth-child(3) {
    border-right: none
  }

  .nav-tabs-sp-tab li:last-child {
    border-right: 1px solid #ccc;
  }


    .nav-tabs-sp-tab li:last-child .active {
      outline: none !important;
      border-bottom: none !important;
      border-right: none !important;
    }

.active {
  outline: none !important;
  border-bottom: none !important;
  border-right: none !important;
}

.border-bottom {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px ;
}

.mrr-btm-sp-19 {
  margin-bottom: 19px !important;
}

.coln-dt {
  float: left;
  width: 20px;
}

.mrg-btm-21-sp-im {
  margin-bottom: 21px !important;
}

.mrg-btm-15-sp-im {
  margin-bottom: 15px !important;
}

.spledit {
  border: none !important;
}

.cls-btnspl {
  font-size: 12px !important;
  margin: -2px auto 0 0px !important;
}

.mrg-left-m13 {
  margin-left: -33px !important;
  width: 100% !important;
}

.perctgSymbol {
  width: 25px;
  float: left;
  display: inline-block;
  margin-left: 10px;
  font-size: 18px;
  padding-top: 5px;
}

.perctgSymbolInput {
  float: left;
  width: calc(100% - 35px);
}

.brd-lft-none {
  border-left: none !important;
}

.brd-10-rht-none {
  border: 1px solid #ccc;
  border-right: none !important;
}

.border-right-none {
  border-right: none !important
}

.border-left-none {
  border-left: none !important
}

.brd-10-lft-none {
  border: 1px solid #ccc;
  border-left: none !important;
}

.brd-full-wd {
  margin: 10px 0px 30px 0px;
  width: 100%;
  display: block;
  border: 1px solid #e4e4e4;
}

.tableautoresize {
  table-layout: fixed !important;
  width: 2216px;
}

.lked-td {
  width: 200px;
}

.wd-250-td {
  width: 250px;
}

.wd-350-td {
  width: 350px;
}

.wd-300-td {
  width: 300px;
}

.wd-370-td {
  width: 370px;
}

.wd-120-td {
  width: 120px;
}

.wd-125-td {
  width: 125px;
}

.wd-140-td {
  width: 140px;
}

.wd-150-td {
  width: 150px;
}

.wd-160-td {
  width: 160px;
}

.wd-170-td {
  width: 170px;
}

.wd-200-td {
  width: 200px;
}

.tableautoresizeoverflow {
  overflow-y: auto;
}

.full-section-table-floorst-mrg-sp {
  width: 3251px;
  min-height: 80px;
  height: calc(100vh - 486px);
  overflow-y: auto;
}

.tableautoresizespl {
  table-layout: fixed !important;
  width: 2091px;
}

.tableautoresizespl-sp {
  display: block !important;
  width: 100%;
  overflow: auto;
}

.tableautoresizespl-mrg {
  table-layout: fixed !important;
  width: 2091px;
}


.left-bdr-none li:nth-child(1) {
  border-left: none !important;
}

.tabbtn {
  width: 100%;
  height: 100%;
  background: none;
  outline: none;
  border: none;
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav-tabs > li.active > button {
  color: #fff;
  background-color: #e9585c;
}

.nav-tabs > li.active > button {
  color: #fff;
  background-color: #e9585c;
}

.nav-tabs > li > button {
  border-radius: 0 !important;
  margin-right: 0px !important;
  border: none !important;
}

.nav-tabs > li.active > button, .nav-tabs > li.active > button:focus, .nav-tabs > li.active > button:hover {
  color: #fff;
  background-color: #e9585c;
}

.nav > li > button:focus, .nav > li > button:hover {
  color: #fff;
  background-color: #e9585c;
}

.tabDisabled {
  color: #666666;
  background-color: #f1f4f8;
  cursor: not-allowed;
}

  .tabDisabled button:hover {
    color: #666666 !important;
    background-color: #f1f4f8 !important;
    cursor: not-allowed !important;
  }

.text-right {
  text-align: right;
}

.ck-editor__editable_inline {
  min-height: 150px !important;
}

.ck.ck-balloon-panel {
  z-index: 2000 !important;
}

.player-popup-height-sp-ptm {
  height: 550px;
}

.player-popup-height-sp-ptm-tt {
  height: 550px;
}

.wd-75 {
  width: 65%;
  float: left;
  /*padding-right:15px;*/
}

.wd-pc-150 {
  width: calc(100% - 150px);
  float: left;
}

.wd-pc-btm-blk {
  width: 426px;
}

.wd-pc-btm-blk-rgt {
  width: 577px;
  
}

.pad-lft-rt {
  padding-left: 5px;
  padding-right: 5px;
}

.pad-left-zero {
  padding-left: 0 !important;
}

.wd-pc-100 li {
  width: 20%;
  float: left;
}


.wd-100-sp {
  width: 100%;
  float: left;
}

.wd-150-bk {
  width: 150px;
  float: left;
}

.wd-25 {
  width: 35%;
  float: left;
}

.border-right-wht {
  border-right: 1px solid #fff;
}

.bg-change {
  width: 1px;
  height: 100%;
  position: absolute;
  z-index: 1;
  right: 0;
  border: none;
  border-right: 1px solid #fff;
  top: 0px;
}

.bg-change-hi {
  width: 1px;
  height: 106%;
  position: absolute;
  z-index: 1;
  right: 0;
  border: none;
  border-right: 1px solid #fff;
  top: 0px;
}

.wd-50-pc {
  width: 50%;
  float: left;
}

.wd-60-pc-btn {
  width: 60% !important;
}

.wd-50-pc-btn {
  width: 50% !important;
}

.wd-hf-pc-sp {
  width: calc(50% - 110px);
  float: left;
}

.act-black-btn {
  color: #fff;
  background-color: #424242;
  border: none;
  height: 34px;
  font-size: 14px;
  border-radius: 0;
  width: 40px;
  float: left;
  margin-left: 10px;
}

.Deact-btm {
  color: #424242;
  height: 34px;
  font-size: 14px;
  border-radius: 0;
  width: 40px;
  float: left;
  background-color: #e5e5e5;
  border: none;
  margin-left: 10px;
}

.pad-right-zero {
  padding-right: 0 !important;
}

.fullscreen-ptm {
  /*padding: 15px 15px 15px 15px;*/
  width: 94%;
}

.pad-lf {
  padding-left: 15px;
}

.pad-tp {
  padding-top: 10px;
}

.layoutbtm {
  width: 100%;
  padding: 10px;
  text-align: center;
  border: 1px solid #fff;
}

.layoutbtm-top {
  width: 100%;
  /*padding: 2px;*/
  text-align: center;
  /*border: 1px solid #fff;*/
}

.layoutbtm-top-sp {
  padding: 0px !important;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
}

  .layoutbtm-top-sp span {
  }

.layoutbtm-left-btn {
  width: 60%;
  padding: 2px;
  text-align: center;
  border: 1px solid #fff;
  float: left;
}

.layoutbtm-right {
  width: 40%;
  float: left;
}

.layoutbtm-right-btn {
  width: calc(100% - 15px);
  padding: 2px;
  text-align: center;
  border: 1px solid #fff;
  margin-left: 15px;
}

.layoutbtm-left-btn-50P {
  width: 50%;
  padding: 2px;
  text-align: center;
  border: 1px solid #fff;
  float: left;
}

.layoutbtm-right-50P {
  width: 50%;
  float: left;
}

.layoutbtm-right-btn-50P {
  width: 100%;
  padding: 2px;
  text-align: center;
  border: 1px solid #fff;
}

.crd-font {
  font-size: 15px;
  text-align: left;
  font-weight: bold;
}

.layoutpanel {
  padding: 10px;
  text-align: center;
  border: 1px solid #fff;
  min-height: 200px;
  position: relative;
}

.height-64 {
  height: 64px !important;
}

.height-40{
    height:40px !important;
}

.layoutpanel-180 {
  padding: 10px;
  text-align: center;
  border: 1px solid #fff;
  min-height: 180px;
  position: relative;
}

.middle-text {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

.layotUl-Height {
  height: 100px;
}

.layotUl-Height-90 {
  height: 90px;
}

.layotUl-Height-80 {
  height: 80px;
}

.layotUl-Height-172 {
  height: 172px;
}

.wd-40pcn {
  width: 40% !important;
  margin: 0 auto !important;
  float: none !important;
}

.layoutbtm-left-btn-sml {
  width: 100%;
}

.font-center {
  text-align: center;
}

.mrg-25-tb {
  margin: 25px 0;
}

.btn-li li {
  float: left !important;
  width: 18.3% !important;
  margin-right: 5px;
}

.btn-li-left li {
  float: left !important;
  width: 23% !important;
  margin-right: 5px;
}

.btn-li-pointplay li {
  float: left !important;
  width: 18.7% !important;
  margin-right: 8px;
  margin-bottom: 2px !important;
}

  .btn-li-pointplay li:nth-child(1) {
    margin-left: 0px;
  }

  .btn-li-pointplay li:last-child {
    margin-right: 0px;
  }

.btn-rds button {
  border-radius: 4px;
  /*padding:30px 0;*/
  width:33%;
  height: 45px;
  display: table-cell;
}

.btn-rds-zero{
    border-radius: 0px;
}

.btn-pd-right button {
  border-radius: 4px;
  /*padding: 42px 0;*/
  width: 85%;
  margin: 7px 0 0px 0;
}

.btn-pd-right li {
  width: 80px !important;
}

.height-auto {
  height: auto !important;
}

.btn-pd-60 button {
  border-radius: 4px;
  height: 52px;
  width: 100%;
  margin: 26px 0;
}

.wd40-btn {
  width: 45%;
}

.font-14 {
  font-size: 14px;
}

.arrow {
  float: left;
  margin: 10px 0px;
  width: 10%;
  text-align: center;
  font-size: 17px;
  padding: 20px 0px 0px 0px;
}

.wd-25 > .full-section-200-ht {
  padding-left: 0px !important;
}

.float-left {
  float: left;
}

.float-right-mrg-left-31 {
  float: right;
  margin-left:28px;
  width:31%;
}

.cnlbtn-center {
  float: left;
  width: 100%;
}

.cnlbtn-left {
  float: left;
  width: 45%;
}

.wd-45pc {
  float: left;
  width: 45%;
}

.wd-43pc {
  float: left;
  width: 43%;
}

.wd-10pc {
  float: left;
  width: 10%;
  display: block;
  text-align: center;
  padding-top: 7px;
}

.cnlbtn-right {
  float: right;
  width: 45%;
}

.ptm-logo {
  width: 100%;
}

.act-layout-li li {
  width: calc(50% - 10px) !important;
  margin-bottom: 0 !important;
}

  .act-layout-li li button {
    width: 80%;
    margin: 0 auto 10px auto;
    float: none;
  }

.border-left-none-fst-tab li:nth-child(1) {
  border-left: none !important;
}

.layotUl {
  overflow: hidden;
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}

  .layotUl li {
    line-height: 1.5em;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
  }

.link-Icon-Rel {
  position: relative;
}

.link-Icon {
  color: #ee464b;
  position: absolute;
  z-index: 100;
  top: 15px;
  right: 30px;
  cursor: pointer;
}

  .link-Icon:hover {
    color: red;
  }

.list-card-sps li button:hover {
  height: 100%;
  border: 1px solid #dfdede !important;
  border-radius: 0 !important;
  outline: none !important;
  background: #eaeaea !important;
  cursor: default;
}

.list-card-sps li button:focus {
  height: 100%;
  border: 1px solid #dfdede !important;
  border-radius: 0 !important;
  outline: none !important;
  background: #eaeaea !important;
  cursor: default;
}

.hv100 {
  height: 100vh;
}

/*///////New Styles ST//////*/
.full-section-table-ab-RFM {
  width: 100%;
  height: calc(100vh - 516px);
  overflow-y: hidden !important;
}

.side-cam-prz-sp-ptm {
  height: calc(100vh - 775px);
  overflow-y: hidden !important;
}

.highlight {
  color: red;
}

.anchor-tr {
  cursor: pointer;
}

.img-AdvDetails {
  width: 100%;
}

  .img-AdvDetails img {
    width: 100%;
    height:230px;
    padding-top:60px;
  }


.full-section-table-pttm {
  width: 100%;
  height: calc(100vh - 435px);
  overflow-y: hidden !important;
}

.full-section-table-ptmhf {
  width: 100%;
  height: calc(100vh - 764px);
  overflow-y: hidden !important;
}


.full-section-table-ptmhf-two {
  width: 100%;
  height: calc(100vh - 665px);
  overflow-y: hidden !important;
}

.pad-cb {
  padding: 20px 10px 5px 10px;
}

.pos-abs {
  position: absolute;
}

.pos-relv {
  position: relative;
}

.full-section-table-bnd {
  width: 100%;
  height: calc(100vh - 550px);
  overflow-y: auto;
}

.mrg-left-15 {
  margin-left: 15px;
}

/*///////New Styles ED//////*/


.pad-sp-ptm {
  padding: 15px 0 0 55px;
}

.full-section-table-full-height-playerlist {
  width: 100%;
  height: calc(100vh - 520px);
}

.full-section-height-rept-playerList {
  width: 100%;
  min-height: 478px;
  height: calc(100vh - 15px);
  background: #fff;
  border: 1px solid #E3E3E3;
}

.mrg-top-47 {
  margin-top: 47px;
}

.node-box {
  padding: 12px 12px;
  margin: 6px 0;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  background-color: #82BBE9;
}

  .node-box .node-select {
    width: 150px;
    padding: 3px 6px;
  }

.children {
  margin-left: 20px;
}

.node-button {
  color: #fff;
  /* width: 22px; */
  /* height: 21px; */
  border-radius: 50%;
  cursor: pointer;
  font-weight: bold;
  border: 1px solid #398439;
  margin-left: 10px;
  background: #5cb85c;
  padding: 2px 6px;
}

.btn-red {
  background-color: #e9585c !important;
}

.trash-red{
  color: #e9585c;
}

.node-add-button {
  padding: 6px 12px;
  border-radius: 6px;
  margin-bottom: 6px;
  background-color: #5cb85c;
  color: #ffffff;
}

.qr-wrapper{
    width : 200px;
    height : 200px;
    margin : auto;
}

/*--------------------------------------- small screen---------------------- */
@media screen and (max-width: 1920px) {
  .player-popup-height-rnk-ht-rtl li {
    width: 11.3%;
  }
}

@media screen and (max-width: 1760px) {
  .img-ht-sp-70-sp {
    height: 100px;
  }

  .img-ht-sp-70-sp-2 {
    height: 100px;
  }
}


@media screen and (max-width: 1750px) {
  .dr-grn-refresh-btn {
    width: 81%;
  }

  .dr-grn-add {
    width: 93%;
  }

  .dr-grn-save {
    width: 68%;
  }

  .pop-input-wd-nmb {
    width: 74%;
  }

  .pop-input-wd-nmb2 {
    width: 83%;
  }

  .dr-grn-refresh-btn-tab {
    width: 80%;
  }

  .dr-grn-refresh-btn-modal {
    width: 78%;
  }
}

@media screen and (max-width: 1660px) {
  .img-ht-sp-70-sp {
    height: 90px;
  }

  .img-ht-sp-70-sp-2 {
    height: 90px;
  }
}

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

  .dr-grn-refresh-btn {
    width: 79%;
  }

  .dr-grn-refresh-btn-tab {
    width: 78%;
  }

  .dr-grn-refresh-btn-modal {
    width: 76%;
  }
}

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

  .model-sp-prgs {
    width: 90%;
    margin: 0px auto 0 auto;
  }

  .chart-img {
    width: 60%;
  }

  .dr-grn-add {
    width: 92%;
  }

  .dr-grn-add-sp {
    width: 88%;
  }
}

@media screen and (max-width: 1500px) {
  .img-ht-sp-70-sp {
    height: 70px;
  }

  .img-ht-sp-70-sp-2 {
    height: 70px;
  }
}

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


  .dr-grn-refresh-btn {
    width: 76%;
  }

  .dr-grn-refresh-btn-tab {
    width: 75%;
  }
}

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

  .dr-grn-save {
    width: 65%;
  }

  .dr-grn-add {
    width: 90%;
  }

  .pop-input-wd-nmb {
    width: 71%;
  }

  .pop-input-wd-nmb2 {
    width: 80%;
  }

  .dr-grn-refresh-btn {
    width: 76%;
  }

  .dr-grn-refresh-btn-tab {
    width: 75%;
  }

  .dr-grn-refresh-btn-modal {
    width: 74%;
  }
}

@media screen and (max-width: 1390px) {
  .full-section-online {
    height: calc(100vh - 531px);
  }
}

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

  .img-ht-sp-70-sp {
    height: 60px;
  }

  .img-ht-sp-70-sp-2 {
    height: 60px;
  }

  .wd-120-sprs {
    width: auto;
  }

  .wd-160-sprs {
    width: auto;
  }

  .wd-90-sprs {
    width: auto;
  }

  .wd-120-sprs {
    width: auto;
  }

  .dr-grn-refresh-btn {
    width: 73%;
  }

  .dr-grn-refresh-btn-tab {
    width: 72%;
  }

  .dr-grn-refresh-btn-modal {
    width: 71%;
  }

  .chart-img {
    width: 70%;
  }

  .dr-grn-add-sp {
    width: 86%;
    float: left;
  }
}

@media screen and (max-width: 1290px) {
  .player-popup-height-rnk-ht-rtl li {
    width: 9.4%;
  }
}

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

  .dr-grn-save {
    width: 63%;
  }

  .dr-grn-add {
    width: 90%;
  }

  .pop-input-wd-nmb {
    width: 69%;
  }

  .pop-input-wd-nmb2 {
    width: 79%;
  }

  .dr-grn-refresh-btn {
    width: 71%;
  }

  .dr-grn-refresh-btn-tab {
    width: 70%;
  }

  .dr-grn-refresh-btn-modal {
    width: 69%;
  }
}

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

  .img-ht-sp-70-sp {
    height: 55px;
  }

  .img-ht-sp-70-sp-2 {
    height: 55px;
  }

  .dr-grn-save {
    width: 63%;
  }

  .dr-grn-add {
    width: 89%;
  }

  .pop-input-wd-nmb {
    width: 66%;
  }

  .pop-input-wd-nmb2 {
    width: 78%;
  }

  .chart-img {
    width: 80%;
  }

  .player-popup-height-rnk-ht-rtl li {
    width: 9.3%;
  }
}

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

  .player-popup-height-rnk-ht-rtl li {
    width: 9.2%;
  }

  .model-sp-prgs {
    width: 97%;
    margin: 0px auto 0 auto;
  }

  .hidden-md {
    display: none;
  }

  .full-section-table-user {
    height: calc(100vh - 368px);
  }

  .rl-block {
    width: calc(100% - 0px);
    position: relative;
    margin-bottom: 0px;
    padding: 20px 20px 20px 10px;
  }

  .rl-block-b {
    border: 1px solid #dfdede;
    float: left;
    width: calc(100% - 0px);
    position: relative;
    margin-left: 0;
    margin-top: -1px;
    padding: 20px 10px 20px 20px;
  }

  .round-btn-or-sm {
    right: auto;
    top: auto;
    margin-top: -15px;
    bottom: -15px;
    left: 50%;
    margin-left: -15px;
  }


  .dr-grn-save {
    width: 72%;
  }

  .dr-grn-add {
    width: 88%;
  }

  .pop-input-wd-nmb {
    width: 64%;
  }

  .pop-input-wd-nmb2 {
    width: 77%;
  }

  .dr-grn-refresh-btn {
    width: 69%;
  }

  .dr-grn-refresh-btn-tab {
    width: 63%;
  }

  .dr-grn-refresh-btn-modal {
    width: 79%;
  }

  .chart-img {
    width: 85%;
  }

  .dr-grn-add-sp {
    width: 84%;
    float: left;
  }
}

@media screen and (max-width:1135px) {
  .dr-grn-save {
    width: 71%;
  }

  .dr-grn-add {
    width: 88%;
  }

  .pop-input-wd-nmb {
    width: 64%;
  }

  .pop-input-wd-nmb2 {
    width: 76%;
  }

  .model-sp-mrg-c {
    width: 80%;
    margin: 0px auto 0 auto;
  }

  .model-sp-50 {
    width: 80%;
    margin: 0px auto 0 auto;
  }

  .player-popup-height-rnk-ht-rtl li {
    width: 9.1%;
  }
}

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

  .dr-grn-save {
    width: 68%;
  }

  .dr-grn-add {
    width: 87%;
  }

  .pop-input-wd-nmb {
    width: 60%;
  }

  .pop-input-wd-nmb2 {
    width: 74%;
  }

  .dr-grn-refresh-btn {
    width: 65%;
  }

  .dr-grn-refresh-btn-tab {
    width: 60%;
  }

  .dr-grn-refresh-btn-modal {
    width: 77%;
  }

  .chart-img {
    width: 90%;
  }

  .dr-grn-add-sp {
    width: 82%;
    float: left;
  }
}

@media screen and (max-width:1056px) {
  .player-popup-height-rnk-ht-rtl li {
    width: 9%;
  }
}

@media screen and (max-width:1013px) {
  .player-popup-height-rnk-ht-rtl li {
    width: 8.9%;
  }
}

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

  .border-left-only {
    border-left: none;
  }

  .ht-rightbk {
    height: auto;
  }

  .ht-rightbk-big {
    height: auto;
  }

  .mrg-btm-10-sm-0 {
    margin-bottom: 0;
  }

  .mrg-btm-25-sm {
    margin-bottom: 25px !important;
  }

  .rowa-scroll-pr {
    height: calc(200px - 30px);
    overflow: auto;
  }

  .rowa-scroll-ag {
    height: calc(200px - 30px);
    overflow: auto;
  }

  .pad-lt-0 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .pad-zerosm-sp {
    padding: 0px !important;
  }

  .hidden-sm {
    display: none;
  }

  .model-sp {
    width: 85%;
    margin: 50px auto 0 auto;
  }

  .pad-lt-25-rt-15 {
    padding-left: 0;
    padding-right: 0;
  }

  .content-area {
    margin: 0px 0px 0 80px;
  }

  .content-area-full-wd {
    margin: 0px 0px 0 20px;
  }

  .mob-pad-zero {
    padding: 0;
  }

  .profile-id-image {
    height: auto;
  }

  .mob-pad-25 {
    padding: 25px;
  }
}

@media screen and (max-width: 991px) {
  .mrg-btm-spc {
    margin-bottom: 25px;
  }

  .mrg-top-arrows {
    margin-top: 30px;
  }

  .dr-grn-add-sp {
    width: 90%;
    float: left;
  }

  .dr-grn-save {
    width: 78%;
  }

  .dr-grn-add {
    width: 93%;
  }

  .pop-input-wd-nmb {
    width: 89%;
  }

  .pop-input-wd-nmb2 {
    width: 78%;
  }

  .dr-grn-refresh-btn {
    width: 95%;
  }

  .dr-grn-refresh-btn-tab {
    width: 94%;
  }

  .dr-grn-refresh-btn-modal {
    width: 93%;
  }

  .pad-left-sm-25 {
    padding-left: 0px;
  }

  .chart-img {
    width: 80%;
  }

  .nopad-small {
    padding: 0px !important;
  }
}

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

  .dr-grn-save {
    width: 77%;
  }

  .dr-grn-add {
    width: 93%;
  }

  .pop-input-wd-nmb {
    width: 89%;
  }

  .pop-input-wd-nmb2 {
    width: 77%;
  }

  .dr-grn-refresh-btn {
    width: 94%;
  }

  .dr-grn-refresh-btn-tab {
    width: 94%;
  }

  .dr-grn-refresh-btn-modal {
    width: 93%;
  }

  .chart-img {
    width: 83%;
  }

  .player-popup-height-rnk-ht-rtl li {
    width: 8.5%;
  }
}

@media screen and (max-width:941px) {
  .dr-grn-save {
    width: 76%;
  }

  .dr-grn-add {
    width: 92%;
  }

  .pop-input-wd-nmb {
    width: 88%;
  }

  .pop-input-wd-nmb2 {
    width: 76%;
  }
}

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

  .dr-grn-refresh-btn {
    width: 94%;
  }

  .dr-grn-refresh-btn-tab {
    width: 93%;
  }

  .dr-grn-refresh-btn-modal {
    width: 93%;
  }
}

@media screen and (max-width:880px) {
  .dr-grn-save {
    width: 74%;
  }

  .dr-grn-add {
    width: 91%;
  }

  .pop-input-wd-nmb {
    width: 87%;
  }

  .pop-input-wd-nmb2 {
    width: 72%;
  }

  .chart-img {
    width: 85%;
  }

  .dr-grn-add-sp {
    width: 88%;
    float: left;
  }
}

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

  .dr-grn-save {
    width: 74%;
  }

  .dr-grn-add {
    width: 91%;
  }

  .pop-input-wd-nmb {
    width: 86%;
  }

  .pop-input-wd-nmb2 {
    width: 71%;
  }

  .dr-grn-refresh-btn {
    width: 91%;
  }

  .dr-grn-refresh-btn-tab {
    width: 89%;
  }

  .dr-grn-refresh-btn-modal {
    width: 89%;
  }

  .hidden-bk {
    display: none;
  }

  .chart-img {
    width: 90%;
  }
}

@media screen and (max-width:779px) {
  .dr-grn-save {
    width: 73%;
  }

  .dr-grn-add {
    width: 91%;
  }

  .pop-input-wd-nmb {
    width: 85%;
  }

  .pop-input-wd-nmb2 {
    width: 70%;
  }

  .chart-img {
    width: 95%;
  }
}

@media screen and (min-width: 992px){
  .btn-without-label {
    margin-top: 24px !important;
  }
}

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

  .scs-mgs-block {
    min-width: 450px;
    margin: 0px auto 0 auto;
    max-width: 100%;
  }

  .dr-grn-save {
    width: 72%;
  }

  .dr-grn-add {
    width: 89%;
  }

  .pop-input-wd-nmb {
    width: 85%;
  }

  .pop-input-wd-nmb2 {
    width: 70%;
  }

  .navbar {
    padding-left: 0;
  }

    .navbar .navbar-header {
      width: auto;
      display: block;
    }

    .navbar .navbar-nav {
      width: auto;
      margin: 0;
    }

      .navbar .navbar-nav > li {
        display: inline-block;
      }

    .navbar .navbar-right {
      position: absolute;
      top: 0;
      right: -100%;
      height: 100%;
      width: 100%;
      -moz-transition: all 0.25s linear;
      -webkit-transition: all 0.25s linear;
      transition: all 0.25s linear;
    }

      .navbar .navbar-right .open .dropdown-menu {
        position: absolute;
      }

      .navbar .navbar-right.expanded {
        right: 0;
      }

  .app-container .navbar-top {
    min-width: 300px;
  }

  .side-menu {
    margin-left: 0px;
    width: auto;
  }

  .app-container .content-container .side-body {
    margin-left: 10px;
  }

  .app-container.expanded .navbar-top {
    min-width: 480px;
    padding-left: 0px;
  }

  .app-container.expanded .side-menu {
    margin-left: 0px;
    width: 250px;
  }

  .app-container.expanded .side-body {
    margin-left: 10px;
  }

  .app-container .app-footer .wrapper, .app-container.expanded .app-footer .wrapper {
    padding-left: 25px;
  }

  .pad-lt-25-rt-15 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .pull-rt {
    float: none !important;
  }

  .section-chev {
    height: auto;
  }

  .chev-box1 {
    margin-top: 0px;
  }

  .chev-box2 {
    margin-top: 20px;
  }

  .mrg-btm-spc {
    margin-bottom: 8px;
  }

  .pad-sm-zero {
    padding: 0 !important;
  }

  .pop-input-wd-nmb2 {
    width: 85%;
  }

  .chart-img {
    width: 90%;
  }

  .dr-grn-add-sp {
    width: 86%;
    float: left;
  }
}

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

  .pad-sm-zero {
    padding: 0 !important;
  }

  .pop-input-wd-nmb2 {
    width: 83%;
  }

  .chart-img {
    width: 100%;
  }
}

@media screen and (max-width: 700px) {
  .dr-grn-save {
    width: 70%;
  }

  .dr-grn-add {
    width: 87%;
  }

  .pop-input-wd-nmb {
    width: 82%;
  }

  .pop-input-wd-nmb2 {
    width: 82%;
  }

  .multiselect-height {
    height: auto !important;
  }
}

@media screen and (max-width: 425px) {
  .active-check-mob {
    margin-top: 10px;
  }
}

.modal body {
    overflow:hidden !important;
}