ul.theme-colors {
    margin-top: -7px
}
/* Tabs and pills */
.nav-tabs,
.nav-pills {
  margin-bottom: 10px; }
  .nav-tabs > li > a,
  .nav-pills > li > a {
    font-size: 14px;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0; }
    .nav-tabs > li > a > .badge,
    .nav-pills > li > a > .badge {
      margin-top: -6px; }
  .nav-tabs > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after,
  .nav-pills > li .dropdown-menu:before,
  .nav-pills > li .dropdown-menu:after {
    display: none; }
  .nav-tabs.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a,
  .nav-pills.nav-tabs-sm > li > a,
  .nav-pills.nav-pills-sm > li > a {
    font-size: 13px; }
  .nav-tabs .dropdown.open > .dropdown-toggle,
  .nav-pills .dropdown.open > .dropdown-toggle {
    background: #eee;
    color: #0d638f;
    border-color: transparent; }

/* Left and right tabs */
.tabs-right.nav-tabs,
.tabs-left.nav-tabs {
  border-bottom: 0; }
  .tabs-right.nav-tabs > li,
  .tabs-left.nav-tabs > li {
    float: none; }
    .tabs-right.nav-tabs > li > a,
    .tabs-left.nav-tabs > li > a {
      margin-right: 0;
      margin-bottom: 3px; }

/* Left tabs */
.tabs-left.nav-tabs {
  border-right: 1px solid #ddd; }
  .tabs-left.nav-tabs > li > a {
    display: block;
    margin-right: -1px; }
    .tabs-left.nav-tabs > li > a:hover, .tabs-left.nav-tabs > li > a:focus {
      -webkit-border-radius: 2px 0 0 2px;
      -moz-border-radius: 2px 0 0 2px;
      -ms-border-radius: 2px 0 0 2px;
      -o-border-radius: 2px 0 0 2px;
      border-radius: 2px 0 0 2px;
      border-color: #eeeeee #dddddd #eeeeee #eeeeee; }
  .tabs-left.nav-tabs > li.active > a,
  .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff; }

/* Right tabs */
.tabs-right.nav-tabs {
  border-left: 1px solid #ddd; }
  .tabs-right.nav-tabs > li > a {
    display: block;
    margin-left: -1px; }
    .tabs-right.nav-tabs > li > a:hover, .tabs-right.nav-tabs > li > a:focus {
      -webkit-border-radius: 0 2px 2px 0;
      -moz-border-radius: 0 2px 2px 0;
      -ms-border-radius: 0 2px 2px 0;
      -o-border-radius: 0 2px 2px 0;
      border-radius: 0 2px 2px 0;
      border-color: #eeeeee #eeeeee #eeeeee #dddddd; }
  .tabs-right.nav-tabs > li.active > a,
  .tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff; }

/* Below tabs */
.tabs-below > .nav-tabs,
.tabs-below > .nav-pills {
  border-bottom: 0;
  margin-bottom: 0px;
  margin-top: 10px; }

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
  margin-bottom: 0;
  margin-top: 10px; }
  .tabs-below > .nav-tabs > li > a {
    margin-top: -1px;
    margin-bottom: 0; }
    .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
      border-top-color: #ddd;
      border-bottom-color: transparent; }
    .tabs-below > .nav-tabs > li > a .dropdown-menu {
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }
  .tabs-below > .nav-tabs .active a,
  .tabs-below > .nav-tabs .active a:hover .active a:focus {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    border-color: transparent #ddd #ddd #ddd  !important; }

/***
Custom tabs
***/
/* In BS3.0.0 tabbable class was removed. We had to added it back */
.tabbable:before, .tabbable:after {
  content: " ";
  display: table; }

.tabbable:after {
  clear: both; }

.tabbable-custom {
  margin-bottom: 15px;
  padding: 0px;
  overflow: hidden;
  /* justified tabs */
  /* boxless tabs */
  /* below justified tabs */
  /* full width tabs */
  /* below tabs */ }
  .tabbable-custom > .nav-tabs {
    border: none;
    margin: 0px; }
    .tabbable-custom > .nav-tabs > li {
      margin-right: 2px;
      border-top: 2px solid transparent; }
      .tabbable-custom > .nav-tabs > li > a {
        margin-right: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
        .tabbable-custom > .nav-tabs > li > a:hover {
          background: none;
          border-color: transparent; }
      .tabbable-custom > .nav-tabs > li.active {
        border-top: 3px solid #ed6b75;
        margin-top: 0;
        position: relative; }
        .tabbable-custom > .nav-tabs > li.active > a {
          border-top: none !important;
          font-weight: 400;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          -o-border-radius: 0;
          border-radius: 0; }
          .tabbable-custom > .nav-tabs > li.active > a:hover {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            border-top: none;
            background: #fff;
            border-color: #d4d4d4 #d4d4d4 transparent; }
  .tabbable-custom > .tab-content {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px; }
  .tabbable-custom.nav-justified > .tab-content {
    margin-top: -1px; }
  .tabbable-custom.boxless > .tab-content {
    padding: 15px 0;
    border-left: none;
    border-right: none;
    border-bottom: none; }
  .tabbable-custom.tabs-below.nav-justified .tab-content {
    margin-top: 0px;
    margin-bottom: -2px;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0; }
  .tabbable-custom.tabbable-full-width > .nav-tabs > li > a {
    color: #424242;
    font-size: 15px;
    padding: 9px 15px; }
  .tabbable-custom.tabbable-full-width > .tab-content {
    padding: 15px 0;
    border-left: none;
    border-right: none;
    border-bottom: none; }
  .tabbable-custom.tabs-below .nav-tabs > li > a {
    border-top: none;
    border-bottom: 2px solid transparent;
    margin-top: -1px; }
  .tabbable-custom.tabs-below .nav-tabs > li.active {
    border-top: none;
    border-bottom: 3px solid #d12610;
    margin-bottom: 0;
    position: relative; }
    .tabbable-custom.tabs-below .nav-tabs > li.active > a {
      border-bottom: none; }
      .tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {
        background: #fff;
        border-color: #d4d4d4 #d4d4d4 transparent; }

.tabbable-custom.tabbable-noborder > .nav-tabs > li > a {
  border: 0; }

.tabbable-custom.tabbable-noborder .tab-content {
  border: 0; }

.portlet:not(.light) .tabbable-line {
  padding-top: 15px; }

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px; }
  .tabbable-line > .nav-tabs > li {
    margin: 0;
    border-bottom: 4px solid transparent; }
    .tabbable-line > .nav-tabs > li > a {
      background: none !important;
      border: 0;
      margin: 0;
      padding-left: 15px;
      padding-right: 15px;
      color: #737373; }
      .tabbable-line > .nav-tabs > li > a > i {
        color: #a6a6a6; }
    .tabbable-line > .nav-tabs > li.active {
      background: none;
      border-bottom: 4px solid #36c6d3;
      position: relative; }
      .tabbable-line > .nav-tabs > li.active > a {
        border: 0;
        color: #333; }
        .tabbable-line > .nav-tabs > li.active > a > i {
          color: #404040; }
    .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
      background: none;
      border-bottom: 4px solid #9fe4ea; }
      .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
        border: 0;
        background: none !important;
        color: #333; }
        .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
          color: #a6a6a6; }
      .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
        margin-top: 0px; }

.tabbable-line > .tab-content {
  margin-top: 0;
  border: 0;
  border-top: 1px solid #eef1f5;
  padding: 30px 0; }
  .page-container-bg-solid .tabbable-line > .tab-content {
    border-top: 1px solid #dae2ea; }
  .portlet .tabbable-line > .tab-content {
    padding-bottom: 0; }

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent; }
  .tabbable-line.tabs-below > .nav-tabs > li > a {
    margin-top: 0; }
  .tabbable-line.tabs-below > .nav-tabs > li:hover {
    border-bottom: 0;
    border-top: 4px solid #fbdcde; }
  .tabbable-line.tabs-below > .nav-tabs > li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #ed6b75; }

.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px; }

.portlet .tabbable-bordered {
  margin-top: 20px; }

.tabbable-bordered .nav-tabs {
  margin-bottom: 0;
  border-bottom: 0; }

.tabbable-bordered .tab-content {
  padding: 30px 20px 20px 20px;
  border: 1px solid #ddd;
  background: #ffffff; }

body.RTL .page-logo a {
    margin-top: -10px
}

body.RTL .user_menus {
    right: auto;
    left: -18px
}

body.RTL .nav.pull-right>li>.dropdown-menu {
    right: auto;
    left: 5px
}

body.RTL .pagination_buttons,
body.RTL .list-group-item .place-right,
body.RTL .nav-tabs .place-right {
    float: left !important
}

body.RTL .portlet-title>.actions,
body.RTL .filter_theme_search,
body.RTL .text-left-rtl,
body.RTL #theme_chooser_details .theme_next {
    text-align: left
}

body.RTL .reload_current_page {
    left: -140px !important
}

body.RTL #theme_chooser_listing .theme_cell {
    clear: none !important
}

body.RTL #GMM_theme_previewer_header_bar .nav.navbar-nav {
    margin-left: 0px;
    margin-right: 10px
}

body.RTL #shop_cateogry_list tr td:nth-child(5) a:not(:first-child),
body.RTL #shop_cateogry_list tr td:nth-child(3) a,
body.RTL #shop_product_list tr td:nth-child(2) a:not(:first-child),
body.RTL #shop_product_list tr td:nth-child(3) a.tooltips,
body.RTL #shop_order_list tr td:nth-child(2) a:not(:first-child),
body.RTL #shop_order_list tr td:nth-child(4) a:nth-child(n+3),
body.RTL #shop_page_list tr td:nth-child(2) a:not(:first-child),
body.RTL #shop_page_list tr td:nth-child(3) a:not(:first-child),
body.RTL #plan_list tr td:nth-child(2) a,
body.RTL #users_list tr td:nth-child(3) a:not(:first-child),
body.RTL #system_log tr td:nth-child(3) a:not(:first-child) {
    float: left !important
}

body.RTL .plan_preview {
    left: 10px;
    right: auto
}

body.RTL #user_add_edit_form .form-md-line-input {
    margin-bottom: 15px
}

body.RTL #payments_list tr td:nth-child(10) .md-checkbox,
body.RTL #plugins_list tr td:nth-child(6) .md-checkbox,
body.RTL #plan_list tr td:nth-child(6) .md-checkbox,
body.RTL #shop_cateogry_list tr td:nth-child(7) .md-checkbox,
body.RTL #shop_page_list tr td:nth-child(4) .md-checkbox {
    margin-right: 10px;
    margin-left: auto
}

body.RTL #users_list tr td:nth-child(8) .md-checkbox,
body.RTL #users_list tr td:nth-child(9) .md-checkbox,
body.RTL #users_list tr td:nth-child(10) .md-checkbox {
    margin-right: 15px;
    margin-left: auto
}

body.RTL #shop_product_list tr td:nth-child(4) .md-checkbox {
    margin-right: 17px;
    margin-left: auto
}

body.RTL #payments_list tr td:nth-child(9) .md-checkbox {
    margin-right: 30px;
    margin-left: auto
}

body.RTL #users_list tr td:nth-child(7) .md-checkbox {
    margin-right: 20px;
    margin-left: auto
}

.padding-left-3 {
    padding-left: 3px !important
}

@media only screen and (max-width:768px) {
    .screen-xs .page-container {
        top: -68px !important;
        margin-bottom: -68px !important
    }
    .screen-xs .page-header {
        height: 68px !important
    }
    .page-logo {
        height: 50px !important;
        padding-left: 20px !important
    }
    #tab_app_settings .form-group {
        margin-bottom: 30px
    }
    ul.theme-colors li {
        margin-top: 7px !important
    }
    .PSZ_table td,
    .PSZ_table td p {
        word-wrap: break-word !important;
        white-space: -moz-pre-wrap;
        white-space: pre-wrap
    }
}

.sortable-placeholder {
    border: 2px dashed #eee !important
}

#shop_payment_bank tr i {
    margin-top: 4px;
    cursor: pointer
}

#shop_payment_bank tr i.bank_account_remover:hover {
    color: #D91E18
}

#ShopWidgets .btn-group-widget {
    width: 100%;
    margin-bottom: 10px;
    padding: 0
}

#ShopWidgets .btn-widget {
    text-transform: capitalize !important;
    background-color: transparent !important;
    width: 100%;
    text-align: left;
    padding-left: 10px
}

@media (max-width:999px) {
    #ShopWidgets .btn-group-widget {
        width: 40% !important;
        margin: 7px
    }
}

#ShopWidgets .btn-widget i {
    vertical-align: middle
}

#ShopWidgets .portlet-body .row {
    margin-bottom: 10px
}

#ShopWidgets .widget_instance {
    padding-bottom: 0
}

#ShopWidgets .widget_instance .portlet-body {
    padding-bottom: 5px
}

.file_upload:hover i {
    color: #fff !important
}

.file_uploading_status_active {
    vertical-align: bottom;
    line-height: 35px !important;
    font-weight: bold;
    font-size: 16px !important
}

.img_remover {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 26px;
    display: none;
    color: #ACB5C3
}

.img_remover:hover {
    color: #D91E18
}

.order_item_remover i {
    color: #ccc;
    margin-right: 5px;
    vertical-align: middle
}

.order_item_remover i:hover {
    color: #D91E18
}

.thumbnail:hover .img_remover {
    display: block
}

.shop-slug-ex:hover {
    cursor: pointer;
    text-decoration: underline
}

.input-spinner .input-emptify {
    right: 50px !important;
}

