.margin-left-3 {
    margin-left: 3px
}
.sup {
    font-size: 8px !important;
    top: -20px
}
ul.theme-colors {
    margin-top: -7px
}
.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
}
.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
}
.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
}
.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
}
.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
}
.tabbable:before,
.tabbable:after {
    content: " ";
    display: table
}
.tabbable:after {
    clear: both
}
.tabbable-custom {
    margin-bottom: 15px;
    padding: 0px;
    overflow: hidden
}
.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: relative;
    float: right;
    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
}
#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
}
.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: #5590fb;
    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 {
    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 {

    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,
.PSZ_table td.td_button_hide > button {
    visibility: hidden
}
.PSZ_table tr:hover td.td_button_hide > a,
.PSZ_table tr:hover td.td_button_hide > button {
    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: #888
}
#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: 20px !important
}
#GMM_modal_theme_preview .navbar-nav:hover a,
#GMM_modal_theme_preview .theme_download {
    background-color: transparent !important
}
.element_builder:hover,
#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: #ec9a00
}
.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 !important;
    color: #fff;
    font-family: Orbitron
}
.element_builder {
    margin-left: 10px !important;
    padding: 5px 10px !important;
    font-size: 20px;
    font-weight: bold;
    background-color: #1BBC9B !important;
    color: #fff;
    font-family: Orbitron;
    text-transform: none
}
#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-size: 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: auto;
}
#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
}
.element_builder:hover i,
#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 'sans-serif';
    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) {
    #jk_hk_main_container,
    #jk_editor {
        padding: 0 !important
    }
}


@media (min-width:30px) and (max-width:850px) {
    #jk_hk_main_container,
    #jk_editor {
        padding-top: 0px !important
    }
    #jk_editor_frame {
        margin-bottom: -5px !important
    }
    li.dropdown-user {
      padding: 0px !important
    }

    .JK-IN {
      position: relative;
    /*  padding-top: 50px;*/
      display: block;
      width: 100%;
      text-align: center;
    }

    .JK-Mobile {
    position: static;
    left: 30px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    }

    .nlm {

    }

    .img-circle {
      /*  display: none !important */
    }

    .builder-tools {
    margin: 17px 0 1px 1px!important;

    }
    .btn-group>.btn+.dropdown-toggle {
      padding-right: 0px!important;
      padding-left: 0px!important;
    }

    .input-small {
          width: 90px !important;
    }
/*
    .input-small {
    width: 230px !important;
    }
    float: right!important;
   .page-header.navbar .page-actions {
      float: none !important;
    }
    */

}


#jk_editor_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: auto;
    min-width: 150px;
    min-height: auto;
}
#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: 'Montserrat', sans-serif;
}
.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
}
.jk_hk_Core {
    color: #fa6800 !important
}
#GMM_modal_preparing_site {
    text-align: center
}
#GMM_modal_preparing_site h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    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: #5590fb;
    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: 0 !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
}
.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)
    }
}
.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)
    }
}
.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)
    }
}
.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)
    }
}
.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
    }
}
.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)
    }
}
.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
}
.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
    }
}
.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)
    }
}