@charset "utf-8";

/***
Utilities
***/

a:focus {
  text-decoration: none;
}

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

li {
  margin: 0;
}


/* Rounded Element */

.rounded-2 {
  border-radius: 2px !important;
}

.rounded-3 {
  border-radius: 3px !important;
}

.rounded-4 {
  border-radius: 4px !important;
}

.border-right {
  border-right: solid 1px #DDD !important;
}


/* Circle Element */

.circle {
  border-radius: 25px !important;
}

.circle-right {
  border-radius: 0 25px 25px 0 !important;
}

.circle-left {
  border-radius: 25px 0 0 25px !important;
}

.circle-bottom {
  border-radius: 0 0 25px 25px !important;
}

.circle-top {
  border-radius: 25px 25px 0 0 !important;
}

.rounded {
  border-radius: 50% !important;
}


/* General utilities */

.display-none,
.display-hide {
  display: none;
}

.hidden {
  display: none !important;
}

.primary-font {
  font-family: "Open Sans", sans-serif !important;
}

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

.bold-normol {
  font-weight: normal !important;
}

.bolder {
  font-weight: bolder !important;
}

.bold.btn {
  letter-spacing: 0;
}

.sbold {
  font-weight: 600 !important;
}

.sbold.btn {
  letter-spacing: 0;
}

.thin {
  font-weight: 300 !important;
}

.uppercase {
  text-transform: uppercase !important;
}

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

.border {
  border: 1px solid red;
}

.font-xs {
  font-size: 11px;
}

.font-sm {
  font-size: 13px;
}

.font-md-14 {
  font-size: 14px;
}

.font-md-16 {
  font-size: 16px;
}

.font-lg {
  font-size: 18px;
}

.font-hg {
  font-size: 23px;
}

.color-red {
  color: #DD5044 !important;
}

.color-blue {
  color: #2C97DE!important;
}

.color-grey {
  color: #999999!important;
}

.color-FABD53 {
  color: #FABD53
}

.color-white {
  color: #fff;
}

.color-primary {
  color: #46ADBA;
}

.inline {
  display: inline;
}

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

.text-align-reverse {
  text-align: right;
}


/* Margin and padding utilities */

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

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

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

.padding-t-b {
  padding-top: 15px!important;
  padding-bottom: 15px!important;
  padding-left: 0px!important;
  padding-right: 0px!important;
}

.maring-2 {
  margin: 2px !important;
}

.maring-5 {
  margin: 5px !important;
}

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

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

/*   .margin-top */

.margin-top-0 {
  margin-top: 0px !important;
}


/*   .margin-top */

.margin-top-2 {
  margin-top: 2px !important;
}

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

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}


/*    margin-top: 20px !important; }*/

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}
.margin-top-140{
  margin-top:140px !important;
}
.margin-right_50 {
  margin-right: -50px !important;
}


/*   .margin-right */

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

.margin-right-5 {
  margin-right: 5px !important;
}

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

.margin-right-15 {
  margin-right: 15px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}
.margin-right-70 {
  margin-right: 70px !important;
}

/*   .margin-bottom */

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

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

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

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

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

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


/*  .margin-left */

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

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

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

/* padding-top */

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

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

.padding-top-10 {
  padding-top: 10px !important;
}

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

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-63 {
  padding-top: 63px !important;
}

.padding-top-66 {
  padding-top: 66px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-120 {
  padding-left: 120px;
}

.padding-left-90 {
  padding-left: 90px;
}


/* padding-right */

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

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

.padding-right-10 {
  padding-right: 10px !important;
}

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

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-90 {
  padding-right: 90px;
}


/* padding-bottom */

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

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

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

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

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}


/* padding-left */