.input-spinner input.form-control {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.form-md-line-input i.fa-times.input-emptify {
    position: absolute;
    float: right !important;
    right: 0px !important;
    /*top: -35px !important;*/
    margin-right: 5px !important;
}

i.fa-times.input-emptify:hover {
    color: #D91E18;
    cursor: pointer
}

#shop_cateogry_list tr td:nth-child(2) a:not(:first-child),
#shop_cateogry_list tr td:nth-child(3) a,
#shop_product_list tr td:nth-child(2) a:not(:first-child),
#shop_product_list tr td:nth-child(3) a.tooltips,
#shop_order_list tr td:nth-child(2) a:not(:first-child),
#shop_order_list tr td:nth-child(4) a:nth-child(n+3),
#shop_page_list tr td:nth-child(2) a:not(:first-child),
#shop_page_list tr td:nth-child(3) a:not(:first-child) {
    float: right;
    visibility: hidden
}

#shop_order_list tr td:nth-child(5) i {
    visibility: hidden
}

#shop_cateogry_list tr:hover td:nth-child(2) a:not(:first-child),
#shop_cateogry_list tr:hover td:nth-child(3) a,
#shop_product_list tr:hover td:nth-child(2) a:not(:first-child),
#shop_product_list tr:hover td:nth-child(3) a,
#shop_order_list tr:hover td:nth-child(2) a:not(:first-child),
#shop_order_list tr:hover td:nth-child(4) a,
#shop_order_list tr:hover td:nth-child(5) i,
#shop_page_list tr:hover td:nth-child(2) a:not(:first-child),
#shop_page_list tr:hover td:nth-child(3) a:not(:first-child) {
    visibility: visible
}

#shop_cateogry_list tr td:nth-child(7) .md-checkbox,
#shop_page_list tr td:nth-child(4) .md-checkbox {
    margin-left: 10px
}

#shop_product_list tr td:nth-child(4) .md-checkbox {
    margin-left: 17px
}

tr td.col_product_min {
    min-width: 300px
}

tr td.col_product_max {
    max-width: 200px
}

tr .col_icon i {
    font-size: 24px;
    vertical-align: middle;
    cursor: pointer;
    width: 22px
}

.btn.spinner-up,
.btn.spinner-down {
    margin: 0px
}

.btn.spinner-up i {
    color: #3598dc
}

.btn.spinner-down i {
    color: #e7505a
}

.btn.spinner-up:hover i,
.btn.spinner-down:hover i {
    color: #fff
}

.note-media-browser-picker .library_media_picker i {
    color: #00aff0
}

.note-media-browser-picker .library_media_picker:hover {
    background: #00aff0 !important;
    cursor: pointer
}

.note-media-browser-picker .library_media_picker:hover i {
    color: #fff
}

/*zConfirm*/
#PSZ-APP-confirm-modal {
    cursor: default;
    border: none !important
}

#PSZ-APP-confirm-modal.no-radius,
#PSZ-APP-confirm-modal.no-radius .modal-footer button {
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -webkit-border-radius: 0px !important
}

#PSZ-APP-confirm-modal.no-shadow {
    -ms-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.PSZ-APP-alert-modal,
.PSZ-APP-alert-modal .modal-header {
    padding: 0px !important
}

.PSZ-APP-alert-modal .modal-header {
    color: #fff;
    border: none !important
}

.PSZ-APP-alert-modal .modal-header i {
    font-size: 24px !important;
    padding: 20px !important
}

.PSZ-APP-alert-modal .modal-body,
.PSZ-APP-alert-modal .modal-footer {
    background-color: #fff !important
}

.PSZ-APP-alert-modal .modal-footer {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    text-align: center !important
}

.PSZ-APP-alert-modal .modal-footer button {
    margin: 0px 10px !important;
    cursor: pointer !important;
    border: 1px solid transparent !important
}

.PSZ-APP-alert-modal .modal-footer button:focus {
    border: 1px dashed #ddd !important
}

.PSZ-APP-alert-modal .modal-footer button:hover {
    background-color: #999999 !important;
    color: #fff !important
}

.PSZ-APP-alert-modal .modal-footer .confirm_confirm {
    background-color: #999999;
    color: #fff
}

.PSZ-APP-alert-modal .modal-footer .confirm_confirm:hover {
    color: #ccc !important
}

/**************************************

zConfirm  : Elegant Modal JavaScript prompt()
Author:   Phong Thai
Copyright:  http://www.gomymobi.com/
Email:    hello@gomymobi.com

**************************************/

/* prevent modal overlay shows scrollbar when open multiple modals */
.modal-open {
  overflow: hidden !important;
  cursor: not-allowed;
}
.modal-backdrop {
  background-color: #ccc !important;
}
.modal-backdrop.in {
  background-color: #ccc !important;
  opacity: 0.5;
}
.modal-header {
  background-color: #999999;
  color: #fff;
  padding-right: 0px;
}
#PSZ-APP-prompt-modal {
  cursor               : default;
  border: none !important;
}
#PSZ-APP-prompt-modal.no-radius,
#PSZ-APP-prompt-modal.no-radius .modal-footer button {
  border-radius        : 0px !important;
  -moz-border-radius   : 0px !important;
  -ms-border-radius    : 0px !important;
  -webkit-border-radius: 0px !important;
}
#PSZ-APP-prompt-modal.no-shadow {
  -ms-box-shadow    : none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow   : none !important;
  box-shadow        : none !important;
}
#PSZ-APP-prompt-input {
  margin-bottom: 10px;
  width: 100%;
  border: 3px solid rgba(204,204,204,1) !important;
  background-color: rgba(233,233,233,1) !important;
  color: rgba(102,102,102,1) !important;
  -webkit-box-shadow: inset 0 0 0 0 !important;
     -moz-box-shadow: inset 0 0 0 0 !important;
          box-shadow: inset 0 0 0 0 !important;
  -webkit-transition: all ease 0.5s !important;
  -moz-transition: all ease 0.5s !important;
  transition: all ease 0.5s !important;

  height: 33px !important;
  line-height: 33px !important;
  outline: none !important;
  box-shadow: none !important;
  text-align: left;
  display: block !important;
  font: normal 15px Verdana, Arial !important;
}
#PSZ-APP-prompt-input:active,
#PSZ-APP-prompt-input:focus {
  background-color: rgba(255,255,255,1) !important;
}
#PSZ-APP-prompt-input.success {
  -webkit-box-shadow: inset 0 0 0 0 rgba(18, 128, 35, 1) !important;
     -moz-box-shadow: inset 0 0 0 0 rgba(18, 128, 35, 1) !important;
          box-shadow: inset 0 0 0 0 rgba(18, 128, 35, 1) !important;
}
#PSZ-APP-prompt-input.success:active,
#PSZ-APP-prompt-input.success:focus {
  border-color: rgba(18, 128, 35, 1) !important;
  -webkit-box-shadow: inset 600px 0 0 0 #ffffff !important;
     -moz-box-shadow: inset 600px 0 0 0 #ffffff !important;
          box-shadow: inset 600px 0 0 0 #ffffff !important;
}
#PSZ-APP-prompt-input.warning {
  -webkit-box-shadow: inset 0 0 0 0 #f0a30a !important;
     -moz-box-shadow: inset 0 0 0 0 #f0a30a !important;
          box-shadow: inset 0 0 0 0 #f0a30a !important;
}
#PSZ-APP-prompt-input.warning:active,
#PSZ-APP-prompt-input.warning:focus {
  border-color: #f0a30a !important;
  -webkit-box-shadow: inset 600px 0 0 0 #ffffff !important;
     -moz-box-shadow: inset 600px 0 0 0 #ffffff !important;
          box-shadow: inset 600px 0 0 0 #ffffff !important;
}
#PSZ-APP-prompt-input.ask {
  -webkit-box-shadow: inset 0 0 0 0 #1ba1e2 !important;
     -moz-box-shadow: inset 0 0 0 0 #1ba1e2 !important;
          box-shadow: inset 0 0 0 0 #1ba1e2 !important;
}
#PSZ-APP-prompt-input.ask:active,
#PSZ-APP-prompt-input.ask:focus {
  border-color: #1ba1e2 !important;
  -webkit-box-shadow: inset 600px 0 0 0 #ffffff !important;
     -moz-box-shadow: inset 600px 0 0 0 #ffffff !important;
          box-shadow: inset 600px 0 0 0 #ffffff !important;
}
#PSZ-APP-prompt-input.error {
  -webkit-box-shadow: inset 0 0 0 0 #a20025 !important;
     -moz-box-shadow: inset 0 0 0 0 #a20025 !important;
          box-shadow: inset 0 0 0 0 #a20025 !important;
}
#PSZ-APP-prompt-input.error:active,
#PSZ-APP-prompt-input.error:focus {
  border-color: #a20025 !important;
  -webkit-box-shadow: inset 600px 0 0 0 #ffffff !important;
     -moz-box-shadow: inset 600px 0 0 0 #ffffff !important;
          box-shadow: inset 600px 0 0 0 #ffffff !important;
}
#PSZ-APP-prompt-input.info {
  -webkit-box-shadow: inset 0 0 0 0 #647687 !important;
     -moz-box-shadow: inset 0 0 0 0 #647687 !important;
          box-shadow: inset 0 0 0 0 #647687 !important;
}
#PSZ-APP-prompt-input.info:active,
#PSZ-APP-prompt-input.info:focus {
  border-color: #647687 !important;
  -webkit-box-shadow: inset 600px 0 0 0 #ffffff !important;
     -moz-box-shadow: inset 600px 0 0 0 #ffffff !important;
          box-shadow: inset 600px 0 0 0 #ffffff !important;
}
.PSZ-APP-alert-modal,
.PSZ-APP-alert-modal .modal-header {
  padding: 0px !important;
}
.PSZ-APP-alert-modal .modal-header {
  /* background-color: #999999; */
  color: #fff;
  border: none !important;
}
.PSZ-APP-alert-modal .modal-header i {
  font-size: 24px !important;
  padding: 20px !important;
}
.PSZ-APP-alert-modal .modal-body,
.PSZ-APP-alert-modal .modal-footer {
  background-color: #fff !important;
}
.PSZ-APP-alert-modal .modal-footer {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  text-align: center !important;
}
.PSZ-APP-alert-modal .modal-footer button {
  margin: 0px 10px !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
}
.PSZ-APP-alert-modal .modal-footer button:focus {
  border: 1px dashed #ddd !important;
}
.PSZ-APP-alert-modal .modal-footer button:hover {
  background-color: #999999 !important;
  color: #fff !important;
}
.PSZ-APP-alert-modal .modal-footer .prompt_ok {
  background-color: #999999;
  color: #fff;
}
.PSZ-APP-alert-modal .modal-footer .prompt_ok:hover {
  color: #ccc !important;
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 100%;
    width: 100%;
    height: 10px
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px transparent, 0 0 5px transparent;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -moz-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 9999;
    top: 23px;
    right: 15px;
    width: 24px;
    height: 24px;
    border: solid 4px transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.app_settings_form .nav-tabs li a,
.app_settings_form .nav-tabs i,
.user_settings_form .nav-tabs li a,
.user_settings_form .nav-tabs i {
    font-size: 24px
}

.app_settings_form .control-label,
.app_settings_form .control-label:hover small {
    color: #000 !important
}

.app_settings_form .control-label.cur-hand {
    text-align: left !important;
    margin-top: -8px
}

.favicon {
    width: 40px
}

.favicon img {
    width: 16px;
    height: 16px
}

.favicon img#fav_uploading {
    position: relative;
    margin-top: -16px
}

.builder_logo {
    width: 120px
}

#builder_logo_current {}

#builder_logo_uploading {
    position: relative;
    margin-top: -20px
}

.noUi-handle {
    cursor: pointer !important
}

.noUi-handle {
    box-shadow: none;
    font-weight: bold;
    font-size: 16px;
    text-align: center !important;
    border-width: 2px;
    padding: 0px 5px !important;
    width: 44px !important;
    left: -20px !important;
    color: #fff
}

.noUi-handle:before,
.noUi-handle:after {
    background: transparent;
    width: 0px
}

#app_avatar_size_slider .noUi-handle {
    color: #1ba1e2
}

#app_avatar_dimension_slider .noUi-handle {
    color: #00aba9
}

#sys_max_logins_fail_slider .noUi-handle {
    background: #1ba1e2
}

#sys_max_logins_time_slider .noUi-handle {
    background: #F7CA18
}

#sys_pagination_range_slider .noUi-handle {
    background: #9A12B3
}

#sys_themes_listing_number_slider .noUi-handle {
    background: #26C281
}

#sys_subdomain_max_length_slider .noUi-handle {
    background: #D91E18
}

#listing_box .actions>a {
    margin: 0
}

#listing_box .more_info {
    color: #c5c5c5;
    text-decoration: none
}

#listing_box .more_info:hover {
    color: #000
}

#listing_box .list-group>li {
    border-left: none;
    border-right: none
}

#listing_box .list-group>li:first-child,
#listing_box .list-group>li:last-child {
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important
}

#listing_box .list-group-item {
    font-size: 18px !important
}

#listing_box .more_info_li {
    display: none;
    list-style: none !important
}

#listing_box .list-group-item a>img {
    width: 26px;
    height: 26px
}

#user_add_edit_form .control-label {
    color: #000 !important;
    font-weight: bold
}

.users_add_edit_options .control-label {
    text-align: left !important;
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 10px;
    line-height: 18px;
    width: 100%
}

#user_add_edit_form .form-body>div>div {
    padding-left: 0px
}

#user_add_edit_form .form-body .col-lg-6 {
    padding-left: 10px
}

.commands-group button {
    margin-right: -5px !important
}

.PSZ_table_container .PSZ_table_search {
    margin-top: -10px
}

.PSZ_table th,
.PSZ_table td {
    border: 1px solid #eeeeee
}

.PSZ_table td.sorted_column a {
    color: #fff
}

