@charset "UTF-8";
/*Deep Shadow - using in selection color*/
body ::-webkit-scrollbar {
  background: transparent;
  overflow: visible;
  width: 6px;
  height: 6px;
}

body ::-webkit-scrollbar-thumb {
  background-color: #84B351;
  border: 1px solid transparent;
  cursor: pointer;
}

body ::-webkit-scrollbar-thumb:hover {
  background: #364a21;
}

body ::-webkit-scrollbar-thumb:horizontal {
  border-width: 1px 1px;
  min-width: 10px;
}

body ::-webkit-scrollbar-thumb:vertical {
  border-width: 1px 1px;
  min-height: 10px;
}

body ::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid transparent;
}

body ::-webkit-scrollbar-corner {
  background: transparent;
}

::selection {
  background: rgba(140, 193, 82, 0.9);
  color: #ffffff;
}

::-moz-selection {
  background: rgba(140, 193, 82, 0.2);
  color: #ffffff;
}

* {
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
}

*:focus {
  outline: none !important;
}

.inline {
  display: inline-block;
}

.no-radius {
  border-radius: 0;
}

.no-padding {
  padding: 0;
}

.no-margin {
  margin: 0;
}

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

.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.table-layout {
  display: table;
  text-align: center;
  width: 100%;
  height: 100%;
}
.table-layout > .cell-layout {
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .table-layout-sm {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
  }
  .table-layout-sm > .cell-layout {
    display: table-cell;
    vertical-align: middle;
  }
}
@media (min-width: 992px) {
  .table-layout-md {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
  }
  .table-layout-md > .cell-layout {
    display: table-cell;
    vertical-align: middle;
  }
}
@media (min-width: 1200px) {
  .table-layout-lg {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
  }
  .table-layout-lg > .cell-layout {
    display: table-cell;
    vertical-align: middle;
  }
}
.map-canvas, #map_canvas {
  width: 100%;
  height: 100%;
}

.map-container img {
  max-width: none;
}

/*
    For fixing animation bug :)
*/
.reflow {
  min-width: 0 !important;
}

html {
  direction: rtl;
}

.list-unstyled {
  padding-right: 0;
}

.list-inline {
  padding-right: 0;
  margin-right: -5px;
}

.list-inline > li {
  padding-left: 5px;
  padding-right: 5px;
}

dd {
  margin-right: 0;
}

blockquote {
  border-right: 5px solid #eee;
}

.blockquote-reverse, blockquote.pull-right {
  padding-left: 15px;
  padding-right: 0;
  text-align: left;
  border-left: 5px solid #eee;
  border-right: 0;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: right;
}

.col-xs-pull-12 {
  left: 100%;
}

.col-xs-pull-11 {
  left: 91.66666667%;
}

.col-xs-pull-10 {
  left: 83.33333333%;
}

.col-xs-pull-9 {
  left: 75%;
}

.col-xs-pull-8 {
  left: 66.66666667%;
}

.col-xs-pull-7 {
  left: 58.33333333%;
}

.col-xs-pull-6 {
  left: 50%;
}

.col-xs-pull-5 {
  left: 41.66666667%;
}

.col-xs-pull-4 {
  left: 33.33333333%;
}

.col-xs-pull-3 {
  left: 25%;
}

.col-xs-pull-2 {
  left: 16.66666667%;
}

.col-xs-pull-1 {
  left: 8.33333333%;
}

.col-xs-pull-0 {
  left: auto;
}

.col-xs-push-12 {
  right: 100%;
}

.col-xs-push-11 {
  right: 91.66666667%;
}

.col-xs-push-10 {
  right: 83.33333333%;
}

.col-xs-push-9 {
  right: 75%;
}

.col-xs-push-8 {
  right: 66.66666667%;
}

.col-xs-push-7 {
  right: 58.33333333%;
}

.col-xs-push-6 {
  right: 50%;
}

.col-xs-push-5 {
  right: 41.66666667%;
}

.col-xs-push-4 {
  right: 33.33333333%;
}

.col-xs-push-3 {
  right: 25%;
}

.col-xs-push-2 {
  right: 16.66666667%;
}

.col-xs-push-1 {
  right: 8.33333333%;
}

.col-xs-push-0 {
  right: auto;
}

.col-xs-offset-12 {
  margin-right: 100%;
  margin-left: 0;
}

.col-xs-offset-11 {
  margin-right: 91.66666667%;
  margin-left: 0;
}

.col-xs-offset-10 {
  margin-right: 83.33333333%;
  margin-left: 0;
}

.col-xs-offset-9 {
  margin-right: 75%;
  margin-left: 0;
}

.col-xs-offset-8 {
  margin-right: 66.66666667%;
  margin-left: 0;
}

.col-xs-offset-7 {
  margin-right: 58.33333333%;
  margin-left: 0;
}

.col-xs-offset-6 {
  margin-right: 50%;
  margin-left: 0;
}

.col-xs-offset-5 {
  margin-right: 41.66666667%;
  margin-left: 0;
}

.col-xs-offset-4 {
  margin-right: 33.33333333%;
  margin-left: 0;
}

.col-xs-offset-3 {
  margin-right: 25%;
  margin-left: 0;
}

.col-xs-offset-2 {
  margin-right: 16.66666667%;
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-right: 8.33333333%;
  margin-left: 0;
}

.col-xs-offset-0 {
  margin-right: 0;
  margin-left: 0;
}

.radio label, .checkbox label {
  padding-right: 20px;
}

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
  margin-right: -20px;
}

.radio-inline, .checkbox-inline {
  padding-right: 20px;
  padding-left: 0;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-right: 10px;
}

.form-control-static.input-lg, .form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}

.has-feedback .form-control {
  padding-left: 42.5px;
  padding-right: 12px;
}

.form-control-feedback {
  left: 0;
  right: auto;
}

.form-horizontal .has-feedback .form-control-feedback {
  left: 15px;
  right: auto;
}

.caret {
  margin-right: 2px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.dropdown-menu {
  right: 0;
  float: right;
  text-align: right;
  left: auto;
}

.dropdown-menu.pull-right {
  left: 0;
  right: auto;
}

.dropdown-menu-right {
  left: 0;
  right: auto;
}

.dropdown-menu-left {
  left: auto;
  right: 0;
}

.dropdown-backdrop {
  left: 0;
  right: 0;
}

.pull-right > .dropdown-menu {
  left: 0;
  right: auto;
}

.btn-toolbar {
  margin-right: -5px;
}

.nav {
  padding-right: 0;
}

.nav-tabs > li {
  float: right;
}

.nav-tabs > li > a {
  margin-left: 2px;
  border-radius: 4px 4px 0 0;
}

.nav-tabs.nav-justified > li > a {
  margin-left: 0;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  right: auto;
}

.nav-pills > li {
  float: right;
}

.nav-pills > li + li {
  margin-right: 2px;
}

.nav-stacked > li + li {
  margin-right: 0;
}

.nav-justified > .dropdown .dropdown-menu {
  right: auto;
}

.nav-tabs-justified > li > a {
  margin-left: 0;
}

.navbar-collapse {
  padding-left: 15px;
  padding-right: 15px;
}

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

.navbar-fixed-top, .navbar-fixed-bottom {
  left: 0;
  right: 0;
}

.navbar-brand {
  float: right;
}

.navbar-toggle {
  float: left;
  margin-left: 15px;
  margin-right: 0;
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination > li > a, .pagination > li > span {
  float: right;
  margin-right: -1px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-right: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  margin-left: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pager {
  padding-right: 0;
}

.pager .next > a, .pager .next > span {
  float: left;
}

.pager .previous > a, .pager .previous > span {
  float: right;
}

.list-group-item > .badge {
  float: left;
}

.list-group-item > .badge + .badge {
  margin-left: 5px;
}

.nav-pills > li > a > .badge {
  margin-right: 3px;
}

.thumbnail > img, .thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}

.alert-dismissable, .alert-dismissible {
  padding-left: 35px;
}

.alert-dismissable .close, .alert-dismissible .close {
  left: -21px;
  right: auto;
}

.progress-bar {
  float: right;
}

.media-right, .media > .pull-right {
  padding-right: 10px;
}

.media-left, .media > .pull-left {
  padding-left: 10px;
}

.media-list {
  padding-right: 0;
}

.list-group {
  padding-right: 0;
}

.list-group-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.panel-footer {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-right-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-left-radius: 3px;
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-left: 0;
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  right: 0;
}

.close {
  float: left;
}

.modal-backdrop {
  bottom: 0;
}

.modal-footer .btn + .btn {
  margin-right: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-right: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-right: 0;
}

.carousel-inner > .active {
  right: 0;
}

.carousel-inner > .next {
  right: 100%;
}

.carousel-inner > .prev {
  right: -100%;
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
  right: 0;
}

.carousel-inner > .active.left {
  right: -100%;
}

.carousel-inner > .active.right {
  right: 100%;
}

.carousel-control {
  right: 0;
}

.carousel-control.right {
  left: 0;
  right: auto;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
  left: 50%;
  margin-left: -10px;
}

.carousel-indicators {
  right: 50%;
  padding-right: 0;
  margin-right: -30%;
}

.carousel-caption {
  left: 15%;
  right: 15%;
}

.center-block {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: right;
    clear: right;
    text-align: left;
  }

  .dl-horizontal dd {
    margin-right: 180px;
  }

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: right;
    right: auto;
  }

  .col-sm-pull-12 {
    left: 100%;
  }

  .col-sm-pull-11 {
    left: 91.66666667%;
  }

  .col-sm-pull-10 {
    left: 83.33333333%;
  }

  .col-sm-pull-9 {
    left: 75%;
  }

  .col-sm-pull-8 {
    left: 66.66666667%;
  }

  .col-sm-pull-7 {
    left: 58.33333333%;
  }

  .col-sm-pull-6 {
    left: 50%;
  }

  .col-sm-pull-5 {
    left: 41.66666667%;
  }

  .col-sm-pull-4 {
    left: 33.33333333%;
  }

  .col-sm-pull-3 {
    left: 25%;
  }

  .col-sm-pull-2 {
    left: 16.66666667%;
  }

  .col-sm-pull-1 {
    left: 8.33333333%;
  }

  .col-sm-pull-0 {
    left: auto;
  }

  .col-sm-push-12 {
    right: 100%;
  }

  .col-sm-push-11 {
    right: 91.66666667%;
  }

  .col-sm-push-10 {
    right: 83.33333333%;
  }

  .col-sm-push-9 {
    right: 75%;
  }

  .col-sm-push-8 {
    right: 66.66666667%;
  }

  .col-sm-push-7 {
    right: 58.33333333%;
  }

  .col-sm-push-6 {
    right: 50%;
  }

  .col-sm-push-5 {
    right: 41.66666667%;
  }

  .col-sm-push-4 {
    right: 33.33333333%;
  }

  .col-sm-push-3 {
    right: 25%;
  }

  .col-sm-push-2 {
    right: 16.66666667%;
  }

  .col-sm-push-1 {
    right: 8.33333333%;
  }

  .col-sm-push-0 {
    right: auto;
  }

  .col-sm-offset-12 {
    margin-right: 100%;
    margin-left: 0;
  }

  .col-sm-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0;
  }

  .col-sm-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0;
  }

  .col-sm-offset-9 {
    margin-right: 75%;
    margin-left: 0;
  }

  .col-sm-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0;
  }

  .col-sm-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0;
  }

  .col-sm-offset-6 {
    margin-right: 50%;
    margin-left: 0;
  }

  .col-sm-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0;
  }

  .col-sm-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0;
  }

  .col-sm-offset-3 {
    margin-right: 25%;
    margin-left: 0;
  }

  .col-sm-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
  }

  .col-sm-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
  }

  .col-sm-offset-0 {
    margin-right: 0;
    margin-left: 0;
  }

  .form-inline .radio label, .form-inline .checkbox label {
    padding-right: 0;
  }

  .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
    margin-right: 0;
  }

  .form-horizontal .control-label {
    text-align: left;
  }

  .navbar-right .dropdown-menu {
    left: 0;
    right: auto;
  }

  .navbar-right .dropdown-menu-left {
    left: auto;
    right: 0;
  }

  .nav-tabs.nav-justified > li > a {
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs-justified > li > a {
    border-radius: 4px 4px 0 0;
  }

  .navbar-header {
    float: right;
  }

  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

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

  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-right: -15px;
  }

  .navbar-nav {
    float: right;
  }

  .navbar-nav > li {
    float: right;
  }

  .navbar-form .radio label, .navbar-form .checkbox label {
    padding-right: 0;
  }

  .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] {
    margin-right: 0;
  }

  .navbar-form {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-text {
    float: right;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: right;
    right: auto;
  }

  .col-md-pull-12 {
    left: 100%;
  }

  .col-md-pull-11 {
    left: 91.66666667%;
  }

  .col-md-pull-10 {
    left: 83.33333333%;
  }

  .col-md-pull-9 {
    left: 75%;
  }

  .col-md-pull-8 {
    left: 66.66666667%;
  }

  .col-md-pull-7 {
    left: 58.33333333%;
  }

  .col-md-pull-6 {
    left: 50%;
  }

  .col-md-pull-5 {
    left: 41.66666667%;
  }

  .col-md-pull-4 {
    left: 33.33333333%;
  }

  .col-md-pull-3 {
    left: 25%;
  }

  .col-md-pull-2 {
    left: 16.66666667%;
  }

  .col-md-pull-1 {
    left: 8.33333333%;
  }

  .col-md-pull-0 {
    left: auto;
  }

  .col-md-push-12 {
    right: 100%;
  }

  .col-md-push-11 {
    right: 91.66666667%;
  }

  .col-md-push-10 {
    right: 83.33333333%;
  }

  .col-md-push-9 {
    right: 75%;
  }

  .col-md-push-8 {
    right: 66.66666667%;
  }

  .col-md-push-7 {
    right: 58.33333333%;
  }

  .col-md-push-6 {
    right: 50%;
  }

  .col-md-push-5 {
    right: 41.66666667%;
  }

  .col-md-push-4 {
    right: 33.33333333%;
  }

  .col-md-push-3 {
    right: 25%;
  }

  .col-md-push-2 {
    right: 16.66666667%;
  }

  .col-md-push-1 {
    right: 8.33333333%;
  }

  .col-md-push-0 {
    right: auto;
  }

  .col-md-offset-12 {
    margin-right: 100%;
    margin-left: 0;
  }

  .col-md-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0;
  }

  .col-md-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0;
  }

  .col-md-offset-9 {
    margin-right: 75%;
    margin-left: 0;
  }

  .col-md-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0;
  }

  .col-md-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0;
  }

  .col-md-offset-6 {
    margin-right: 50%;
    margin-left: 0;
  }

  .col-md-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0;
  }

  .col-md-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0;
  }

  .col-md-offset-3 {
    margin-right: 25%;
    margin-left: 0;
  }

  .col-md-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
  }

  .col-md-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
  }

  .col-md-offset-0 {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: right;
    right: auto;
  }

  .col-lg-pull-12 {
    left: 100%;
  }

  .col-lg-pull-11 {
    left: 91.66666667%;
  }

  .col-lg-pull-10 {
    left: 83.33333333%;
  }

  .col-lg-pull-9 {
    left: 75%;
  }

  .col-lg-pull-8 {
    left: 66.66666667%;
  }

  .col-lg-pull-7 {
    left: 58.33333333%;
  }

  .col-lg-pull-6 {
    left: 50%;
  }

  .col-lg-pull-5 {
    left: 41.66666667%;
  }

  .col-lg-pull-4 {
    left: 33.33333333%;
  }

  .col-lg-pull-3 {
    left: 25%;
  }

  .col-lg-pull-2 {
    left: 16.66666667%;
  }

  .col-lg-pull-1 {
    left: 8.33333333%;
  }

  .col-lg-pull-0 {
    left: auto;
  }

  .col-lg-push-12 {
    right: 100%;
  }

  .col-lg-push-11 {
    right: 91.66666667%;
  }

  .col-lg-push-10 {
    right: 83.33333333%;
  }

  .col-lg-push-9 {
    right: 75%;
  }

  .col-lg-push-8 {
    right: 66.66666667%;
  }

  .col-lg-push-7 {
    right: 58.33333333%;
  }

  .col-lg-push-6 {
    right: 50%;
  }

  .col-lg-push-5 {
    right: 41.66666667%;
  }

  .col-lg-push-4 {
    right: 33.33333333%;
  }

  .col-lg-push-3 {
    right: 25%;
  }

  .col-lg-push-2 {
    right: 16.66666667%;
  }

  .col-lg-push-1 {
    right: 8.33333333%;
  }

  .col-lg-push-0 {
    right: auto;
  }

  .col-lg-offset-12 {
    margin-right: 100%;
    margin-left: 0;
  }

  .col-lg-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0;
  }

  .col-lg-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0;
  }

  .col-lg-offset-9 {
    margin-right: 75%;
    margin-left: 0;
  }

  .col-lg-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0;
  }

  .col-lg-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0;
  }

  .col-lg-offset-6 {
    margin-right: 50%;
    margin-left: 0;
  }

  .col-lg-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0;
  }

  .col-lg-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0;
  }

  .col-lg-offset-3 {
    margin-right: 25%;
    margin-left: 0;
  }

  .col-lg-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
  }

  .col-lg-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
  }

  .col-lg-offset-0 {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-right: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-left: 0;
  }
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 25px 5px 15px;
  }
}
@media screen and (min-width: 768px) {
  .container .jumbotron, .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }

  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-right: -15px;
  }

  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-left: -15px;
  }

  .carousel-caption {
    left: 20%;
    right: 20%;
  }
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    right: 0;
  }

  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    right: 0;
  }

  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    right: 0;
  }
}
/********
Add by me
*********/
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
  float: right;
  margin-right: -20px;
}

.form-horizontal .control-label {
  text-align: right;
}

.alert-dismissable .close {
  right: auto;
}