.padding-boleft {
  padding-left: 0px !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

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

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.font-xs {
  font-size: 11px;
}

.font-sm {
  font-size: 13px;
}

.font-md-14 {
  font-size: 14px;
}

.font-md-16 {
  font-size: 16px;
}

.font-lg {
  font-size: 18px;
}

.font-hg {
  font-size: 23px;
}

.fz40 {
  font-size: 40px;
}

.fz36 {
  font-size: 36px;
}

.fz30 {
  font-size: 30px;
}
.fz32 {
  font-size: 32px;
}
.fz24 {
  font-size: 24px;
}

.fz20 {
  font-size: 20px;
}
.fz16 {
  font-size: 16px;
}
.fz18{
  font-size: 18px!important;
}
.bd-transparent {
  background-color: transparent !important;
}

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


/* width */
.width-800{
  width: 800px !important;
}
.width-600{
  width: 600px !important;
  max-width: 600px;
}
.width-450{
  width: 450px !important;
}
.width-150 {
  width: 150px !important;
}

.width-120 {
  width: 120px !important;
}

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


/* .pagination */

.pagination {
  margin-top: 0;
}

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

.block {
  display: block !important;
}

.relative {
  position: relative!important;
}

.pointer {
  cursor: pointer;
}

.center-y {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.center-x{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateX(-50%);
  margin: 0;
}
.center-all{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: 0;
}
.text-indent-10{
  text-indent: 10px;
}
.w300{
  width: 300px;
}
.w200{
  width: 200px;
}
.w50{
  width: 50px;
}
.w600{
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.no-visiable{
  visibility: hidden;
}
.transparent{
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.fa-thin{
  -webkit-text-stroke: 2px #fff;
}
.table-layout-fixed{
  table-layout: fixed;
}
.max-200{
  max-width: 200px;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.table-overflow ,.table-overflow td, .table-overflow th ,.table-overflow tr{
  overflow:visible;
}
.vertical-bottom{
  vertical-align: bottom
}
.text-red{
  color: red;
}
.vertical-middle{
  vertical-align: middle;
}
.fw700{
  font-weight: 700;
}
.underline{
  text-decoration: underline!important;
}
.line-height-18{
  line-height: 18px;
}
.square{
  overflow: hidden;
}
.square:after {
  content: '';
  display: block;
  margin-top: 100%;
}
.pl15{
  padding-left: 15px;
}
.pl0{
  padding-left: 10px;
}
.mr15{
  margin-right: 15px;
}
.color-666{
  color: #666;
}
.bg-white{
  background-color: #fff;
}
.ml5{
  margin-left: 5px;
}
.pl10{
  padding-left: 10px;
}
.mt5{
  margin-top: 5px;
}
.mr10{
  margin-right: 10px;
}
.fz16{
  font-size: 16px!important;
}
.w900{
  width: 900px;
}
.w200{
  width: 200px;
}
.mt20{
  margin-top: 20px;
}
.no-bg{
  background-color: rgba(0, 0, 0, 0);
}
.mb15{
  margin-bottom: 15px;
}
.pb15{
  padding-bottom: 15px;
}
.pt15{
  padding-top: 15px;
}
.ibm{
  display: inline-block;
  vertical-align: middle
}
.pr15{
  padding-right: 15px;
}
.m0{
  margin: 0;
}
.bold{
  font-weight: bold;
}
.white{
  color: #fff;
}
.border-top{
  border-top: 1px solid #f4f4f4;
}
.border-bottom{
  border-bottom: 1px solid #f4f4f4;
}
.bg-f4{
  background-color: #f4f4ff;
}
.overflow-x-auto{
  overflow-x: auto;
}
html.iframe body{
  padding-top: 0;
}
html.iframe .fixed-header{
  display: none;
}
.table-head-bordered>tr>th,.table-head-bordered>tr>td{
  border: 1px solid #f4f4f4;
}
.btn-normal{
  padding: 6px 10px;
}
.mb5{
  margin-bottom: 5px;
}
.not-active {
  pointer-events: none;
  cursor: not-allowed;
  text-decoration: none;
  opacity: .5;
}
.table-head-bordered {
  border: 1px solid #ddd;
}
.table-head-bordered tr>th{
  border: 1px solid #ddd!important;
}
@media (max-width:1366px){
  .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 8px;
  }
}
.center-page{
  text-align: center;
  margin-top: 20px;
}
.mt10{
  margin-top: 10px;
}
.cursor-default{
  cursor: default;
}
a.a-btn{
  color: #0f84fc;
}
.text-gray{
  color: #999;
}
.max-width-150{
  max-width: 150px;
}
.text-break{
  word-break: break-all;
  white-space: normal;
}
.max-width-200{
  max-width: 200px;
}
.fz12{
  font-size: 14px!important;
  color: #7f7f7f;
}