.PSZ_table td.td_button_hide>a {
    visibility: hidden
}

.PSZ_table tr:hover td.td_button_hide>a {
    visibility: visible
}

.PSZ_table td.td_button_on_right a {
    float: right;
    visibility: hidden
}

.PSZ_table tr:hover td.td_button_on_right a {
    visibility: visible
}

.PSZ_table .td_col_active {
    width: 30px
}

.PSZ_table .td_col_active .md-checkbox {
    margin-left: 10px
}

#plan_list th {
    vertical-align: middle
}

#users_list tr td:nth-child(3) a:not(:first-child),
#system_log tr td:nth-child(3) a:not(:first-child),
#plan_list tr td:nth-child(2) a,
#payments_list tr td:nth-child(1) a:not(:first-child) {
    float: right;
    visibility: hidden
}

#users_list tr:hover td:nth-child(3) a,
#system_log tr:hover td:nth-child(3) a,
#plan_list tr:hover td:nth-child(2) a,
#payments_list tr:hover td:nth-child(1) a {
    visibility: visible
}

#system_log td {
    line-height: 34px
}

#system_log tr td:nth-child(3) a:not(:first-child) {
    margin-top: 7px
}

#system_log tr td:nth-child(2) {
    text-align: center
}

#users_list tr td:nth-child(6) .md-checkbox {
    margin-left: 20px
}

#users_list tr td:nth-child(n+7):nth-child(odd) .md-checkbox {
    margin-left: 15px
}

#users_list tr td:nth-child(8) .md-checkbox,
#plan_list tr td:nth-child(6) .md-checkbox,
#payments_list tr td:nth-child(9) .md-checkbox,
#payments_list tr td:nth-child(10) .md-checkbox,
#accoount_payments_list tr td:nth-child(9) .md-checkbox {
    margin-left: 10px;
}

#payments_list tr td:nth-child(9) .md-checkbox,
#accoount_payments_list tr td:nth-child(8) .md-checkbox {
    margin-left: 10px;
}

#payments_list tr td:nth-child(4n) {
    text-align: right;
}

.pagination_buttons button,
.pagination_buttons a {
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin: 0px !important;
}

.dashboard_card {
    padding: 0
}

.dashboard_card .dashboard-stat {
    padding: 10px;
    background-color: #ccc;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important
}

.dashboard_card div.active {
    padding: 0
}

.dashboard_card div.active .blue-soft {
    background-color: #447dad
}

.dashboard_card div.active .red-soft {
    background-color: #d05454
}

.dashboard_card div.active .green-jungle {
    background-color: #26C281
}

.dashboard_card div.active .yellow-gold {
    background-color: #E87E04
}

.in_this_month ul.nav li:first-child h3,
.in_this_month h3 {
    line-height: 40px
}

.in_this_month ul.nav li:not(:first-child) {
    float: right;
    margin-right: 0px !important
}

body.RTL .in_this_month ul.nav li:not(:first-child) {
    float: left;
    margin-left: 0px !important
}

.stats_charts {
    text-align: center;
    border-width: 5px !important;
    border-style: solid
}

.stats_charts>div:not(:first-child) {
    display: none
}

.stats_charts>div>div {
    margin: 0;
    padding: 0
}

.stats_charts .stats_pie_charts {
    height: 345px
}

.stats_charts h2 {
    background-color: #e9edef;
    padding: 10px
}

.stats_charts .stats_charts_tab h3 {
    color: #95A5A6;
    cursor: pointer
}

.stats_charts .stats_charts_tab h3.active,
.stats_charts .stats_charts_tab h3:hover {
    color: #000
}

.stats_this_month .chart,
#stats_traffic_chart {
    height: 500px
}

.stats_recent_logs li>span {
    margin: 0;
    margin-right: 5px
}

#GMM_modal_theme_preview {
    padding: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    width: 100%;
    height: 100vh
}

#GMM_theme_previewer_header_bar {
    z-index: 9999999999 !important
}

#GMM_theme_previewer_header_bar .page-logo {
    text-align: center !important;
    padding-left: 35px
}

#GMM_theme_previewer_header_bar .page-logo a {
    width: 100%
}

#GMM_theme_previewer_header_bar .page-top {
    background-color: #fafafa !important;
    border-bottom: 1px solid #fafafa !important
}

#GMM_theme_previewer_header_bar .page-top:hover {
    border-bottom-color: #26C281 !important;
    background-color: #fff !important
}

body.page-sidebar-closed #GMM_theme_previewer_header_bar .page-logo {
    text-align: left !important;
    padding-left: 10px !important
}

body.page-sidebar-closed #GMM_theme_previewer_header_bar .page-logo img:last-child {
    display: block !important
}

#GMM_modal_theme_preview .close_previewer {
    padding: 27px 16px 17px 16px !important;
    border-right: 3px solid #e9edef;
    color: #e9edef
}

#GMM_modal_theme_preview .close_previewer:hover {
    border-right-color: #FB5557
}

.builder-funtions i,
#GMM_modal_theme_preview .navbar-nav .close_previewer i {
    font-size: 30px !important
}

#GMM_modal_theme_preview .navbar-nav:hover a,
#GMM_modal_theme_preview .theme_download {
    background-color: transparent !important
}

#GMM_modal_theme_preview .navbar-nav:hover .theme_preview_create {
    color: #fff;
    background-color: #26C281 !important
}

.builder-funtions label {
    margin-left: 0;
    margin-right: 0
}

.builder-funtions label.active i,
.builder-funtions label.active div {
    color: #fff
}

.builder-tools {
    display: none
}

.builder-tools .reload_current_page {
    left: -45px;
    padding-top: 10px;
    font-size: 18px;
    cursor: pointer;
    color: #aaa;
    position: relative
}

.builder-tools .reload_current_page:hover {
    color: #3598dc !important
}

#GMM_modal_theme_preview .page-actions label {
    margin: 3px 1px 0px 1px !important
}

#GMM_modal_theme_preview .page-actions label.active {
    background-color: #999999;
    color: #fff
}

#GMM_modal_theme_preview .navbar-nav:hover .close_previewer i {
    color: #FB5557 !important
}

#GMM_modal_theme_preview.modal-full-no-scroll {
    width: 100% !important
}

#GMM_modal_theme_preview.modal-full-no-scroll .modal-body {
    margin-top: 37px !important
}

#GMM_theme_previewer_iframe {
    background-color: white;
    box-shadow: 0 0 10px #666;
    display: block !important;
    height: calc(100vh - 68px);
    max-width: 100% !important;
    width: 100%;
    padding: 0px !important;
    overflow: hidden !important;
    margin: 0px auto !important;
    -webkit-transform: translateZ(0)
}

.theme_preview_dropdown {
    margin: auto 15px;
    top: 18px
}

#GMM_modal_theme_preview .theme_preview_create,
#GMM_modal_theme_preview .theme_download {
    padding: 25px 40px 23px 40px !important;
    font-size: 30px;
    font-weight: bold;
    background-color: #1BBC9B;
    color: #fff;
    font-family: Orbitron
}

#GMM_modal_theme_preview .theme_download {
    padding: 30px 10px 18px 0px !important
}

#GMM_modal_theme_preview .theme_download i {
    font-size: 40px !important;
    color: #ccc
}

#GMM_modal_theme_preview .theme_download:hover i {
    color: #00aba9
}

@media (max-width:768px) {
    #GMM_modal_theme_preview .page-header {
        height: 68px
    }
    #GMM_modal_theme_preview .page-top {
        float: right !important;
        position: relative !important;
        top: -68px !important;
        margin-top: 18px
    }
    #GMM_theme_previewer_iframe {
        width: 100% !important
    }
}

#theme_chooser_listing .theme_filter {
    text-align: center;
    margin-top: 5px !important;
    margin-bottom: -10px !important
}

#theme_chooser_listing .theme_filter a {
    margin: 3px 0px
}

.filter_theme_search {
    margin-top: 5px
}

#theme_chooser_listing .theme_filter a i {
    display: none
}

#theme_chooser_listing .theme_filter a.active {
    background-color: #5C9BD1;
    color: #fff !important
}

#theme_chooser_listing .theme_filter a.active i {
    display: inline-block
}

#theme_chooser_listing .theme_cell {
    margin-bottom: 5px;
    padding: 20px !important;
    padding-top: 0px !important;
    text-align: center !important;
    height: 300px !important;
    clear: right
}

#theme_chooser_listing .theme_cell:hover {
    background-color: #ccc
}

#theme_chooser_listing .theme_cell a {
    font: bold 20px '';
    width: 100% !important
}

#theme_chooser_listing .theme_cell .theme_labels {
    width: 320px;
    margin: 0px auto
}

#theme_chooser_listing .theme_cell .theme_preview_img {
    width: 320px;
    height: 240px
}

#theme_chooser_listing .theme_cell:hover a img {
    opacity: .2;
    -webkit-transition: opacity .45s linear;
    -o-transition: opacity .45s linear;
    transition: opacity .45s linear
}

#theme_chooser_listing .theme_cell .theme_actions {
    height: 45px;
    text-align: center;
    display: none;
    top: -27% !important
}

#theme_chooser_listing .theme_cell:hover .theme_actions {
    display: block;
    display: inline-block
}

#theme_chooser_listing .theme_cell:hover .theme_quick_start {
    -webkit-animation: slideInLeft 300ms linear;
    -moz-animation: slideInLeft 300ms linear;
    animation: slideInLeft 300ms linear
}

#theme_chooser_listing .theme_cell:hover .theme_previewing {
    -webkit-animation: slideInRight 300ms linear;
    -moz-animation: slideInRight 300ms linear;
    animation: slideInRight 300ms linear
}

#theme_chooser_listing .theme_actions a,
#theme_chooser_details .theme_info a.btn {
    margin: 5px 0px;
    width: 100%;
    font: bold 20px '';
    color: #fff;
    border-style: solid;
    border-width: 5px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important
}

#theme_chooser_listing .theme_actions a i,
#theme_chooser_details .theme_info a.btn i {
    margin-top: -5px !important;
    font-size: 26px;
    vertical-align: middle
}

#theme_chooser_listing .theme_actions a.theme_quick_start,
#theme_chooser_details .theme_info a.theme_quick_start {
    border-color: #26C281;
    background-color: #26C281
}

#theme_chooser_listing .theme_actions a.theme_previewing,
#theme_chooser_details .theme_info a.theme_previewing {
    border-color: #3598dc;
    background-color: #3598dc
}

#theme_chooser_details .theme_info a.theme_download {
    border-color: #8E44AD;
    background-color: #8E44AD
}

#theme_chooser_listing .theme_actions a:hover,
#theme_chooser_details .theme_info a:hover {
    background-color: transparent
}

#theme_chooser_listing .theme_actions a:hover i,
#theme_chooser_details .theme_info a:hover i {
    background-color: transparent;
    -webkit-animation: rubberBand 700ms linear;
    -moz-animation: rubberBand 700ms linear;
    animation: rubberBand 700ms linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

#theme_chooser_listing .theme_actions a.theme_quick_start:hover,
#theme_chooser_details .theme_info a.theme_quick_start:hover {
    color: #26C281
}

#theme_chooser_listing .theme_actions a.theme_previewing:hover,
#theme_chooser_details .theme_info a.theme_previewing:hover {
    color: #3598dc
}

#theme_chooser_details .theme_info a.theme_download:hover {
    color: #8E44AD
}

.theme_create_site,
.frontpage_activate {
    padding: 0;
    text-align: center;
    border: none
}

.theme_create_site a,
.frontpage_activate a {
    width: 100%;
    padding: 20px 0px 15px 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border: 5px solid #26C281 !important;
    background-color: #26C281;
    color: #26C281
}

.theme_create_site a label,
.frontpage_activate a label {
    display: inline-block;
    font: bold 16px '';
    cursor: pointer;
    padding: 0
}

.theme_create_site a i,
.frontpage_activate a i {
    font-size: 32px;
    color: #fff;
    vertical-align: top;
    margin-top: 2px
}

.theme_create_site a:hover,
.frontpage_activate a:hover {
    background-color: transparent !important
}

.theme_create_site a:hover label,
.frontpage_activate a:hover label {
    -webkit-animation: theme_create_site_rotate 1s forwards;
    -moz-animation: theme_create_site_rotate 1s forwards;
    animation: theme_create_site_rotate 1s forwards
}

@-webkit-keyframes theme_create_site_rotate {
    0% {
        -webkit-transform: rotateX(0deg);
        color: #000
    }
    50% {
        -webkit-transform: rotateX(180deg);
        color: transparent
    }
    100% {
        -webkit-transform: rotateX(0deg);
        color: #26C281
    }
}

@-moz-keyframes theme_create_site_rotate {
    0% {
        -moz-transform: rotateX(0deg);
        color: #000
    }
    50% {
        -moz-transform: rotateX(180deg);
        color: transparent
    }
    100% {
        -moz-transform: rotateX(0deg);
        color: #26C281
    }
}

@keyframes theme_create_site_rotate {
    0% {
        transform: rotateX(0deg);
        color: #000
    }
    50% {
        transform: rotateX(180deg);
        color: transparent
    }
    100% {
        transform: rotateX(0deg);
        color: #26C281
    }
}

.theme_create_site a:hover i,
.frontpage_activate a:hover i {
    color: #26C281;
    -webkit-animation: theme_create_site_animate 500ms forwards;
    -moz-animation: theme_create_site_animate 500ms forwards;
    animation: theme_create_site_animate 500ms forwards
}

.frontpage_activate a.frontpage_activated {
    color: #fff;
    background-color: #e43a45;
    border-color: #e43a45 !important
}

.frontpage_activate a.frontpage_activated:hover label,
.frontpage_activate a.frontpage_activated:hover i {
    color: #e43a45 !important
}