@media (max-width: 768px) {
  .footer-logo, .footer-nav {
    float: none;
  }
}
.input-group {
  direction: ltr;
}
.input-group .form-control {
  direction: rtl;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble, .modal.chargeRequestModal .modal-dialog .modal-body .form-group.has-error .alert label, .modal.cardToCardModal .modal-dialog .modal-body .form-group.has-error .alert label, .modal.integratedChargeRequestModal .modal-dialog .modal-body .form-group.has-error .alert label {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft, .money-fixed-box.active {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft, .money-fixed-box {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn, .modal.gpDetailModal .modal-body .html-content .min .apostrophe {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn, .modal.cardToCardModal .modal-dialog .steps > div, .zoomIn, .modal.integratedChargeRequestModal .modal-dialog .steps > div, .modal.cardToCardModal .modal-dialog .steps .step5 .shaparak-popup {
  -webkit-animation-name: zoomIn;
  -moz-animation-name: zoomIn;
  -o-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-moz-keyframes zoomInDown {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomInDown {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown, .modal.fade.in .modal-dialog, .shiftHeader .tools-first .user.open .dashboard .role-menu, .shiftHeader .tools-first .notify-toggle.open .dropdown-menu {
  -webkit-animation-name: zoomInDown;
  -moz-animation-name: zoomInDown;
  -o-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-moz-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  -moz-animation-name: zoomInLeft;
  -o-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-moz-keyframes zoomInRight {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomInRight {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight, .modal.sellPredictCalculateModal .modal-dialog .modal-body .amount-row, .open > .dropdown-menu {
  -webkit-animation-name: zoomInRight;
  -moz-animation-name: zoomInRight;
  -o-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-moz-keyframes zoomInUp {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomInUp {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  -moz-animation-name: zoomInUp;
  -o-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -o-transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut, .modal.fade .modal-dialog {
  -webkit-animation-name: zoomOut;
  -moz-animation-name: zoomOut;
  -o-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
  }
}
@-moz-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -moz-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
    -moz-transform-origin: left center;
  }
}
@-o-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -o-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
    -o-transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  -moz-animation-name: zoomOutLeft;
  -o-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

.animated {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/*
 * 	Green theme - Owl Carousel CSS File
 */
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-controls .owl-nav [class*='owl-'] {
  color: white;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #283969;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
  background: #4dc7a0;
  color: white;
  text-decoration: none;
}

.owl-theme .owl-controls .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #ffffff;
  border: 1px solid #ffffff;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #5D3F6A;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.owl-theme .owl-dots .owl-dot.active span {
  width: 13px;
  height: 13px;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width,opacity;
  -moz-transition-property: height, width,opacity;
  -ms-transition-property: height, width,opacity;
  -o-transition-property: height, width,opacity;
  transition-property: height, width,opacity;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity,left,right,top;
  -moz-transition-property: -moz-transform, opacity,left,right,top;
  -ms-transition-property: -ms-transform, opacity,left,right,top;
  -o-transition-property: -o-transform, opacity,left,right,top;
  transition-property: transform, opacity,left,right,top;
}

.isotope .isotope-item.isotope-hidden {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

/*
 * ************************************************************* *
 * Name         :  PowerTour                                     *
 * Description  :  CSS for the tour plugin.                      *
 * Version      :  Version 2.0.0                                 *
 * Author       :  CreativeMilk                                  *
 * Author URI   :  www.creativemilk.net                          *
 * Updated      :  2014-06-30 00:13:58 UTC+02:00                 *
 * Copyright    :  (c) 2014 CreativeMilk                         *
 * ************************************************************* *
 */
.powertour-step {
  padding: 0;
  position: absolute;
  visibility: hidden;
  z-index: -1;
}

.powertour-hook {
  position: relative;
}

.powertour-step.powertour-hide iframe {
  visibility: hidden;
  /* opera issue with yt video*/
}

.powertour-step.powertour-show iframe {
  visibility: visible;
  display: block;
}

.powertour-step.animated,
.powertour-step.powertour-show {
  visibility: visible;
  z-index: 9000;
}

.powertour-step:before,
.powertour-step:after,
.powertour-step > *:before,
.powertour-step > *:after {
  content: "";
  display: table;
}

.powertour-step:after,
.powertour-step > *:after {
  clear: both;
}

.powertour-step,
.powertour-step > *:after {
  zoom: 1;
  /*IE*/
}

#powertour-mask {
  width: 100%;
  height: 100%;
  z-index: 9000;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}

.powertour-step > * {
  position: relative;
}

.powertour-tooltip:hover .powertour-step {
  visibility: visible;
}

.powerTour-activated .powertour-highlight {
  z-index: 9001 !important;
}

/*
 * ************************************************************* *
 * Name         :  PowerTour style : clean                       *
 * Description  :  CSS styling for the tour plugin.              *
 * Version      :  Version 2.0                                   *
 * Author       :  CreativeMilk                                  *
 * Author URI   :  www.creativemilk.net                          *
 * Updated      :  2014-06-30 00:13:58 UTC+02:00                 *
 * Copyright    :  (c) 2014 CreativeMilk                         *
 * ************************************************************* *
 */
#powertour-mask {
  background-color: #000;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.single-step {
  position: relative;
  display: none;
  z-index: 9001;
  /*
  -webkit-box-shadow : 0 0 4px 0 #ccc;
  -moz-box-shadow    : 0 0 4px 0 #ccc;
  box-shadow         : 0 0 4px 0 #ccc;
  */
  padding: 15px;
  background-color: #000;
  color: #fff;
  text-align: left;
  line-height: 1.7;
  font-size: 16px;
  border: 1px solid #ccc;
}
.single-step header {
  display: inline-block;
  line-height: 30px;
}
.single-step header h3 {
  margin: 0;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 22px;
}
.single-step footer {
  height: auto;
  width: 100%;
  margin: 15px 0 0 0;
  line-height: 30px;
}
.single-step footer .btn {
  min-width: 65px;
  text-shadow: none;
}
.single-step .close-btn {
  position: absolute;
  top: -34px;
  right: -1px;
  height: 24px;
  width: 24px;
  background-color: #eee;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #999;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ccc;
}
.single-step.rtl-mode {
  text-align: justify;
  direction: rtl;
}
.single-step.rtl-mode .close-btn {
  right: auto;
  left: -1px;
}
.single-step.rtl-mode .separator {
  margin: 10px 0;
}

/*
 * ************************************************************* *
 * Name         :  PowerTour                                     *
 * Description  :  CSS for the tour plugin.                      *
 * Version      :  Version 2.0                                   *
 * Author       :  CreativeMilk                                  *
 * Author URI   :  www.creativemilk.net                          *
 * Updated      :                                     *
 * Copyright    :  (c) 2012 CreativeMilk                         *
 * ************************************************************* *
 */
/*** DOTS ****************************************/
/* TOP */
.connectordot-top {
  width: 80px;
  height: 2px;
  position: absolute;
  top: -29px;
  left: -69px;
  background-color: #333;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Opera, Chrome, and Safari */
}

.connectordot-top:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  left: -5px;
  top: -4px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.connectordot-tl {
  height: 80px;
  width: 2px;
  position: absolute;
  left: 20px;
  top: -80px;
  background-color: #333;
}

.connectordot-tl:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  right: -4px;
  top: -5px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.connectordot-tm {
  height: 80px;
  width: 2px;
  position: absolute;
  right: 50%;
  top: -80px;
  margin-right: -1px;
  background-color: #333;
}

.connectordot-tm:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  right: -4px;
  top: -5px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.connectordot-tr {
  height: 80px;
  width: 2px;
  position: absolute;
  right: 20px;
  top: -80px;
  background-color: #333;
}

.connectordot-tr:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  right: -4px;
  top: -5px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* RIGHT */
.connectordot-right {
  width: 80px;
  height: 2px;
  position: absolute;
  top: -29px;
  right: -69px;
  background-color: #333;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.connectordot-right:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  right: -5px;
  top: -4px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.connectordot-rt {
  width: 80px;
  height: 2px;
  position: absolute;
  top: 20px;
  right: -80px;
  background-color: #333;
}

.connectordot-rt:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  right: -5px;
  top: -4px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.connectordot-rm {
  width: 80px;
  height: 2px;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: -80px;
  background-color: #333;
}

.connectordot-rm:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  right: -5px;
  top: -4px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.connectordot-rb {
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: 20px;
  right: -80px;
  background-color: #333;
}

.connectordot-rb:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  right: -5px;
  top: -4px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* BOTTOM */
.connectordot-bottom {
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: -29px;
  right: -69px;
  background-color: #333;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.connectordot-bottom:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  right: -5px;
  top: -4px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.connectordot-bl {
  height: 80px;
  width: 2px;
  position: absolute;
  left: 20px;
  bottom: -80px;
  background-color: #333;
}

.connectordot-bl:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  right: -4px;
  bottom: -5px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.connectordot-bm {
  height: 80px;
  width: 2px;
  position: absolute;
  right: 50%;
  bottom: -80px;
  margin-right: -1px;
  background-color: #333;
}

.connectordot-bm:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  right: -4px;
  bottom: -5px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.connectordot-br {
  height: 80px;
  width: 2px;
  position: absolute;
  right: 20px;
  bottom: -80px;
  background-color: #333;
}

.connectordot-br:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  right: -4px;
  bottom: -5px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* LEFT */
.connectordot-left {
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: -29px;
  left: -69px;
  background-color: #333;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -webkit-transform: rotate(-45deg);
  /* Opera, Chrome, and Safari */
}

.connectordot-left:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  left: -5px;
  top: -4px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.connectordot-lt {
  width: 80px;
  height: 2px;
  position: absolute;
  top: 20px;
  left: -80px;
  background-color: #333;
}

.connectordot-lt:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  left: -5px;
  top: -4px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.connectordot-lm {
  width: 80px;
  height: 2px;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: -80px;
  background-color: #333;
}

.connectordot-lm:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  left: -5px;
  top: -4px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.connectordot-lb {
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: 20px;
  left: -80px;
  background-color: #333;
}

.connectordot-lb:before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  left: -5px;
  top: -4px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/*** ARROWS **************************************/
/* TOP */
.connectorarrow-tle {
  position: absolute;
  top: -20px;
  left: -1px;
  border-left: 10px solid #ccc;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-top: 10px solid transparent;
}

.connectorarrow-tle:before {
  content: "";
  position: absolute;
  top: -7px;
  left: -9px;
  border-left: 10px solid #fff;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-top: 10px solid transparent;
}

.connectorarrow-tl {
  position: absolute;
  top: -12px;
  left: 20px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ccc;
  border-top: none;
}

.connectorarrow-tl:before {
  content: "";
  position: absolute;
  top: 2px;
  left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-top: none;
}

.connectorarrow-tm {
  position: absolute;
  top: -12px;
  right: 50%;
  margin: 0 -12px 0 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ccc;
  border-top: none;
}

.connectorarrow-tm:before {
  content: "";
  position: absolute;
  top: 2px;
  right: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-top: none;
}

.connectorarrow-tr {
  position: absolute;
  top: -12px;
  right: 20px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ccc;
  border-top: none;
}

.connectorarrow-tr:before {
  content: "";
  position: absolute;
  top: 2px;
  right: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-top: none;
}

.connectorarrow-tre {
  position: absolute;
  top: -20px;
  right: -1px;
  border-right: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-top: 10px solid transparent;
}

.connectorarrow-tre:before {
  content: "";
  position: absolute;
  top: -7px;
  right: -9px;
  border-right: 10px solid #fff;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-top: 10px solid transparent;
}

/* RIGHT */
.connectorarrow-rte {
  position: absolute;
  top: -1px;
  right: -21px;
  border-top: 10px solid #ccc;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ccc;
  border-right: 10px solid transparent;
}

.connectorarrow-rte:before {
  content: "";
  position: absolute;
  top: -9px;
  right: -8px;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  border-right: 10px solid transparent;
}

.connectorarrow-rt {
  position: absolute;
  right: -12px;
  top: 20px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #ccc;
  border-right: none;
}

.connectorarrow-rt:before {
  content: "";
  position: absolute;
  right: 2px;
  top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  border-right: none;
}

.connectorarrow-rm {
  position: absolute;
  right: -12px;
  top: 50%;
  margin: -12px 0 0 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #ccc;
  border-right: none;
}

.connectorarrow-rm:before {
  content: "";
  position: absolute;
  right: 2px;
  top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  border-right: none;
}

.connectorarrow-rb {
  position: absolute;
  right: -12px;
  bottom: 20px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #ccc;
  border-right: none;
}

.connectorarrow-rb:before {
  content: "";
  position: absolute;
  right: 2px;
  top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  border-right: none;
}

.connectorarrow-rbe {
  position: absolute;
  bottom: -1px;
  right: -21px;
  border-bottom: 10px solid #ccc;
  border-top: 10px solid transparent;
  border-left: 10px solid #ccc;
  border-right: 10px solid transparent;
}

.connectorarrow-rbe:before {
  content: "";
  position: absolute;
  bottom: -9px;
  right: -8px;
  border-bottom: 10px solid #fff;
  border-top: 10px solid transparent;
  border-left: 10px solid #fff;
  border-right: 10px solid transparent;
}

/* BOTTOM */
.connectorarrow-ble {
  position: absolute;
  bottom: -20px;
  left: -1px;
  border-left: 10px solid #ccc;
  border-right: 10px solid transparent;
  border-top: 10px solid #ccc;
  border-bottom: 10px solid transparent;
}

.connectorarrow-ble:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: -9px;
  border-left: 10px solid #fff;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
}

.connectorarrow-bl {
  position: absolute;
  bottom: -12px;
  left: 20px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #ccc;
  border-bottom: none;
}

.connectorarrow-bl:before {
  content: "";
  position: absolute;
  bottom: 2px;
  left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  border-bottom: none;
}

.connectorarrow-bm {
  position: absolute;
  bottom: -12px;
  right: 50%;
  margin: 0 -12px 0 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #ccc;
  border-bottom: none;
}

.connectorarrow-bm:before {
  content: "";
  position: absolute;
  bottom: 2px;
  right: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  border-bottom: none;
}

.connectorarrow-br {
  position: absolute;
  bottom: -12px;
  right: 20px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #ccc;
  border-bottom: none;
}

.connectorarrow-br:before {
  content: "";
  position: absolute;
  bottom: 2px;
  right: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  border-bottom: none;
}

.connectorarrow-bre {
  position: absolute;
  bottom: -20px;
  right: -1px;
  border-right: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-top: 10px solid #ccc;
  border-bottom: 10px solid transparent;
}

.connectorarrow-bre:before {
  content: "";
  position: absolute;
  bottom: -7px;
  right: -9px;
  border-right: 10px solid #fff;
  border-left: 10px solid transparent;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
}

/* LEFT */
.connectorarrow-lte {
  position: absolute;
  top: -1px;
  left: -21px;
  border-top: 10px solid #ccc;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ccc;
  border-left: 10px solid transparent;
}

.connectorarrow-lte:before {
  content: "";
  position: absolute;
  top: -9px;
  left: -8px;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  border-left: 10px solid transparent;
}

.connectorarrow-lt {
  position: absolute;
  left: -12px;
  top: 20px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #ccc;
  border-left: none;
}

.connectorarrow-lt:before {
  content: "";
  position: absolute;
  right: -12px;
  top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  border-left: none;
}

.connectorarrow-lm {
  position: absolute;
  left: -12px;
  top: 50%;
  margin: -12px 0 0 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #ccc;
  border-left: none;
}

.connectorarrow-lm:before {
  content: "";
  position: absolute;
  right: -12px;
  top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  border-left: none;
}

.connectorarrow-lb {
  position: absolute;
  left: -12px;
  bottom: 20px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #ccc;
  border-left: none;
}

.connectorarrow-lb:before {
  content: "";
  position: absolute;
  right: -12px;
  top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  border-left: none;
}

.connectorarrow-lbe {
  position: absolute;
  bottom: -1px;
  left: -21px;
  border-bottom: 10px solid #ccc;
  border-top: 10px solid transparent;
  border-right: 10px solid #ccc;
  border-left: 10px solid transparent;
}

.connectorarrow-lbe:before {
  content: "";
  position: absolute;
  bottom: -9px;
  left: -8px;
  border-bottom: 10px solid #fff;
  border-top: 10px solid transparent;
  border-right: 10px solid #fff;
  border-left: 10px solid transparent;
}

/*
JS Persian Calendar - by AMIB
http://amib.ir/weblog
amib@amib.ir
*/
a.pcalBtn {
  width: 19px;
  height: 18px;
  vertical-align: bottom;
  display: inline-block;
  background-image: url("../images/pcal.png");
  background-repeat: no-repeat;
  margin: 0 1px;
  position: absolute;
  top: 9px;
  left: 6px;
}

a.pcalBtn:hover {
  box-shadow: 0 0 1px #66CCFF;
}

/*input.pdate {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

input.valid {
    background-color: #e5fae2;
}

input.invalid {
    background-color: #fee5e7;
}*/
div.picker {
  direction: rtl;
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid #ffffff;
  position: absolute;
  padding: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  -webkit-transition: all 0.3s ease 0.6s;
  -o-transition: all 0.3s ease 0.6s;
  transition: all 0.3s ease 0.6s;
}

div.picker table {
  border-collapse: collapse;
  border-spacing: 0px;
  border: 1px solid #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  min-width: 250px;
}

div.picker td {
  width: 22px;
  border: 1px solid #bbb;
  text-align: center;
  padding: 0px;
}

div.picker div.navBack {
  /*	float: right;
      uncommenting this line breaks IE display of element
      in some unknown situations !
  */
}

div.picker div.navBack a {
  float: right;
  font-size: 17px;
  line-height: 1;
  font-family: tahoma;
}

div.picker div.navFwd {
  float: left;
  font-size: 17px;
  line-height: 1;
  font-family: tahoma;
}

div.picker div.navFwd a {
  float: left;
}

div.picker span.navInfo {
  padding: 5px 0px;
  display: inline-block;
}

div.picker td.pickerHead a {
  padding: 5px;
}

div.picker td.pickerHead a.nav {
  display: block;
}

div.picker td.pickerHead a.monYear {
  display: inline-block;
  padding-left: 1px;
  padding-right: 1px;
}

div.picker a.weekday {
  display: block;
  padding: 2px 0px;
}

div.picker a.friday {
  background-color: #ED5565;
}

div.picker a.selected {
  background-color: #A0D468;
}

div.picker a.today {
  background-color: #FFCE54;
}

div.picker td.calWeekdays {
  background-color: rgba(0, 0, 0, 0.9);
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 2px;
}

div.picker td.pickerFoot a {
  display: block;
  padding: 2px;
}

div.picker a {
  text-decoration: none;
  color: #ffffff;
  -moz-transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  -webkit-transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  -o-transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  transition: all 0.1s cubic-bezier(0, 1, 1, 0);
}

div.picker a:hover {
  text-decoration: none;
  color: #004;
  background-color: #66CCFF;
}

div.monthYearPicker {
  background-color: rgba(0, 0, 0, 0.9);
  border: solid 2px #ffffff;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  text-align: center;
  position: absolute;
  font-size: 12px;
}

div.monthYearPicker a {
  text-decoration: none;
  color: #ffffff;
  -moz-transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  -webkit-transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  -o-transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  display: block;
  padding: 5px;
}

div.monthYearPicker a.selected {
  background-color: #A0D468;
}

div.monthYearPicker a:hover {
  text-decoration: none;
  color: #004;
  background-color: #66CCFF;
}

/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;
}

.bootstrap-timepicker-widget .separator:before {
  content: none;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}

.bootstrap-timepicker .input-group-addon {
  cursor: pointer;
}

.bootstrap-timepicker .input-group-addon i {
  display: inline-block;
  font-size: 22px;
  vertical-align: middle;
  color: #8CC152;
}

.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
  right: auto;
  direction: ltr;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.75);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  display: inline-block;
  position: absolute;
}

.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid rgba(0, 0, 0, 0.75);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}

.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.6);
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid rgba(0, 0, 0, 0.6);
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px;
}

.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-timepicker-widget table td {
  text-align: center;
  margin: 0;
  padding: 2px;
}

.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}

.bootstrap-timepicker-widget table td span {
  width: 100%;
}

.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  outline: 0;
  color: #ffffff;
}

.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
  font-size: 18px;
}

.bootstrap-timepicker-widget table td input {
  width: 50px;
  margin: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
}

.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
}

@media (min-width: 767px) {
  .bootstrap-timepicker-widget.modal {
    width: 200px;
    margin-left: -100px;
  }
}
@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }

  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs/dt-1.10.9,r-1.0.7
 *
 * Included libraries:
 *   DataTables 1.10.9, Responsive 1.0.7
 */