@-webkit-keyframes theme_create_site_animate {
    0% {
        -webkit-transform: scale(1) rotateY(0deg)
    }
    50% {
        -webkit-transform: scale(2) rotateY(180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateY(0deg)
    }
}

@-moz-keyframes theme_create_site_animate {
    0% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(2)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@keyframes theme_create_site_animate {
    0% {
        -moz-transform: scale(1) rotateY(0deg)
    }
    50% {
        -moz-transform: scale(2) rotateY(180deg)
    }
    100% {
        -moz-transform: scale(1) rotateY(0deg)
    }
}

.theme_label {
    position: relative;
    border-style: solid;
    border-width: 30px;
    border-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7
}

.theme_label i {
    position: absolute;
    font-size: 24px !important;
    color: #fff
}

.theme_cell:hover .theme_label {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.theme_label_charge {
    float: left;
    top: -240px;
    left: 0;
    border-left-color: #E87E04;
    border-top-color: #E87E04
}

.theme_label_charge i {
    top: -18px;
    left: -23px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.theme_label_charge:hover {
    border-left-color: #F7CA18;
    border-top-color: #F7CA18
}

.theme_label_new {
    float: right;
    top: 0;
    right: 0;
    top: -240px;
    border-right-color: #1ba1e2;
    border-top-color: #1ba1e2
}

.theme_label_new span {
    position: absolute;
    top: -20px;
    right: -25px;
    font: bold 16px 'Satisfy';
    color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.theme_label_new:hover {
    border-right-color: #32c5d2;
    border-top-color: #32c5d2
}

.theme_label_hot {
    float: left;
    bottom: 0;
    left: -60px;
    margin-top: -60px;
    border-left-color: #D91E18;
    border-bottom-color: #D91E18
}

.theme_label_hot i {
    bottom: -18px;
    left: -25px
}

.theme_label_hot:hover,
.theme_label_downloadable:hover {
    border-color: transparent
}

.theme_label_hot:hover i {
    color: #D91E18;
    -webkit-animation: animation_zoom_inout 700ms linear;
    -moz-animation: animation_zoom_inout 700ms linear;
    animation: animation_zoom_inout 700ms linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.theme_label_downloadable {
    float: right;
    bottom: 0;
    right: -60px;
    margin-top: -60px;
    border-right-color: #26C281;
    border-bottom-color: #26C281
}

.theme_label_downloadable i {
    bottom: -18px;
    right: -23px
}

.theme_label_downloadable:hover i {
    color: #26C281;
    -webkit-animation: animation_zoom_inout 700ms linear;
    -moz-animation: animation_zoom_inout 700ms linear;
    animation: animation_zoom_inout 700ms linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes animation_zoom_inout {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(2)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes animation_zoom_inout {
    0% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(2)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-moz-keyframes animation_zoom_inout {
    0% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(2)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-webkit-keyframes animation_shake {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(2)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes animation_shake {
    0% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(2)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-moz-keyframes animation_shake {
    0% {
        -moz-transform: rotateX(45deg)
    }
    50% {
        -moz-transform: rotateX(90deg)
    }
    100% {
        -moz-transform: rotateX(180deg)
    }
}

#theme_chooser_details .theme_screenshots {
    padding-bottom: 20px
}

#theme_chooser_details .carousel-inner>.item>img {
    margin: 0 auto;
    top: -50px !important;
    min-width: 640px;
    min-height: 480px;
    max-width: 640px;
    max-height: 480px
}

#theme_chooser_details .carousel-control {
    background: transparent url() !important;
    width: 100px !important
}

#theme_chooser_details .carousel-control span {
    color: #4c87b9;
    font-size: 42px
}

#theme_chooser_details .carousel-caption {
    top: -60px;
    color: #000 !important;
    text-shadow: none;
    height: auto
}

#theme_chooser_details img {
    margin-top: 40px !important
}

.carousel-indicators-numbers li {
    text-indent: 0;
    margin: 0 2px;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 100%;
    line-height: 30px;
    color: #fff;
    background-color: #eee;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.carousel-indicators-numbers li.active,
.carousel-indicators-numbers li:hover {
    margin: 0 2px;
    width: 30px;
    height: 30px;
    background-color: #337ab7
}

#theme_chooser_details .theme_info div {
    padding: 0px !important;
    margin: 0
}

#theme_chooser_details .theme_info>div:nth-child(1) {
    margin-bottom: 30px
}

#theme_chooser_details .theme_info>div>div>div:nth-child(1) {
    padding-left: 5px
}

#theme_chooser_details .theme_info>div>div>div:nth-child(2) {
    font-weight: bold
}

#theme_chooser_details .theme_next_prev a {
    padding: 10px 0px;
    font: bold 22px '';
    color: #BFBFBF;
    background-color: #E5E5E5
}

#theme_chooser_details .theme_next_prev a[disabled],
#theme_chooser_details .theme_next_prev a[disabled] i {
    color: #E5E5E5
}

#theme_chooser_details .theme_next_prev:hover a {
    background-color: #bfcad1;
    color: #525e64
}

#theme_chooser_details .theme_next_prev:hover a[disabled],
#theme_chooser_details .theme_next_prev:hover a[disabled] i {
    color: #bfcad1
}

#theme_chooser_details .theme_next_prev a:hover {
    color: #4c87b9
}

#theme_chooser_details .theme_next_prev a i {
    font-size: 22px;
    vertical-align: middle
}

#theme_chooser_details .theme_prev {
    padding-left: 10px !important
}

#theme_chooser_details .theme_details_close {
    text-align: center
}

#theme_chooser_details .theme_next {
    padding-right: 10px !important;
    text-align: right
}

.spinner-up,
.spinner-down {
    padding-left: 5px;
    padding-right: 5px
}

.spinner-up:hover {
    background-color: #00aff0;
    color: #fff
}

.spinner-down:hover {
    background-color: #ce352c;
    color: #fff
}

body.page-boxed .page-top {
    display: none
}

body.page-boxed .page-header {
    background-color: white
}

.dropdown-notification .dropdown-menu {
    min-width: 430px !important
}

@media (max-width:991px) {
    #gomymobi_main_container,
    #gomymobi_builder {
        padding: 0 !important
    }
}

@media (min-width:480px) and (max-width:767px) {
    #gomymobi_main_container,
    #gomymobi_builder {
        padding-top: 68px !important
    }
    #gomymobi_builder_frame {
        margin-bottom: -5px !important
    }
}

#gomymobi_builder_frame {
    padding: 0px;
    width: 100%;
    max-width: 100%;
    box-shadow: 0 0 10px #666;
    height: 100%
}

.user_menus {
    position: relative;
    right: -20px;
    top: -1px
}

@media (max-width:991px) {
    .user_menus {
        right: 0px !important;
        top: 0px !important
    }
    .page-header {
        background-color: white
    }
}

@media (max-width:767px) {
    .page-sidebar {
        margin-top: 90px !important
    }
    .user_menus li.dropdown .dropdown-toggle:hover,
    .page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle {
        background-color: transparent !important
    }
    .user_menus li.dropdown .dropdown-toggle:hover i {
        color: #fff !important
    }
}

.nav.pull-right>li>.dropdown-menu {
    right: 5px
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    color: red
}

.avatar_char_sm {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 3px 10px;
    font-family: 'Holtwood One SC', serif
}

.avatar_char_A {
    background-color: #008a00
}

.avatar_char_B {
    background-color: #00aba9
}

.avatar_char_C {
    background-color: #1ba1e2
}

.avatar_char_D {
    background-color: #0050ef
}

.avatar_char_E {
    background-color: #6a00ff
}

.avatar_char_F {
    background-color: #aa00ff
}

.avatar_char_G {
    background-color: #dc4fad
}

.avatar_char_H {
    background-color: #a20025
}

.avatar_char_I {
    background-color: #fa6800
}

.avatar_char_J {
    background-color: #f0a30a
}

.avatar_char_K {
    background-color: #e3c800
}

.avatar_char_L {
    background-color: #825a2c
}

.avatar_char_M {
    background-color: #6d8764
}

.avatar_char_N {
    background-color: #647687
}

.avatar_char_O {
    background-color: #76608a
}

.avatar_char_P {
    background-color: #63362f
}

.avatar_char_Q {
    background-color: #81003c
}

.avatar_char_R {
    background-color: #4b0096
}

.avatar_char_S {
    background-color: #004050
}

.avatar_char_T {
    background-color: #128023
}

.avatar_char_U {
    background-color: #bf5a15
}

.avatar_char_V {
    background-color: #00ccff
}

.avatar_char_W {
    background-color: #78aa1c
}

.avatar_char_X {
    background-color: #c29008
}

.avatar_char_Y {
    background-color: #f472d0
}

.avatar_char_Z {
    background-color: #da5a53
}

#user_avatar_uploader {
    width: 150px;
    height: 150px;
    min-width: 150px;
    min-height: 150px
}

#user_avatar_uploader:hover {
    background-color: #1ba1e2 !important
}

#user_avatar_uploading {
    top: -170px !important
}

.PSZ_breadcums i {
    font-size: 22px !important
}

.PSZ_APP_account_expired {
    margin-top: -22px;
    margin-left: -15px
}

.PSZ_APP_loading {
    font-size: 42px;
    font-family: 'Indie Flower', cursive
}

.dropdown-notification>a {
    padding-bottom: 16px !important
}

.dropdown-notification>a>i {
    font-size: 28px !important;
    padding-bottom: -10px;
    -webkit-animation-duration: 1.5s !important;
    -moz-animation-duration: 1.5s !important;
    -ms-animation-duration: 1.5s !important;
    -o-animation-duration: 1.5s !important;
    animation-duration: 1.5s !important
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .time {
    max-width: 125px
}

.gomymobi_PRO {
    color: #fa6800 !important
}

#GMM_modal_preparing_site {
    text-align: center
}

#GMM_modal_preparing_site h1 {
    font-family: 'Satisfy', cursive;
    font-size: 40px;
    font-weight: bold
}

input[type="checkbox"] {
    cursor: pointer
}

button:disabled {
    cursor: not-allowed;
    pointer-events: all !important
}

.bg-transparent-squares {
    background-color: #fff !important;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05)), linear-gradient(45deg, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05)) !important;
    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05)), -webkit-linear-gradient(45deg, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05)) !important;
    background-size: 48px 48px !important;
    background-position: 0 0, 24px 24px !important
}

.bg-img-cover {
    background: url() no-repeat center center fixed;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important
}

.tooltip {
    z-index: 10051 !important
}

.centering {
    margin: auto !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important
}

.centering-fixed {
    margin: 27% 50% 27% 50% !important
}

.lowercase {
    text-transform: none
}

.toast-bottom-right {
    bottom: 30px !important
}

#toast-container>div:first-child {
    opacity: 1 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    filter: alpha(opacity=100) !important
}

#toast-container>:first-child:hover {
    opacity: 0.8 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80) !important;
    filter: alpha(opacity=80) !important
}

.modal {
    max-height: calc(100vh) !important;
    overflow-y: auto
}

.modal-open {
    overflow: hidden !important
}

@media (max-width:999px) {
    #GMM_modal_large .modal-open,
    #GMM_modal_small .modal-open,
    #GMM_modal_media .modal-open {
        overflow-y: auto !important
    }
    .modal:not(.modal-full-no-scroll) {
        max-height: calc(100vh - 30px) !important
    }
}

.modal-header:not(.PSZ_APP_confirm_modal) {
    background-color: #999999;
    color: #fff;
    padding-right: 0px
}

.modal-header .close i {
    margin-top: -15px;
    padding: 10px;
    line-height: 48px;
    font-size: 32px;
    color: #fff
}

.modal-header .close:hover i {
    color: #ce352c
}

.modal-full-no-scroll {
    width: calc(100%) !important;
    height: calc(100%) !important;
    top: 0px !important;
    left: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    overflow: hidden !important
}

.modal-full-no-scroll .modal-body {
    padding: 0px !important;
    margin: 0px !important
}

.PSZ-APP-alert-modal,
.PSZ-APP-alert-modal .modal-header {
    padding: 0
}

.PSZ-APP-alert-modal .modal-header {
    color: #fff
}

.PSZ-APP-alert-modal .modal-header i {
    font-size: 24px;
    padding: 20px
}

.PSZ-APP-alert-modal .modal-body,
.PSZ-APP-alert-modal .modal-footer {
    background-color: #fff
}

.PSZ-APP-alert-modal .modal-footer {
    padding-top: 25px;
    padding-bottom: 25px
}

.bg-button {
    background-color: #d9d9d9 !important
}

.fg-button {
    color: #d9d9d9 !important
}

.ol-button {
    outline-color: #d9d9d9 !important
}

.bd-button {
    border-color: #d9d9d9 !important
}

.bg-hover-button:hover {
    background-color: #000000 !important
}

.fg-hover-button:hover {
    color: #000000 !important
}

.bg-active-button:active {
    background-color: #000000 !important
}

.fg-active-button:active {
    color: #000000 !important
}

.bg-focus-button:focus {
    background-color: #000000 !important
}

.fg-focus-button:focus {
    color: #000000 !important
}

.bg-bst-button-pri {
    background-color: #1ab394 !important
}

.fg-bst-button-pri {
    color: #1ab394 !important
}

.ol-bst-button-pri {
    outline-color: #1ab394 !important
}

.bd-bst-button-pri {
    border-color: #1ab394 !important
}

.bg-hover-bst-button-pri:hover {
    background-color: #1ab394 !important
}

.fg-hover-bst-button-pri:hover {
    color: #1ab394 !important
}

.bg-active-bst-button-pri:active {
    background-color: #1ab394 !important
}

.fg-active-bst-button-pri:active {
    color: #1ab394 !important
}

.bg-focus-bst-button-pri:focus {
    background-color: #1ab394 !important
}

.fg-focus-bst-button-pri:focus {
    color: #1ab394 !important
}

.op-default {
    background-color: rgba(27, 161, 226, 0.7)
}

.op-black {
    background-color: rgba(0, 0, 0, 0.7) !important
}

.op-white {
    background-color: rgba(255, 255, 255, 0.7) !important
}

.op-lime {
    background-color: rgba(164, 196, 0, 0.7) !important
}

.op-green {
    background-color: rgba(96, 169, 23, 0.7) !important
}

.op-emerald {
    background-color: rgba(0, 138, 0, 0.7) !important
}

.op-teal {
    background-color: rgba(0, 171, 169, 0.7) !important
}

.op-cyan {
    background-color: rgba(27, 161, 226, 0.7) !important
}

.op-cobalt {
    background-color: rgba(0, 80, 239, 0.7) !important
}

.op-indigo {
    background-color: rgba(106, 0, 255, 0.7) !important
}

.op-violet {
    background-color: rgba(170, 0, 255, 0.7) !important
}

.op-pink {
    background-color: rgba(220, 79, 173, 0.7) !important
}

.op-magenta {
    background-color: rgba(216, 0, 115, 0.7) !important
}

.op-crimson {
    background-color: rgba(162, 0, 37, 0.7) !important
}

.op-red {
    background-color: rgba(206, 53, 44, 0.7) !important
}

.op-orange {
    background-color: rgba(250, 104, 0, 0.7) !important
}

.op-amber {
    background-color: rgba(240, 163, 10, 0.7) !important
}

.op-yellow {
    background-color: rgba(227, 200, 0, 0.7) !important
}

.op-brown {
    background-color: rgba(130, 90, 44, 0.7) !important
}

.op-olive {
    background-color: rgba(109, 135, 100, 0.7) !important
}

.op-steel {
    background-color: rgba(100, 118, 135, 0.7) !important
}

.op-mauve {
    background-color: rgba(118, 96, 138, 0.7) !important
}

.op-taupe {
    background-color: rgba(135, 121, 78, 0.7) !important
}

.op-gray {
    background-color: rgba(85, 85, 85, 0.7) !important
}

.op-dark {
    background-color: rgba(51, 51, 51, 0.7) !important
}

.op-darker {
    background-color: rgba(34, 34, 34, 0.7) !important
}

.op-transparent {
    background-color: rgba(0, 0, 0, 0.7) !important
}

.op-darkBrown {
    background-color: rgba(99, 54, 47, 0.7) !important
}

.op-darkCrimson {
    background-color: rgba(100, 0, 36, 0.7) !important
}

.op-darkMagenta {
    background-color: rgba(129, 0, 60, 0.7) !important
}

.op-darkIndigo {
    background-color: rgba(75, 0, 150, 0.7) !important
}

.op-darkCyan {
    background-color: rgba(27, 110, 174, 0.7) !important
}

.op-darkCobalt {
    background-color: rgba(0, 53, 106, 0.7) !important
}

.op-darkTeal {
    background-color: rgba(0, 64, 80, 0.7) !important
}

.op-darkEmerald {
    background-color: rgba(0, 62, 0, 0.7) !important
}

.op-darkGreen {
    background-color: rgba(18, 128, 35, 0.7) !important
}

.op-darkOrange {
    background-color: rgba(191, 90, 21, 0.7) !important
}

.op-darkRed {
    background-color: rgba(154, 22, 22, 0.7) !important
}

.op-darkPink {
    background-color: rgba(154, 22, 90, 0.7) !important
}

.op-darkViolet {
    background-color: rgba(87, 22, 154, 0.7) !important
}

.op-darkBlue {
    background-color: rgba(22, 73, 154, 0.7) !important
}

.op-lightBlue {
    background-color: rgba(67, 144, 223, 0.7) !important
}

.op-lightRed {
    background-color: rgba(218, 90, 83, 0.7) !important
}

.op-lightGreen {
    background-color: rgba(122, 214, 29, 0.7) !important
}

.op-lighterBlue {
    background-color: rgba(0, 204, 255, 0.7) !important
}

.op-lightTeal {
    background-color: rgba(69, 255, 253, 0.7) !important
}

.op-lightOlive {
    background-color: rgba(120, 170, 28, 0.7) !important
}

.op-lightOrange {
    background-color: rgba(194, 144, 8, 0.7) !important
}

.op-lightPink {
    background-color: rgba(244, 114, 208, 0.7) !important
}

.op-grayDark {
    background-color: rgba(51, 51, 51, 0.7) !important
}

.op-grayDarker {
    background-color: rgba(34, 34, 34, 0.7) !important
}

.op-grayLight {
    background-color: rgba(153, 153, 153, 0.7) !important
}

.op-grayLighter {
    background-color: rgba(238, 238, 238, 0.7) !important
}

.op-blue {
    background-color: rgba(0, 175, 240, 0.7) !important
}

.bg-black {
    background: #000000 !important
}

.bg-white {
    background: #ffffff !important
}

.bg-lime {
    background: #a4c400 !important
}

.bg-green {
    background: #60a917 !important
}

.bg-emerald {
    background: #008a00 !important
}

.bg-teal {
    background: #00aba9 !important
}

.bg-cyan {
    background: #1ba1e2 !important
}

.bg-cobalt {
    background: #0050ef !important
}

.bg-indigo {
    background: #6a00ff !important
}

.bg-violet {
    background: #aa00ff !important
}

.bg-pink {
    background: #dc4fad !important
}

.bg-magenta {
    background: #d80073 !important
}

.bg-crimson {
    background: #a20025 !important
}

.bg-red {
    background: #ce352c !important
}

.bg-orange {
    background: #fa6800 !important
}

.bg-amber {
    background: #f0a30a !important
}

.bg-yellow {
    background: #e3c800 !important
}

.bg-brown {
    background: #825a2c !important
}

.bg-olive {
    background: #6d8764 !important
}

.bg-steel {
    background: #647687 !important
}

.bg-mauve {
    background: #76608a !important
}

.bg-taupe {
    background: #87794e !important
}

.bg-gray {
    background: #555555 !important
}

.bg-dark {
    background: #333333 !important
}

.bg-darker {
    background: #222222 !important
}

.bg-transparent {
    background: transparent !important
}

.bg-darkBrown {
    background: #63362f !important
}

.bg-darkCrimson {
    background: #640024 !important
}

.bg-darkMagenta {
    background: #81003c !important
}

.bg-darkIndigo {
    background: #4b0096 !important
}

.bg-darkCyan {
    background: #1b6eae !important
}

.bg-darkCobalt {
    background: #00356a !important
}

.bg-darkTeal {
    background: #004050 !important
}

.bg-darkEmerald {
    background: #003e00 !important
}

.bg-darkGreen {
    background: #128023 !important
}

.bg-darkOrange {
    background: #bf5a15 !important
}

.bg-darkRed {
    background: #9a1616 !important
}

.bg-darkPink {
    background: #9a165a !important
}

.bg-darkViolet {
    background: #57169a !important
}

.bg-darkBlue {
    background: #16499a !important
}

.bg-lightBlue {
    background: #4390df !important
}

.bg-lightRed {
    background: #da5a53 !important
}

.bg-lightGreen {
    background: #7ad61d !important
}

.bg-lighterBlue {
    background: #00ccff !important
}

.bg-lightTeal {
    background: #45fffd !important
}

.bg-lightOlive {
    background: #78aa1c !important
}

.bg-lightOrange {
    background: #c29008 !important
}

.bg-lightPink {
    background: #f472d0 !important
}

.bg-grayDark {
    background: #333333 !important
}

.bg-grayDarker {
    background: #222222 !important
}

.bg-grayLight {
    background: #999999 !important
}

.bg-grayLighter {
    background: #eeeeee !important
}

.bg-blue {
    background: #00aff0 !important
}

.fg-black {
    color: #000000 !important
}

.fg-white {
    color: #ffffff !important
}

.fg-lime {
    color: #a4c400 !important
}

.fg-green {
    color: #60a917 !important
}

.fg-emerald {
    color: #008a00 !important
}

.fg-teal {
    color: #00aba9 !important
}

.fg-cyan {
    color: #1ba1e2 !important
}

.fg-cobalt {
    color: #0050ef !important
}

.fg-indigo {
    color: #6a00ff !important
}

.fg-violet {
    color: #aa00ff !important
}

.fg-pink {
    color: #dc4fad !important
}

.fg-magenta {
    color: #d80073 !important
}

.fg-crimson {
    color: #a20025 !important
}

.fg-red {
    color: #ce352c !important
}

.fg-orange {
    color: #fa6800 !important
}

.fg-amber {
    color: #f0a30a !important
}

.fg-yellow {
    color: #e3c800 !important
}

.fg-brown {
    color: #825a2c !important
}

.fg-olive {
    color: #6d8764 !important
}

.fg-steel {
    color: #647687 !important
}

.fg-mauve {
    color: #76608a !important
}

.fg-taupe {
    color: #87794e !important
}

.fg-gray {
    color: #555555 !important
}

.fg-dark {
    color: #333333 !important
}

.fg-darker {
    color: #222222 !important
}

.fg-transparent {
    color: transparent !important
}

.fg-darkBrown {
    color: #63362f !important
}

.fg-darkCrimson {
    color: #640024 !important
}

.fg-darkMagenta {
    color: #81003c !important
}

.fg-darkIndigo {
    color: #4b0096 !important
}

.fg-darkCyan {
    color: #1b6eae !important
}

.fg-darkCobalt {
    color: #00356a !important
}

.fg-darkTeal {
    color: #004050 !important
}

.fg-darkEmerald {
    color: #003e00 !important
}

.fg-darkGreen {
    color: #128023 !important
}

.fg-darkOrange {
    color: #bf5a15 !important
}

.fg-darkRed {
    color: #9a1616 !important
}

.fg-darkPink {
    color: #9a165a !important
}

.fg-darkViolet {
    color: #57169a !important
}

.fg-darkBlue {
    color: #16499a !important
}

.fg-lightBlue {
    color: #4390df !important
}

.fg-lighterBlue {
    color: #00ccff !important
}

.fg-lightTeal {
    color: #45fffd !important
}

.fg-lightOlive {
    color: #78aa1c !important
}

.fg-lightOrange {
    color: #c29008 !important
}

.fg-lightPink {
    color: #f472d0 !important
}

.fg-lightRed {
    color: #da5a53 !important
}

.fg-lightGreen {
    color: #7ad61d !important
}

.fg-grayDark {
    color: #333333 !important
}

.fg-grayDarker {
    color: #222222 !important
}

.fg-grayLight {
    color: #999999 !important
}

.fg-grayLighter {
    color: #eeeeee !important
}

.fg-blue {
    color: #00aff0 !important
}

.ol-black {
    outline-color: #000000 !important
}

.ol-white {
    outline-color: #ffffff !important
}

.ol-lime {
    outline-color: #a4c400 !important
}

.ol-green {
    outline-color: #60a917 !important
}

.ol-emerald {
    outline-color: #008a00 !important
}

.ol-teal {
    outline-color: #00aba9 !important
}

.ol-cyan {
    outline-color: #1ba1e2 !important
}

.ol-cobalt {
    outline-color: #0050ef !important
}

.ol-indigo {
    outline-color: #6a00ff !important
}

.ol-violet {
    outline-color: #aa00ff !important
}

.ol-pink {
    outline-color: #dc4fad !important
}

.ol-magenta {
    outline-color: #d80073 !important
}

.ol-crimson {
    outline-color: #a20025 !important
}

.ol-red {
    outline-color: #ce352c !important
}

.ol-orange {
    outline-color: #fa6800 !important
}

.ol-amber {
    outline-color: #f0a30a !important
}

.ol-yellow {
    outline-color: #e3c800 !important
}

.ol-brown {
    outline-color: #825a2c !important
}

.ol-olive {
    outline-color: #6d8764 !important
}

.ol-steel {
    outline-color: #647687 !important
}

.ol-mauve {
    outline-color: #76608a !important
}

.ol-taupe {
    outline-color: #87794e !important
}

.ol-gray {
    outline-color: #555555 !important
}

.ol-dark {
    outline-color: #333333 !important
}

.ol-darker {
    outline-color: #222222 !important
}

.ol-transparent {
    outline-color: transparent !important
}

.ol-darkBrown {
    outline-color: #63362f !important
}

.ol-darkCrimson {
    outline-color: #640024 !important
}

.ol-darkMagenta {
    outline-color: #81003c !important
}

.ol-darkIndigo {
    outline-color: #4b0096 !important
}

.ol-darkCyan {
    outline-color: #1b6eae !important
}

.ol-darkCobalt {
    outline-color: #00356a !important
}

.ol-darkTeal {
    outline-color: #004050 !important
}

.ol-darkEmerald {
    outline-color: #003e00 !important
}

.ol-darkGreen {
    outline-color: #128023 !important
}

.ol-darkOrange {
    outline-color: #bf5a15 !important
}

.ol-darkRed {
    outline-color: #9a1616 !important
}

.ol-darkPink {
    outline-color: #9a165a !important
}

.ol-darkViolet {
    outline-color: #57169a !important
}

.ol-darkBlue {
    outline-color: #16499a !important
}

.ol-lightBlue {
    outline-color: #4390df !important
}

.ol-lighterBlue {
    outline-color: #00ccff !important
}

.ol-lightTeal {
    outline-color: #45fffd !important
}

.ol-lightOlive {
    outline-color: #78aa1c !important
}

.ol-lightOrange {
    outline-color: #c29008 !important
}

.ol-lightPink {
    outline-color: #f472d0 !important
}

.ol-lightRed {
    outline-color: #da5a53 !important
}

.ol-lightGreen {
    outline-color: #7ad61d !important
}