table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
}

table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: 'Glyphicons Halflings';
  opacity: 0.5;
}

table.dataTable thead .sorting:after {
  opacity: 0.2;
  content: "\e150";
  /* sort */
}

table.dataTable thead .sorting_asc:after {
  content: "\e155";
  /* sort-by-attributes */
}

table.dataTable thead .sorting_desc:after {
  content: "\e156";
  /* sort-by-attributes-alt */
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  color: #eee;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}
table.dataTable.table-condensed > thead > tr > th {
  padding-right: 20px;
}

table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
  top: 6px;
  right: 6px;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  position: relative;
  padding-right: 30px;
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 8px;
  right: 4px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 18px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  background-color: #8CC152;
  content: "\f067";
  font-family: fontAwesome;
  font-size: 10px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {
  display: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: "\f068";
  background-color: #DA4453;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
  display: none;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 12px;
}

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #337ab7;
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

table.dataTable > tbody > tr.child ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table.dataTable > tbody > tr.child ul li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}

table.dataTable > tbody > tr.child ul li:first-child {
  padding-top: 0;
}

table.dataTable > tbody > tr.child ul li:last-child {
  border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/awesome/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/awesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/awesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/awesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/awesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before,
.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-volume-control-phone:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "";
}

.fa-handshake-o:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-o:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-book-o:before {
  content: "";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-circle-o:before {
  content: "";
}

.fa-user-o:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-eercast:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-snowflake-o:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.icheckbox_flat,
.iradio_flat {
  display: inline-block;
  *display: inline;
  vertical-align: -4px;
  margin: 0;
  padding: 0 !important;
  width: 18px;
  height: 18px;
  background: url("../images/check_flat/black.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_flat + label,
.iradio_flat + label {
  margin-right: 5px;
  cursor: pointer;
}

.icheckbox_flat {
  background-position: 0 0;
}
.icheckbox_flat.checked {
  background-position: -22px 0;
}
.icheckbox_flat.disabled {
  background-position: -44px 0;
  cursor: default;
}
.icheckbox_flat.disabled + label {
  color: #dddddd;
}
.icheckbox_flat.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat {
  background-position: -88px 0;
}
.iradio_flat.checked {
  background-position: -110px 0;
}
.iradio_flat.disabled {
  background-position: -132px 0;
  cursor: default;
}
.iradio_flat.checked.disabled {
  background-position: -154px 0;
}

/** Loaders **/
.loader-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}

.loader-container.white-mask {
  background-color: rgba(255, 255, 255, 0.8);
}

.loader-container.black-mask {
  background-color: rgba(0, 0, 0, 0.8);
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-timer,
.la-timer > div {
  position: relative;
}

.la-timer {
  display: inline-block;
  font-size: 0;
  color: #8cc152;
}

.la-timer.la-dark {
  color: #333;
}

.la-timer > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}

.la-timer {
  width: 32px;
  height: 32px;
}

.la-timer > div {
  width: 32px;
  height: 32px;
  background: transparent;
  border-width: 2px;
  border-radius: 100%;
}

.la-timer > div:before,
.la-timer > div:after {
  position: absolute;
  top: 14px;
  left: 14px;
  display: block;
  width: 2px;
  margin-top: -1px;
  margin-left: -1px;
  content: "";
  background: currentColor;
  border-radius: 2px;
  -webkit-transform-origin: 1px 1px 0;
  -moz-transform-origin: 1px 1px 0;
  -ms-transform-origin: 1px 1px 0;
  -o-transform-origin: 1px 1px 0;
  transform-origin: 1px 1px 0;
  -webkit-animation: timer-loader 1250ms infinite linear;
  -moz-animation: timer-loader 1250ms infinite linear;
  -o-animation: timer-loader 1250ms infinite linear;
  animation: timer-loader 1250ms infinite linear;
  -webkit-animation-delay: -625ms;
  -moz-animation-delay: -625ms;
  -o-animation-delay: -625ms;
  animation-delay: -625ms;
}

.la-timer > div:before {
  height: 12px;
}

.la-timer > div:after {
  height: 8px;
  -webkit-animation-duration: 15s;
  -moz-animation-duration: 15s;
  -o-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-delay: -7.5s;
  -moz-animation-delay: -7.5s;
  -o-animation-delay: -7.5s;
  animation-delay: -7.5s;
}

.la-timer.la-sm {
  width: 16px;
  height: 16px;
}

.la-timer.la-sm > div {
  width: 16px;
  height: 16px;
  border-width: 1px;
}

.la-timer.la-sm > div:before,
.la-timer.la-sm > div:after {
  top: 7px;
  left: 7px;
  width: 1px;
  margin-top: -.5px;
  margin-left: -.5px;
  border-radius: 1px;
  -webkit-transform-origin: .5px .5px 0;
  -moz-transform-origin: .5px .5px 0;
  -ms-transform-origin: .5px .5px 0;
  -o-transform-origin: .5px .5px 0;
  transform-origin: .5px .5px 0;
}

.la-timer.la-sm > div:before {
  height: 6px;
}

.la-timer.la-sm > div:after {
  height: 4px;
}

.la-timer.la-2x {
  width: 64px;
  height: 64px;
}

.la-timer.la-2x > div {
  width: 64px;
  height: 64px;
  border-width: 4px;
}

.la-timer.la-2x > div:before,
.la-timer.la-2x > div:after {
  top: 28px;
  left: 28px;
  width: 4px;
  margin-top: -2px;
  margin-left: -2px;
  border-radius: 4px;
  -webkit-transform-origin: 2px 2px 0;
  -moz-transform-origin: 2px 2px 0;
  -ms-transform-origin: 2px 2px 0;
  -o-transform-origin: 2px 2px 0;
  transform-origin: 2px 2px 0;
}

.la-timer.la-2x > div:before {
  height: 24px;
}

.la-timer.la-2x > div:after {
  height: 16px;
}

.la-timer.la-3x {
  width: 96px;
  height: 96px;
}

.la-timer.la-3x > div {
  width: 96px;
  height: 96px;
  border-width: 6px;
}

.la-timer.la-3x > div:before,
.la-timer.la-3x > div:after {
  top: 42px;
  left: 42px;
  width: 6px;
  margin-top: -3px;
  margin-left: -3px;
  border-radius: 6px;
  -webkit-transform-origin: 3px 3px 0;
  -moz-transform-origin: 3px 3px 0;
  -ms-transform-origin: 3px 3px 0;
  -o-transform-origin: 3px 3px 0;
  transform-origin: 3px 3px 0;
}

.la-timer.la-3x > div:before {
  height: 36px;
}

.la-timer.la-3x > div:after {
  height: 24px;
}

/*
 * Animation
 */
@-webkit-keyframes timer-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes timer-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes timer-loader {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes timer-loader {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../images/fancybox/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  width: auto;
}

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

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/fancybox/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url("../images/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
html {
  height: 100%;
}

body {
  position: relative;
  height: 100%;
}

.height-100 {
  height: 100%;
}

.shiftPanel {
  position: relative;
  overflow-x: hidden !important;
}
.shiftPanel .shiftPanel-ui {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
}
.shiftPanel .shiftPanel-first-aside {
  width: 240px;
  position: fixed;
  background-color: transparent;
  height: 100%;
  z-index: 1;
  top: 0;
  background-color: #8cc152;
  right: -240px;
}
.shiftPanel .shiftPanel-second-aside {
  width: 250px;
  position: fixed;
  background-color: transparent;
  height: 100%;
  z-index: 1;
  top: 0;
  left: -250px;
  background-color: #8cc152;
}
.shiftPanel .shiftPanel-main {
  left: 0;
  right: 0;
  height: 100%;
  padding-top: 60px;
}
.shiftPanel .shiftPanel-dismiss {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 201;
  cursor: pointer;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.shiftPanel.active-first-panel {
  /* For hide calendar when menu shifted*/
}
.shiftPanel.active-first-panel .shiftPanel-first-aside {
  right: 0;
}
.shiftPanel.active-first-panel .shiftPanel-main {
  right: 240px;
  left: -240px;
}
.shiftPanel.active-first-panel .shiftPanel-main .shiftHeader {
  right: 240px;
  left: -240px;
}
.shiftPanel.active-first-panel .shiftPanel-dismiss {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  right: 240px;
}
.shiftPanel.active-first-panel .picker {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shiftPanel.active-second-panel {
  /* For hide calendar when menu shifted*/
}
.shiftPanel.active-second-panel .shiftPanel-second-aside {
  left: 0;
}
.shiftPanel.active-second-panel .shiftPanel-main {
  left: 250px;
  right: -250px;
}
.shiftPanel.active-second-panel .shiftPanel-main .shiftHeader {
  left: 250px;
  right: -250px;
}
.shiftPanel.active-second-panel .shiftPanel-dismiss {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  left: 250px;
}
.shiftPanel.active-second-panel .picker {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside {
  background-color: rgba(0, 0, 0, 0.6);
  border-left: 1px solid white;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content {
  overflow: auto;
  padding: 20px 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: bold;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li {
  margin-bottom: 4px;
  line-height: 30px;
  padding: 5px 15px;
  position: relative;
  z-index: 1;
  padding-right: 15px;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li .fa {
  vertical-align: -2px;
  margin-left: 3px;
  font-size: 22px;
  width: 24px;
  text-align: center;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li:last-child {
  margin-bottom: 0;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li:before {
  content: '';
  background-color: #8cc152;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li:hover a, .shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li:focus a, .shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.open a {
  color: #000000;
  background-color: transparent;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li:hover:before, .shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li:focus:before, .shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.open:before {
  top: 0;
  bottom: 0;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li a {
  color: #fff;
  display: block;
  position: relative;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li .badge {
  background: red;
  position: absolute;
  left: 0;
  top: 5px;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li .badge.diagonal {
  -webkit-transform: rotate(-33deg);
  -ms-transform: rotate(-33deg);
  -o-transform: rotate(-33deg);
  transform: rotate(-33deg);
  left: 18px !important;
  top: -5px;
  font-size: 12px;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li .badge.diagonal.old {
  background-color: white;
  color: #000;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.live-part .fa-soccer-ball-o {
  width: 22px;
  -webkit-animation: rotate 1.5s infinite linear;
  -moz-animation: rotate 1.5s infinite linear;
  -o-animation: rotate 1.5s infinite linear;
  animation: rotate 1.5s infinite linear;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .badge {
  left: 25px;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .dropdown-toggle.fix-width {
  display: block;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .dropdown-toggle.fix-width .caret {
  position: absolute;
  top: 15px;
  left: 7px;
  margin-top: -1px;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .dropdown-menu {
  position: relative;
  border-radius: 0;
  margin: 10px -15px;
  min-width: 0;
  width: auto;
  float: none;
  max-height: 200px;
  overflow: auto;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .dropdown-menu > li {
  position: relative;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .dropdown-menu > li a {
  color: #000000;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .dropdown-menu > li:before {
  content: '';
  background-color: #659234;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .dropdown-menu > li:hover a, .shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .dropdown-menu > li:focus a, .shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .dropdown-menu > li.open a {
  color: #ffffff;
  background-color: transparent;
}
.shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .dropdown-menu > li:hover:before, .shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .dropdown-menu > li:focus:before, .shiftPanel.userPanel-mode .shiftPanel-first-aside .aside-content .links-list > li.dropdown .dropdown-menu > li.open:before {
  top: 0;
  bottom: 0;
}
.shiftPanel.userPanel-mode .shiftPanel-second-aside {
  background-color: rgba(0, 0, 0, 0.6);
  border-right: 1px solid white;
}
.shiftPanel.userPanel-mode .shiftPanel-main .userPanel-content {
  padding: 15px 0;
}

@media (min-width: 992px) {
  .shiftPanel .shiftPanel-first-aside {
    border-left: none;
  }
  .shiftPanel .shiftPanel-second-aside {
    border-right: none;
  }
}
/*Login Modal*/
.modal.loginModal .modal-dialog .links {
  font-size: 18px;
}
.modal.loginModal .modal-dialog .links a {
  margin-bottom: 10px;
  margin-left: 10px;
  display: inline-block;
}
.modal.loginModal .modal-dialog .links a:last-child {
  margin-bottom: 0;
}
.modal.loginModal .modal-dialog .modal-footer {
  padding: 0 15px;
}
.modal.loginModal .modal-dialog .modal-footer .wrap {
  padding: 15px 0;
}
.modal.loginModal .modal-dialog .modal-footer .wrap .btn {
  min-width: 85px;
}
.modal.signUpModal .modal-dialog .modal-footer .btn {
  min-width: 85px;
}
.modal.newsDetailModal .modal-body {
  min-height: 450px;
  color: #ffffff;
}
.modal.newsDetailModal .modal-body > figure img {
  opacity: 0;
  margin-right: -30px;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.modal.newsDetailModal .modal-body .html-content {
  opacity: 0;
  margin-top: -30px;
  padding-top: 60px;
  -webkit-transition: all 0.5s ease-out 0.5s;
  -o-transition: all 0.5s ease-out 0.5s;
  transition: all 0.5s ease-out 0.5s;
}
.modal.newsDetailModal.loaded .modal-body > figure img {
  opacity: 1;
  margin-right: 0;
}
.modal.newsDetailModal.loaded .modal-body .html-content {
  opacity: 1;
  margin-top: 0;
}
.modal.sellPredictCalculateModal .modal-dialog .modal-body {
  min-height: 300px;
}
.modal.sellPredictCalculateModal .modal-dialog .modal-body p {
  color: #fff;
  font-size: 18px;
  text-align: justify;
}
.modal.sellPredictCalculateModal .modal-dialog .modal-body .sell-board {
  font-size: 20px;
  color: #4fc1e9;
  margin-bottom: 15px;
}
.modal.sellPredictCalculateModal .modal-dialog .modal-body .sell-board .fa {
  vertical-align: middle;
  margin: 0 5px;
}
.modal.sellPredictCalculateModal .modal-dialog .modal-body .sell-board .sellAmount, .modal.sellPredictCalculateModal .modal-dialog .modal-body .sell-board .lock {
  display: none;
}
.modal.sellPredictCalculateModal .modal-dialog .modal-body .iradio_flat {
  position: relative;
}
.modal.sellPredictCalculateModal .modal-dialog .modal-body .iradio_flat input {
  position: absolute;
  opacity: 0;
}
.modal.sellPredictCalculateModal .modal-dialog .modal-body .tab-content .modal-body {
  padding: 30px;
}
.modal.sellPredictCalculateModal .modal-dialog .modal-body .amount-row {
  display: none;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.modal.chargeRequestModal .modal-dialog .modal-body {
  color: #ffffff;
}
.modal.chargeRequestModal .modal-dialog .modal-body .panel-title {
  color: #ED5565;
}
.modal.chargeRequestModal .modal-dialog .modal-body .panel-body {
  border-top: 1px dashed transparent !important;
  -webkit-transition: border-top ease 0.5s;
  -o-transition: border-top ease 0.5s;
  transition: border-top ease 0.5s;
}
.modal.chargeRequestModal .modal-dialog .modal-body .in .panel-body {
  border-top-color: rgba(237, 85, 101, 0.8) !important;
}
.modal.chargeRequestModal .modal-dialog .modal-body ol {
  margin-right: 25px;
}
.modal.chargeRequestModal .modal-dialog .modal-body ol li {
  margin-bottom: 3px;
}
.modal.chargeRequestModal .modal-dialog .modal-body .pcalBtn {
  display: none;
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert {
  padding: 0;
}

.modal.chargeRequestModal.cryptoCurrencyMode .modal-dialog .modal-body .alert {
    padding: 15px;
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert.alert-danger {
  background-color: rgba(235, 62, 109, 0.15);
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert.alert-danger .badge {
  background-color: rgba(235, 62, 109, 0.9);
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert.alert-warning {
  background-color: rgba(255, 166, 59, 0.15);
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert.alert-warning .badge {
  background-color: rgba(255, 166, 59, 0.9);
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert .badge {
  padding: 5px;
  position: absolute;
  left: 9px;
  top: -12px;
  font-weight: normal;
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert .iradio_flat {
  right: 10px;
  top: 10px;
  position: absolute;
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert label {
  margin-bottom: 0;
  padding: 15px;
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert.disable {
  background-color: rgba(53, 53, 53, 0.15);
  border-color: rgba(53, 53, 53, 0.9);
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert.disable label {
  filter: blur(2px);
  -webkit-filter: blur(2px);
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert.disable .badge {
  background-color: rgba(53, 53, 53, 0.9);
}
.modal.chargeRequestModal .modal-dialog .modal-body .form-group.has-error .alert label {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.modal.chargeRequestModal .modal-dialog .modal-body .form-group .invisible {
  height: 0;
}
.modal.chargeRequestModal .modal-dialog .modal-body .form-group .empty-text {
  display: inline-block;
  padding-right: 40px;
  padding-left: 30px;
  color: #FFCE54;
}
.modal.chargeRequestModal .modal-dialog .modal-body .form-group.has-error .empty-text {
  color: #ED5565;
}
.modal.chargeRequestModal .modal-dialog .modal-body .email-notification {
  padding-top: 15px;
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container {
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 100%;
  overflow: auto;
  z-index: 2;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.9);
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container.active {
  top: 0;
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container .tools-bar {
  margin-top: 15px;
  border: 1px dotted #fff;
  padding: 10px;
  display: inline-block;
  width: 226px;
  border-radius: 18%;
  font-size: 20px;
  max-width: 100%;
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container .tools-bar .fa {
  cursor: pointer;
  position: relative;
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container .tools-bar .fa:hover {
  color: #f64444;
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container .tools-bar .fa .text {
  position: absolute;
  font-size: 16px;
  font-family: IranSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  top: 0;
  display: inline-block;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container .tools-bar .fa.fa-refresh .text {
  right: 200%;
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container .tools-bar .fa.fa-refresh:hover .text {
  right: 140%;
  opacity: 1;
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container .tools-bar .fa.fa-angle-double-down .text {
  left: 200%;
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container .tools-bar .fa.fa-angle-double-down:hover .text {
  left: 140%;
  opacity: 1;
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container .table-container {
  padding: 15px;
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container .requests-list-table {
  text-align: center;
}
.modal.chargeRequestModal .modal-dialog .modal-body .last-request-container .requests-list-table th, .modal.chargeRequestModal .modal-dialog .modal-body .last-request-container .requests-list-table td {
  text-align: center;
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert-important {
  font-size: 20px;
}
.modal.chargeRequestModal .modal-dialog .modal-body .alert-important .card-number {
  direction: ltr;
  display: inline-block;
}
.modal.chargeRequestModal .modal-dialog .modal-body .blocked-message {
  font-size: 20px;
}
.modal.chargeRequestModal .modal-dialog .modal-body .blocked-message .table-layout {
  min-height: 450px;
}
.modal.chargeRequestModal .modal-dialog .modal-body .form-control[readonly] {
  background-color: black;
  cursor: default;
  border-color: #727272;
}
.modal.chargeRequestModal .modal-dialog .modal-body .invoice-amount {
  padding: 5px 0px;
  font-size: 17px;
  display: inline-block;
}
.modal.chargeRequestModal .modal-dialog .loader-container {
  display: none;
}
.modal.chargeRequestModal .modal-dialog .modal-footer .btn {
  min-width: 85px;
}
.modal.chargeRequestModal .invoice-field {
  display: none;
}
.modal.chargeRequestModal.invoice-active .invoice-field {
  display: block;
}
.modal.chargeRequestModal.invoice-active .amount-field {
  display: none;
}
.modal.chargeRequestModal.invoice-active .none-invoice-dom {
  display: none;
}
.modal.chargeRequestModal.history-active .main-container {
  visibility: hidden;
}
.modal.chargeRequestModal.history-active .tools-bar .fa-angle-double-down {
  display: none;
}
.modal.chargeRequestModal.history-active .modal-footer .btn-success {
  display: none;
}
.modal.chargeRequestModal.history-active .modal-footer .btn-info {
  display: none;
}
.modal.chargeRequestModal.cryptoCurrencyMode .last-request-container .english-number {
  font-size: 13px;
}
.modal.chargeRequestModal.cryptoCurrencyMode .wallet-qrCode img {
  max-width: 115px;
}
.modal.chargeRequestModal.cryptoCurrencyMode .wallet-hash {
  word-break: break-word;
}
.modal.chargeRequestModal.cryptoCurrencyMode .form-group .cc-ico {
  position: absolute;
  top: 8px;
  right: 25px;
}
.modal.chargeRequestModal.cryptoCurrencyMode .form-group svg {
  height: 20px;
  width: 20px;
}
.modal.chargeRequestModal.perfectMoneyMode .last-request-container .english-number {
  font-size: 13px;
}
.modal.cardToCardModal .modal-dialog .modal-body {
  color: #ffffff;
  -webkit-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
}
.modal.cardToCardModal .modal-dialog .modal-body .main-container {
  min-height: 120px;
}
.modal.cardToCardModal .modal-dialog .modal-body .panel-title {
  color: #ED5565;
}
.modal.cardToCardModal .modal-dialog .modal-body .panel-body {
  border-top: 1px dashed transparent !important;
  -webkit-transition: border-top ease 0.5s;
  -o-transition: border-top ease 0.5s;
  transition: border-top ease 0.5s;
}
.modal.cardToCardModal .modal-dialog .modal-body .panel-group {
  margin-bottom: 0;
}
.modal.cardToCardModal .modal-dialog .modal-body .in .panel-body {
  border-top-color: rgba(237, 85, 101, 0.8) !important;
}
.modal.cardToCardModal .modal-dialog .modal-body ol {
  margin-right: 25px;
}
.modal.cardToCardModal .modal-dialog .modal-body ol li {
  margin-bottom: 3px;
}
.modal.cardToCardModal .modal-dialog .modal-body .pcalBtn {
  display: none;
}
.modal.cardToCardModal .modal-dialog .modal-body .prp-tid-number {
  font-size: 40px;
  cursor: pointer;
}
.modal.cardToCardModal .modal-dialog .modal-body .android-sec {
  display: none;
}
.modal.cardToCardModal .modal-dialog .modal-body .alert {
  font-size: 18px;
}
.modal.cardToCardModal .modal-dialog .modal-body .alert.alert-success {
  background-color: rgba(140, 193, 82, 0.15);
}
.modal.cardToCardModal .modal-dialog .modal-body .alert.alert-success .badge {
  background-color: rgba(140, 193, 82, 0.9);
}
.modal.cardToCardModal .modal-dialog .modal-body .alert.alert-danger {
  background-color: rgba(235, 62, 109, 0.15);
}
.modal.cardToCardModal .modal-dialog .modal-body .alert.alert-danger .badge {
  background-color: rgba(235, 62, 109, 0.9);
}
.modal.cardToCardModal .modal-dialog .modal-body .alert.alert-warning {
  background-color: rgba(255, 166, 59, 0.15);
}
.modal.cardToCardModal .modal-dialog .modal-body .alert.alert-warning .badge {
  background-color: rgba(255, 166, 59, 0.9);
}
.modal.cardToCardModal .modal-dialog .modal-body .alert .badge {
  padding: 5px;
  position: absolute;
  left: 9px;
  top: -12px;
  font-weight: normal;
}
.modal.cardToCardModal .modal-dialog .modal-body .alert .iradio_flat {
  right: 10px;
  top: 10px;
  position: absolute;
}
.modal.cardToCardModal .modal-dialog .modal-body .alert label {
  margin-bottom: 0;
  padding: 15px;
}
.modal.cardToCardModal .modal-dialog .modal-body .alert.disable {
  background-color: rgba(53, 53, 53, 0.15);
  border-color: rgba(53, 53, 53, 0.9);
}
.modal.cardToCardModal .modal-dialog .modal-body .alert.disable label {
  filter: blur(2px);
  -webkit-filter: blur(2px);
}
.modal.cardToCardModal .modal-dialog .modal-body .alert.disable .badge {
  background-color: rgba(53, 53, 53, 0.9);
}
.modal.cardToCardModal .modal-dialog .modal-body .form-group.has-error .alert label {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.modal.cardToCardModal .modal-dialog .modal-body .form-group .invisible {
  height: 0;
}
.modal.cardToCardModal .modal-dialog .modal-body .form-group .empty-text {
  display: inline-block;
  padding-right: 40px;
  padding-left: 30px;
  color: #FFCE54;
}
.modal.cardToCardModal .modal-dialog .modal-body .form-group.has-error .empty-text {
  color: #ED5565;
}
.modal.cardToCardModal .modal-dialog .modal-body .email-notification {
  padding-top: 15px;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container {
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 100%;
  overflow: auto;
  z-index: 2;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.9);
  bottom: 3px !important;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container.active {
  top: 1px;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container .tools-bar {
  margin-top: 15px;
  border: 1px dotted #fff;
  padding: 10px;
  display: inline-block;
  width: 226px;
  border-radius: 18%;
  font-size: 20px;
  max-width: 100%;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container .tools-bar .fa {
  cursor: pointer;
  position: relative;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container .tools-bar .fa:hover {
  color: #f64444;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container .tools-bar .fa .text {
  position: absolute;
  font-size: 16px;
  font-family: IranSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  top: 0;
  display: inline-block;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container .tools-bar .fa.fa-refresh .text {
  right: 200%;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container .tools-bar .fa.fa-refresh:hover .text {
  right: 140%;
  opacity: 1;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container .tools-bar .fa.fa-angle-double-down .text {
  left: 200%;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container .tools-bar .fa.fa-angle-double-down:hover .text {
  left: 140%;
  opacity: 1;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container .table-container {
  padding: 15px;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container .requests-list-table {
  text-align: center;
}
.modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container .requests-list-table th, .modal.cardToCardModal .modal-dialog .modal-body .last-c2c-container .requests-list-table td {
  text-align: center;
}
.modal.cardToCardModal .modal-dialog .modal-body .alert-important {
  font-size: 20px;
}
.modal.cardToCardModal .modal-dialog .modal-body .alert-important .card-number {
  direction: ltr;
  display: inline-block;
}
.modal.cardToCardModal .modal-dialog .modal-body .blocked-message {
  font-size: 20px;
}
.modal.cardToCardModal .modal-dialog .modal-body .blocked-message .table-layout {
  min-height: 450px;
}
.modal.cardToCardModal .modal-dialog .modal-body .remaining-time {
  font-size: 20px;
  display: none;
}
.modal.cardToCardModal .modal-dialog .modal-body .label-info {
  position: static;
  vertical-align: -2px;
  background-color: transparent;
}
.modal.cardToCardModal .modal-dialog .modal-body .badge {
  background: red;
}
.modal.cardToCardModal .modal-dialog .modal-body .form-control[readonly] {
  background-color: black;
  cursor: default;
  border-color: #727272;
}
.modal.cardToCardModal .modal-dialog .modal-body .invoice-amount {
  padding: 5px 0px;
  font-size: 17px;
  display: inline-block;
}
.modal.cardToCardModal .modal-dialog .loader-container {
  display: none;
}
.modal.cardToCardModal .modal-dialog .modal-footer {
  margin: 0 -15px -15px -15px;
}
.modal.cardToCardModal .modal-dialog .modal-footer .btn {
  min-width: 85px;
}
.modal.cardToCardModal .modal-dialog .steps > div {
  display: none;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.modal.cardToCardModal .modal-dialog .steps .verifyShaparakStep .alert {
  line-height: 3;
  font-size: 22px;
}
.modal.cardToCardModal .modal-dialog .steps .otpStep .shaparak-popup,.modal.cardToCardModal .modal-dialog .steps .finalStep .shaparak-popup {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  top: 0;
  left: -15px;
  right: -15px;
  bottom: -46px;
  background-color: #000;
  border-top: 1px solid #8cc152;
}
.modal.cardToCardModal .modal-dialog .steps  .doneStep .alert {
  line-height: 1.6;
  font-size: 20px;
  padding: 30px 15px;
}
.modal.cardToCardModal .modal-dialog .c2c-expire-date .cell-layout:first-child input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.modal.cardToCardModal .modal-dialog .c2c-expire-date .cell-layout:last-child input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.modal.cardToCardModal.history-active .nav {
  display: none;
}
.modal.cardToCardModal.history-active .main-container {
  visibility: hidden;
}
.modal.cardToCardModal.history-active .modal-dialog .modal-body {
  min-height: 500px;
}
.modal.cardToCardModal.startStep-active .steps .startStep {
    display: block;
}
.modal.cardToCardModal.loginCodeStep-active .steps .loginCodeStep {
    display: block;
}
.modal.cardToCardModal.verifyShaparakStep-active .steps .verifyShaparakStep {
    display: block;
}
.modal.cardToCardModal.profileStep-active .steps .profileStep {
    display: block;
}
.modal.cardToCardModal.confirmProfileStep-active .steps .confirmProfileStep {
    display: block;
}
.modal.cardToCardModal.otpStep-active .steps .otpStep {
    display: block;
}
.modal.cardToCardModal.otpStep-active.shaparak-mode .steps .otpStep {
    display: none;
}
.modal.cardToCardModal.finalStep-active .steps .finalStep {
    display: block;
}
.modal.cardToCardModal.doneStep-active .steps .doneStep {
    display: block;
}

.modal.integratedChargeRequestModal .modal-dialog {
    width: 90%;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body {
    color: #ffffff;
    -webkit-transition: all ease 0.8s;
    -o-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .main-container {
    min-height: 120px;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .panel-title {
    color: #ED5565;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .panel-body {
    border-top: 1px dashed transparent !important;
    -webkit-transition: border-top ease 0.5s;
    -o-transition: border-top ease 0.5s;
    transition: border-top ease 0.5s;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .panel-group {
    margin-bottom: 0;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .in .panel-body {
    border-top-color: rgba(237, 85, 101, 0.8) !important;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body ol {
    margin-right: 25px;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body ol li {
    margin-bottom: 3px;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .pcalBtn {
    display: none;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .prp-tid-number {
    font-size: 40px;
    cursor: pointer;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .android-sec {
    display: none;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert {
    font-size: 18px;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert.alert-success {
    background-color: rgba(140, 193, 82, 0.15);
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert.alert-success .badge {
    background-color: rgba(140, 193, 82, 0.9);
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert.alert-danger {
    background-color: rgba(235, 62, 109, 0.15);
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert.alert-danger .badge {
    background-color: rgba(235, 62, 109, 0.9);
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert.alert-warning {
    background-color: rgba(255, 166, 59, 0.15);
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert.alert-warning .badge {
    background-color: rgba(255, 166, 59, 0.9);
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert .badge {
    padding: 5px;
    position: absolute;
    left: 9px;
    top: -12px;
    font-weight: normal;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert .iradio_flat {
    right: 10px;
    top: 10px;
    position: absolute;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert label {
    margin-bottom: 0;
    padding: 15px;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert.disable {
    background-color: rgba(53, 53, 53, 0.15);
    border-color: rgba(53, 53, 53, 0.9);
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert.disable label {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert.disable .badge {
    background-color: rgba(53, 53, 53, 0.9);
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .form-group.has-error .alert label {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .form-group .invisible {
    height: 0;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .form-group .empty-text {
    display: inline-block;
    padding-right: 40px;
    padding-left: 30px;
    color: #FFCE54;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .form-group.has-error .empty-text {
    color: #ED5565;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .email-notification {
    padding-top: 15px;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container {
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    top: 100%;
    overflow: auto;
    z-index: 2;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.9);
    bottom: 3px !important;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container.active {
    top: 1px;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container .tools-bar {
    margin-top: 15px;
    border: 1px dotted #fff;
    padding: 10px;
    display: inline-block;
    width: 226px;
    border-radius: 18%;
    font-size: 20px;
    max-width: 100%;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container .tools-bar .fa {
    cursor: pointer;
    position: relative;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container .tools-bar .fa:hover {
    color: #f64444;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container .tools-bar .fa .text {
    position: absolute;
    font-size: 16px;
    font-family: IranSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    top: 0;
    display: inline-block;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container .tools-bar .fa.fa-refresh .text {
    right: 200%;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container .tools-bar .fa.fa-refresh:hover .text {
    right: 140%;
    opacity: 1;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container .tools-bar .fa.fa-angle-double-down .text {
    left: 200%;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container .tools-bar .fa.fa-angle-double-down:hover .text {
    left: 140%;
    opacity: 1;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container .table-container {
    padding: 15px;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container .requests-list-table {
    text-align: center;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container .requests-list-table th, .modal.integratedChargeRequestModal .modal-dialog .modal-body .last-icr-container .requests-list-table td {
    text-align: center;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert-important {
    font-size: 20px;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .alert-important .card-number {
    direction: ltr;
    display: inline-block;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .blocked-message {
    font-size: 20px;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .blocked-message .table-layout {
    min-height: 450px;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .remaining-time {
    font-size: 20px;
    display: none;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .label-info {
    position: static;
    vertical-align: -2px;
    background-color: transparent;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .badge {
    background: red;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-body .form-control[readonly] {
    background-color: black;
    cursor: default;
    border-color: #727272;
}
.modal.integratedChargeRequestModal .modal-dialog .loader-container {
    display: none;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-footer {
    margin: 30px -15px -15px -15px;
}
.modal.integratedChargeRequestModal .modal-dialog .modal-footer .btn {
    min-width: 85px;
}
.modal.integratedChargeRequestModal .modal-dialog .steps > div {
    display: none;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.modal.integratedChargeRequestModal.history-active .nav {
    display: none;
}
.modal.integratedChargeRequestModal.history-active .main-container {
    visibility: hidden;
}
.modal.integratedChargeRequestModal.history-active .modal-dialog .modal-body {
    min-height: 500px;
}
.modal.integratedChargeRequestModal #ccChargeRequestForm .wallet-qrCode img {
    max-width: 115px;
}
.modal.integratedChargeRequestModal #ccChargeRequestForm .wallet-hash {
    word-break: break-word;
}
.modal.integratedChargeRequestModal #ccChargeRequestForm .form-group .cc-ico {
    position: absolute;
    top: 8px;
    right: 25px;
}
.modal.integratedChargeRequestModal #ccChargeRequestForm .form-group svg {
    height: 20px;
    width: 20px;
}

.modal.integratedChargeRequestModal #chargeRequestForm .invoice-amount {
    padding: 5px 0px;
    font-size: 17px;
    display: inline-block;
}
.modal.integratedChargeRequestModal #chargeRequestForm .modal-footer .btn {
    min-width: 85px;
}
.modal.integratedChargeRequestModal #chargeRequestForm .invoice-field {
    display: none;
}
.modal.integratedChargeRequestModal #chargeRequestForm .invoice-active .invoice-field {
    display: block;
}
.modal.integratedChargeRequestModal #chargeRequestForm .invoice-active .amount-field {
    display: none;
}
.modal.integratedChargeRequestModal #chargeRequestForm .invoice-active .none-invoice-dom {
    display: none;
}



.modal.integratedCCGatewaysModal .modal-dialog {
    width: 90%;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body {
    color: #ffffff;
    -webkit-transition: all ease 0.8s;
    -o-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .main-container {
    min-height: 120px;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .panel-title {
    color: #ED5565;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .panel-body {
    border-top: 1px dashed transparent !important;
    -webkit-transition: border-top ease 0.5s;
    -o-transition: border-top ease 0.5s;
    transition: border-top ease 0.5s;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .panel-group {
    margin-bottom: 0;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .in .panel-body {
    border-top-color: rgba(237, 85, 101, 0.8) !important;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body ol {
    margin-right: 25px;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body ol li {
    margin-bottom: 3px;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert {
    font-size: 18px;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert.alert-success {
    background-color: rgba(140, 193, 82, 0.15);
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert.alert-success .badge {
    background-color: rgba(140, 193, 82, 0.9);
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert.alert-danger {
    background-color: rgba(235, 62, 109, 0.15);
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert.alert-danger .badge {
    background-color: rgba(235, 62, 109, 0.9);
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert.alert-warning {
    background-color: rgba(255, 166, 59, 0.15);
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert.alert-warning .badge {
    background-color: rgba(255, 166, 59, 0.9);
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert .badge {
    padding: 5px;
    position: absolute;
    left: 9px;
    top: -12px;
    font-weight: normal;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert .iradio_flat {
    right: 10px;
    top: 10px;
    position: absolute;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert label {
    margin-bottom: 0;
    padding: 15px;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert.disable {
    background-color: rgba(53, 53, 53, 0.15);
    border-color: rgba(53, 53, 53, 0.9);
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert.disable label {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert.disable .badge {
    background-color: rgba(53, 53, 53, 0.9);
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .form-group.has-error .alert label {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .form-group .invisible {
    height: 0;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .form-group .empty-text {
    display: inline-block;
    padding-right: 40px;
    padding-left: 30px;
    color: #FFCE54;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .form-group.has-error .empty-text {
    color: #ED5565;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .email-notification {
    padding-top: 15px;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container {
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    top: 100%;
    overflow: auto;
    z-index: 2;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.9);
    bottom: 3px !important;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container.active {
    top: 1px;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container .tools-bar {
    margin-top: 15px;
    border: 1px dotted #fff;
    padding: 10px;
    display: inline-block;
    width: 226px;
    border-radius: 18%;
    font-size: 20px;
    max-width: 100%;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container .tools-bar .fa {
    cursor: pointer;
    position: relative;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container .tools-bar .fa:hover {
    color: #f64444;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container .tools-bar .fa .text {
    position: absolute;
    font-size: 16px;
    font-family: IranSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    top: 0;
    display: inline-block;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container .tools-bar .fa.fa-refresh .text {
    right: 200%;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container .tools-bar .fa.fa-refresh:hover .text {
    right: 140%;
    opacity: 1;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container .tools-bar .fa.fa-angle-double-down .text {
    left: 200%;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container .tools-bar .fa.fa-angle-double-down:hover .text {
    left: 140%;
    opacity: 1;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container .table-container {
    padding: 15px;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container .requests-list-table {
    text-align: center;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container .requests-list-table th, .modal.integratedCCGatewaysModal .modal-dialog .modal-body .last-iccg-container .requests-list-table td {
    text-align: center;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert-important {
    font-size: 20px;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .alert-important .card-number {
    direction: ltr;
    display: inline-block;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .blocked-message {
    font-size: 20px;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .blocked-message .table-layout {
    min-height: 450px;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .remaining-time {
    font-size: 20px;
    display: none;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .label-info {
    position: static;
    vertical-align: -2px;
    background-color: transparent;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .badge {
    background: red;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-body .form-control[readonly] {
    background-color: black;
    cursor: default;
    border-color: #727272;
}
.modal.integratedCCGatewaysModal .modal-dialog .loader-container {
    display: none;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-footer {
    margin: 30px -15px -15px -15px;
}
.modal.integratedCCGatewaysModal .modal-dialog .modal-footer .btn {
    min-width: 85px;
}
.modal.integratedCCGatewaysModal .modal-dialog .steps > div {
    display: none;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.modal.integratedCCGatewaysModal.startStep-active .steps .startStep {
    display: block;
}
.modal.integratedCCGatewaysModal.gatewayReadyStep-active .steps .loginCodeStep {
    display: block;
}

.modal.integratedCCGatewaysModal.history-active .nav {
    display: none;
}
.modal.integratedCCGatewaysModal.history-active .main-container {
    visibility: hidden;
}
.modal.integratedCCGatewaysModal.history-active .modal-dialog .modal-body {
    min-height: 500px;
}
.modal.integratedCCGatewaysModal #payeerPaymentForm .wallet-qrCode img {
    max-width: 115px;
}
.modal.integratedCCGatewaysModal #payeerPaymentForm .wallet-hash {
    word-break: break-word;
}
.modal.integratedCCGatewaysModal #payeerPaymentForm .form-group .cc-ico {
    position: absolute;
    top: 8px;
    right: 25px;
}
.modal.integratedCCGatewaysModal #payeerPaymentForm .form-group svg {
    height: 20px;
    width: 20px;
}





.modal.videoPlayerModal .modal-dialog {
  width: auto !important;
}
.modal.videoPlayerModal .video-part {
  text-align: center;
}
.modal.videoPlayerModal .video-part video {
  max-width: 100%;
  margin: auto;
}
.modal.creditTransferActivateModal .modal-dialog .modal-body {
  color: #ffffff;
}
.modal.creditTransferActivateModal .modal-dialog .modal-body ol {
  margin-right: 25px;
}
.modal.creditTransferActivateModal .modal-dialog .modal-body ol li {
  margin-bottom: 3px;
}
.modal.creditTransferActivateModal .modal-dialog .modal-body .has-error label {
  color: #ED5565;
}
.modal.creditTransferActivateModal .modal-dialog .loader-container {
  display: none;
}
.modal.creditTransferActivateModal .modal-dialog .alert-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  border-radius: 5px;
  padding: 15px;
  font-size: 18px;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.modal.creditTransferActivateModal .modal-dialog .alert-container .btn {
  min-width: 80px;
  margin: 0 5px;
}
.modal.creditTransferActivateModal .modal-dialog .modal-footer .btn {
  min-width: 85px;
}
.modal.creditTransferModal .modal-dialog .nav-tabs a {
  color: #fff;
  border: none;
  border-bottom: 1px solid #8CC152;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.modal.creditTransferModal .modal-dialog .nav-tabs a:hover, .modal.creditTransferModal .modal-dialog .nav-tabs a:focus {
  background-color: rgba(255, 255, 255, 0.25);
}
.modal.creditTransferModal .modal-dialog .nav-tabs li.active > a, .modal.creditTransferModal .modal-dialog .nav-tabs li.active > a:hover, .modal.creditTransferModal .modal-dialog .nav-tabs li.active > a:focus {
  background-color: rgba(120, 240, 0, 0.35);
}
.modal.creditTransferModal .modal-dialog .top-text {
  color: #ffffff;
}
.modal.creditTransferModal .modal-dialog .has-feedback .form-control {
  padding-left: 25px;
}
.modal.creditTransferModal .modal-dialog .max-credit {
  color: #FFCE54;
  font-size: 20px;
}
.modal.creditTransferModal .modal-dialog .max-credit .fa-refresh {
  vertical-align: middle;
  font-size: 18px;
  margin-right: 8px;
  display: inline-block;
  cursor: pointer;
}
.modal.creditTransferModal .modal-dialog ol {
  margin-right: 25px;
}
.modal.creditTransferModal .modal-dialog ol li {
  margin-bottom: 3px;
}
.modal.creditTransferModal .modal-dialog .modal-body.history {
  padding: 40px 15px;
}
.modal.creditTransferModal .modal-dialog .table {
  color: #ffffff;
  border: 1px dotted rgba(255, 255, 255, 0);
}
.modal.creditTransferModal .modal-dialog .table th {
  border: none;
  text-align: center;
  padding-bottom: 20px;
}
.modal.creditTransferModal .modal-dialog .table td {
  text-align: center;
}
.modal.creditTransferModal .modal-dialog .alert-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  border-radius: 5px;
  font-size: 18px;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.modal.creditTransferModal .modal-dialog .alert-container .btn {
  min-width: 80px;
  margin: 0 5px;
}
.modal.creditTransferModal .modal-body .fa-mobile-phone {
  font-size: 23px;
  line-height: 1;
  top: 7px;
}
.modal.creditTransferModal .modal-body .btn-primary .fa {
  position: static;
  vertical-align: -2px;
  color: #fff;
  margin-left: 5px;
}
.modal.creditTransferModal .modal-footer .btn {
  width: 80px;
}
.modal.gpDetailModal .modal-body {
  min-height: 300px;
  color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
}
.modal.gpDetailModal .modal-body .top-tools {
  padding: 7px 10px;
  border-radius: 3px;
  text-align: center;
}
.modal.gpDetailModal .modal-body .top-tools .toggle-el {
  display: inline-block;
}
.modal.gpDetailModal .modal-body .html-content {
  opacity: 0;
  margin-top: -30px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-transition: all 0.5s ease-out 0.5s;
  -o-transition: all 0.5s ease-out 0.5s;
  transition: all 0.5s ease-out 0.5s;
}
.modal.gpDetailModal .modal-body .html-content .min {
  color: #88ff00;
}
.modal.gpDetailModal .modal-body .html-content .min .apostrophe {
  display: inline-block;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.modal.gpDetailModal .modal-body .html-content .ft-text {
  color: #ff7e8b;
  text-shadow: 0 0px 6px #000;
}
.modal.gpDetailModal .modal-body .html-content .ht-text {
  color: #ffd261;
  text-shadow: 0 0px 6px #000;
}
.modal.gpDetailModal .modal-body .html-content .postpone-text, .modal.gpDetailModal .modal-body .html-content .cancel-text, .modal.gpDetailModal .modal-body .html-content .undecided-text {
  color: #ff16c4;
  text-shadow: 0 0px 6px #000;
}
.modal.gpDetailModal .modal-body .html-content .alert-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  border-radius: 5px;
  font-size: 18px;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.modal.gpDetailModal .modal-body .html-content .alert-container .btn {
  min-width: 80px;
  margin: 0 5px;
}
.modal.gpDetailModal .modal-body .modal-footer {
  margin: 0 -15px -15px;
  text-align: center;
}
.modal.gpDetailModal .modal-body .modal-footer .btn {
  margin: 5px;
  min-width: 115px;
}
.modal.gpDetailModal.loaded .modal-body .html-content {
  opacity: 1;
  margin-top: 0;
}
.modal.gpDetailModal .loader-container {
  display: none;
  border-radius: 0 0 5px 5px;
}
.modal.whyUsModal .modal-dialog {
  width: auto;
}
.modal.whyUsModal .modal-dialog .modal-body {
  min-height: 300px;
  padding: 15px;
  color: #ffffff;
  font-size: 17px;
}
.modal.whyUsModal .modal-dialog .modal-body ol {
  padding: 0 15px;
}
.modal.whyUsModal .modal-dialog .modal-body ol > li {
  margin: 10px 0;
}
.modal.photocolDetailModal .modal-body {
  color: #ffffff;
}
.modal.photocolDetailModal .modal-body .table {
  margin-bottom: 0;
}
.modal.photocolDetailModal .modal-body .table th {
  width: 150px;
}
.modal.notifyBoardModal .top-text {
  margin-top: 15px;
  color: #fff;
  text-align: center;
  font-size: 18px;
}
.modal.notifyBoardModal .ajax-container {
  margin-top: 30px;
  min-height: 300px;
}
.modal.notifyBoardModal .ajax-container .loader-container {
  display: none;
  z-index: 5;
}
.modal.notifyBoardModal .text-center .pagination {
  margin-bottom: 0;
}
.modal.notifyBoardModal .panel-group {
  margin-bottom: 15px;
}
.modal.notifyBoardModal .panel-custom1.unread {
  border: 1px solid #7270cc;
}
.modal.notifyBoardModal .panel-custom1.unread .panel-heading a {
  background-color: rgba(114, 112, 204, 0.05);
}
.modal.notifyBoardModal .panel-custom1.unread .panel-body {
  border-top-color: #7270cc;
}
.modal.notifyBoardModal .panel-custom1 .panel-heading .badge-new {
  background: red;
  margin-right: 5px;
}
.modal.notifyBoardModal .panel-custom1 .panel-heading .table-layout .cell-layout:nth-child(1) {
  text-align: right;
}
.modal.notifyBoardModal .panel-custom1 .fa {
  color: #00fe81;
  margin: 0 3px;
}
.modal.notifyBoardModal .panel-custom1 .btn .fa {
  color: #fff;
  font-size: 20px;
  vertical-align: middle;
}
.modal.notifyBoardModal .panel-custom1 ol, .modal.notifyBoardModal .panel-custom1 ul {
  padding-right: 30px;
}
.modal.notifyBoardModal .panel-custom1 figure {
  margin: 15px 0;
}
.modal.notifyBoardModal .panel-custom1 figure img {
  max-width: 70%;
}
.modal.notifyFestivalWinnerModal .modal-dialog {
  margin-top: 250px;
}
.modal.notifyFestivalWinnerModal .modal-body {
  border: 1px solid gold;
}
.modal.notifyFestivalWinnerModal .top-head-img {
  position: absolute;
  bottom: 100%;
  width: 350px;
  left: 50%;
  margin-left: -175px;
  margin-bottom: -1px;
}
.modal.notifyFestivalWinnerModal .modal-content {
  color: #fbe274 !important;
  border: none !important;
  border-radius: 0;
  text-align: center;
}
.modal.notifyFestivalWinnerModal .modal-content .table {
  text-align: center;
}
.modal.notifyFestivalWinnerModal .modal-content .table th {
  text-align: center;
}
.modal.notifyFestivalWinnerModal .modal-footer {
  text-align: center !important;
  border-top: none;
}
.modal.confirmModal .modal-body .alert-danger {
  margin-bottom: 0;
  background-color: rgba(237, 85, 101, 0.4);
  color: #ffffff;
}
.modal.confirmModal .modal-footer .btn {
  min-width: 80px;
}
.modal.confirmPhoneModal .modal-dialog .alert-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  border-radius: 5px;
  font-size: 18px;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.modal.confirmPhoneModal .modal-dialog .alert-container .btn {
  min-width: 80px;
  margin: 0 5px;
}
.modal.confirmPhoneModal .modal-body .fa-mobile-phone {
  font-size: 23px;
  line-height: 1;
  top: 7px;
}
.modal.confirmPhoneModal .modal-body .btn-primary .fa {
  position: static;
  vertical-align: -2px;
  color: #fff;
  margin-left: 5px;
}
.modal.confirmPhoneModal .modal-footer .btn {
  width: 80px;
}
.modal.confirmSMSCodeModal .modal-dialog .alert-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  border-radius: 5px;
  font-size: 18px;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.modal.confirmSMSCodeModal .modal-dialog .alert-container .btn {
  min-width: 80px;
  margin: 0 5px;
}
.modal.confirmSMSCodeModal .modal-body .fa-mobile-phone {
  font-size: 23px;
  line-height: 1;
  top: 7px;
}
.modal.confirmSMSCodeModal .modal-body .btn-primary .fa {
  position: static;
  vertical-align: -2px;
  color: #fff;
  margin-left: 5px;
}
.modal.confirmSMSCodeModal .modal-footer .btn {
  width: 80px;
}
.modal.setAliasModal .modal-dialog .alert-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  border-radius: 5px;
  font-size: 18px;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.modal.setAliasModal .modal-dialog .alert-container .btn {
  min-width: 80px;
  margin: 0 5px;
}
.modal.setAliasModal .modal-body .form-control-feedback.fa {
  top: 0 !important;
}
.modal.setAliasModal .modal-footer .btn {
  width: 80px;
}
.modal.setCaptchaModal .modal-dialog .alert-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  border-radius: 5px;
  font-size: 18px;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.modal.setCaptchaModal .modal-dialog .alert-container .btn {
  min-width: 80px;
  margin: 0 5px;
}
.modal.setCaptchaModal .modal-body .form-control-feedback.fa {
  top: 0 !important;
}
.modal.setCaptchaModal .modal-footer .btn {
  width: 80px;
}
.modal.predictCalcSimulatorModal .modal-dialog {
  width: auto;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp {
  color: #FFCE54;
  opacity: 0;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp.is-ready {
  opacity: 1;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .fa-undo {
  color: #967ADC;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .fa-check-circle {
  color: #8CC152;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .fa-times-circle {
  color: #ED5565;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .top-msg {
  font-size: 18px;
  margin-bottom: 20px;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .top-msg .fa {
  vertical-align: middle;
  margin: 0 3px;
  font-size: 22px;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .modal-tools-bar {
  margin: 0 auto;
  font-size: 17px;
  padding: 0 15px;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .modal-tools-bar .table-layout .cell-layout {
  padding: 0 5px;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .modal-tools-bar .result-text {
  font-size: 22px;
  text-align: center;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .modal-tools-bar .full-result-layout {
  max-width: 400px;
  margin: 5px auto;
  padding: 5px 20px;
  border-bottom: 1px DASHED rgba(255, 255, 255, 0.6);
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .modal-tools-bar .half-result-layout {
  max-width: 700px;
  margin: 0 auto;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .modal-tools-bar .half-result-layout .top-text {
  margin-bottom: 15px;
  text-align: center;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .modal-tools-bar .half-result-layout .cell1 {
  margin-bottom: 10px;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .modal-tools-bar .full-result {
  color: #e65362;
  font-size: 24px;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .option-sec {
  margin-top: 15px;
  max-height: 500px;
  overflow: auto;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .option-sec ul {
  font-size: 0;
  margin-bottom: 0;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .option-sec ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  font-size: 16px;
  width: 100%;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .option-sec ul > li .item {
  padding: 5px 10px;
  -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .option-sec ul > li .item .param-text {
  display: inline-block;
  direction: ltr;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .option-sec ul > li .item .meaning {
  color: #e3e3e3;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .option-sec ul > li .item .option-text {
  display: inline-block;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .option-sec ul > li .item .fa {
  font-size: 20px;
  vertical-align: middle;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .option-sec ul > li .item .fa-caret-left {
  color: #e3e3e3;
  font-size: 12px;
}
.modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .option-sec ul > li .item .cell-layout:last-child {
  min-width: 25px;
}
.modal.htmlIFrameViewerModal .modal-dialog {
  width: auto;
}
.modal.htmlIFrameViewerModal .modal-dialog .modal-body {
  padding: 0;
}
.modal.htmlIFrameViewerModal .modal-dialog .modal-body iframe {
  width: 100%;
  height: 750px;
  background-color: #fff;
}
.modal .captcha-field .text-field {
  padding-left: 0;
}
.modal .captcha img {
  border: 1px solid #8cc152;
  border-radius: 5px;
  margin-top: -2px;
  height: 38px;
}
.modal .refresh-captcha-trigger {
  color: #1f2479;
  font-size: 22px;
  vertical-align: middle;
  margin-right: 5px;
}
.modal .refresh-captcha-trigger .fa {
  position: static;
}
.modal .modal-content .remember-me {
  color: #8CC152;
}
.modal .modal-content .success-msg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 20px;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.8);
  color: #8CC152;
  border-radius: 5px;
  z-index: 2;
  display: none;
}
.modal .modal-content .success-msg .text {
  padding: 0 15px;
}
.modal .loader-container {
  border-radius: 5px;
  z-index: 2;
  display: none;
}

@media (min-width: 768px) {
  .modal.loginModal .modal-dialog {
    width: 350px;
  }
  .modal.signUpModal .modal-dialog {
    width: 450px;
  }
  .modal.integratedChargeRequestModal .modal-dialog{
    width: 750px;
  }
  .modal.integratedCCGatewaysModal .modal-dialog{
    width: 750px;
  }
  .modal.creditTransferModal .modal-dialog {
    width: 700px;
  }
  .modal.confirmPhoneModal .modal-body .btn-primary {
    width: 100%;
  }
  .modal.photocolDetailModal .modal-dialog {
    width: 550px;
  }
  .modal.gpDetailModal .modal-dialog {
    width: auto;
  }
  .modal.notifyBoardModal .modal-dialog {
    width: auto;
  }
  .modal.notifyBoardModal .panel-custom1 .panel-heading .table-layout .cell-layout:nth-child(2) {
    min-width: 130px;
    text-align: left;
  }
  .modal.predictCalcSimulatorModal .modal-dialog .container {
    padding: 0;
  }
  .modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .modal-tools-bar .half-result-layout .cell1 {
    border-left: 1px dashed rgba(255, 255, 255, 0.55);
    margin-bottom: 0;
  }
  .modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .modal-tools-bar .half-result-layout .cell1 > .table-layout, .modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .modal-tools-bar .half-result-layout .cell2 > .table-layout {
    height: 40px;
  }
  .modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .option-sec ul > li {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .modal.newsDetailModal .modal-dialog {
    width: 800px;
  }
    .modal.integratedChargeRequestModal .modal-dialog{
        width: 900px;
    }
  .modal.predictCalcSimulatorModal .modal-dialog .predictSimulatorApp .option-sec ul > li {
    width: 33.333333%;
  }
  .modal.chargeRequestModal.cryptoCurrencyMode .modal-dialog {
    width: 750px;
  }

  .modal.chargeRequestModal.premiumVoucherMode .modal-dialog {
    width: 750px;
  }
  .modal.chargeRequestModal.uVoucherMode .modal-dialog {
    width: 750px;
  }
}
.misc-icon-sprite, .misc-icon-coins, .misc-icon-draft-badge, .misc-icon-en-lang-icon, .misc-icon-fa-lang-icon, .misc-icon-facebook-icon, .misc-icon-google-icon, .misc-icon-happy-nowruz1, .misc-icon-happy-nowruz2, .misc-icon-happy-nowruz3, .misc-icon-happy-nowruz4, .misc-icon-happy-nowruz5, .misc-icon-happy-nowruz6, .misc-icon-linkedin-icon, .misc-icon-pending-badge, .misc-icon-published-badge, .misc-icon-red-card-icon, .misc-icon-rejected-badge, .misc-icon-shopIcon1, .misc-icon-twitter-icon, .misc-icon-yalda1, .misc-icon-yalda2, .misc-icon-yalda3, .misc-icon-yalda4, .misc-icon-yalda5, .misc-icon-yalda6, .misc-icon-yellow-card-icon {
  background-image: url('../images/misc-icon.png?1666012462');
  background-repeat: no-repeat;
}

.misc-icon-coins {
  background-position: 0 -2260px;
  height: 277px;
  width: 200px;
}

.misc-icon-draft-badge {
  background-position: -76px -112px;
  height: 72px;
  width: 76px;
}

.misc-icon-en-lang-icon {
  background-position: -21px -72px;
  height: 20px;
  width: 21px;
}

.misc-icon-fa-lang-icon {
  background-position: 0 -72px;
  height: 19px;
  width: 21px;
}

.misc-icon-facebook-icon {
  background-position: -42px -72px;
  height: 29px;
  width: 29px;
}

.misc-icon-google-icon {
  background-position: -71px -72px;
  height: 29px;
  width: 29px;
}

.misc-icon-happy-nowruz1 {
  background-position: 0 -1540px;
  height: 170px;
  width: 151px;
}

.misc-icon-happy-nowruz2 {
  background-position: 0 -2051px;
  height: 209px;
  width: 186px;
}

.misc-icon-happy-nowruz3 {
  background-position: 0 -1710px;
  height: 170px;
  width: 151px;
}

.misc-icon-happy-nowruz4 {
  background-position: 0 -1370px;
  height: 170px;
  width: 151px;
}

.misc-icon-happy-nowruz5 {
  background-position: 0 -1200px;
  height: 170px;
  width: 151px;
}

.misc-icon-happy-nowruz6 {
  background-position: 0 -1030px;
  height: 170px;
  width: 151px;
}

.misc-icon-linkedin-icon {
  background-position: -152px -112px;
  height: 29px;
  width: 29px;
}

.misc-icon-pending-badge {
  background-position: -76px 0;
  height: 72px;
  width: 76px;
}

.misc-icon-published-badge {
  background-position: 0 -112px;
  height: 72px;
  width: 76px;
}

.misc-icon-red-card-icon {
  background-position: -75px -184px;
  height: 75px;
  width: 75px;
}

.misc-icon-rejected-badge {
  background-position: 0 0;
  height: 72px;
  width: 76px;
}

.misc-icon-shopIcon1 {
  background-position: -100px -72px;
  height: 40px;
  width: 40px;
}

.misc-icon-twitter-icon {
  background-position: -150px -184px;
  height: 29px;
  width: 29px;
}

.misc-icon-yalda1 {
  background-position: 0 -548px;
  height: 159px;
  width: 168px;
}

.misc-icon-yalda2 {
  background-position: 0 -707px;
  height: 159px;
  width: 168px;
}

.misc-icon-yalda3 {
  background-position: 0 -866px;
  height: 164px;
  width: 155px;
}

.misc-icon-yalda4 {
  background-position: 0 -1880px;
  height: 171px;
  width: 152px;
}

.misc-icon-yalda5 {
  background-position: 0 -391px;
  height: 157px;
  width: 138px;
}

.misc-icon-yalda6 {
  background-position: 0 -259px;
  height: 132px;
  width: 127px;
}

.misc-icon-yellow-card-icon {
  background-position: 0 -184px;
  height: 75px;
  width: 75px;
}

[class^="misc-icon-"] {
  display: inline-block;
  vertical-align: middle;
}

@font-face {
  font-family: "IranSans";
  src: url('../fonts/IRANSans.eot?1495691863');
  src: url('../fonts/IRANSans.eot?&1495691863#iefix') format('embedded-opentype'), url('../fonts/IRANSans.woff?1495691863') format('woff'), url('../fonts/IRANSans.ttf?1495691863') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "IranSans";
  src: url('../fonts/IRANSans-Bold.eot?1495691863');
  src: url('../fonts/IRANSans-Bold.eot?&1495691863#iefix') format('embedded-opentype'), url('../fonts/IRANSans-Bold.woff?1495691863') format('woff'), url('../fonts/IRANSans-Bold.ttf?1495691863') format('truetype');
  font-weight: bold;
  font-style: normal;
}
body {
  font-family: IranSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.tooltip {
  font-family: IranSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* For responsive goals*/
body:before {
  content: "phone";
  display: none;
}

@media (min-width: 768px) {
  body:before {
    content: "tablet";
  }
}
@media (min-width: 992px) {
  body:before {
    content: "desktop-md";
  }
}
@media (min-width: 1200px) {
  body:before {
    content: "desktop-lg";
  }
}
/*Apply efect to bootstrap dropdown*/
.open > .dropdown-menu {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*Apply efect to bootstrap modals*/
.modal.fade .modal-dialog {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.money-fixed-box {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*Custom Input1*/
.customInput1 {
  position: relative;
}
.customInput1 .fa {
  position: absolute;
  top: 9px;
  right: 7px;
  color: #e1e4e9;
  font-size: 16px;
}
.customInput1 [class^="col-"] .fa {
  right: 22px;
}
.customInput1 .form-control {
  padding-right: 35px;
}
.customInput1.has-feedback .form-control {
  padding-right: 35px;
}
.customInput1.has-success .fa {
  color: #8CC152;
}
.customInput1.has-error .fa {
  color: #ED5565;
}
.customInput1.has-warning .fa {
  color: #FFCE54;
}
.customInput1.has-info .fa {
  color: #4FC1E9;
}
.customInput1 .fa-refresh {
  color: #8cc152;
}

.btn-custom1 {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #ffffff;
  color: #ffffff;
  outline: none !important;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-custom1 .fa {
  vertical-align: -2px;
  margin-left: 3px;
}
.btn-custom1 [class^="misc-icon-"] {
  margin-left: 3px;
}
.btn-custom1:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
}
.btn-custom1:focus, .btn-custom1:hover, .btn-custom1.active, .btn-custom1.focus {
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
}

.panel-custom1 {
  border: 1px solid #fff;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.75);
  color: #ffffff;
}
.panel-custom1 .panel-heading {
  padding: 0;
}
.panel-custom1 .panel-heading a {
  display: block;
  color: #ffffff;
  padding: 10px 15px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 5px 5px 0 0;
}
.panel-custom1 .panel-body {
  text-align: right;
  font-size: 18px;
  position: relative;
}
.panel-custom1 .panel-body .loader-container {
  border-radius: 0 0 5px 5px;
  z-index: 2;
  display: none;
}

.panel-custom2 {
  border: 1px dashed rgba(255, 255, 255, 0.8);
  border-radius: 0 !important;
  background-color: rgba(0, 0, 0, 0.35);
  color: #ffffff;
}
.panel-custom2 .panel-heading {
  padding: 0;
}
.panel-custom2 .panel-heading a {
  display: block;
  color: #ffffff;
  padding: 10px 15px !important;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 3px 3px 0 0;
}
.panel-custom2 .panel-heading a .panel-title {
  text-align: center;
}
.panel-custom2 .panel-body {
  border-top: 1px dashed rgba(255, 255, 255, 0.8) !important;
  text-align: right;
  font-size: 18px;
  position: relative;
}

.panel-custom3 {
  border: none;
  border-radius: 0 !important;
  background-color: transparent;
  color: #ffffff;
}
.panel-custom3 .panel-heading {
  padding: 0;
}
.panel-custom3 .panel-heading a {
  display: block;
  color: #ffffff;
  padding: 10px 0 !important;
  text-align: right;
  background-color: transparent;
  border-radius: 0;
}
.panel-custom3 .panel-heading a .fa {
  vertical-align: middle;
  margin-left: 5px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.panel-custom3 .panel-heading a .panel-title {
  text-align: right;
}
.panel-custom3 .panel-heading a.collapsed .fa {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.panel-custom3 .panel-body {
  text-align: right;
  font-size: 18px;
  position: relative;
}

.pagination-custom1 > li > a, .pagination-custom1 > li > span {
  background-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
.pagination-custom1 .active > a, .pagination-custom1 .active > a:hover, .pagination-custom1 .active > a:focus, .pagination-custom1 .active > span, .pagination-custom1 .active > span:hover, .pagination-custom1 .pagination > .active > span:focus {
  background-color: rgba(140, 193, 82, 0.3);
}

.nav-custom1 > li > a {
  margin: 0 !important;
  color: #ffffff;
  border-radius: 0;
  border: 1px solid #ffffff;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 0;
}
.nav-custom1 > li > a:hover, .nav-custom1 > li > a:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.nav-custom1 > li.active > a {
  border-radius: 0;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.3);
}
.nav-custom1 > li.active > a:hover, .nav-custom1 > li.active > a:focus {
  background-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}

.navbar-custom1 {
  background-color: rgba(0, 0, 0, 0.6);
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.navbar-custom1 .navbar-toggle {
  border-color: #ffffff;
}
.navbar-custom1 .navbar-toggle:hover, .navbar-custom1 .navbar-toggle:focus {
  background-color: rgba(140, 193, 82, 0.5);
}
.navbar-custom1 .navbar-toggle .icon-bar {
  background: #ffffff;
}
.navbar-custom1 .navbar-brand {
  color: #8CC152;
  font-size: 25px;
}
.navbar-custom1 .navbar-nav > li > a {
  color: #ffffff;
  position: relative;
  display: block;
  font-size: 20px;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.navbar-custom1 .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-custom1 .navbar-nav > li:before {
  content: '';
  background-color: #8CC152;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.navbar-custom1 .navbar-nav > li:hover a {
  color: #000000;
}
.navbar-custom1 .navbar-nav > li:hover:before {
  top: 0;
  bottom: 0;
}

.nav-custom1 {
  background-color: rgba(0, 0, 0, 0.6);
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.nav-custom1 > li {
  width: 50%;
  text-align: center;
}
.nav-custom1 > li > a {
  color: #ffffff;
  position: relative;
  display: block;
  font-size: 16px;
  border: none;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.nav-custom1 > li > a:focus {
  color: #ffffff;
}
.nav-custom1 > li:before {
  content: '';
  background-color: #8CC152;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.nav-custom1 > li:hover a {
  color: #000000;
}
.nav-custom1 > li:hover:before {
  top: 0;
  bottom: 0;
}
.nav-custom1 > li.active a, .nav-custom1 > li.active a:hover, .nav-custom1 > li.active a:focus {
  border: none !important;
  color: #000000 !important;
  background-color: transparent !important;
}
.nav-custom1 > li.active:before {
  top: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .navbar-custom1 .navbar-toggle {
    border-color: #ffffff;
  }
  .navbar-custom1 .navbar-toggle:hover, .navbar-custom1 .navbar-toggle:focus {
    background-color: rgba(140, 193, 82, 0.5);
  }
  .navbar-custom1 .navbar-toggle .icon-bar {
    background: #ffffff;
  }
  .navbar-custom1 .navbar-brand {
    margin-left: 15px;
  }
  .navbar-custom1 .navbar-nav > li:hover a, .navbar-custom1 .navbar-nav > li:focus a {
    color: #000000;
  }

  .nav-custom1 > li {
    width: auto;
  }
}
.custom-navbar2 {
  background-color: rgba(0, 0, 0, 0.4);
  border: none;
  border-bottom: 1px solid #ffffff;
}
.custom-navbar2 .navbar-header .navbar-brand {
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
}
.custom-navbar2 .navbar-header .navbar-brand .fa {
  margin-left: 3px;
}
.custom-navbar2 .navbar-header .navbar-toggle {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 28px;
  padding: 0;
  line-height: 1;
}
.custom-navbar2 .navbar-header .navbar-toggle .fa {
  vertical-align: -8px;
}
.custom-navbar2 .navbar-collapse {
  border-top: transparent;
  text-align: right;
}
.custom-navbar2 .navbar-collapse .navbar-nav > li > a {
  color: #FFFFFF;
  background-color: transparent;
  margin: 0;
  position: relative;
  z-index: 1;
  padding: 16px 9px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.custom-navbar2 .navbar-collapse .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 100%;
  z-index: -1;
  background-color: #8cc152;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom-navbar2 .navbar-collapse .navbar-nav > li > a:hover {
  color: #000000;
  background-color: transparent;
}
.custom-navbar2 .navbar-collapse .navbar-nav > li > a:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  top: 0;
}
.custom-navbar2 .navbar-collapse .navbar-nav > li.active a {
  color: #000000;
  background-color: transparent;
}
.custom-navbar2 .navbar-collapse .navbar-nav > li.active a:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  top: 0;
}

@media (min-width: 768px) {
  .custom-navbar2 {
    padding: 0;
  }
  .custom-navbar2 .navbar-collapse {
    background-color: transparent;
    position: relative;
    margin: 0 -15px;
  }
  .custom-navbar2 .navbar-collapse .navbar-nav > li > a {
    color: #FFFFFF;
    background-color: transparent;
    margin: 0;
    position: relative;
    z-index: 1;
    padding: 16px 9px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }
  .custom-navbar2 .navbar-collapse .navbar-nav > li > a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100%;
    z-index: -1;
    background-color: #8cc152;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .custom-navbar2 .navbar-collapse .navbar-nav > li > a:hover {
    color: #000000;
    background-color: transparent;
  }
  .custom-navbar2 .navbar-collapse .navbar-nav > li > a:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    top: 0;
  }
  .custom-navbar2 .navbar-collapse .navbar-nav > li.active a {
    color: #000000;
    background-color: transparent;
  }
  .custom-navbar2 .navbar-collapse .navbar-nav > li.active a:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    top: 0;
  }
}
.table {
  max-width: none !important;
}

.table.custom-table {
  border: none;
}
.table.custom-table > thead > tr > th:first-child {
  border-right: none;
}
.table.custom-table > thead > tr > th:last-child {
  border-left: none;
}
.table.custom-table > tbody > tr > th {
  border: 1px solid rgba(81, 80, 80, 0.75);
  border-bottom: none;
}
.table.custom-table > tbody > tr > th:first-child {
  text-align: right;
  border-right: none;
}
.table.custom-table > tbody > tr > td {
  border: 1px solid rgba(81, 80, 80, 0.75);
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}
.table.custom-table > tbody > tr > td:first-child {
  border-right: none;
}
.table.custom-table > tbody > tr > td:last-child {
  border-left: none;
}
.table.custom-table > tbody > tr:hover > td {
  background-color: rgba(255, 255, 255, 0.2);
}
.table.custom-table > tbody > tr.active > td {
  background-color: rgba(140, 193, 82, 0.45);
}
.table.custom-table > tbody > tr.has-error > td {
  background-color: rgba(255, 0, 0, 0.45);
}
.table.custom-table > tbody > tr.child > td:first-child {
  text-align: center !important;
  padding-right: 0 !important;
}

.table.custom-table2 > thead > tr > th {
  border-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.15);
  text-align: center;
}
.table.custom-table2 > thead > tr > th:first-child {
  border-right-color: #fff;
}
.table.custom-table2 > thead > tr > th:last-child {
  border-left-color: #fff;
}
.table.custom-table2 > tbody > tr > th {
  border: 1px solid rgba(81, 80, 80, 0.75);
  border-bottom: none;
}
.table.custom-table2 > tbody > tr > th:first-child {
  border-right: none;
}
.table.custom-table2 > tbody > tr > td {
  border: 1px solid rgba(81, 80, 80, 0.75);
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0);
  text-align: center;
  -webkit-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}
.table.custom-table2 > tbody > tr > td:first-child {
  border-right: none;
}
.table.custom-table2 > tbody > tr > td:last-child {
  border-left: none;
}
.table.custom-table2 > tbody > tr:hover > td {
  background-color: rgba(255, 255, 255, 0.1);
}
.table.custom-table2 > tbody > tr.active > td {
  background-color: rgba(140, 193, 82, 0.45);
}
.table.custom-table2 > tbody > tr.has-error > td {
  background-color: rgba(255, 0, 0, 0.45);
}

/* some require css */
select.form-control {
  padding: 0;
}

.has-feedback select.form-control {
  padding-left: 0;
}

.english-number {
  font-family: tahoma;
}

.mobile-number {
  direction: ltr;
  text-align: center;
}

.text-white {
  color: #ffffff;
}

.dir-left {
  direction: ltr;
}

.panel-group a:hover {
  text-decoration: none;
}

/*Modal Reset on Bootstrap*/
.modal-header .fa {
  vertical-align: middle;
}
.modal-header .close {
  margin-top: -11px;
  font-size: 45px;
}

.modal-body .top-text {
  font-size: 17px;
  margin-bottom: 30px;
}

/*Modal that isn't ready*/
.modal .uc {
  display: table;
  height: 250px;
  width: 100%;
  background-color: rgba(115, 168, 109, 0.39);
  border-radius: 5px;
}
.modal .uc .cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.modal .uc .cell img {
  max-width: 500px;
  width: 100%;
}
.modal .uc .text-success {
  font-size: 22px;
  color: #639c5c;
  text-shadow: 0 1px 2px #000;
}
.modal.aboutUsModal .social-links {
  text-align: center;
  margin: 30px 0 15px;
}
.modal.aboutUsModal .social-links a {
  display: inline-block;
  color: #8CC152;
  padding: 12px;
  border-radius: 50%;
  border: 3px solid rgba(140, 193, 82, 0.1);
  line-height: 1;
  margin: 0 5px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.modal.aboutUsModal .social-links a .fa {
  font-size: 24px;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.modal.aboutUsModal .social-links a:hover {
  border: 3px solid #8CC152;
}
.modal.aboutUsModal .social-links a:hover .fa {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.modal.dark-theme .modal-header {
  border-bottom-color: #8cc152;
}
.modal.dark-theme .modal-header .close {
  color: #ffffff;
  opacity: 1;
  text-shadow: none;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.modal.dark-theme .modal-header .close:hover {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}
.modal.dark-theme .modal-header .modal-title {
  color: #ffffff;
}
.modal.dark-theme .modal-content {
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #8CC152;
  color: #8CC152;
}
.modal.dark-theme .modal-content .alert {
  color: #fff;
}
.modal.dark-theme .modal-content .alert a {
  color: #0b00ba;
}
.modal.dark-theme .modal-footer {
  border-top-color: #8CC152;
}

.form-horizontal .control-label-custom {
  padding-bottom: 7px;
  padding-top: 0;
  font-weight: normal;
  text-align: right;
}
.form-horizontal .help-block {
  margin-bottom: 0;
}

/* style for validation with fontAwsome icon font*/
.form-control-feedback.fa {
  right: auto !important;
  font-size: 20px;
  top: 8px !important;
}

.form-control-feedback.fa.fa-spin {
  width: auto;
  height: auto;
  left: 28px;
}

.form-control {
  line-height: 25px;
}

.alert-dismissable .close, .alert-dismissible .close {
  font-size: 40px;
  top: -12px;
}

/*Item Boxes*/
.news-item {
  margin: 0 auto;
  position: relative;
  max-width: 180px;
}
.news-item a {
  color: #FFFFFF;
}
.news-item figure img {
  width: 100%;
  min-height: 108px;
  border-radius: 5px 5px 0 0;
  border-radius: 10px;
}
.news-item .mask {
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  border-radius: 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.news-item .mask .cell-layout {
  padding-top: 20px;
}
.news-item h4 {
  margin: 0;
  font-size: 16px;
}
.news-item .date {
  position: absolute;
  left: 0;
  top: 0;
  padding: 1px 6px;
  background-color: #84B351;
  border-radius: 9px 0 5px 0;
}
.news-item:hover .mask {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease 0.5s;
  -o-transition: all 0.4s ease 0.5s;
  transition: all 0.4s ease 0.5s;
}

.link-efect1 a {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
.link-efect1 a span {
  position: relative;
  display: inline-block;
  padding: 0 14px;
  background: #8cc152;
  color: #ffffff;
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.link-efect1 a span::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 14px;
  background: #8cc152;
  content: attr(data-hover);
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.link-efect1 a:hover, .link-efect1 a:focus {
  border-radius: 0;
}
.link-efect1 a:hover span, .link-efect1 a:focus span {
  -moz-transform: rotateX(90deg) translateY(-22px);
  -ms-transform: rotateX(90deg) translateY(-22px);
  -webkit-transform: rotateX(90deg) translateY(-22px);
  transform: rotateX(90deg) translateY(-22px);
}
.link-efect1 a:hover span::before, .link-efect1 a:focus span::before {
  background: #7ab03f;
}

.link-efect2 a {
  overflow: hidden;
  display: inline-block;
  position: relative;
  color: #fff;
}
.link-efect2 a span {
  display: block;
  padding: 2px 10px;
  position: relative;
  background: #8CC152;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.link-efect2 a::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 2px 10px;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #8CC152;
  content: attr(data-hover);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(-25%);
  -moz-transform: translateX(-25%);
  transform: translateX(-25%);
}
.link-efect2 a:hover span, .link-efect2 a:focus span {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
}
.link-efect2 a:hover::before, .link-efect2 a:focus::before {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  transform: translateX(0%);
}

.custom-file-input .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.custom-file-input .inputfile + label {
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 2px 20px;
  margin-bottom: 0;
  line-height: 2;
  direction: ltr;
}
.custom-file-input .inputfile:focus + label,
.custom-file-input .inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.custom-file-input .inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}
.custom-file-input .inputfile-6 + label {
  color: #26BCE1;
}
.custom-file-input .inputfile-6 + label {
  border: 1px solid #329DB7;
  background-color: #F0FCFF;
  padding: 0;
}
.custom-file-input .inputfile-6:focus + label,
.custom-file-input .inputfile-6.has-focus + label,
.custom-file-input .inputfile-6 + label:hover {
  border-color: #0C6F88;
}
.custom-file-input .inputfile-6 + label span,
.custom-file-input .inputfile-6 + label strong {
  padding: 2px 20px;
}
.custom-file-input .inputfile-6 + label span {
  min-height: 2em;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  width: 260px;
}
.custom-file-input .inputfile-6 + label span.fa {
  width: auto;
  padding: 0;
  line-height: 1.8;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 3px;
}
.custom-file-input .inputfile-6 + label strong {
  height: 100%;
  color: #FFFFFF;
  background-color: #26BCE1;
  display: inline-block;
}
.custom-file-input .inputfile-6:focus + label strong,
.custom-file-input .inputfile-6.has-focus + label strong,
.custom-file-input .inputfile-6 + label:hover strong {
  background-color: #1a9aba;
}
@media screen and (max-width: 50em) {
  .custom-file-input .inputfile-6 + label {
    width: 100%;
  }
  .custom-file-input .inputfile-6 + label span {
    max-width: 260px;
    width: 100%;
  }
  .custom-file-input .inputfile-6 + label strong {
    display: block;
  }
}

/*
Ie 9 reset support
*/
.ie9 .link-efect1 a span::before {
  content: none;
}

/*Beauty Shadow*/
.sh-shadow {
  position: relative;
}

.sh-shadow:after {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  background: url("../images/shadow.png") no-repeat;
  background-size: 100% 100%;
  height: 15px;
  opacity: 1;
}

.custom-line {
  display: block;
  height: 1px;
  margin-bottom: 15px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.tgl {
  display: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-light + .tgl-btn {
  background: #f0f0f0;
  border-radius: 2em;
  padding: 2px;
  transition: all .4s ease;
}
.tgl-light + .tgl-btn:after {
  border-radius: 50%;
  background: #fff;
  transition: all .2s ease;
}
.tgl-light:checked + .tgl-btn {
  background: #9FD6AE;
}

.tgl-ios + .tgl-btn {
  background: #fbfbfb;
  border-radius: 2em;
  padding: 2px;
  transition: all .4s ease;
  border: 1px solid #e8eae9;
}
.tgl-ios + .tgl-btn:after {
  border-radius: 2em;
  background: #fbfbfb;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
.tgl-ios + .tgl-btn:hover:after {
  will-change: padding;
}
.tgl-ios + .tgl-btn:active {
  box-shadow: inset 0 0 0 2em #e8eae9;
}
.tgl-ios + .tgl-btn:active:after {
  padding-right: .8em;
}
.tgl-ios:checked + .tgl-btn {
  background: #86d993;
}
.tgl-ios:checked + .tgl-btn:active {
  box-shadow: none;
}
.tgl-ios:checked + .tgl-btn:active:after {
  margin-left: -.8em;
}

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  transform: skew(-10deg);
  backface-visibility: hidden;
  transition: all .2s ease;
  background: #FF3A19;
  margin-bottom: 0;
}
.tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
  transform: skew(10deg);
  display: inline-block;
  transition: all .2s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.tgl-skewed + .tgl-btn:after {
  left: 100%;
  content: attr(data-tg-on);
}
.tgl-skewed + .tgl-btn:before {
  left: 0;
  content: attr(data-tg-off);
}
.tgl-skewed + .tgl-btn:active:before {
  left: -10%;
}
.tgl-skewed:checked + .tgl-btn {
  background: #8CC152;
}
.tgl-skewed:checked + .tgl-btn:before {
  left: -100%;
}
.tgl-skewed:checked + .tgl-btn:after {
  left: 0;
}
.tgl-skewed:checked + .tgl-btn:active:after {
  left: 10%;
}

.tgl-flat + .tgl-btn {
  padding: 2px;
  transition: all .2s ease;
  background: #fff;
  border: 4px solid #f2f2f2;
  border-radius: 2em;
}
.tgl-flat + .tgl-btn:after {
  transition: all .2s ease;
  background: #f2f2f2;
  content: "";
  border-radius: 1em;
}
.tgl-flat:checked + .tgl-btn {
  border: 4px solid #7FC6A6;
}
.tgl-flat:checked + .tgl-btn:after {
  left: 50%;
  background: #7FC6A6;
}

.tgl-flip + .tgl-btn {
  padding: 2px;
  transition: all .2s ease;
  perspective: 100px;
  margin-bottom: 0;
}
.tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
  display: inline-block;
  transition: all .4s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  border-radius: 4px;
}
.tgl-flip + .tgl-btn:after {
  content: attr(data-tg-on);
  background: #02C66F;
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.tgl-flip + .tgl-btn:before {
  background: #FF3A19;
  content: attr(data-tg-off);
}
.tgl-flip + .tgl-btn:active:before {
  -webkit-transform: rotateY(-20deg);
  -ms-transform: rotateY(-20deg);
  -o-transform: rotateY(-20deg);
  transform: rotateY(-20deg);
}
.tgl-flip:checked + .tgl-btn:before {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.tgl-flip:checked + .tgl-btn:after {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  left: 0;
  background: #8CC152;
}
.tgl-flip:checked + .tgl-btn:active:after {
  -webkit-transform: rotateY(20deg);
  -ms-transform: rotateY(20deg);
  -o-transform: rotateY(20deg);
  transform: rotateY(20deg);
}

textarea.form-control {
  overflow: hidden;
}

.powertour-step .alert {
  padding: 5px 15px;
  color: #ffffff;
}
.powertour-step .alert-info {
  background-color: rgba(79, 193, 233, 0.3);
}
.powertour-step .alert-warning {
  background-color: rgba(255, 206, 84, 0.3);
}

.separator {
  margin: 15px 0;
}
.separator:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 15px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
}
.separator.right-active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #ffffff 50%, #ffffff);
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #ffffff 50%, #ffffff);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #ffffff 50%, #ffffff);
}

.separator-vertical {
  position: absolute;
  top: 0;
  bottom: 0;
}
.separator-vertical:before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
}

.diagonal-bar {
  position: fixed;
  z-index: 1000;
  left: 0;
  bottom: 0;
}
.diagonal-bar .bar-remove {
  position: absolute;
  z-index: 5;
  font-size: 26px;
  bottom: 0px;
  left: 5px;
  color: #000;
  cursor: pointer;
  line-height: 1;
}
.diagonal-bar .bar-remove:hover .bar-tooltip {
  display: inline-block;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.diagonal-bar .bar-tooltip {
  position: absolute;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.88);
  top: -24px;
  font-size: 14px;
  padding: 5px;
  border-radius: 5px;
  left: 0;
  width: 35px;
  display: none;
  text-align: left;
}

.ribbon {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  box-shadow: 0 3px 10px -5px black;
  position: absolute;
  top: 19px;
  left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.ribbon.finished span {
  background: linear-gradient(#f70505 0%, #8f0808 100%);
}
.ribbon.finished span::before {
  border-left: 3px solid #8F0808;
  border-top: 3px solid #8F0808;
}
.ribbon.finished span::after {
  border-right: 3px solid #8F0808;
  border-top: 3px solid #8F0808;
}
.ribbon.active span {
  background: linear-gradient(#57f188 0%, #19a029 100%);
}
.ribbon.active span::before {
  border-left: 3px solid #00680d;
  border-top: 3px solid #00680d;
}
.ribbon.active span::after {
  border-right: 3px solid #00680d;
  border-top: 3px solid #00680d;
}

.form-control {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

.form-control[readonly] {
  background-color: rgba(255, 255, 255, 0.15);
}

select.form-control:hover, select.form-control:focus {
  background-color: #000000;
}

@-moz-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.multiLevel-menu {
  overflow: auto;
  position: relative;
}
.multiLevel-menu .main-nav {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.multiLevel-menu .top-title {
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.15);
  color: #fff;
  text-align: center;
}
.multiLevel-menu .separator {
  margin: 0;
}
.multiLevel-menu .separator:before {
  margin: 0;
}
.multiLevel-menu .has-open .top-title {
  opacity: 0;
}
.multiLevel-menu .has-open > li:not(.has-open) {
  opacity: 0;
}
.multiLevel-menu .has-open > li.has-open > .dropdown-toggle {
  opacity: 0;
}
.multiLevel-menu .menu-list {
  padding: 0;
  list-style: none;
  z-index: 1;
  background-color: transparent;
  position: relative;
  border-radius: 0;
  min-width: 0;
  width: 100%;
  float: none;
  max-height: 100%;
  display: block;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-animation-name: none;
  animation-name: none;
}
.multiLevel-menu .menu-list > .dropdown > .dropdown-menu {
  top: -50px !important;
}
.multiLevel-menu .menu-list > li {
  display: block;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.multiLevel-menu .menu-list > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  line-height: 1.428571429;
  color: #ffffff;
}
.multiLevel-menu .menu-list > li > a:hover, .multiLevel-menu .menu-list > li > a:focus {
  text-decoration: none;
  background-color: rgba(238, 238, 238, 0.15);
}
.multiLevel-menu .menu-list > li > a .fa {
  font-size: 22px;
  vertical-align: middle;
  width: 21px;
  text-align: center;
  margin-left: 5px;
}
.multiLevel-menu .menu-list > li > a.disabled, .multiLevel-menu .menu-list > li a:disabled {
  color: #777777;
}
.multiLevel-menu .menu-list > li > a.disabled:hover, .multiLevel-menu .menu-list > li > a.disabled:focus, .multiLevel-menu .menu-list > li a:disabled:hover, .multiLevel-menu .menu-list > li a:disabled:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.multiLevel-menu .menu-list > li.active > a, .multiLevel-menu .menu-list > li.active > a:hover, .multiLevel-menu .menu-list > li.active > a:focus {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: default;
}
.multiLevel-menu .menu-list > li.active > a:focus {
  color: #ffffff;
}
.multiLevel-menu .menu-list > li.dropdown {
  position: static;
}
.multiLevel-menu .menu-list > li.dropdown .dropdown-toggle {
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.multiLevel-menu .menu-list > li.dropdown .dropdown-toggle .toggle-container {
  position: relative;
}
.multiLevel-menu .menu-list > li.dropdown .dropdown-toggle .toggle-container .caret {
  position: absolute;
  top: 8px;
  left: -5px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.multiLevel-menu .menu-list > li.dropdown .dropdown-menu {
  z-index: 1;
  background-color: transparent;
  position: absolute;
  left: 100%;
  right: auto;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 0;
  min-width: 0;
  width: 100%;
  float: none;
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-animation-name: none;
  animation-name: none;
}
.multiLevel-menu .menu-list > li.dropdown .dropdown-menu > li.back-part {
  position: relative;
}
.multiLevel-menu .menu-list > li.dropdown .dropdown-menu > li.back-part .caret {
  position: absolute;
  top: 16px;
  left: 16px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.multiLevel-menu .menu-list > li.dropdown .dropdown-menu > li a {
  padding: 10px 20px;
  color: #ffffff;
}
.multiLevel-menu .menu-list > li.dropdown .dropdown-menu > li a.back-menu {
  background-color: rgba(255, 0, 0, 0.35);
  padding: 11px 20px;
}
.multiLevel-menu .menu-list > li.dropdown .dropdown-menu > li a.back-menu:hover, .multiLevel-menu .menu-list > li.dropdown .dropdown-menu > li a.back-menu:focus {
  background-color: rgba(255, 0, 0, 0.35);
  color: #FFFFFF;
}
.multiLevel-menu .menu-list > li.dropdown .dropdown-menu > li a:hover, .multiLevel-menu .menu-list > li.dropdown .dropdown-menu > li a:focus {
  color: #ffffff;
  background-color: rgba(238, 238, 238, 0.15);
}
.multiLevel-menu .menu-list > li.dropdown .dropdown-menu > li.active > a, .multiLevel-menu .menu-list > li.dropdown .dropdown-menu > li.active > a:hover, .multiLevel-menu .menu-list > li.dropdown .dropdown-menu > li.active > a:focus {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: default;
}
.multiLevel-menu .menu-list > li.dropdown .dropdown-menu > li.active > a:focus {
  color: #ffffff;
}
.multiLevel-menu .menu-list .dropdown.open .dropdown {
  position: static;
}
.multiLevel-menu .menu-list .dropdown.open > .dropdown-menu {
  left: 0px;
}
.multiLevel-menu .menu-list .open > a, .multiLevel-menu .menu-list .open > a:hover, .multiLevel-menu .menu-list .open > a:focus {
  background-color: #eeeeee;
}
.multiLevel-menu .menu-list .nav-divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.alert {
  position: relative;
}
.alert .table-layout .cell-layout {
  line-height: 0;
}
.alert .loader-container {
  display: none;
}
.alert .alert-container {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 15px;
  background-color: rgba(0, 0, 0, 0.9);
}

.alert-disabled {
  background-color: rgba(140, 193, 82, 0.15) !important;
  border-color: #acacac !important;
  color: #ffffff !important;
}

.active-second-panel #tidio-chat, .active-first-panel #tidio-chat {
  display: none;
}

.blink-effect {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

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

.blur-effect {
  filter: blur(4px);
}

.shiftHeader {
  position: fixed;
  z-index: 200;
  top: 0;
  right: 0;
  left: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid #ffffff;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /*.right-menu{
      padding: 15px 0;
      .links-list{
          margin-bottom: 0;
          > li {
              margin-bottom: 4px;
              line-height: 30px;
              padding: 0 15px;
              position: relative;
              &:last-child{
                  margin-bottom: 0;
              }
              &:before{
                  @include transition(all 0.5s ease);
                  content: '';
                  position: absolute;
                  top: 0;
                  right: 0;
                  left: 50%;
                  bottom: 0;
                  background-color: #492757;
                  z-index: -1;
                  opacity: 0;
                  border-radius: 50%;
              }
              &:hover{
                  &:before{
                      left: 0;
                      opacity: 1;
                      border-radius: 0;
                  }
              }
              a {
                  color: #fff;
              }
          }
      }
  }*/
}
.shiftHeader .header-content {
  margin: 0 -15px;
  height: 58px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.shiftHeader .trigger-panel {
  position: relative;
  cursor: pointer;
  font-size: 26px;
  padding: 0 15px;
  line-height: 60px;
  color: white;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shiftHeader .trigger-panel .fa {
  vertical-align: -2px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shiftHeader .trigger-panel:hover, .shiftHeader .trigger-panel.active {
  color: rgba(255, 255, 255, 0.8);
}
.shiftHeader .tools-first {
  float: right ;
  position: relative;
}
.shiftHeader .tools-first .pt-trigger {
  float: right ;
}
.shiftHeader .tools-first .trigger-panel {
  border-left: 1px solid #ffffff;
  float: right ;
}
.shiftHeader .tools-first .trigger-panel.active .fa-bars {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.shiftHeader .tools-first .user {
  float: right ;
  position: relative;
}
.shiftHeader .tools-first .user .normal-user {
  display: block;
  padding: 9px;
  position: relative;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  border-left: 1px solid #ffffff;
}
.shiftHeader .tools-first .user .normal-user figure {
  width: 42px;
  height: 42px;
}
.shiftHeader .tools-first .user .normal-user figure img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.shiftHeader .tools-first .user .normal-user h2 {
  margin: 0;
  color: white;
  font-size: 18px;
  line-height: 36px;
  height: 36px;
  min-width: 130px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.shiftHeader .tools-first .user .normal-user .money {
  position: absolute;
  left: 0;
  right: 60px;
  top: 10px;
  color: #ffefa2;
  font-weight: bold;
  opacity: 0;
  line-height: 0.8;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.shiftHeader .tools-first .user.valid-user:hover .normal-user h2 {
  opacity: 0;
}
.shiftHeader .tools-first .user.valid-user:hover .normal-user .money {
  opacity: 1;
}
.shiftHeader .tools-first .user:hover .normal-user, .shiftHeader .tools-first .user.open .normal-user {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4));
}
.shiftHeader .tools-first .user:hover .normal-user h2, .shiftHeader .tools-first .user.open .normal-user h2 {
  color: rgba(255, 255, 255, 0.9);
}
.shiftHeader .tools-first .user .toggle-key {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  cursor: pointer;
  z-index: 1;
  /*for fixing bug in IE*/
  background-color: #ffffff;
  opacity: 0;
}
.shiftHeader .tools-first .user .dashboard {
  position: relative;
  z-index: 990;
}
.shiftHeader .tools-first .user .dashboard .role-menu {
  position: absolute;
  top: 105%;
  z-index: 110;
  border-radius: 5px;
  display: none;
  right: 0;
  left: auto;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container {
  line-height: normal;
  width: 200px;
  background-color: rgba(0, 0, 0, 0.9);
  border: 1px solid #ffffff;
  border-radius: 5px;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .up-part {
  border-bottom: 1px dotted #fff;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .up-part .money-row {
  color: #ffefa2;
  padding: 5px 0;
  font-size: 15px;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .up-part .money-row > div {
  padding: 3px 15px;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .up-part .money-row > div .rial {
  font-size: 13px;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part {
  padding: 15px 0;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu {
  margin-bottom: 0;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li {
  margin-bottom: 4px;
  line-height: 30px;
  padding: 0 15px;
  position: relative;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li:last-child {
  margin-bottom: 0;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li a {
  color: #ffffff;
  display: block;
  position: relative;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li .fa {
  vertical-align: -2px;
  margin-left: 3px;
  font-size: 16px;
  width: 17px;
  text-align: center;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li .badge {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #8CC152;
  vertical-align: 2px;
  margin-right: 2px;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li:before {
  content: '';
  background-color: #8cc152;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li:hover a, .shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li:focus a {
  color: #000000;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li:hover .badge, .shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li:focus .badge {
  background-color: #000000;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li:hover:before, .shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li:focus:before {
  top: 0;
  bottom: 0;
}
.shiftHeader .tools-first .user .dashboard .role-menu .menu-container .down-part .setting-menu > li.show-tour {
  display: none;
}
.shiftHeader .tools-first .user.open .dashboard .role-menu {
  display: block;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.shiftHeader .tools-first .user.open.valid-user .normal-user h2 {
  opacity: 1;
}
.shiftHeader .tools-first .user.open.valid-user .normal-user .money {
  opacity: 0;
}
.shiftHeader .tools-first .notify-toggle {
  position: relative;
  float: right ;
}
.shiftHeader .tools-first .notify-toggle .dropdown-toggle, .shiftHeader .tools-first .notify-toggle .item {
  display: block;
  line-height: 1;
  font-size: 23px;
  color: #fff;
  padding: 17px 15px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  border-left: 1px solid #ffffff;
}
.shiftHeader .tools-first .notify-toggle .dropdown-toggle .fa, .shiftHeader .tools-first .notify-toggle .item .fa {
  position: relative;
}
.shiftHeader .tools-first .notify-toggle .dropdown-toggle .fa .badge-danger, .shiftHeader .tools-first .notify-toggle .item .fa .badge-danger {
  position: absolute;
  top: -8px;
  right: -3px;
  font-size: 10px;
  padding: 2px 3px;
  background-color: #ED5565;
  text-align: center;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu {
  background-color: rgba(0, 0, 0, 0.9);
  width: 300px;
  padding: 0;
  max-width: none;
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid #ffffff;
  right: -105px;
  left: auto;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify.empty-notification .notify-list {
  height: 215px;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify.empty-notification .notify-list > li {
  display: none;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify.empty-notification .notify-list:after {
  content: 'محتوایی برای نمایش وجود ندارد.';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 15;
  font-size: 17px;
  text-shadow: 0 1px 1px #000;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notifyListScrollArea {
  max-height: 310px;
  overflow: auto;
  position: relative;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list {
  margin-bottom: 0;
  font-size: 14px;
  padding: 5px 0;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li:last-child {
  border-bottom: none;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li a {
  position: relative;
  display: block;
  color: #fff;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li a > div {
  position: relative;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li .view-icon {
  position: absolute;
  top: 3px;
  right: 0;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li .view-icon .circle {
  overflow: hidden;
  background-color: #8CC152;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  padding: 6px 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li .view-icon .circle .fa {
  vertical-align: middle;
  width: 20px;
  text-align: center;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li .detail {
  margin-right: 50px;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li .detail .additional-info {
  height: 20px;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li .detail .additional-info .date {
  font-weight: bold;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li .detail .additional-info .fa-remove {
  cursor: pointer;
  opacity: 0;
  font-size: 15px;
  float: left ;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li.important .view-icon .circle {
  background-color: #DA4453;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li:hover .detail .additional-info .fa-remove {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 1;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .notify-list li:hover .detail .additional-info .fa-remove:hover {
  -moz-transform: rotate(180deg) scale(1.5);
  -ms-transform: rotate(180deg) scale(1.5);
  -webkit-transform: rotate(180deg) scale(1.5);
  transform: rotate(180deg) scale(1.5);
  color: #ED5565;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .bottom-status {
  background-color: #ffffff;
  line-height: 36px;
  padding: 0 10px;
}
.shiftHeader .tools-first .notify-toggle .dropdown-menu .integration-notify .bottom-status a {
  color: #444555;
  font-size: 16px;
}
.shiftHeader .tools-first .notify-toggle.open .dropdown-menu {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.shiftHeader .tools-first .charge-toggle {
  display: inline-block;
  margin: 13px 15px;
  position: relative;
}
.shiftHeader .tools-first .wc2018-toggle {
  display: inline-block;
  position: absolute;
  padding: 0 7px;
}
.shiftHeader .tools-first .wc2018-toggle a {
  line-height: 60px;
  display: block;
  color: #ffffff;
}
.shiftHeader .tools-first .wc2018-toggle a:hover {
  color: #eddfc3;
}
.shiftHeader .tools-first .wc2018-toggle img {
  height: 50px;
  margin: 0 3px;
}
.shiftHeader .tools-first .wc2018-toggle .zabivaka {
  display: none;
}
.shiftHeader .tools-first .btn-charge {
  position: relative;
}
.shiftHeader .tools-first .btn-charge .fa {
  font-size: 24px;
  line-height: 0;
  vertical-align: middle;
}
.shiftHeader .tools-second {
  float: left ;
}
.shiftHeader .tools-second .pt-trigger {
  float: left ;
}
.shiftHeader .tools-second .trigger-panel {
  border-right: 1px solid #ffffff;
  float: left ;
}
.shiftHeader .tools-second .trigger-panel.active .fa-bars {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.shiftHeader .tools-second .logo {
  float: left ;
  opacity: 0.9;
  filter: alpha(opacity=90);
  padding-top: 5px;
  position: relative;
}
.shiftHeader .tools-second .logo:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.shiftHeader .tools-second .logo img {
  width: 72px;
  margin-top: 3px;
  margin-left: 10px;
}
.shiftHeader .tools-second .logo .logo-724 {
  display: none;
}
.shiftHeader .tools-second .logo .logo-724 img {
  margin-top: 0;
  width: 70px;
}
.shiftHeader .btn .badge.diagonal {
  position: absolute;
  transform: rotate(-45deg);
  left: -21px;
  top: -2px;
  display: inline-block;
  width: 50px;
}
@media (min-width: 768px) {
  .shiftHeader .tools-first .user .normal-user .hidden-xs {
    max-width: 200px;
    min-width: 100px;
    display: inline-block;
  }
  .shiftHeader .tools-first .user .normal-user figure {
    float: right;
    margin-left: 10px;
  }
  .shiftHeader .tools-first .user .dashboard .role-menu {
    left: 0;
  }
  .shiftHeader .tools-first .notify-toggle .dropdown-menu {
    width: 310px;
    right: 0;
  }
  .shiftHeader .tools-first .wc2018-toggle .zabivaka {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translate(200px, 0);
    -ms-transform: translate(200px, 0);
    -o-transform: translate(200px, 0);
    transform: translate(200px, 0);
  }
  .shiftHeader .tools-first .wc2018-toggle a:hover .zabivaka {
    opacity: 1;
    -webkit-transition: all ease 0.8s;
    -o-transition: all ease 0.8s;
    transition: all ease 0.8s;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.head-utility-bar {
    padding: 12px;
    background-color: #000000b0;
    border-bottom: 1px solid #fff;
}

.head-utility-bar .charge-toggle {
    display: inline-block;
    position: relative;
    /*z-index: 200;*/
}
.head-utility-bar .btn-charge .fa {
    font-size: 24px;
    line-height: 0;
    vertical-align: middle;
}
.head-utility-bar .btn .badge.diagonal {
    position: absolute;
    transform: rotate(-45deg);
    left: -21px;
    top: -2px;
    display: inline-block;
    width: 50px;
}

@media (min-width: 1200px) {
    .head-utility-bar {
        padding: 12px;
        background-color: transparent;
        border-bottom: none;
        margin-top: -60px;
        padding-right: 350px;
        padding-left: 170px;
        /*position: fixed;*/
        /*width: 100%;*/
        /*z-index: 200;*/
    }
    .head-utility-bar .charge-toggle {
        z-index: 200;
    }
}

.head-alert-sec {
  position: relative;
  z-index: 5;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.head-alert-sec .alert-head {
  position: relative;
  background-color: #e8f2ff;
  padding: 5px 15px 5px 35px;
  margin-bottom: 0;
  border-bottom: 1px solid #90a7c3;
  border-radius: 0;
  text-align: center;
  font-size: 16px;
  color: #004094;
}
.head-alert-sec .alert-head .fa {
  font-size: 16px;
  vertical-align: middle;
  margin-left: 5px;
}
.head-alert-sec .alert-head .close {
  opacity: 1;
  font-weight: normal;
  font-size: 26px;
  position: absolute;
  left: 9px;
  top: 50%;
  line-height: 1;
  margin-top: -11px;
  text-shadow: none;
}
.head-alert-sec .alert-head-login {
  background-color: rgba(85, 154, 80, 0.8) !important;
  border-bottom-color: #000 !important;
  border-left-color: #000 !important;
  color: #fff !important;
  display: inline-block;
}
.head-alert-sec .alert-head-login .text {
  color: #ffff00;
  position: relative;
}
.head-alert-sec .alert-head-login .fa {
  position: absolute;
  opacity: 0;
  left: 50%;
  margin-left: -6px;
}
.head-alert-sec [class*='alert-head-'] {
  position: relative;
  padding: 5px 15px 5px 35px;
  margin-bottom: 0;
  border-radius: 0;
  text-align: center;
  font-size: 16px;
}
.head-alert-sec [class*='alert-head-'] .fa {
  font-size: 16px;
  vertical-align: middle;
  margin-left: 5px;
}
.head-alert-sec [class*='alert-head-'] .close {
  opacity: 1;
  font-weight: normal;
  font-size: 26px;
  position: absolute;
  left: 9px;
  top: 50%;
  line-height: 1;
  margin-top: -11px;
  text-shadow: none;
}
.head-alert-sec .alert-head-warning {
  border-bottom: 1px solid #90a7c3;
  background-color: #ffedab;
  color: #9c2500;
}
.head-alert-sec .alert-head-danger {
  background-color: #ffb8bf;
  border-bottom: 1px solid #eb3e6d;
  color: #99101f;
}
.head-alert-sec .alert-head-success {
  background-color: #e3ffc4;
  border-bottom: 1px solid #93b842;
  color: #3e5a20;
}
.head-alert-sec .alert-head-info {
  background-color: #c6f0ff;
  border-bottom: 1px solid #2fd4e5;
  color: #126d8d;
}

.footer-website {
  position: relative;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  border-top: 1px solid #ffffff;
  margin-top: 15px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.footer-website .footer-content {
  padding-top: 15px;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.footer-website .footer-content .logo img {
  width: 100px;
  margin-bottom: 15px;
}
.footer-website .footer-content .info .title {
  margin-bottom: 5px;
  font-size: 18px;
}
.footer-website .footer-content .footer-links:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 15px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
}
.footer-website .footer-content .footer-links:after {
  content: "";
  display: block;
  height: 1px;
  margin-top: 8px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
}
.footer-website .footer-content .copy-right {
  font-size: 14px;
  margin-bottom: 5px;
}
.footer-website .logo-724 {
  display: none;
}
.footer-website .logo-724 img {
  width: 100px;
  height: 74px;
}