.ol-grayDark {
    outline-color: #333333 !important
}

.ol-grayDarker {
    outline-color: #222222 !important
}

.ol-grayLight {
    outline-color: #999999 !important
}

.ol-grayLighter {
    outline-color: #eeeeee !important
}

.ol-blue {
    outline-color: #00aff0 !important
}

.bd-black {
    border-color: #000000 !important
}

.bd-white {
    border-color: #ffffff !important
}

.bd-lime {
    border-color: #a4c400 !important
}

.bd-green {
    border-color: #60a917 !important
}

.bd-emerald {
    border-color: #008a00 !important
}

.bd-green-jungle {
    border-color: #26C281 !important
}

.bd-teal {
    border-color: #00aba9 !important
}

.bd-purple-seance {
    border-color: #9A12B3 !important
}

.bd-cyan {
    border-color: #1ba1e2 !important
}

.bd-cobalt {
    border-color: #0050ef !important
}

.bd-indigo {
    border-color: #6a00ff !important
}

.bd-violet {
    border-color: #aa00ff !important
}

.bd-pink {
    border-color: #dc4fad !important
}

.bd-magenta {
    border-color: #d80073 !important
}

.bd-crimson {
    border-color: #a20025 !important
}

.bd-red {
    border-color: #ce352c !important
}

.bd-red-thunderbird {
    border-color: #D91E18 !important
}

.bd-orange {
    border-color: #fa6800 !important
}

.bd-amber {
    border-color: #f0a30a !important
}

.bd-yellow {
    border-color: #e3c800 !important
}

.bd-yellow-lemon {
    border-color: #F7CA18 !important
}

.bd-brown {
    border-color: #825a2c !important
}

.bd-olive {
    border-color: #6d8764 !important
}

.bd-steel {
    border-color: #647687 !important
}

.bd-mauve {
    border-color: #76608a !important
}

.bd-taupe {
    border-color: #87794e !important
}

.bd-gray {
    border-color: #555555 !important
}

.bd-dark {
    border-color: #333333 !important
}

.bd-darker {
    border-color: #222222 !important
}

.bd-transparent {
    border-color: transparent !important
}

.bd-darkBrown {
    border-color: #63362f !important
}

.bd-darkCrimson {
    border-color: #640024 !important
}

.bd-darkMagenta {
    border-color: #81003c !important
}

.bd-darkIndigo {
    border-color: #4b0096 !important
}

.bd-darkCyan {
    border-color: #1b6eae !important
}

.bd-darkCobalt {
    border-color: #00356a !important
}

.bd-darkTeal {
    border-color: #004050 !important
}

.bd-darkEmerald {
    border-color: #003e00 !important
}

.bd-darkGreen {
    border-color: #128023 !important
}

.bd-darkOrange {
    border-color: #bf5a15 !important
}

.bd-darkRed {
    border-color: #9a1616 !important
}

.bd-darkPink {
    border-color: #9a165a !important
}

.bd-darkViolet {
    border-color: #57169a !important
}

.bd-darkBlue {
    border-color: #16499a !important
}

.bd-lightBlue {
    border-color: #4390df !important
}

.bd-lightTeal {
    border-color: #45fffd !important
}

.bd-lightOlive {
    border-color: #78aa1c !important
}

.bd-lightOrange {
    border-color: #c29008 !important
}

.bd-lightPink {
    border-color: #f472d0 !important
}

.bd-lightRed {
    border-color: #da5a53 !important
}

.bd-lightGreen {
    border-color: #7ad61d !important
}

.bd-grayDark {
    border-color: #333333 !important
}

.bd-grayDarker {
    border-color: #222222 !important
}

.bd-grayLight {
    border-color: #999999 !important
}

.bd-grayLighter {
    border-color: #eeeeee !important
}

.bd-blue {
    border-color: #00aff0 !important
}

.bg-hover-black:hover {
    background: #000000 !important
}

.bg-hover-white:hover {
    background: #ffffff !important
}

.bg-hover-lime:hover {
    background: #a4c400 !important
}

.bg-hover-green:hover {
    background: #60a917 !important
}

.bg-hover-emerald:hover {
    background: #008a00 !important
}

.bg-hover-teal:hover {
    background: #00aba9 !important
}

.bg-hover-cyan:hover {
    background: #1ba1e2 !important
}

.bg-hover-cobalt:hover {
    background: #0050ef !important
}

.bg-hover-indigo:hover {
    background: #6a00ff !important
}

.bg-hover-violet:hover {
    background: #aa00ff !important
}

.bg-hover-pink:hover {
    background: #dc4fad !important
}

.bg-hover-magenta:hover {
    background: #d80073 !important
}

.bg-hover-crimson:hover {
    background: #a20025 !important
}

.bg-hover-red:hover {
    background: #ce352c !important
}

.bg-hover-orange:hover {
    background: #fa6800 !important
}

.bg-hover-amber:hover {
    background: #f0a30a !important
}

.bg-hover-yellow:hover {
    background: #e3c800 !important
}

.bg-hover-brown:hover {
    background: #825a2c !important
}

.bg-hover-olive:hover {
    background: #6d8764 !important
}

.bg-hover-steel:hover {
    background: #647687 !important
}

.bg-hover-mauve:hover {
    background: #76608a !important
}

.bg-hover-taupe:hover {
    background: #87794e !important
}

.bg-hover-gray:hover {
    background: #555555 !important
}

.bg-hover-dark:hover {
    background: #333333 !important
}

.bg-hover-darker:hover {
    background: #222222 !important
}

.bg-hover-transparent:hover {
    background: transparent !important
}

.bg-hover-darkBrown:hover {
    background: #63362f !important
}

.bg-hover-darkCrimson:hover {
    background: #640024 !important
}

.bg-hover-darkMagenta:hover {
    background: #81003c !important
}

.bg-hover-darkIndigo:hover {
    background: #4b0096 !important
}

.bg-hover-darkCyan:hover {
    background: #1b6eae !important
}

.bg-hover-darkCobalt:hover {
    background: #00356a !important
}

.bg-hover-darkTeal:hover {
    background: #004050 !important
}

.bg-hover-darkEmerald:hover {
    background: #003e00 !important
}

.bg-hover-darkGreen:hover {
    background: #128023 !important
}

.bg-hover-darkOrange:hover {
    background: #bf5a15 !important
}

.bg-hover-darkRed:hover {
    background: #9a1616 !important
}

.bg-hover-darkPink:hover {
    background: #9a165a !important
}

.bg-hover-darkViolet:hover {
    background: #57169a !important
}

.bg-hover-darkBlue:hover {
    background: #16499a !important
}

.bg-hover-lightBlue:hover {
    background: #4390df !important
}

.bg-hover-lightTeal:hover {
    background: #45fffd !important
}

.bg-hover-lightOlive:hover {
    background: #78aa1c !important
}

.bg-hover-lightOrange:hover {
    background: #c29008 !important
}

.bg-hover-lightPink:hover {
    background: #f472d0 !important
}

.bg-hover-lightRed:hover {
    background: #da5a53 !important
}

.bg-hover-lightGreen:hover {
    background: #7ad61d !important
}

.bg-hover-grayDark:hover {
    background: #333333 !important
}

.bg-hover-grayDarker:hover {
    background: #222222 !important
}

.bg-hover-grayLight:hover {
    background: #999999 !important
}

.bg-hover-grayLighter:hover {
    background: #eeeeee !important
}

.bg-hover-blue:hover {
    background: #00aff0 !important
}

.fg-hover-black:hover {
    color: #000000 !important
}

.fg-hover-white:hover {
    color: #ffffff !important
}

.fg-hover-lime:hover {
    color: #a4c400 !important
}

.fg-hover-green:hover {
    color: #60a917 !important
}

.fg-hover-emerald:hover {
    color: #008a00 !important
}

.fg-hover-teal:hover {
    color: #00aba9 !important
}

.fg-hover-cyan:hover {
    color: #1ba1e2 !important
}

.fg-hover-cobalt:hover {
    color: #0050ef !important
}

.fg-hover-indigo:hover {
    color: #6a00ff !important
}

.fg-hover-violet:hover {
    color: #aa00ff !important
}

.fg-hover-pink:hover {
    color: #dc4fad !important
}

.fg-hover-magenta:hover {
    color: #d80073 !important
}

.fg-hover-crimson:hover {
    color: #a20025 !important
}

.fg-hover-red:hover {
    color: #ce352c !important
}

.fg-hover-orange:hover {
    color: #fa6800 !important
}

.fg-hover-amber:hover {
    color: #f0a30a !important
}

.fg-hover-yellow:hover {
    color: #e3c800 !important
}

.fg-hover-brown:hover {
    color: #825a2c !important
}

.fg-hover-olive:hover {
    color: #6d8764 !important
}

.fg-hover-steel:hover {
    color: #647687 !important
}

.fg-hover-mauve:hover {
    color: #76608a !important
}

.fg-hover-taupe:hover {
    color: #87794e !important
}

.fg-hover-gray:hover {
    color: #555555 !important
}

.fg-hover-dark:hover {
    color: #333333 !important
}

.fg-hover-darker:hover {
    color: #222222 !important
}

.fg-hover-transparent:hover {
    color: transparent !important
}

.fg-hover-darkBrown:hover {
    color: #63362f !important
}

.fg-hover-darkCrimson:hover {
    color: #640024 !important
}

.fg-hover-darkMagenta:hover {
    color: #81003c !important
}

.fg-hover-darkIndigo:hover {
    color: #4b0096 !important
}

.fg-hover-darkCyan:hover {
    color: #1b6eae !important
}

.fg-hover-darkCobalt:hover {
    color: #00356a !important
}

.fg-hover-darkTeal:hover {
    color: #004050 !important
}

.fg-hover-darkEmerald:hover {
    color: #003e00 !important
}

.fg-hover-darkGreen:hover {
    color: #128023 !important
}

.fg-hover-darkOrange:hover {
    color: #bf5a15 !important
}

.fg-hover-darkRed:hover {
    color: #9a1616 !important
}

.fg-hover-darkPink:hover {
    color: #9a165a !important
}

.fg-hover-darkViolet:hover {
    color: #57169a !important
}

.fg-hover-darkBlue:hover {
    color: #16499a !important
}

.fg-hover-lightBlue:hover {
    color: #4390df !important
}

.fg-hover-lightTeal:hover {
    color: #45fffd !important
}

.fg-hover-lightOlive:hover {
    color: #78aa1c !important
}

.fg-hover-lightOrange:hover {
    color: #c29008 !important
}

.fg-hover-lightPink:hover {
    color: #f472d0 !important
}

.fg-hover-lightRed:hover {
    color: #da5a53 !important
}

.fg-hover-lightGreen:hover {
    color: #7ad61d !important
}

.fg-hover-grayDark:hover {
    color: #333333 !important
}

.fg-hover-grayDarker:hover {
    color: #222222 !important
}

.fg-hover-grayLight:hover {
    color: #999999 !important
}

.fg-hover-grayLighter:hover {
    color: #eeeeee !important
}

.fg-hover-blue:hover {
    color: #00aff0 !important
}

.bg-active-black:active {
    background: #000000 !important
}

.bg-active-white:active {
    background: #ffffff !important
}

.bg-active-lime:active {
    background: #a4c400 !important
}

.bg-active-green:active {
    background: #60a917 !important
}

.bg-active-emerald:active {
    background: #008a00 !important
}

.bg-active-teal:active {
    background: #00aba9 !important
}

.bg-active-cyan:active {
    background: #1ba1e2 !important
}

.bg-active-cobalt:active {
    background: #0050ef !important
}

.bg-active-indigo:active {
    background: #6a00ff !important
}

.bg-active-violet:active {
    background: #aa00ff !important
}

.bg-active-pink:active {
    background: #dc4fad !important
}

.bg-active-magenta:active {
    background: #d80073 !important
}

.bg-active-crimson:active {
    background: #a20025 !important
}

.bg-active-red:active {
    background: #ce352c !important
}

.bg-active-orange:active {
    background: #fa6800 !important
}

.bg-active-amber:active {
    background: #f0a30a !important
}

.bg-active-yellow:active {
    background: #e3c800 !important
}

.bg-active-brown:active {
    background: #825a2c !important
}

.bg-active-olive:active {
    background: #6d8764 !important
}

.bg-active-steel:active {
    background: #647687 !important
}

.bg-active-mauve:active {
    background: #76608a !important
}

.bg-active-taupe:active {
    background: #87794e !important
}

.bg-active-gray:active {
    background: #555555 !important
}

.bg-active-dark:active {
    background: #333333 !important
}

.bg-active-darker:active {
    background: #222222 !important
}

.bg-active-transparent:active {
    background: transparent !important
}

.bg-active-darkBrown:active {
    background: #63362f !important
}

.bg-active-darkCrimson:active {
    background: #640024 !important
}

.bg-active-darkMagenta:active {
    background: #81003c !important
}

.bg-active-darkIndigo:active {
    background: #4b0096 !important
}

.bg-active-darkCyan:active {
    background: #1b6eae !important
}

.bg-active-darkCobalt:active {
    background: #00356a !important
}

.bg-active-darkTeal:active {
    background: #004050 !important
}

.bg-active-darkEmerald:active {
    background: #003e00 !important
}

.bg-active-darkGreen:active {
    background: #128023 !important
}

.bg-active-darkOrange:active {
    background: #bf5a15 !important
}

.bg-active-darkRed:active {
    background: #9a1616 !important
}

.bg-active-darkPink:active {
    background: #9a165a !important
}

.bg-active-darkViolet:active {
    background: #57169a !important
}

.bg-active-darkBlue:active {
    background: #16499a !important
}

.bg-active-lightBlue:active {
    background: #4390df !important
}

.bg-active-lightTeal:active {
    background: #45fffd !important
}

.bg-active-lightOlive:active {
    background: #78aa1c !important
}

.bg-active-lightOrange:active {
    background: #c29008 !important
}

.bg-active-lightPink:active {
    background: #f472d0 !important
}

.bg-active-lightRed:active {
    background: #da5a53 !important
}

.bg-active-lightGreen:active {
    background: #7ad61d !important
}

.bg-active-grayDark:active {
    background: #333333 !important
}

.bg-active-grayDarker:active {
    background: #222222 !important
}

.bg-active-grayLight:active {
    background: #999999 !important
}

.bg-active-grayLighter:active {
    background: #eeeeee !important
}

.bg-active-blue:active {
    background: #00aff0 !important
}

.fg-active-black:active {
    color: #000000 !important
}

.fg-active-white:active {
    color: #ffffff !important
}

.fg-active-lime:active {
    color: #a4c400 !important
}

.fg-active-green:active {
    color: #60a917 !important
}

.fg-active-emerald:active {
    color: #008a00 !important
}

.fg-active-teal:active {
    color: #00aba9 !important
}

.fg-active-cyan:active {
    color: #1ba1e2 !important
}

.fg-active-cobalt:active {
    color: #0050ef !important
}

.fg-active-indigo:active {
    color: #6a00ff !important
}

.fg-active-violet:active {
    color: #aa00ff !important
}

.fg-active-pink:active {
    color: #dc4fad !important
}

.fg-active-magenta:active {
    color: #d80073 !important
}

.fg-active-crimson:active {
    color: #a20025 !important
}

.fg-active-red:active {
    color: #ce352c !important
}

.fg-active-orange:active {
    color: #fa6800 !important
}

.fg-active-amber:active {
    color: #f0a30a !important
}

.fg-active-yellow:active {
    color: #e3c800 !important
}

.fg-active-brown:active {
    color: #825a2c !important
}

.fg-active-olive:active {
    color: #6d8764 !important
}

.fg-active-steel:active {
    color: #647687 !important
}

.fg-active-mauve:active {
    color: #76608a !important
}

.fg-active-taupe:active {
    color: #87794e !important
}

.fg-active-gray:active {
    color: #555555 !important
}

.fg-active-dark:active {
    color: #333333 !important
}

.fg-active-darker:active {
    color: #222222 !important
}

.fg-active-transparent:active {
    color: transparent !important
}

.fg-active-darkBrown:active {
    color: #63362f !important
}

.fg-active-darkCrimson:active {
    color: #640024 !important
}

.fg-active-darkMagenta:active {
    color: #81003c !important
}

.fg-active-darkIndigo:active {
    color: #4b0096 !important
}

.fg-active-darkCyan:active {
    color: #1b6eae !important
}

.fg-active-darkCobalt:active {
    color: #00356a !important
}

.fg-active-darkTeal:active {
    color: #004050 !important
}

.fg-active-darkEmerald:active {
    color: #003e00 !important
}

.fg-active-darkGreen:active {
    color: #128023 !important
}

.fg-active-darkOrange:active {
    color: #bf5a15 !important
}

.fg-active-darkRed:active {
    color: #9a1616 !important
}

.fg-active-darkPink:active {
    color: #9a165a !important
}

.fg-active-darkViolet:active {
    color: #57169a !important
}

.fg-active-darkBlue:active {
    color: #16499a !important
}

.fg-active-lightBlue:active {
    color: #4390df !important
}

.fg-active-lightTeal:active {
    color: #45fffd !important
}

.fg-active-lightOlive:active {
    color: #78aa1c !important
}

.fg-active-lightOrange:active {
    color: #c29008 !important
}

.fg-active-lightPink:active {
    color: #f472d0 !important
}

.fg-active-lightRed:active {
    color: #da5a53 !important
}

.fg-active-lightGreen:active {
    color: #7ad61d !important
}

.fg-active-grayDark:active {
    color: #333333 !important
}

.fg-active-grayDarker:active {
    color: #222222 !important
}

.fg-active-grayLight:active {
    color: #999999 !important
}

.fg-active-grayLighter:active {
    color: #eeeeee !important
}

.fg-active-blue:active {
    color: #00aff0 !important
}

.bg-focus-black:focus {
    background: #000000 !important
}

.bg-focus-white:focus {
    background: #ffffff !important
}

.bg-focus-lime:focus {
    background: #a4c400 !important
}

.bg-focus-green:focus {
    background: #60a917 !important
}

.bg-focus-emerald:focus {
    background: #008a00 !important
}

.bg-focus-teal:focus {
    background: #00aba9 !important
}

.bg-focus-cyan:focus {
    background: #1ba1e2 !important
}

.bg-focus-cobalt:focus {
    background: #0050ef !important
}

.bg-focus-indigo:focus {
    background: #6a00ff !important
}

.bg-focus-violet:focus {
    background: #aa00ff !important
}

.bg-focus-pink:focus {
    background: #dc4fad !important
}

.bg-focus-magenta:focus {
    background: #d80073 !important
}

.bg-focus-crimson:focus {
    background: #a20025 !important
}

.bg-focus-red:focus {
    background: #ce352c !important
}

.bg-focus-orange:focus {
    background: #fa6800 !important
}

.bg-focus-amber:focus {
    background: #f0a30a !important
}

.bg-focus-yellow:focus {
    background: #e3c800 !important
}

.bg-focus-brown:focus {
    background: #825a2c !important
}

.bg-focus-olive:focus {
    background: #6d8764 !important
}

.bg-focus-steel:focus {
    background: #647687 !important
}

.bg-focus-mauve:focus {
    background: #76608a !important
}

.bg-focus-taupe:focus {
    background: #87794e !important
}

.bg-focus-gray:focus {
    background: #555555 !important
}

.bg-focus-dark:focus {
    background: #333333 !important
}

.bg-focus-darker:focus {
    background: #222222 !important
}

.bg-focus-transparent:focus {
    background: transparent !important
}

.bg-focus-darkBrown:focus {
    background: #63362f !important
}

.bg-focus-darkCrimson:focus {
    background: #640024 !important
}

.bg-focus-darkMagenta:focus {
    background: #81003c !important
}

.bg-focus-darkIndigo:focus {
    background: #4b0096 !important
}

.bg-focus-darkCyan:focus {
    background: #1b6eae !important
}

.bg-focus-darkCobalt:focus {
    background: #00356a !important
}

.bg-focus-darkTeal:focus {
    background: #004050 !important
}

.bg-focus-darkEmerald:focus {
    background: #003e00 !important
}

.bg-focus-darkGreen:focus {
    background: #128023 !important
}

.bg-focus-darkOrange:focus {
    background: #bf5a15 !important
}

.bg-focus-darkRed:focus {
    background: #9a1616 !important
}

.bg-focus-darkPink:focus {
    background: #9a165a !important
}

.bg-focus-darkViolet:focus {
    background: #57169a !important
}

.bg-focus-darkBlue:focus {
    background: #16499a !important
}

.bg-focus-lightBlue:focus {
    background: #4390df !important
}

.bg-focus-lightTeal:focus {
    background: #45fffd !important
}

.bg-focus-lightOlive:focus {
    background: #78aa1c !important
}

.bg-focus-lightOrange:focus {
    background: #c29008 !important
}

.bg-focus-lightPink:focus {
    background: #f472d0 !important
}

.bg-focus-lightRed:focus {
    background: #da5a53 !important
}

.bg-focus-lightGreen:focus {
    background: #7ad61d !important
}

.bg-focus-grayDark:focus {
    background: #333333 !important
}

.bg-focus-grayDarker:focus {
    background: #222222 !important
}

.bg-focus-grayLight:focus {
    background: #999999 !important
}

.bg-focus-grayLighter:focus {
    background: #eeeeee !important
}

.bg-focus-blue:focus {
    background: #00aff0 !important
}

.fg-focus-black:focus {
    color: #000000 !important
}

.fg-focus-white:focus {
    color: #ffffff !important
}

.fg-focus-lime:focus {
    color: #a4c400 !important
}

.fg-focus-green:focus {
    color: #60a917 !important
}

.fg-focus-emerald:focus {
    color: #008a00 !important
}

.fg-focus-teal:focus {
    color: #00aba9 !important
}

.fg-focus-cyan:focus {
    color: #1ba1e2 !important
}

.fg-focus-cobalt:focus {
    color: #0050ef !important
}

.fg-focus-indigo:focus {
    color: #6a00ff !important
}

.fg-focus-violet:focus {
    color: #aa00ff !important
}

.fg-focus-pink:focus {
    color: #dc4fad !important
}

.fg-focus-magenta:focus {
    color: #d80073 !important
}

.fg-focus-crimson:focus {
    color: #a20025 !important
}

.fg-focus-red:focus {
    color: #ce352c !important
}

.fg-focus-orange:focus {
    color: #fa6800 !important
}

.fg-focus-amber:focus {
    color: #f0a30a !important
}

.fg-focus-yellow:focus {
    color: #e3c800 !important
}

.fg-focus-brown:focus {
    color: #825a2c !important
}

.fg-focus-olive:focus {
    color: #6d8764 !important
}

.fg-focus-steel:focus {
    color: #647687 !important
}

.fg-focus-mauve:focus {
    color: #76608a !important
}

.fg-focus-taupe:focus {
    color: #87794e !important
}

.fg-focus-gray:focus {
    color: #555555 !important
}

.fg-focus-dark:focus {
    color: #333333 !important
}

.fg-focus-darker:focus {
    color: #222222 !important
}

.fg-focus-transparent:focus {
    color: transparent !important
}

.fg-focus-darkBrown:focus {
    color: #63362f !important
}

.fg-focus-darkCrimson:focus {
    color: #640024 !important
}

.fg-focus-darkMagenta:focus {
    color: #81003c !important
}

.fg-focus-darkIndigo:focus {
    color: #4b0096 !important
}

.fg-focus-darkCyan:focus {
    color: #1b6eae !important
}

.fg-focus-darkCobalt:focus {
    color: #00356a !important
}

.fg-focus-darkTeal:focus {
    color: #004050 !important
}

.fg-focus-darkEmerald:focus {
    color: #003e00 !important
}

.fg-focus-darkGreen:focus {
    color: #128023 !important
}

.fg-focus-darkOrange:focus {
    color: #bf5a15 !important
}

.fg-focus-darkRed:focus {
    color: #9a1616 !important
}

.fg-focus-darkPink:focus {
    color: #9a165a !important
}

.fg-focus-darkViolet:focus {
    color: #57169a !important
}

.fg-focus-darkBlue:focus {
    color: #16499a !important
}

.fg-focus-lightBlue:focus {
    color: #4390df !important
}

.fg-focus-lightTeal:focus {
    color: #45fffd !important
}

.fg-focus-lightOlive:focus {
    color: #78aa1c !important
}

.fg-focus-lightOrange:focus {
    color: #c29008 !important
}

.fg-focus-lightPink:focus {
    color: #f472d0 !important
}

.fg-focus-lightRed:focus {
    color: #da5a53 !important
}

.fg-focus-lightGreen:focus {
    color: #7ad61d !important
}

.fg-focus-grayDark:focus {
    color: #333333 !important
}

.fg-focus-grayDarker:focus {
    color: #222222 !important
}

.fg-focus-grayLight:focus {
    color: #999999 !important
}

.fg-focus-grayLighter:focus {
    color: #eeeeee !important
}

.fg-focus-blue:focus {
    color: #00aff0 !important
}

.ribbed-black {
    background: #000000 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-white {
    background: #ffffff linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-lime {
    background: #a4c400 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-green {
    background: #60a917 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-emerald {
    background: #008a00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-teal {
    background: #00aba9 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-cyan {
    background: #1ba1e2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-cobalt {
    background: #0050ef linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-indigo {
    background: #6a00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-violet {
    background: #aa00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-pink {
    background: #dc4fad linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-magenta {
    background: #d80073 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-crimson {
    background: #a20025 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-red {
    background: #ce352c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-orange {
    background: #fa6800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-amber {
    background: #f0a30a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-yellow {
    background: #e3c800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-brown {
    background: #825a2c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-olive {
    background: #6d8764 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-steel {
    background: #647687 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-mauve {
    background: #76608a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-taupe {
    background: #87794e linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-dark {
    background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darker {
    background: #1d1d1d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkBrown {
    background: #63362f linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkCrimson {
    background: #640024 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkMagenta {
    background: #81003c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkIndigo {
    background: #4b0096 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkCyan {
    background: #1b6eae linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkCobalt {
    background: #00356a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkTeal {
    background: #004050 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkEmerald {
    background: #003e00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkGreen {
    background: #128023 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkOrange {
    background: #bf5a15 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkRed {
    background: #9a1616 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkPink {
    background: #9a165a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkViolet {
    background: #57169a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-darkBlue {
    background: #16499a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-lightBlue {
    background: #4390df linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-lightTeal {
    background: #45fffd linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-lightOlive {
    background: #78aa1c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-lightOrange {
    background: #c29008 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-lightPink {
    background: #f472d0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-lightRed {
    background: #da5a53 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-lightGreen {
    background: #7ad61d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-lighterBlue {
    background: #00ccff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-grayed {
    background: #585858 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-grayDark {
    background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-grayDarker {
    background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-gray {
    background: #555555 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-grayLight {
    background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-grayLighter {
    background: #eeeeee linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.ribbed-blue {
    background: #00aff0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

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

.text-right {
    text-align: right
}

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

.text-justify {
    text-align: justify
}

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

.text-bold {
    font-weight: bold
}

.text-normal {
    font-weight: normal
}

.text-italic {
    font-style: italic
}

.no-border {
   border: none !important;
}
.no-border-top {
   border-top: none !important;
}
.no-border-right {
   border-right: none !important;
}
.no-border-left {
   border-left: none !important;
}
.no-border-bottom {
   border-bottom: none !important;
}

.border {
    border: 1px #eaeaea solid !important
}

.border-dashed {
    border: 2px #eaeaea dashed
}

.border-left {
    border-left: 1px #eaeaea solid
}

.border-right {
    border-right: 1px #eaeaea solid
}

.border-top {
    border-top: 1px #eaeaea solid !important
}

.border-bottom {
    border-bottom: 1px #eaeaea solid !important
}

.border-width-3 {
    border-width: 3px
}

.border-width-5 {
    border-width: 5px
}

.border-width-7 {
    border-width: 7px
}

.border-width-9 {
    border-width: 9px
}

.collapse-separate {
    border-collapse: separate
}

.collapse-collapse {
    border-collapse: collapse
}

.pos-abs {
    position: absolute !important
}

.pos-rel {
    position: relative !important
}

.pos-fix {
    position: fixed !important
}

.place-left {
    float: left !important
}

.place-right {
    float: right !important
}

.place-top-left {
    position: absolute;
    top: 0;
    left: 0
}

.place-top-right {
    position: absolute;
    top: 0;
    right: 0
}

.place-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0
}

.place-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0
}

.place-bottom-center {
    position: absolute;
    bottom: 0;
    left: 40%
}

.on-left {
    margin-right: 5px !important
}

.on-right {
    margin-left: 5px !important
}

.on-right-more {
    margin-left: 10px !important
}

.on-right-more-2 {
    margin-left: 15px !important
}

.on-left-more {
    margin-right: 10px !important
}

.on-left-more-2 {
    margin-right: 15px !important
}

.padding3 {
    padding: 3px !important
}

.padding5 {
    padding: 5px !important
}

.padding10 {
    padding: 10px !important
}

.padding15 {
    padding: 15px !important
}

.padding20 {
    padding: 20px !important
}

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

.margin2 {
    margin: 2px !important
}

.margin3 {
    margin: 3px !important
}

.margin4 {
    margin: 4px !important
}

.margin5 {
    margin: 5px !important
}

.margin7 {
    margin: 7px !important
}

.margin10 {
    margin: 10px !important
}

.margin15 {
    margin: 15px !important
}

.margin20 {
    margin: 20px !important
}

.nlm {
    margin-left: 0 !important
}

.nrm {
    margin-right: 0 !important
}

.ntm {
    margin-top: 0 !important
}

.nbm {
    margin-bottom: 0 !important
}

.nlp {
    padding-left: 0 !important
}

.nrp {
    padding-right: 0 !important
}

.ntp {
    padding-top: 0 !important
}

.nbp {
    padding-bottom: 0 !important
}

.no-margin {
    margin: 0 !important
}

.nmt {
    margin-top: 0 !important
}

.nmb {
    margin-bottom: 0 !important
}

.nml {
    margin-left: 0 !important
}

.nmr {
    margin-right: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-float {
    float: none !important
}

.width50 {
    width: 50% !important
}

.width70 {
    width: 70% !important
}

.width100 {
    width: 100% !important
}

.block {
    display: block !important;
    float: none !important
}

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

.hide,
.no-display {
    display: none !important
}

.no-visible {
    visibility: hidden !important
}

.visible {
    visibility: visible !important
}

.scroll-y,
.scroll-vertical {
    overflow-y: scroll
}

.scroll-x,
.scroll-horizontal {
    overflow-x: scroll
}

.no-overflow {
    overflow: hidden !important
}

.overflow {
    overflow: scroll
}

.square5 {
    width: 5px;
    height: 5px
}

.square10 {
    width: 10px;
    height: 10px
}

.square15 {
    width: 15px;
    height: 15px
}

.square20 {
    width: 20px;
    height: 20px
}

.shadow {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2)
}

.no-shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.no-radius {
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4)
}

.opacity {
    opacity: .9;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.half-opacity {
    opacity: .5;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.hi-opacity {
    opacity: .2;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.rotate45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate135 {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotate225 {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.rotate360 {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.rotateX45 {
    -webkit-transform: rotateX(45deg);
    -moz-transform: rotateX(45deg);
    -ms-transform: rotateX(45deg);
    -o-transform: rotateX(45deg);
    transform: rotateX(45deg)
}

.rotateX90 {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg)
}

.rotateX135 {
    -webkit-transform: rotateX(135deg);
    -moz-transform: rotateX(135deg);
    -ms-transform: rotateX(135deg);
    -o-transform: rotateX(135deg);
    transform: rotateX(135deg)
}

.rotateX180 {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.rotateX225 {
    -webkit-transform: rotateX(225deg);
    -moz-transform: rotateX(225deg);
    -ms-transform: rotateX(225deg);
    -o-transform: rotateX(225deg);
    transform: rotateX(225deg)
}

.rotateX270 {
    -webkit-transform: rotateX(270deg);
    -moz-transform: rotateX(270deg);
    -ms-transform: rotateX(270deg);
    -o-transform: rotateX(270deg);
    transform: rotateX(270deg)
}

.rotateX360 {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg)
}

.rotateY45 {
    -webkit-transform: rotateY(45deg);
    -moz-transform: rotateY(45deg);
    -ms-transform: rotateY(45deg);
    -o-transform: rotateY(45deg);
    transform: rotateY(45deg)
}

.rotateY90 {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.rotateY135 {
    -webkit-transform: rotateY(135deg);
    -moz-transform: rotateY(135deg);
    -ms-transform: rotateY(135deg);
    -o-transform: rotateY(135deg);
    transform: rotateY(135deg)
}

.rotateY180 {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.rotateY225 {
    -webkit-transform: rotateY(225deg);
    -moz-transform: rotateY(225deg);
    -ms-transform: rotateY(225deg);
    -o-transform: rotateY(225deg);
    transform: rotateY(225deg)
}

.rotateY270 {
    -webkit-transform: rotateY(270deg);
    -moz-transform: rotateY(270deg);
    -ms-transform: rotateY(270deg);
    -o-transform: rotateY(270deg);
    transform: rotateY(270deg)
}

.rotateY360 {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.text-muted {
    color: #999999 !important
}

.text-info {
    color: #1ba1e2 !important
}

.text-alert {
    color: #e51400 !important
}

.text-warning {
    color: #fa6800 !important
}

.text-success {
    color: #60a917 !important
}

.cur-hand {
    cursor: pointer
}

.noresizable,
.no-resize {
    resize: none
}

.resize-v {
    resize: vertical
}
/*http://tobiasahlin.com/spinkit/*/
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-rotating-plane"></div>
 *
 */
.sk-spinner-rotating-plane.sk-spinner {
    width: 30px;
    height: 30px;
    background-color: #1ab394;
    margin: 0 auto;
    -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
    animation: sk-rotatePlane 1.2s infinite ease-in-out
}

@-webkit-keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

/*
 *  Usage:
 *
 *      <div class="sk-spinner sk-spinner-double-bounce">
      <div class="sk-double-bounce1"></div>
      <div class="sk-double-bounce2"></div>
    </div>
 *
 */
.sk-spinner-double-bounce.sk-spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto
}

.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #1ab394;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out
}

.sk-spinner-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-doubleBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-doubleBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wave">
       <div class="sk-rect1"></div>
       <div class="sk-rect2"></div>
       <div class="sk-rect3"></div>
       <div class="sk-rect4"></div>
       <div class="sk-rect5"></div>
     </div>
 *
 */
.sk-spinner-wave.sk-spinner {
    margin: 0 auto;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px
}

.sk-spinner-wave div {
    background-color: #1ab394;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out
}

.sk-spinner-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.sk-spinner-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

@-webkit-keyframes sk-waveStretchDelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes sk-waveStretchDelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wandering-cubes">
       <div class="sk-cube1"></div>
       <div class="sk-cube2"></div>
     </div>
 *
 */
.sk-spinner-wandering-cubes.sk-spinner {
    margin: 0 auto;
    width: 32px;
    height: 32px;
    position: relative
}

.sk-spinner-wandering-cubes .sk-cube1,
.sk-spinner-wandering-cubes .sk-cube2 {
    background-color: #1ab394;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
    animation: sk-wanderingCubeMove 1.8s infinite ease-in-out
}

.sk-spinner-wandering-cubes .sk-cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

@-webkit-keyframes sk-wanderingCubeMove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
        transform: translateX(42px) rotate(-90deg) scale(0.5)
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
        transform: translateX(42px) translateY(42px) rotate(-179deg)
    }
    50.1% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes sk-wanderingCubeMove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
        transform: translateX(42px) rotate(-90deg) scale(0.5)
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
        transform: translateX(42px) translateY(42px) rotate(-179deg)
    }
    50.1% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-pulse"></div>
 *
 */
.sk-spinner-pulse.sk-spinner {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-color: #1ab394;
    border-radius: 100%;
    -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
    animation: sk-pulseScaleOut 1s infinite ease-in-out
}

@-webkit-keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-chasing-dots">
       <div class="sk-dot1"></div>
       <div class="sk-dot2"></div>
     </div>
 *
 */
.sk-spinner-chasing-dots.sk-spinner {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
    animation: sk-chasingDotsRotate 2s infinite linear
}

.sk-spinner-chasing-dots .sk-dot1,
.sk-spinner-chasing-dots .sk-dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #1ab394;
    border-radius: 100%;
    -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out
}

.sk-spinner-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-chasingDotsBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-chasingDotsBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/*
 *  Usage:
 *
     <div class="sk-spinner sk-spinner-three-bounce">
       <div class="sk-bounce1"></div>
       <div class="sk-bounce2"></div>
       <div class="sk-bounce3"></div>
     </div>
 *
 */
.sk-spinner-three-bounce.sk-spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center
}

.sk-spinner-three-bounce div {
    width: 18px;
    height: 18px;
    background-color: #1ab394;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sk-spinner-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.sk-spinner-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes sk-threeBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-threeBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-spinner-circle.sk-spinner {
    margin: 0 auto;
    width: 22px;
    height: 22px;
    position: relative
}

.sk-spinner-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

/*
 *  Usage:
 *
     <div class="sk-spinner sk-spinner-circle">
       <div class="sk-circle1 sk-circle"></div>
       <div class="sk-circle2 sk-circle"></div>
       <div class="sk-circle3 sk-circle"></div>
       <div class="sk-circle4 sk-circle"></div>
       <div class="sk-circle5 sk-circle"></div>
       <div class="sk-circle6 sk-circle"></div>
       <div class="sk-circle7 sk-circle"></div>
       <div class="sk-circle8 sk-circle"></div>
       <div class="sk-circle9 sk-circle"></div>
       <div class="sk-circle10 sk-circle"></div>
       <div class="sk-circle11 sk-circle"></div>
       <div class="sk-circle12 sk-circle"></div>
     </div>
 *
 */
.sk-spinner-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 20%;
    height: 20%;
    background-color: #1ab394;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sk-spinner-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-spinner-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-spinner-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-spinner-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-spinner-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-spinner-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-spinner-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-spinner-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-spinner-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-spinner-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-spinner-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-spinner-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-spinner-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-spinner-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.sk-spinner-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.sk-spinner-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

.sk-spinner-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.sk-spinner-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.sk-spinner-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.sk-spinner-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.sk-spinner-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.sk-spinner-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-spinner-cube-grid {}

.sk-spinner-cube-grid.sk-spinner {
    width: 30px;
    height: 30px;
    margin: 0 auto
}

.sk-spinner-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #1ab394;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-spinner-cube-grid .sk-cube:nth-child(1) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.sk-spinner-cube-grid .sk-cube:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.sk-spinner-cube-grid .sk-cube:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

.sk-spinner-cube-grid .sk-cube:nth-child(4) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.sk-spinner-cube-grid .sk-cube:nth-child(5) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.sk-spinner-cube-grid .sk-cube:nth-child(6) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.sk-spinner-cube-grid .sk-cube:nth-child(7) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.sk-spinner-cube-grid .sk-cube:nth-child(8) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.sk-spinner-cube-grid .sk-cube:nth-child(9) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

.sk-spinner-wordpress.sk-spinner {
    background-color: #1ab394;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: relative;
    margin: 0 auto;
    -webkit-animation: sk-innerCircle 1s linear infinite;
    animation: sk-innerCircle 1s linear infinite
}

.sk-spinner-wordpress .sk-inner-circle {
    display: block;
    background-color: #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 8px;
    top: 5px;
    left: 5px
}

@-webkit-keyframes sk-innerCircle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes sk-innerCircle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.sk-spinner-fading-circle.sk-spinner {
    margin: 0 auto;
    width: 22px;
    height: 22px;
    position: relative
}

.sk-spinner-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-spinner-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 18%;
    height: 18%;
    background-color: #1ab394;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sk-spinner-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-spinner-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-spinner-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-spinner-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-spinner-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-spinner-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-spinner-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-spinner-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-spinner-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-spinner-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-spinner-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-spinner-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-spinner-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-spinner-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.sk-spinner-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.sk-spinner-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

.sk-spinner-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.sk-spinner-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.sk-spinner-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.sk-spinner-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.sk-spinner-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.sk-spinner-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

@-webkit-keyframes sk-circleFadeDelay {
    0%,
    39%,
    100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {
    0%,
    39%,
    100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}
/*
<div class="sk-cube-grid">
  <div class="sk-cube sk-cube1"></div>
  <div class="sk-cube sk-cube2"></div>
  <div class="sk-cube sk-cube3"></div>
  <div class="sk-cube sk-cube4"></div>
  <div class="sk-cube sk-cube5"></div>
  <div class="sk-cube sk-cube6"></div>
  <div class="sk-cube sk-cube7"></div>
  <div class="sk-cube sk-cube8"></div>
  <div class="sk-cube sk-cube9"></div>
</div>
*/
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}