@font-face {
  font-family: "Basier Square";
  src: url("../fonts/BasierSquare-SemiBoldItalic.woff2") format("woff2"),
  url("../fonts/BasierSquare-SemiBoldItalic.woff") format("woff"),
  url("../fonts/BasierSquare-SemiBoldItalic.svg#BasierSquare-SemiBoldItalic")
  format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Basier Circle";
  src: url("../fonts/BasierCircle-BoldItalic.woff2") format("woff2"),
  url("../fonts/BasierCircle-BoldItalic.woff") format("woff"),
  url("../fonts/BasierCircle-BoldItalic.svg#BasierCircle-BoldItalic")
  format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Basier Circle";
  src: url("../fonts/BasierCircle-RegularItalic.woff2") format("woff2"),
  url("../fonts/BasierCircle-RegularItalic.woff") format("woff"),
  url("../fonts/BasierCircle-RegularItalic.svg#BasierCircle-RegularItalic")
  format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Basier Square";
  src: url("../fonts/BasierSquare-Regular.woff2") format("woff2"),
  url("../fonts/BasierSquare-Regular.woff") format("woff"),
  url("../fonts/BasierSquare-Regular.svg#BasierSquare-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Basier Square";
  src: url("../fonts/BasierSquare-Medium.woff2") format("woff2"),
  url("../fonts/BasierSquare-Medium.woff") format("woff"),
  url("../fonts/BasierSquare-Medium.svg#BasierSquare-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Basier Circle";
  src: url("../fonts/BasierCircle-Regular.woff2") format("woff2"),
  url("../fonts/BasierCircle-Regular.woff") format("woff"),
  url("../fonts/BasierCircle-Regular.svg#BasierCircle-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Basier Square";
  src: url("../fonts/BasierSquare-SemiBold.woff2") format("woff2"),
  url("../fonts/BasierSquare-SemiBold.woff") format("woff"),
  url("../fonts/BasierSquare-SemiBold.svg#BasierSquare-SemiBold")
  format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Basier Circle";
  src: url("../fonts/BasierCircle-MediumItalic.woff2") format("woff2"),
  url("../fonts/BasierCircle-MediumItalic.woff") format("woff"),
  url("../fonts/BasierCircle-MediumItalic.svg#BasierCircle-MediumItalic")
  format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Basier Square";
  src: url("../fonts/BasierSquare-MediumItalic.woff2") format("woff2"),
  url("../fonts/BasierSquare-MediumItalic.woff") format("woff"),
  url("../fonts/BasierSquare-MediumItalic.svg#BasierSquare-MediumItalic")
  format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Basier Circle";
  src: url("../fonts/BasierCircle-Medium.woff2") format("woff2"),
  url("../fonts/BasierCircle-Medium.woff") format("woff"),
  url("../fonts/BasierCircle-Medium.svg#BasierCircle-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Basier Square";
  src: url("../fonts/BasierSquare-Bold.woff2") format("woff2"),
  url("../fonts/BasierSquare-Bold.woff") format("woff"),
  url("../fonts/BasierSquare-Bold.svg#BasierSquare-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Basier Square";
  src: url("../fonts/BasierSquare-RegularItalic.woff2") format("woff2"),
  url("../fonts/BasierSquare-RegularItalic.woff") format("woff"),
  url("../fonts/BasierSquare-RegularItalic.svg#BasierSquare-RegularItalic")
  format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Basier Square";
  src: url("../fonts/BasierSquare-BoldItalic.woff2") format("woff2"),
  url("../fonts/BasierSquare-BoldItalic.woff") format("woff"),
  url("../fonts/BasierSquare-BoldItalic.svg#BasierSquare-BoldItalic")
  format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Basier Circle";
  src: url("../fonts/BasierCircle-Bold.woff2") format("woff2"),
  url("../fonts/BasierCircle-Bold.woff") format("woff"),
  url("../fonts/BasierCircle-Bold.svg#BasierCircle-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Basier Circle";
  src: url("../fonts/BasierCircle-SemiBoldItalic.woff2") format("woff2"),
  url("../fonts/BasierCircle-SemiBoldItalic.woff") format("woff"),
  url("../fonts/BasierCircle-SemiBoldItalic.svg#BasierCircle-SemiBoldItalic")
  format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Basier Circle";
  src: url("../fonts/BasierCircle-SemiBold.woff2") format("woff2"),
  url("../fonts/BasierCircle-SemiBold.woff") format("woff"),
  url("../fonts/BasierCircle-SemiBold.svg#BasierCircle-SemiBold")
  format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?a95lge");
  src: url("../fonts/icomoon.eot?a95lge#iefix") format("embedded-opentype"),
  url("../fonts/icomoon.ttf?a95lge") format("truetype"),
  url("../fonts/icomoon.woff?a95lge") format("woff"),
  url("../fonts/icomoon.svg?a95lge#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.mb-small {
  margin-bottom: 10px;
}
.mb-med {
  margin-bottom: 20px !important;
}
.pi-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chart:before {
  content: "\e900";
}

.icon-navbar:before {
  content: "\e901";
}

.icon-bag:before {
  content: "\e902";
}

.icon-user:before {
  content: "\e903";
}

.icon-doc:before {
  content: "\e904";
}

.icon-back:before {
  content: "\e905";
}

.icon-user-fill:before {
  content: "\e906";
}

.icon-close:before {
  content: "\e907";
}

.icon-left:before {
  content: "\e908";
}

.icon-settings:before {
  content: "\e909";
}

.icon-electricity:before {
  content: "\e90a";
}

.icon-water-p:before {
  content: "\e90b";
}

.icon-folderplus:before {
  content: "\e90c";
}

.icon-camera:before {
  content: "\e90d";
}

.icon-eyelash:before {
  content: "\e90e";
}

.icon-checkmark:before {
  content: "\e90f";
}

.icon-time:before,
.icon-ineseguzione:before {
  content: "\e910";
}

.icon-ICON-19:before {
  content: "\e911";
}

.icon-icon-time:before {
  content: "\e912";
}

.icon-leftico:before {
  content: "\e913";
}

.icon-closebold:before {
  content: "\e914";
}

.icon-draw:before {
  content: "\e915";
}

.icon-search:before {
  content: "\e916";
}

.icon-i-left:before {
  content: "\e917";
}

.icon-sendmessage:before {
  content: "\e918";
}

.icon-down:before {
  content: "\e919";
}

.icon-top:before {
  content: "\e91a";
}

.icon-cards:before {
  content: "\e91b";
}

.icon-wallet:before {
  content: "\e91c";
}

.icon-plus:before {
  content: "\e925";
}

.icon-ICON-34:before {
  content: "\e926";
}

.icon-i-strike:before {
  content: "\e927";
}

.icon-i-x:before {
  content: "\e928";
}

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

html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "Basier Square";
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: normal;
  font-style: normal;
  padding-top: 72px;
  background: #ffffff;
}

body.dashboard {
  /* background: #FAFAFA; */
}

a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  font-weight: normal;
  color: #ff0000;
}

*:focus {
  outline: none;
}

*::-moz-focus-inner {
  border: 0;
}

a,
a:hover,
a:active,
a:focus,
a:visited {
  text-decoration: none;
  outline: 0;
}

a:hover,
a:focus {
  color: #ff5100;
}

.no-margin {
  margin: 0px;
}

.no-padding {
  padding: 0px;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding-left {
  padding-left: 0;
}

@media (min-width: 768px) {
  .no-padding-right-desktop {
    padding-right: 0;
  }

  .no-padding-left-desktop {
    padding-left: 0;
  }
}

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

::-moz-selection {
  text-shadow: none;
  color: #fff;
  background: #222;
}

::selection {
  text-shadow: none;
  color: #fff;
  background: #222;
}

/* HTML5 support for old browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/*Remove HTML5 Spinners*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input::-moz-focus-inner {
  border: 0;
}

img::selection {
  color: #fff;
  background: 0 0;
}

img::-moz-selection {
  color: #fff;
  background: 0 0;
}

/* Embed iframes fix*/
embed,
iframe,
object {
  max-width: 100%;
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

.bg-white {
  background: #ffffff;
}

.progress-bar {
  position: absolute;
  height: 5px;
  background: #05cbb7;
  top: 0;
  left: 0;
  right: 0;
  width: 0%;
  z-index: 99;
}

/***
#### Main Blue ###
***/
.color1 {
  color: #3399ff;
}

/***
#### Light Gray ###
***/
.color2 {
  color: #9595aa;
}

/***
#### Orange ###
***/
.color3 {
  color: #ff5c2b;
}

/***
#### Black ###
***/
.color4 {
  color: #000000;
}

/***
### Paddings ###
***/
.welcome-MiddleContentPadding {
  padding: 100px 0px 30px 0px !important;
}

/*Social Icons Styling*/
.twitter,
.facebook,
.googleplus,
.linkedin,
.flickr,
.pinterest,
.tumblr,
.vimeo,
.youtube,
.instagram {
  color: #fff;
}

.twitter {
  background-color: #00aced;
  border-color: #00aced;
}

.facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.googleplus {
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.linkedin {
  background-color: #007fb1;
  border-color: #007fb1;
}

.flickr {
  background-color: #0063db;
  border-color: #0063db;
}

.pinterest {
  background-color: #cb2128;
  border-color: #cb2128;
}

.tumblr {
  background-color: #2c4762;
  border-color: #2c4762;
}

.vimeo {
  background-color: #1ab7ea;
  border-color: #1ab7ea;
}

.youtube {
  background-color: #ff3333;
  border-color: #ff3333;
}

.instagram {
  background-color: #517fa4;
  border-color: #517fa4;
}

.center-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flex-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.flex-vertical {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.flex-sameheight {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}

.flex-bottom {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

@media (min-width: 768px) {
  .flex-container-desktop {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .flex-vertical-desktop {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }

  .flex-sameheight-desktop {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .flex-bottom-desktop {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
}

.cover-image {
  width: 100%;
  position: relative;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center;
}

/* Bootstrap menu on hover */

@media (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

/* Big Desktop Resolution */
@media (min-width: 1600px) {
  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* 4K Desktop Resolution */
@media (min-width: 1921px) {
  .col-4k-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-4k-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-4k-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-4k-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-4k-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-4k-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-4k-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-4k-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-4k-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-4k-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-4k-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-4k-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.main-pagination {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 5px 50px;
  top: 80px;
  z-index: 1;
}

.main-pagination div i {
  border: 1px solid #c4c8de;
  width: 65px;
  height: 65px;
  display: block;
  border-radius: 50px;
  line-height: 65px;
  text-align: center;
  font-size: 30px;
  color: #c4c8de;
  cursor: pointer;
}

/* Scroll to top */
#toTop {
  position: fixed;
  z-index: 999;
  bottom: 20px;
  right: 20px;
  display: none;
}

#toTop .fa {
  font-size: 44px;
  color: #c5202d;
  cursor: pointer;
  padding: 5px;
}

b,
strong {
  font-weight: 600;
  font-family: "Basier Circle";
}

.mobile-toggle {
  margin: 30px 0 0px 0;
  font-size: 22px;
  color: #9696a7;
  display: none;
  position: relative;
}

.mobile-toggle .badge-orange {
  background: #ff5c2b;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #fafafa;
  position: absolute;
  right: -7px;
  top: -3px;
}

.mobile-menu-wrapper {
  width: 0;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  transition: width 0.3s ease-in;
  background-color: #389ef2;
  z-index: 8888;
  white-space: nowrap;
}

.mobile-menu-wrapper ul.sidebar-bottom-menu li a {
  color: #ffffff;
  width: auto;
}

.mobile-menu-wrapper ul.sidebar-bottom-menu li i {
  vertical-align: middle;
}

.mobile-menu-wrapper h3 {
  color: #fff;
  font-weight: 600;
}

.mobile-menu-wrapper h3 strong {
  color: #ff7c40;
}

.mobile-menu-wrapper .top-menu-position .mobile-toggle {
  width: auto;
  color: #fff;
}

.mobile-menu-wrapper .top-menu-position .mobile-toggle {
  padding: 0 50px 0 50px;
  display: flex;
  justify-content: space-between;
  margin: 2px 0 20px 0;
  align-items: center;
}

.mobile-menu-wrapper .top-menu-position .notification-header-icon {
  float: right;
}

.mobile-menu-wrapper .notification-submenu {
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: fixed;
  top: 15%;
  width: 90%;
  min-width: auto;
  max-width: 100%;
  z-index: 9999999;
}

.mobile-menu-wrapper .top-menu-position .mobile-toggle i,
.mobile-menu-wrapper .top-menu-position .mobile-toggle h3 {
  display: inline-block;
  vertical-align: middle;
}

.mobile-menu-wrapper .top-menu-position .mobile-toggle h3 {
  font-size: 22px;
  margin: 0;
}

.mobile-menu-wrapper ul.sidebar-bottom-menu li.active a {
  color: #ffffff;
}

body.mobmenu-open ul.sidebar-bottom-menu li.active a span {
  color: #ffffff;
  font-weight: 500;
}

body.mobmenu-open ul.sidebar-bottom-menu li a span {
  opacity: 1;
  display: inline-block;
  color: #ffffff;
  position: relative;
  top: inherit;
  visibility: visible;
  left: 0;
  background: transparent;
  vertical-align: middle;
  font-size: 15px;
  text-align: left;
  width: 100px;
}

.mobmenu-open .mobile-menu-wrapper {
  width: 76%;
  height: 100%;
}

.mobile-menu-wrapper .menus-container {
  position: relative;
  height: calc(100% - 50px);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.my-container {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding: 0;
  clear: both;
}

.my-container-15px {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1830px;
}

@media (max-width: 1830px) {
  .my-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.w-80 {
  width: 80%;
}

.white-container {
  background: #fff;
  padding: 45px !important;
  border-radius: 5px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
}

@media (max-width: 1199px) {
  .white-container {
    padding: 25px !important;
  }
}

@media (max-width: 991px) {
  .white-container {
    padding: 20px !important;
  }
}

@media (max-width: 767px) {
  .white-container {
    padding: 20px !important;
  }
}

.white-container-no-padding {
  background: #fff;
  padding: 0px !important;
  border-radius: 5px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
}

@media screen and (min-width: 1000px) {
  .dash-padding {
    padding: 15px 100px;
  }
}

@media screen and (min-width: 1400px) {
  .dash-padding {
    padding: 30px 150px 15px 150px;
  }

  body.menu-open .dash-padding {
    padding: 30px 100px 15px 150px;
  }
}

@media screen and (max-width: 1250px) {
  .dash-padding {
    padding: 15px 50px;
  }
}

.dash-padding.no-title {
  padding-top: 45px;
}

/*** Cards ***/
.card {
  border: 0px;
  background: transparent;
  margin-bottom: 30px;
}

.card + .card {
  margin-bottom: 15px;
}

.card-header {
  background: transparent;
  border: 0px;
}

.title-mobile {
  display: none;
}

.card-header.pl-30 {
  padding-left: 30px;
}

.card-header h4 {
  font-size: 18px;
  font-weight: 500;
}

.card-header h4.lightgr {
  color: #4a4a4a;
}

.card-body {
  background: #fff;
  border-radius: 15px;
  padding: 0 35px;
}

.card-body.card-transparent {
  background: transparent;
  padding: 0;
}

.card-body p:last-child {
  margin: 0;
}

.card-body span {
  font-size: 16px;
  color: #4a4a4a;
}

.card-body span.text-muted {
  color: #9595aa !important;
}

/* Sidebar */
.my-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 95px;
  height: 100%;
  z-index: 999;
  background: #fff;
  transition: width ease-in-out 250ms;
}

@media screen and (max-width: 999px) {
  .my-sidebar {
    display: none;
  }

  .my-header {
    padding: 0 35px;
  }
}

body.menu-open .my-sidebar {
  width: 225px;
}

.logo-title {
  color: #ff7c40;
  font-weight: bold;
  font-size: 19px;
}
.logo-sidebar {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}

.logo-sidebar img {
  display: block;
  width: 55px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.menus-container {
  position: relative;
  height: calc(100% - 120px);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.top-menu-position {
  margin-top: 20px;
  margin-bottom: 30px;
}

.bottom-menu-position {
  /* margin-bottom: 45px; */
}

ul.sidebar-top-menu {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.sidebar-top-menu li {
  display: block;
}

ul.sidebar-top-menu li:not(:first-child) {
  margin-top: 45px;
}

ul.sidebar-top-menu li a {
  display: block;
  width: 54px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 6px;
  padding-right: 6px;
  color: #9696a7;
  font-size: 25px;
  text-align: center;
}

ul.sidebar-top-menu li a img {
  display: block;
  width: 32px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

ul.sidebar-top-menu li a img.my-icon-hover {
  display: none;
}

ul.sidebar-top-menu li a:hover img.my-icon {
  display: none;
}

ul.sidebar-top-menu li a:hover img.my-icon-hover {
  display: block;
}

ul.sidebar-top-menu li a span {
  position: absolute;
  left: calc(100%);
  top: calc(50% - 12px);
  background: #3399ff;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 12px;
  display: block;
  text-align: center;
  white-space: nowrap;
  z-index: 9999;
  visibility: hidden;
  transition: opacity 0.7s ease-in-out;
  opacity: 0;
  letter-spacing: 0.4px;
}

ul.sidebar-top-menu li a span:before {
  content: "";
  position: absolute;
  border-width: 4px 7px 0 7px;
  border-style: solid;
  border-color: #3399ff transparent transparent transparent;
  z-index: 100;
  left: -8px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  z-index: 99999;
}

ul.sidebar-top-menu li a:hover span {
  visibility: visible;
  opacity: 1;
}

ul.sidebar-bottom-menu {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.sidebar-bottom-menu li {
  display: block;
}

ul.sidebar-bottom-menu li:not(:first-child) {
  margin-top: 45px;
}

ul.sidebar-bottom-menu li a {
  display: block;
  width: 54px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 6px;
  padding-right: 6px;
  cursor: pointer;
  color: #9696a7;
  font-size: 25px;
  text-align: center;
}

body.menu-open ul.sidebar-bottom-menu li a {
  width: auto;
}

ul.sidebar-bottom-menu li.active a {
  color: #3399ff;
}

ul.sidebar-bottom-menu li a img {
  display: block;
  width: 32px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

ul.sidebar-bottom-menu li a img.my-icon-hover {
  display: none;
}

ul.sidebar-bottom-menu li a:hover img.my-icon {
  display: none;
}

ul.sidebar-bottom-menu li a:hover img.my-icon-hover {
  display: block;
}

ul.sidebar-bottom-menu li a span {
  position: absolute;
  left: calc(100%);
  top: calc(50% - 12px);
  background: #3399ff;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 12px;
  display: block;
  text-align: center;
  white-space: nowrap;
  z-index: 9999;
  visibility: hidden;
  transition: opacity 0.7s ease-in-out;
  opacity: 0;
  letter-spacing: 0.4px;
}

body.menu-open ul.sidebar-bottom-menu li a span {
  opacity: 1;
  display: inline-block;
  color: #4a4a4a;
  position: relative;
  top: inherit;
  visibility: visible;
  left: 0;
  background: transparent;
  vertical-align: middle;
  font-size: 15px;
  text-align: left;
  width: 100px;
}

body.menu-open ul.sidebar-bottom-menu li.active a span {
  color: #3399ff;
  font-weight: 500;
}

body.menu-open ul.sidebar-bottom-menu li a i {
  vertical-align: middle;
  display: inline-block;
}

ul.sidebar-bottom-menu li a span:before {
  content: "";
  position: absolute;
  border-width: 4px 7px 0 7px;
  border-style: solid;
  border-color: #3399ff transparent transparent transparent;
  z-index: 100;
  left: -8px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  z-index: 99999;
}

body.menu-open ul.sidebar-bottom-menu li a span:before {
  display: none;
}

ul.sidebar-bottom-menu li a:hover span {
  visibility: visible;
  opacity: 1;
}

ul.sidebar-dropdown {
  display: none;
  list-style: none;
  background: #fff;
  margin: 0;
  padding: 5px 10px 8px;
  position: absolute;
  left: calc(100% + 5px);
  bottom: 0%;
  border-radius: 5px;
  width: 150px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  border: 1px solid #e6e6e6;
}

span.title-sidebar-dropdown {
  border-bottom: 1px solid #f2f2f2;
  border-radius: 0;
  font-family: "Basier Circle";
  font-weight: bold;
  padding: 10px 10px 10px;
  display: inline-block;
}

ul.sidebar-bottom-menu li.with-dropdown {
  position: relative;
}

ul.sidebar-dropdown li {
  display: block;
  border-radius: 10px;
  text-align: center;
}

ul.sidebar-dropdown li a {
  padding: 10px 10px 10px;
  color: #b3b3b3;
  width: auto;
  font-size: 15px;
  display: inline-block;
  font-family: "CircularStd-Book";
}

ul.sidebar-dropdown li a:hover {
  color: #00dde9;
}

ul.sidebar-dropdown li:not(:first-child) {
  margin-top: 0;
}

ul.sidebar-dropdown li:not(:first-child) a {
  padding-top: 10px;
}

ul.sidebar-dropdown li:first-child {
  margin-bottom: 10px;
}

/* Header */
.my-header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 92px;
  padding: 25px;
  right: 0;
  z-index: 999;
  height: 90px;
  transition: left ease-in-out 250ms;
}

body.menu-open .my-header {
  left: 225px;
}

h1.page-title {
  font-size: 14px;
  color: #323c47;
  margin: 0;
}

.my-header h1.page-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 40px;
}

h1.page-title.orange,
p.page-title.orange {
  color: #ff7c40;
}

h1.page-title.gray {
  color: #9696a7;
}

.see-all a {
  color: #c4c8de !important;
  text-align: center !important;
  display: block !important;
  text-decoration: underline;
  padding: 15px 0 35px 0px;
  font-size: 12px !important;
}

.notification-header-icon {
  cursor: pointer;
  /* display: inline-block; */
  background: url(../img/icon-header-notification.svg) center center no-repeat;
  background-size: 20px;
  position: relative;
  width: 25px;
  height: 37px;
  /* float: right; */
  margin-right: 36px;
}

.notification-number {
  border-radius: 50%;
  background: #ff6d4a;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 10px;
  line-height: 20px;
  right: 3px;
  width: 7px;
  height: 7px;
  font-size: 11px;
  user-select: none;
}

.notification-submenu {
  display: none;
  position: absolute;
  top: calc(100% + 13px);
  right: 0;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  white-space: nowrap;
  min-width: 350px;
  max-height: 400px;
  overflow-y: auto;
  user-select: none;
}

.notification-row-all {
  padding: 25px 25px 15px 35px;
  cursor: default;
  font-size: 22px;
  line-height: 1;
}

span.notification-menu-title {
  font-size: 18px;
  color: #ff7c40;
  font-family: "Basier Circle";
  display: inline-block;
  line-height: 24px;
  vertical-align: sub;
  font-weight: 600;
}

a.notification-view-button {
  display: inline-block;
  background: #4d95ff;
  color: #fff;
  text-align: center;
  border-radius: 15px;
  padding: 2px 14px;
  font-size: 12px;
  text-transform: lowercase;
}

.notification-submenu ul {
  list-style: none;
  margin: 0;
  padding: 0px 20px;
  text-align: left;
  cursor: default;
}

.notification-submenu ul li {
  font-size: 14px;
  font-weight: 500;
  padding: 15px 10px 15px 15px;
  line-height: normal;
  color: #4a4a4a;
  position: relative;
}

.notification-date {
  color: #c4c8de;
  position: absolute;
  right: 0;
  top: 16px;
  font-size: 12px;
}

.notification-status {
  position: absolute;
  left: 0;
  border-radius: 50%;
  height: 7px;
  width: 7px;
  background: #eee;
  display: inline-block;
  transform: translateY(50%);
}

.notification-submenu ul li.n-read .notification-status {
  display: none;
}

.notification-status-red {
  background: #ff6d4a;
}

.notification-status-orange {
  background: #ffc16d;
}

.notification-status-green {
  background: #00dde9;
}

.notification-status-grey {
  background: #e6e6e6;
}

.notification-info {
  display: block;
  color: #c4c8de;
  font-size: 12px;
  padding-top: 3px;
}

.notification-submenu ul li.read {
  color: #e6e6e6;
}

.notification-submenu ul li.read .notification-info {
  color: #e6e6e6;
}

.timerange {
  position: relative;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}

.timerange .timerange-dropdown {
  position: absolute;
  display: none;
  min-width: 150px;
  left: -34px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
}

.timerange .timerange-dropdown ul {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
}

.timerange .timerange-dropdown ul li {
  font-size: 14px;
  color: #4a4a4a;
  padding: 5px 10px;
  cursor: pointer;
}

.timerange.active .timerange-dropdown {
  display: inherit;
}

.timerange .timerange-text {
  color: #3399ff;
  padding-right: 20px;
  margin-right: 40px;
  background: url(../img/icon-down.svg);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  font-size: 15px;
}

.my-header .search-box {
  position: relative;
}

.my-header .search-box:before {
  content: "\e916";
  font-family: "icomoon" !important;
  color: #c4c8de;
  font-size: 15px;
  position: absolute;
  left: 12px;
  top: 8px;
}

.my-header .search-box input {
  width: 100%;
  border: 1px solid #c4c8de36;
  border-radius: 10px;
  box-shadow: 0 0 6px #c4c8de61;
  height: 37px;
  padding-left: 35px;
}

.my-header .search-box input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #c4c8de !important;
}

.my-header .search-box input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #c4c8de !important;
}

.my-header .search-box input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #c4c8de !important;
}

.my-header .search-box input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #c4c8de !important;
}

ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 32px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 10px;
}

ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 0px 21px;
  height: 31px;
  line-height: 31px;
  color: #9696a7;
  /* overflow: hidden; */
  position: relative;
  font-size: 18px;
}

.tab_last {
}

ul.tabs li.active {
  color: #3399ff;
  display: block;
  font-weight: 500;
}

ul.tabs li.active:after {
  content: "";
  position: absolute;
  height: 3px;
  width: 24px;
  bottom: -2px;
  left: 0;
  right: 0;
  background: #3399ff;
  margin: 0 auto;
}

/*** Pagati ***/
ul.tabs li.active.interventipagati {
  color: #05cbb7;
}

ul.tabs li.active.interventipagati:after {
  background: #05cbb7;
}

/*** Non Seguiti ***/
ul.tabs li.active.noneseguiti {
  color: #ffa176;
}

ul.tabs li.active.noneseguiti:after {
  background: #ffa176;
}

/*** Non Pagati ***/
ul.tabs li.active.nonpagati {
  color: #ff5c2b;
}

ul.tabs li.active.nonpagati:after {
  background: #ff5c2b;
}

.tab_container {
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  overflow: auto;
}

.tab_content {
  padding: 20px;
  display: none;
}

.tab_drawer_heading {
  display: none;
}

@media screen and (max-width: 480px) {
  .tabs {
    display: none;
  }

  /*.tab_drawer_heading {
    background-color: #ccc;
    color: #fff;
    border-top: 1px solid #333;
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .d_active {
    background-color: #666;
    color: #fff;
  }*/
}

.help-header-icon {
  display: inline-block;
  float: right;
  margin-right: 40px;
  line-height: 35px;
  position: relative;
}

.help-header-icon img {
  width: 25px;
  height: 25px;
  cursor: pointer;
}

a.company-header-icon {
  /* display: inline-block;
  float: right; */
  color: #9595aa;
  font-size: 14px;
  line-height: 35px;
}

.company-header-icon-corner {
  border-radius: 50%;
  height: 35px;
  width: 35px;
  overflow: hidden;
  display: inline-block;
  float: left;
  margin-right: 14px;
  transition: all 0.3s ease-in-out;
}

a.company-header-icon:hover {
  color: #4d95ff;
}

a.company-header-icon img {
  width: 35px;
  height: 35px;
}

span.user-avatar-none {
  width: 33px;
  height: 33px;
  line-height: 33px;
  background: #3399ff;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  border: 0;
  text-align: center;
  border-radius: 50%;
  margin-right: 6px;
  letter-spacing: 1px;
  padding-left: 1px;
}

main.main-site {
  background: #fafafa;
  /*height: 100%;*/
}

main.main-site.bg-white {
  background: #ffffff;
}

main.main-site.full-height {
  height: 100%;
}

@media screen and (min-width: 800px) {
  body.menu-open main.main-site.full-height {
    padding-left: 200px;
  }
}

body,
html {
  height: 100%;
}

.row.row-withradius {
  /* border-top-left-radius: 30px; */
}

/* Header mobile */
@media (max-width: 767px) {
  body {
    padding-top: 87px;
  }

  .my-header {
    left: 0;
    padding: 10px 15px;
    border-bottom: 0;
  }

  .page-title-row {
    position: relative;
  }

  .page-title-row:after {
    content: "";
    position: absolute;
    height: 1px;
    left: -15px;
    right: -15px;
    top: 0;
    background: #e6e6e6;
  }

  .header-icons-row {
    padding-bottom: 4px;
  }

  a.help-header-icon {
    display: none;
  }

  .notification-header-icon {
    /* float: right; */
    margin-right: 0;
  }

  a.company-header-icon {
    float: left;
    font-size: 13px;
  }

  a.company-header-icon img {
    width: 32px;
    height: 32px;
  }

  h1.page-title {
    margin-top: 10px;
  }
}

/* Main Content */
.main-site {
  padding-top: 15px;
  padding-left: 117px;
  padding-right: 15px;
}

.main-site * {
  font-family: "Basier Circle";
}

.main-site .fa {
  font: normal normal normal 14px/1 FontAwesome;
}

/* Main Site Mobile */
@media (max-width: 767px) {
  .main-site {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 60px;
  }
}

.main-small-content {
  padding-left: 92px;
}

.fullheight {
  height: 100%;
}

@media (max-width: 1999px) {
  .main-small-content {
    padding-left: 107px;
  }
}

@media (max-width: 767px) {
  .main-small-content {
    padding-left: 0;
    padding-right: 0;
  }

  .white-container {
    border-radius: 0;
    margin-left: -8px;
    margin-right: -8px;
  }
}

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

.my-footer p {
  padding: 20px 0;
  margin: 0;
  color: #b3b3b3;
  font-size: 13px;
  font-family: "IBM Plex Sans", sans-serif;
}

@media (max-width: 767px) {
  .my-footer p {
    padding: 10px 0;
    font-size: 12px;
  }
}

/* Notification Page */

.notification-page .notification-page-row:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.notification-page-row {
  border-top: 1px solid #e6e6e6;
  position: relative;
}

.notification-page-row p {
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0;
  font-size: 14px;
  color: #323c47;
  position: relative;
  line-height: 1.35;
}

span.notification-page-time {
  font-family: "CircularStd-Book";
  color: #00dde9;
  display: block;
  font-size: 12px;
  padding: 0;
  margin: 0;
}

.notification-page-status-deactivated span.notification-page-time {
  color: #ff6d4a;
}

.notification-page-status-activated span.notification-page-time {
  color: #00dde9;
}

.notification-page-status-pending span.notification-page-time {
  color: #ffc16d;
}

span.notification-page-status {
  position: absolute;
  top: 27px;
  right: 0;
  border-radius: 50%;
  height: 7px;
  width: 7px;
  background: #eee;
  display: inline-block;
  transform: translateY(50%);
}

.notification-page-status-deactivated span.notification-page-status {
  background: #ff6d4a;
}

.notification-page-status-activated span.notification-page-status {
  background: #00dde9;
}

.notification-page-status-pending span.notification-page-status {
  background: #ffc16d;
}

@media (max-width: 767px) {
  .notification-page-row p {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

/* Profile View Page */
.profile-view-page-edit-button {
  text-align: right;
}

.profile-view-page-edit-button-multi {
  display: flex;
  justify-content: space-between;
}

.button-standard1 {
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0;
  background: #3399ff;
  color: #ffffff;
  font-size: 15px;
  border: 1px solid #3399ff;
  border-radius: 12px;
  line-height: 35px;
  min-width: 200px;
  text-align: center;
  cursor: pointer;
  flex-direction: row;
}

.button-standard1:hover,
.button-standard1:focus,
.button-standard1:active {
  background: #3399ff;
  color: #fff;
  box-shadow: none;
  outline: 0;
}

.profile-view-page-icon-corner {
  border: 3px solid #00dde9;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.profile-view-page-icon-holder {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  width: 130px;
  height: 130px;
}

.profile-view-page-icon-holder:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #00dde9;
  border: 3px solid #fff;
  right: 12px;
  bottom: 12px;
  border-radius: 50%;
  z-index: 99;
}

.profile-view-page-icon-corner img {
  width: 100%;
  height: auto;
}

h4.profile-view-page-name {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 0px;
  color: #323c47;
}

span.profile-view-page-last-activity {
  display: block;
  text-align: center;
  color: #3399ff;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.profile-view-page-account-info {
  margin-top: 35px;
  margin-bottom: 35px;
  padding-top: 35px;
  padding-bottom: 35px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  line-height: 28px;
}

.profile-view-page-account-title {
  text-align: right;
  color: #3399ff;
  font-family: "Basier Square";
  font-size: 14px;
}

.profile-view-page-account-value {
  font-size: 14px;
  padding-left: 10px !important;
  color: #323c47;
}

.profile-view-page-circle {
  width: 100px;
  height: 100px;
  border: 1px solid #333;
  color: #333;
  border-radius: 50%;
  line-height: 100px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}

span.profile-view-page-number {
  font-size: 40px;
  font-family: "Basier Square";
}

h5.profile-view-page-stats-title {
  margin-top: 15px;
  margin-bottom: 35px;
  text-align: center;
  font-size: 14px;
  text-transform: capitalize;
}

.button-status-general,
.button-status-general:hover,
.button-status-general:focus {
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0;
  background: transparent;
  color: #50d8df;
  font-size: 14px;
  border: 1px solid #50d8df;
  border-radius: 25px;
  line-height: 32px;
  min-width: 180px;
  text-align: center;
}

.button-status-trial,
.button-status-trial:hover,
.button-status-trial:focus {
  color: #ffc16d;
  border: 1px solid #ffc16d;
}

.button-status-inactive,
.button-status-inactive:hover,
.button-status-inactive:focus {
  color: #ff5100;
  border: 1px solid #ff5100;
}

.profile-view-page-edit-button-multi .button-status-general,
.profile-view-page-edit-button-multi .button-standard1 {
  min-width: auto;
}

.circle-profile1 .profile-view-page-circle {
  border: 1px solid #3399ff;
  color: #3399ff;
}

.circle-profile1 h5.profile-view-page-stats-title {
  color: #3399ff;
}

.circle-profile2 .profile-view-page-circle {
  border: 1px solid #00dde9;
  color: #00dde9;
}

.circle-profile2 h5.profile-view-page-stats-title {
  color: #00dde9;
}

.circle-profile3 .profile-view-page-circle {
  border: 1px solid #9b9b9b;
  color: #9b9b9b;
}

.circle-profile3 h5.profile-view-page-stats-title {
  color: #9b9b9b;
}

.circle-profile4 .profile-view-page-circle {
  border: 1px solid #00dde9;
  color: #00dde9;
}

.circle-profile4 h5.profile-view-page-stats-title {
  color: #00dde9;
}

.circle-profile5 .profile-view-page-circle {
  border: 1px solid #ffc16d;
  color: #ffc16d;
}

.circle-profile5 h5.profile-view-page-stats-title {
  color: #ffc16d;
}

.circle-profile6 .profile-view-page-circle {
  border: 1px solid #9b9b9b;
  color: #9b9b9b;
}

.circle-profile6 h5.profile-view-page-stats-title {
  color: #9b9b9b;
}

@media (max-width: 767px) {
  .profile-view-page-account-info {
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .profile-view-page-edit-button {
    text-align: center;
  }
}

/* Welcome Page **/
.welcome-form-container {
  background: transparent;
  padding: 55px 55px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
}

.welcome-form-container.lr-nopadding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

span.welcome-subtitle {
  font-size: 17px;
}

span.welcome-subtitle-black {
  color: #000000;
}
h3.welcome-title {
  font-size: 46px;
  font-weight: bold;
  margin: 0;
}

h3.welcome-title-normal {
  font-size: 46px;
  font-weight: normal;
  margin: 0;
}

h1.error-title {
  color: #c4c4c4;
  font-size: 150px;
  font-weight: 500;
}

p.welcome-par {
  display: block;
  margin: 10px 0 0;
  padding-bottom: 2px;
  position: relative;
  color: #9595aa;
  font-size: 13px;
  text-align: center;
}

p.welcome-par a.bold {
  font-weight: bold;
}

p.welcome-par a {
  color: #ff5100;
}

@media (min-width: 768px) {
  .welcome-form-container {
    max-width: 500px;
  }

  .welcome-form-container.splash-screen {
    max-width: 450px;
  }
}

@media (max-width: 767px) {
  .welcome-form-container {
    padding: 15px 25px;
    border-radius: 0;
  }
}

/*** Signup Page ***/
.password-suggestion {
  background: #ffffff;
  box-shadow: 0 3px 20px #bbbbbb26;
  border-radius: 0px 0px 10px 10px;
  padding: 13px 10px;
  color: #9595aa8a;
  font-size: 11px;
  line-height: 13px;
}

.password-suggestion span {
  color: #05cbb7;
}

/* Login Page */
.login-page-bg {
  background: url("../img/login-bg-layer.jpg") center center no-repeat fixed;
  background-size: cover !important;
  background-color: transparent;
  padding-top: 20px;
}

.main-site-with-background {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  width: 100%;
}

.site-background1 .my-footer p {
  color: #fff;
}

.login-form {
  margin: 0;
}

.login-form-container {
  background: #fff;
  padding: 55px 55px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
}

.login-form-container.padding-sm {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 768px) {
  .login-form-container {
    max-width: 500px;
  }
}

@media (max-width: 767px) {
  .site-background1 {
    padding-top: 0;
    background-image: none;
  }

  .login-form-container {
    padding: 15px 25px;
    border-radius: 0;
  }

  .site-background1 .my-footer p {
    color: #b3b3b3;
  }
}

.logo-horizontal-row {
  display: block;
  text-align: center;
}

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

.logo-horizontal img {
  width: 170px;
  height: auto;
}

.logo-horizontal img.logo-sm {
  width: 130px;
}
span.logo-details {
  display: block;
  font-size: 15px;
  color: #9595aa;
  line-height: 1.2;
  margin-top: 2px;
}
@media screen and (max-width: 730px) {
  span.logo-details {
    font-size: 12px;
  }
}
h1.login-title {
  color: #3399ff;
  font-size: 25px;
  font-family: "Basier Square";
  margin-top: 55px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

.login-form-row {
  display: block;
  width: 100%;
  margin-top: 25px;
  font-size: 15px;
}

.login-form-row label {
  display: block;
  margin: 0;
  padding-bottom: 2px;
  position: relative;
  color: #323c47;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}

/*** Fatture / Preventivo ***/
ul.fattura-details {
}

ul.fattura-details li {
  color: #9595aa;
  padding: 4px 0px;
  font-size: 15px;
}

ul.fattura-details li strong {
  color: #4a4a4a;
}
ul.fattura-details li ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}

ul.fattura-details li ul li {
  display: table-cell;
}

ul.fattura-details li ul li:first-child {
  width: 90px;
}

/*** Welcome Splash Screens ***/
.welcome-screen {
  position: relative;
}

.welcome-form-container.splash-screen {
  padding: 0px;
}

.welcome-screen .content img {
  /* width: 100%; */
  max-width: 250px !important;
  max-height: 188px;
}

.welcome-screen .content {
  background: #fff;
  box-shadow: 0 3px 20px #f2f2f2;
  border-radius: 20px;
  padding: 100px 55px 75px 55px;
  text-align: center;
  max-height: 513px;
  min-height: 513px;
}

.welcome-screen .content span + span {
  display: block;
  line-height: 1;
}

.welcome-screen .content h4 {
  color: #3399ff;
  font-weight: 600;
  text-align: center;
  margin-top: 50px;
  display: block;
}

.welcome-screen .content h4.title-top {
  margin-top: 0px;
  margin-bottom: 40px;
}

.welcome-screen .content span {
  color: #9595aa;
}

.standard-input {
  display: block;
  width: 100%;
  position: relative;
}

.standard-input.w-icon i {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 16px;
  line-height: 32px;
  color: #868686;
}

.choose-proffesione {
  display: none;
}

.login-form-row.proffesione-list {
  min-height: 39px;
}

.standard-select select.multiSelect {
  display: none;
}

.standard-input.darker input {
  color: #464646;
}

.choose-proffesione.bordered {
  border-bottom: 1px solid #d0d0d0;
}

.proffesione-list
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered
li {
  background: transparent;
  border: 0;
  font-size: 14px;
}

ul.select-proffesione {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

ul.select-proffesione li {
  flex-direction: column;
  display: flex;
  text-align: center;
}

ul.select-proffesione li span {
  color: #4a4a4a;
  font-family: "Basier Circle";
}

ul.select-proffesione li i {
  background: #3399ff;
  color: #fff;
  width: 70px;
  height: 70px;
  border-radius: 50px;
  text-align: center;
  line-height: 70px;
  font-size: 65px;
  margin: 0 auto;
  margin-bottom: 20px;
  cursor: pointer;
  position: relative;
}

ul.select-proffesione li i.has-num:after {
  content: attr(data-num);
  position: absolute;
  width: 27px;
  height: 27px;
  right: -7px;
  border-radius: 50%;
  background: #21d5c3;
  border: 4px solid #fff;
  font-size: 13px;
  line-height: 20px;
  font-family: "Basier Circle";
  font-weight: bold;
  padding: 0;
  text-align: center;
}

.splash-next:after {
  content: "\e908";
  font-family: icomoon;
  transform: rotate(-180deg);
  position: absolute;
  left: 27px;
  font-size: 30px;
}

.splash-next.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -32px;
  background: #fff;
  width: 75px;
  height: 75px;
  text-align: center;
  border-radius: 50%;
  font-size: 40px;
  line-height: 70px;
  box-shadow: 14px 1px 20px #f2f2f2cc;
  color: #c4c8de;
  cursor: pointer;
}

.splash-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -32px;
  background: #fff;
  width: 75px;
  height: 75px;
  text-align: center;
  border-radius: 50%;
  font-size: 30px;
  line-height: 70px;
  box-shadow: -14px 1px 20px #f2f2f2cc;
  color: #c4c8de;
  cursor: pointer;
}

.splash-prev:after {
  content: "\e908";
  font-family: icomoon;
  position: absolute;
  right: 27px;
}

.splash-screen .pagination .pageNum {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #c4c8de;
  border-radius: 50%;
  margin: 0 5px;
  font-size: 0px;
  text-indent: -99px;
  overflow: hidden;
}

.splash-screen .pagination .pageNum.navActive {
  background: #05cbb7;
}

.splash-screen .pagination {
  text-align: center;
  justify-content: center;
  margin-top: 20px;
}

p.welcome-par.salta {
  text-decoration: underline;
  font-size: 17px;
  margin-top: 40px;
  color: #c4c8de;
  cursor: pointer;
}

.welcome-form-container.splash-screen {
  padding-bottom: 50px;
}

.standard-input.input-error input {
  border-bottom: 1px solid #ff5c2b;
}

.standard-input.input-valid input {
  border-bottom: 1px solid #05cbb7;
}

.standard-input.input-error:after,
.standard-input.input-valid:after {
  position: absolute;
  line-height: 32px;
  right: 0;
  top: 0;
  font-size: 15px;
}

.standard-input.input-valid:after {
  content: "\e90f";
  font-family: icomoon;
  color: #05cbb7;
}

.standard-input.input-error:after {
  content: "\e914";
  color: #ff5c2b;
  font-family: icomoon;
  font-size: 25px;
}

.standard-input .reveal-password {
  position: absolute;
  right: 0;
  top: 0;
  color: #c4c8de;
  font-size: 12px;
  line-height: 32px;
  cursor: pointer;
}

.standard-input.relative {
  position: relative;
}

.standard-input input {
  display: block;
  width: 100%;
  border: 0;
  outline-offset: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  line-height: 32px;
  height: 32px;
  border-bottom: 1px solid #c4c8de;
  transition: all 0.3s ease-in-out;
  color: #868686;
  border-radius: 0;
  text-indent: 0;
  padding: 0;
  font-size: 15px;
}

.standard-input input:focus {
  /* border-bottom: 1px solid #FF5C2B; */
}

.standard-input input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #cccccc !important;
}

.standard-input input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #cccccc !important;
}

.standard-input input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #cccccc !important;
}

.standard-input input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #cccccc !important;
}

/*** darker placeholder ***/
.standard-input.darker input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #9595aa !important;
}

.standard-input.darker input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9595aa !important;
}

.standard-input.darker input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9595aa !important;
}

.standard-input.darker input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #9595aa !important;
}

.has-error1 input {
  color: #ff5100;
  border-bottom: 1px solid #ff5100;
}

.login-form-submit-row {
  margin-top: 40px;
  text-align: center;
}

.login-form-submit-row.with-terms {
  margin-top: 20px;
}

.standard-submit input[type="submit"],
.standard-submit a.input-button {
  width: auto;
  min-width: 300px;
  display: inline-block;
  padding: 4px 25px;
  margin: 0;
  outline: 0;
  background: #3399ff;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
  line-height: normal;
  height: auto;
  cursor: pointer;
  font-size: 18px;
  line-height: 40px;
}

.standard-submit input[type="submit"].w-100,
.standard-submit a.input-button.w-100 {
  width: 100%;
}

.standard-submit input[type="submit"]:hover {
  background: #3399ff;
  color: #fff;
  border: 1px solid transparent;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
  color: #9595aa;
}

.standard-select select {
  width: 100%;
  display: block;
  outline-offset: 0;
  outline: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
  line-height: 38px;
  height: 38px;
  text-indent: 8px;
  text-align: center;
  border: 1px solid #d0d0d0;
}

.standard-select select option {
  border: 1px solid #d0d0d0;
}

.standard-select .select2-container {
  width: 100% !important;
  display: block;
}

.standard-select .select2-container .select2-selection--single {
  display: block;
  outline-offset: 0;
  outline: 0;
  line-height: 32px;
  height: 32px;
  width: 100%;
  font-size: 14px;
  border: 1px solid #d0d0d0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  color: #cccccc;
  border-radius: 3px;
}

.standard-select .select2-container .select2-selection__rendered {
  line-height: 32px;
  height: 32px;
  padding-right: 30px;
  color: #868686;
  padding-left: 0px;
}

.standard-select
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  height: 32px;
  width: 24px;
}

.standard-select .select2-container--below .select2-selection__rendered {
  color: #868686;
  padding-right: 0px;
  padding-left: 0;
}

.standard-select .select2-container--open .select2-selection--single {
  border-color: #3399ff;
  border-bottom: none;
}

.standard-select.borderless
.select2-container--open
.select2-selection--single {
  border: 0;
}

.standard-select.borderless .select2-container .select2-selection--single {
  border: 0px;
  border-bottom: 1px solid;
  border-radius: 0px;
}

.select2-container--open .select2-dropdown--below {
  border: 0px !important;
  box-shadow: 0 3px 20px #e4e4e4;
}

.select2-container--default
.select2-results__option--highlighted[aria-selected] {
  background-color: #c4c8de45;
  color: #4a4a4a;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #c4c8de45;
  color: #4a4a4a;
}

.select2-results {
  font-size: 14px;
}

.select2-search--dropdown {
  padding: 6px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #d0d0d0;
  border-radius: 3px;
}

.select2-container--open .select2-dropdown--below {
  border: 1px solid #3399ff;
  border-top: none;
}

.select2-container--open .select2-dropdown--above {
  border: 0;
  border-bottom: none;
  box-shadow: 0 3px 20px #bbbbbb30;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
  border: 1px solid #c4c8de;
  border-width: 0 0 2px 2px;
  width: 8px;
  height: 8px;
  margin-left: 0;
  margin-top: -7px;
  transform: rotate(-45deg);
}

.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow
b {
  border: 1px solid #c4c8de;
  border-width: 0 0 2px 2px;
  width: 8px;
  height: 8px;
  line-height: 0;
  font-size: 0;
  transform: rotate(135deg);
  margin-top: -2px;
}

.select2-dropdown {
  z-index: 9999;
}

.error-message1 {
  display: block;
  margin-top: 35px;
  margin-bottom: 15px;
  color: #ff5100;
  font-size: 13px;
  text-align: center;
}

.standard-checkbox {
  display: inline-block;
  float: left;
  padding-right: 5px;
}

label.label-checkbox {
  font-size: 13px;
  text-align: center;
}

label.label-checkbox i {
  font-style: normal;
  color: #3399ff;
  font-family: "Basier Square";
}

ul.pag-row {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
}

ul.pag-row li {
  display: inline-block;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  background: #e2dfdf;
  padding: 0;
  margin: 0;
}

ul.pag-row li:not(:first-child) {
  margin-left: 0;
}

ul.pag-row li.pag-icon-blue {
  background: #3399ff;
}

ul.pag-row li.pag-icon-green {
  background: #00dde9;
}

.login-message {
  padding: 120px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  text-align: center;
}

.login-message h4 {
  color: #3399ff;
  font-family: "Basier Square";
  font-size: 25px;
  line-height: 1.15;
}

.login-message p {
  color: #9b9b9b;
  font-size: 14px;
  margin: 0;
}

.login-button-bottom {
  text-align: center;
}

.login-button-bottom a {
  width: auto;
  min-width: 240px;
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0;
  background: #3399ff;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 25px;
  line-height: normal;
  height: auto;
  cursor: pointer;
  font-size: 15px;
  line-height: 38px;
}

label.label-remember {
  text-align: left;
  font-size: 14px;
}

.forgot-pass {
  display: inline-block;
  color: #ff5100;
  font-size: 14px;
  text-align: right;
  line-height: 1.3;
}

.custom-check-design1 {
  user-select: none;
}

.custom-check-design1.accept-terms label {
  font-size: 12px;
  color: #9595aa;
  position: relative;
  margin: 0;
  padding-left: 22px;
  line-height: 1.2;
  font-weight: 100;
  display: inline-block;
}

.custom-check-design1.accept-terms label.text-big {
  font-size: 14px;
}
.custom-check-design1.accept-terms
label.
.custom-check-design1.accept-terms
label
a {
  text-decoration: underline;
  font-weight: 600;
}

.custom-check-design1 input[type="checkbox"] {
  display: none;
}

/* to hide the checkbox itself */
.custom-check-design1 input[type="checkbox"] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

.custom-check-design1 label {
  font-size: 14px;
  color: #323c47;
  position: relative;
  margin: 0;
  padding-left: 22px;
  line-height: 1.15;
}

.custom-check-design1 input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  content: "";
  color: #d0d0d0;
  border: 1px solid #c4c8de;
  border-radius: 2px;
}

/* unchecked icon */
.custom-check-design1 input[type="checkbox"] + label:before {
  width: 12px;
  height: 12px;
}

/* space between checkbox and label */

.custom-check-design1 input[type="checkbox"]:checked + label:before {
  content: "";
  color: #3399ff;
  border-color: #3399ff;
}

/* checked icon */
.custom-check-design1 input[type="checkbox"]:checked + label:before {
  width: 12px;
  height: 12px;
  background: #3398ff;
}

/* allow space for check mark */

p.login-par-info {
  text-align: center;
  font-size: 14px;
  color: #323c47;
  margin-top: 20px;
  margin-bottom: 0;
  line-height: 1.35;
}

p.login-par-info a {
  color: #ff5100;
}

h1.login-title-with-desc {
  color: #3399ff;
  font-size: 20px;
  font-family: "Basier Square";
  margin-top: 55px;
  margin-bottom: 10px;
}

span.login-subtitle {
  text-align: center;
  display: block;
  font-size: 14px;
  color: #9696a7;
  font-family: "Basier Circle";
  font-weight: normal;
  font-style: normal;
  margin-bottom: 20px;
}

p.login-par-general {
  font-size: 14px;
  color: #9b9b9b;
  margin-top: 0;
  margin-bottom: 25px;
  line-height: 1.35;
}

.forgot-message {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}

.help-tip {
  text-align: center;
  background-color: #3399ff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  user-select: none;
}

.help-tip:before {
  content: "?";
  color: #fff;
}

.help-tip p {
  /* The tooltip */
  display: none;
  text-align: left;
  background: #3399ff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  padding: 10px;
  width: 280px;
  position: absolute;
  border-radius: 4px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  left: -2px;
  right: 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  margin-top: 7px;
  z-index: 99;
}

.help-tip p:before {
  /* The pointer of the tooltip */
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #3399ff;
  left: 4px;
  top: -10px;
}

.help-tip p:after {
  /* Prevents the tooltip from being hidden */
  width: 100%;
  height: 40px;
  content: "";
  position: absolute;
  top: -40px;
  right: 0;
}

.help-tip p.right {
  left: auto;
}

.help-tip p.right:before {
  left: auto;
  right: 4px;
}

.help-tip-container {
  display: inline-block;
  margin-left: 4px;
  position: relative;
}

@media (max-width: 767px) {
  .help-tip p {
    max-width: 240px;
    padding: 10px;
    left: -30px;
  }

  .help-tip p:before {
    left: 32px;
  }
}

@media (max-width: 767px) {
  .logo-horizontal img {
    width: 170px;
  }

  h1.login-title {
    margin-top: 35px;
    font-size: 18px;
  }
  .standard-submit a.input-button.w-100 {
    min-width: 100%;
  }
}

/*** Activate ***/
.control {
  font-size: 15px;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  padding-left: 25px;
  cursor: pointer;
  color: #9595aa;
  margin-right: 20px;
  vertical-align: middle;
  margin-top: 5px;
  line-height: 1;
}

.control.active {
  color: #000;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  background: transparent;
  border: 1px solid #e6e6e6;
}

.control--radio .control__indicator {
  border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}

/* Checked state */
.control input:checked ~ .control__indicator {
  background: #05cbb7;
  border-color: #05cbb7;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
  pointer-events: none;
  opacity: 0.6;
  background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
  position: absolute;
  display: none;
  content: "";
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
  display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
  top: 4px;
  left: 8px;
  width: 3px;
  height: 8px;
  transform: rotate(45deg);
  border: solid #fff;
  border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
  top: 3px;
  left: 3px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}

/* Dashboard Page */
.container-spacing-15px {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  clear: both;
}

.container-spacing-8px {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 8px;
  padding-right: 8px;
  clear: both;
}

.spacing-8px {
  margin-right: -8px;
  margin-left: -8px;
}

.spacing-8px > .col,
.spacing-8px > [class*="col-"] {
  padding-right: 8px;
  padding-left: 8px;
}

.spacing-20px {
  margin-right: -25px;
  margin-left: -25px;
}

.spacing-20px > .col,
.spacing-20px > [class*="col-"] {
  padding-right: 25px;
  padding-left: 25px;
}

.dashboard-box {
  margin-top: 15px;
  height: calc(100% - 15px);
  position: relative;
}

.dashboard-box h2 {
  font-family: "Basier Square";
  font-size: 20px;
  color: #3399ff;
  margin-top: 0;
  margin-bottom: 10px;
}

span.no-activity {
  display: block;
  color: #cccccc;
  font-size: 15px;
  padding-top: 15px;
}

.dashboard-info-row {
  margin-bottom: 10px;
}

span.dashboard-info-title {
  display: inline-block;
  color: #9b9b9b;
  font-size: 15px;
  float: left;
  line-height: 60px;
}

span.dashboard-info-value {
  display: inline-block;
  font-family: "Basier Square";
  font-size: 45px;
  float: right;
  line-height: 60px;
}

@media (max-width: 1399px) {
  span.dashboard-info-value {
    font-size: 36px;
  }
}

@media (max-width: 767px) {
  .dashboard-box h2 {
    font-size: 18px;
  }

  span.dashboard-info-title {
    line-height: 50px;
  }

  span.dashboard-info-value {
    line-height: 50px;
    font-size: 30px;
  }
}

.dashboard-button-row {
  margin-top: 30px;
  text-align: center;
}

.dashboard-info-value-blue {
  color: #3399ff;
}

.dashboard-info-value-cyan {
  color: #00dde9;
}

.dashboard-info-value-grey {
  color: #caced9;
}

.dashboard-info-value-red {
  color: #ff5100;
}

.dashboard-info-value-orange {
  color: #ffc16d;
}

.activity-row {
  margin-top: 35px;
  line-height: 1.35;
}

.activity-message {
  display: block;
  color: #323c47;
  font-size: 14px;
}

.activity-time {
  display: block;
  color: #323c47;
  font-size: 13px;
}

.activity-deactivated .activity-time {
  color: #ff5100;
}

.activity-pending .activity-time {
  color: #ffc16d;
}

.activity-active .activity-time {
  color: #50d8df;
}

@media (max-width: 991px) {
  .dashboard-box {
    height: auto;
  }
}

@media (max-width: 767px) {
  .news-content h2 {
    font-size: 30px;
  }
}

/*** tabbed content ***/
.tab-based {
  display: none;
}

/* Edit Profile */

.profile-edit-row {
  padding-bottom: 90px;
  margin-bottom: 45px;
  border-bottom: 1px solid #e6e6e6;
}

.profile-edit-page-button {
  text-align: right;
}

@media (max-width: 767px) {
  .profile-edit-page-button {
    text-align: left;
  }
}

label.label-internal {
  display: block;
  margin: 25px 0 0;
  margin-top: 10px;
  padding-bottom: 2px;
  position: relative;
  color: #4a4a4a;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}

label.label-internal.label-light {
  color: #9595aa;
  font-weight: 400;
}

.small-container-input {
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.small-container-input.padding-0 {
  padding: 0;
}

.small-container-input.mb-20 {
  margin-bottom: 20px;
}

.small-container-input.mb-10 {
  margin-bottom: 10px;
}

.three-input-container > div:nth-child(1) .small-container-input {
  padding-left: 0px;
  padding-right: 80px;
}

.three-input-container > div:nth-child(3) .small-container-input {
  padding-left: 80px;
  padding-right: 0px;
}

.profile-edit-avatar {
  border-radius: 50%;
  overflow: hidden;
  width: 118px;
  height: 118px;
  margin-top: 10px;
}

.profile-edit-avatar img {
  width: 100%;
  height: auto;
}

.profile-edit-pass h4 {
  color: #3399ff;
  font-size: 15px;
  margin-bottom: 12px;
}

.profile-edit-pass {
  padding-top: 25px;
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.profile-edit-pass p {
  color: #4a4a4a;
  font-size: 14px;
  margin-bottom: 0;
}

.profile-edit-page-pass-button {
  text-align: right;
}

@media (max-width: 1399px) {
  .small-container-input {
    padding-left: 20px;
    padding-right: 20px;
  }

  .profile-edit-pass {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .small-container-input {
    padding-left: 0;
    padding-right: 0;
  }

  .profile-edit-pass {
    padding-left: 0;
    padding-right: 0;
  }

  .profile-edit-row {
    padding-bottom: 50px;
    margin-bottom: 25px;
  }

  .profile-edit-page-pass-button {
    text-align: left;
  }

  .profile-edit-pass p {
    margin-bottom: 15px;
  }

  .profile-edit-pass {
    padding-top: 15px;
  }
}

/*** Ultimi Interventi ***/
.row-totali {
  margin-top: 15px;
  margin-bottom: 20px;
}

.info-box {
  background: #ffffff;
  padding: 20px 0px;
  text-align: center;
  border-radius: 15px;
}

.info-box span {
  display: block;
  color: #4a4a4a;
  font-size: 17px;
}

.info-box span.price {
  color: #05cbb7;
  font-size: 45px;
  font-weight: bold;
}

/* Image Preview 1 */
#image-preview1 {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 118px;
  height: 118px;
  margin-top: 10px;
}

#image-preview1 input {
  line-height: 118px;
  font-size: 118px;
  position: absolute;
  opacity: 0;
  z-index: 10;
}

#image-preview1 label {
  position: absolute;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  background-color: rgba(77, 161, 255, 0.65);
  color: #fff;
  width: 118px;
  height: 118px;
  font-size: 12px;
  line-height: 118px;
  text-transform: uppercase;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  text-align: center;
  transition: all 0.4s ease-in-out;
}

#image-preview1 label img,
#callback-preview1 label img {
  width: 46px;
  height: 46px;
}

#image-preview1:hover label {
  display: block;
  opacity: 1;
}

textarea.form-control {
  border: 1px solid #c4c8de;
  box-shadow: none;
  outline: none;
  border-radius: 12px;
}

textarea.form-control:focus.textarea.form-control:active {
  box-shadow: none;
  outline: none;
}

/*** Lista Interventi ***/
.lista-interventi {
  width: 100%;
}

.lista-interventi.no-padding {
  padding: 0;
  margin: 0;
}

.lista-interventi li {
  margin-top: 0.625rem;
  margin-bottom: 20px;
}

.lista-interventi li .intervento-header {
  display: flex;
  justify-content: space-between;
  padding: 10px 30px;
}

.lista-interventi li .intervento-header span.intervneto-type {
  color: #4a4a4a;
  font-weight: 500;
  font-size: 17px;
}

.lista-interventi li .intervento-header span.intervneto-type i {
  vertical-align: middle;
  background: #3399ff;
  color: #fff;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  display: inline-block;
  text-align: center;
  font-size: 13px;
  line-height: 17px;
  margin-left: 8px;
}

.lista-interventi li .intervento-header span.intervento-date {
  color: #9595aa;
  font-size: 14px;
}

.title-inbody {
  color: #4a4a4a;
  font-weight: 500;
  font-size: 17px;
  margin-bottom: 20px;
}

.title-inbody i {
  font-size: 27px;
  color: #c4c8de;
  margin-right: 0px;
  display: inline-block;
  vertical-align: middle;
}

#dettagli-addcreditcard .title-inbody {
  cursor: pointer;
}

.lista-interventi li div.intervento-body {
  background: #fff;
  min-height: 3.625rem;
  padding: 30px 30px;
  display: flex;
  border-radius: 15px;
  justify-content: space-between;
  align-items: flex-start;
}

.intervento-detail-row {
  background: #fff;
  padding: 30px 30px;
  min-height: 3.625rem;
  border-radius: 15px;
}

.intervento-detail-row span.separator-thin {
  height: 0.5px;
  width: 100%;
  background: #c4c8de;
  margin: 15px 0;
}

.totals-row {
  margin-top: 40px;
}

.commisione-totale {
  color: #9595aa;
}

.commisione-totale strong {
  color: #3399ff;
  font-weight: 500;
  font-size: 23px;
  padding-left: 5px;
}

.lista-interventi li div.intervento-body .intervento-actions a {
  color: #3399ff;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 500;
}

.interventi-pagati
.lista-interventi
li
div.intervento-body
.intervento-actions
a {
  color: #05cbb7;
}

.interventi-noneseguiti
.lista-interventi
li
div.intervento-body
.intervento-actions
a {
  color: #ffa176;
}

.interventi-nonpagati
.lista-interventi
li
div.intervento-body
.intervento-actions
a {
  color: #ff5c2b;
}

.lista-interventi li div.intervento-body .intervento-actions.black a {
  color: #4a4a4a;
  text-decoration: none;
}
.lista-interventi li div.intervento-body .intervento-adress {
  font-size: 15px;
  line-height: 17px;
  color: #4a4a4a;
}

.lista-interventi li div.intervento-body .intervento-category {
  font-size: 17px;
  color: #4a4a4a;
}

.lista-interventi li div.intervento-body .intervento-category .ico {
  background: #3399ff;
  color: #fff;
  border-radius: 50%;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  padding: 2px;
}

.interventi-pagati
.lista-interventi
li
div.intervento-body
.intervento-category
.ico,
.interventi-pagati
.lista-interventi
li
.intervento-header
span.intervneto-type
i {
  background: #05cbb7;
}

.interventi-noneseguiti
.lista-interventi
li
div.intervento-body
.intervento-category
.ico,
.interventi-noneseguiti
.lista-interventi
li
.intervento-header
span.intervneto-type
i {
  background: #ffa176;
}

.interventi-nonpagati
.lista-interventi
li
div.intervento-body
.intervento-category
.ico,
.interventi-nonpagati
.lista-interventi
li
.intervento-header
span.intervneto-type
i {
  background: #ff5c2b;
}

/* Image Preview 1 */
#image-preview2 {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 118px;
  height: 118px;
  margin-top: 10px;
}

#image-preview2 input {
  line-height: 118px;
  font-size: 118px;
  position: absolute;
  opacity: 0;
  z-index: 10;
}

#image-preview2 label {
  position: absolute;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  background-color: rgba(77, 161, 255, 0.65);
  color: #fff;
  width: 118px;
  height: 118px;
  font-size: 12px;
  line-height: 118px;
  text-transform: uppercase;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  text-align: center;
  transition: all 0.4s ease-in-out;
}

#image-preview2 label img,
#callback-preview2 label img {
  width: 46px;
  height: 46px;
}

#image-preview2:hover label {
  display: block;
  opacity: 1;
}

@media (min-width: 768px) {
  .space-profile {
    padding-top: 94px;
  }
}

/* Sweet Alert  */

.swal2-popup {
  padding: 45px;
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}

.swal2-popup .swal2-styled.swal2-confirm {
  width: auto;
  min-width: 180px;
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0;
  background: #3399ff;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 25px;
  line-height: normal;
  height: auto;
  cursor: pointer;
  font-size: 15px;
  line-height: 32px;
  margin-top: 32px;
  text-transform: lowercase;
}

.swal2-popup .swal2-styled.swal2-cancel {
  width: auto;
  min-width: 180px;
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0;
  background: #ff6d4a;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 25px;
  line-height: normal;
  height: auto;
  cursor: pointer;
  font-size: 15px;
  line-height: 32px;
  margin-top: 30px;
  margin-left: 10px;
  text-transform: lowercase;
}

.swal2-popup #swal2-content {
  font-size: 18px;
  font-weight: normal;
  color: #323c47;
}

.swal2-container.swal2-shown {
  background: rgba(227, 229, 235, 0.9);
  opacity: 1;
}

.swal2-popup .swal2-styled:focus {
  box-shadow: none;
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: none;
}

.swal2-icon.swal2-success .swal2-success-ring {
  border: 0.25em solid #00dde9;
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #00dde9;
}

/* Modal Styling */

#cboxOverlay {
  background: rgba(227, 229, 235, 0.8);
  opacity: 1;
}

#cboxContent {
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  border: 1px solid #e6e6e6;
  border-radius: 21px;
}

#cboxLoadedContent {
  background: #fff;
  border-radius: 8px;
  padding: 65px;
}

.close-modal {
  background: url("../img/modal-x-button.svg") center center no-repeat;
  background-size: 12px 12px;
  display: inline-block;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 99;
  cursor: pointer;
}

.modal-style1 {
  display: none;
}

.standard-modal-button-row {
  margin-top: 45px;
  text-align: center;
}

.standard-modal-button,
.standard-modal-button:active,
.standard-modal-button:focus {
  width: auto;
  min-width: 220px;
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0;
  background: #3399ff;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 25px;
  line-height: normal;
  height: auto;
  cursor: pointer;
  font-size: 15px;
  line-height: 32px;
  height: 32px;
}

.modal-title {
  line-height: 1.3;
}

h2.modal-title {
  color: #4a4a4a;
  font-size: 24px;
  font-weight: 600;
  font-family: "Basier Circle";
  margin-top: 10px;
  margin-bottom: 35px;
  text-align: center;
}

.modal-title-with-description h2.modal-title {
  margin-bottom: 40px;
}

.modal-title-with-description h2.modal-title.sm-margin {
  margin-bottom: 10px;
}

.modal-title-with-description i.modal-icon {
  color: #05cbb7;
  font-size: 55px;
  margin: 0 auto;
  text-align: center;
  display: block;
  margin-bottom: 50px;
}

p.standard-paragraph-modal.no-margin-b {
  margin-bottom: 0px;
}

p.standard-paragraph-modal {
  color: #9b9b9b;
  font-size: 14px;
  margin-bottom: 35px;
  line-height: 1.35;
}

@media (max-width: 991px) {
  #cboxLoadedContent {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  h2.modal-title {
    margin-top: 25px;
  }

  .close-modal {
    top: 15px;
    right: 15px;
  }
}

@media (max-width: 767px) {
  #cboxLoadedContent {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  h2.modal-title {
    margin-top: 25px;
  }

  .close-modal {
    top: 15px;
    right: 15px;
  }
}

p.trial-subtitle {
  color: #323c47;
  font-size: 14px;
  font-family: "Basier Square";
  line-height: 1.35;
  margin-top: 0;
  margin-bottom: 20px;
}

p.trial-question {
  font-size: 14px;
  color: #9b9b9b;
  line-height: 1.35;
  margin-top: 0;
  margin-bottom: 10px;
}

p.trial-answer {
  font-size: 14px;
  color: #323c47;
  line-height: 1.35;
  margin-top: 0;
  margin-bottom: 10px;
}

.modal-free-trial h2.modal-title {
  margin-bottom: 15px;
}

.cc-info {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px solid #d0d0d0;
}

.cc-images {
  display: inline-block;
  text-align: right;
  float: right;
}

.cc-images img {
  width: 48px;
  height: auto;
}

.cc-details {
  display: inline-block;
  color: #3399ff;
  font-size: 17px;
  font-family: "Basier Square";
  margin: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .cc-details {
    margin-bottom: 15px;
  }

  .cc-images {
    float: none;
    display: block;
    text-align: left;
  }
}

/*** Activate Account ***/
.documents-wrapper {
  padding-top: 10px;
}

.documents-wrapper a {
  display: inline-block;
  vertical-align: middle;
}

.documents-wrapper a:first-child {
  margin-right: 7px;
}

.documents-wrapper a img {
}

.documents-wrapper .documents-uploadlist {
  display: inline-block;
}

.documents-wrapper .documents-uploadlist li {
  padding: 0;
  margin: 0;
  margin-left: 8px;
  border-radius: 0px;
}

.documents-wrapper .documents-uploadlist li a {
  color: #9595aa;
  text-decoration: underline;
  font-size: 15px;
}

.documents-wrapper .documents-uploadlist li a i {
  display: inline-block;
  vertical-align: middle;
  font-size: 19px;
}

.uploaded-docs.sections-completed li h3 {
  font-weight: 500;
  font-size: 16px;
}

/* Clients Manage */
.filter-sidebar {
  background: #fff;
  padding: 90px 25px 45px 25px;
  border-radius: 5px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  /* margin-top: 15px; */
  width: 100%;
  position: relative;
}

@media (min-width: 768px) {
  .filter-sidebar {
    max-width: 220px;
    min-height: calc(100vh - 97px);
  }

  .flex-fixed-width-200 {
    flex: 0 0 236px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .flex-fill-200 {
    flex: 0 0 calc(100% - 236px);
    max-width: calc(100% - 236px);
  }
}

.filter-box {
  position: relative;
  padding-bottom: 25px;
}

.filter-box:after {
  position: absolute;
  content: "";
  bottom: 0;
  background: #e6e6e6;
  height: 1px;
  width: 60px;
}

.filter-box h4 {
  display: block;
  margin: 0;
  padding-bottom: 15px;
  position: relative;
  color: #3399ff;
  font-size: 16px;
}

a.filter-sidebar-menu {
  font-size: 14px;
  color: #323c47;
  display: block;
  margin-top: 15px;
}

a.filter-sidebar-active {
  color: #3399ff;
}

a.filter-sidebar-menu span {
  float: right;
}

.tags-box {
  margin-top: 40px;
}

.tags-box h4 {
  display: block;
  margin: 0;
  padding-bottom: 30px;
  position: relative;
  color: #3399ff;
  font-size: 16px;
}

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

ul.tag-list li {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 5px;
  font-size: 14px;
}

ul.tag-list li a {
  padding: 3px 7px;
  color: #9b9b9b;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}

.my-table1 {
  border: 0;
}

.my-table1 thead th {
  border: 1px solid #fff;
  border-bottom: 2px solid #fff;
}

.my-table1 tbody tr:nth-of-type(odd),
.my-table1 tbody tr:nth-of-type(even) {
  background-color: #f9fcff;
}

.my-table1 td,
.my-table1 th {
  border: 6px solid #fff;
  border-left: 0;
  border-right: 0;
  padding: 12px 30px 12px 12px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
}

.my-table1 th {
  color: #323c47;
  font-family: "Basier Square";
  line-height: 1.15;
  /* height:35px; */
}

.my-table1 th:not(.search-container) {
  padding-bottom: 20px;
}

.my-table1 .table-text-center {
  text-align: center;
}

table.my-table1 thead .sorting:before,
table.my-table1 thead .sorting:after,
table.my-table1 thead .sorting_asc:before,
table.my-table1 thead .sorting_asc:after,
table.my-table1 thead .sorting_desc:before,
table.my-table1 thead .sorting_desc:after,
table.my-table1 thead .sorting_asc_disabled:before,
table.my-table1 thead .sorting_asc_disabled:after,
table.my-table1 thead .sorting_desc_disabled:before,
table.my-table1 thead .sorting_desc_disabled:after {
  bottom: 19px;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  color: #3399ff;
}

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 {
  color: #3399ff;
}

.search-me {
  width: 100%;
  border: 1px solid #3399ff;
  height: 34px;
  border-radius: 20px;
  display: block;
  position: relative;
}

.search-me:after {
  font-family: "FontAwesome";
  color: #3399ff;
  font-size: 15px;
  content: "\f002";
  position: absolute;
  top: 3px;
  right: 14px;
}

.search-me input {
  background: transparent;
  outline: 0;
  border: 0;
  text-indent: 14px;
  color: #3399ff;
  width: 100%;
  border-radius: 0;
  display: block;
  line-height: 32px;
  height: 32px;
  font-size: 14px;
  font-family: "CircularStd-Book";
  padding-right: 35px;
}

.search-me input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #3399ff !important;
}

.search-me input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #3399ff !important;
}

.search-me input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #3399ff !important;
}

.search-me input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #3399ff !important;
}

.search-me input:focus::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #3399ff !important;
}

.search-me input:focus:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #3399ff !important;
}

.search-me input:focus::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #3399ff !important;
}

.search-me input:focus:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #3399ff !important;
}

.my-table1 span.table-order {
  color: #3399ff;
  font-family: "CircularStd-Medium";
}

.status-review {
  width: 7px;
  height: auto;
}

.table-user-photo {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  overflow: hidden;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  margin-right: 4px;
}

.table-user-photo img {
  width: 20px;
  height: 20px;
}

.table-title,
.table-title:hover,
.table-title:focus {
  color: #323c47;
  font-family: "CircularStd-Medium";
}

.table-status-active {
  color: #9b9b9b;
  position: relative;
  padding-right: 18px;
}

.table-status-active:after {
  content: "";
  top: 4px;
  margin-left: 8px;
  position: absolute;
  border-radius: 50%;
  background: #00dde9;
  width: 6px;
  height: 6px;
}

.table-status-inactive {
  color: #9b9b9b;
  position: relative;
  padding-right: 18px;
}

.table-status-inactive:after {
  content: "";
  top: 4px;
  margin-left: 8px;
  position: absolute;
  border-radius: 50%;
  background: #ff6d4a;
  width: 6px;
  height: 6px;
}

.table-status-deactivate {
  color: #9b9b9b;
  position: relative;
  padding-right: 18px;
}

.table-status-deactivate:after {
  content: "";
  top: 4px;
  margin-left: 8px;
  position: absolute;
  border-radius: 50%;
  background: #b3bec7;
  width: 6px;
  height: 6px;
}

.table-status-ordered {
  color: #9b9b9b;
  position: relative;
  padding-right: 18px;
}

.table-status-ordered:after {
  content: "";
  top: 4px;
  margin-left: 8px;
  position: absolute;
  border-radius: 50%;
  background: #ffc16d;
  width: 6px;
  height: 6px;
}

.table-status-number {
  color: #323c47;
}

.table-status-connect,
.table-status-connect:hover,
.table-status-connect:focus {
  color: #9b9b9b;
  position: relative;
  padding-right: 18px;
}

.table-status-connect:after {
  content: "";
  top: 1px;
  margin-left: 8px;
  position: absolute;
  border-radius: 50%;
  background: url("../../img/table-plus-sign.svg") center center no-repeat;
  background-size: 13px 13px;
  width: 13px;
  height: 13px;
}

.table-status-review {
  color: #3399ff;
  font-family: "CircularStd-Medium";
  font-size: 24px;
  display: inline-block;
  line-height: 0.7;
  text-align: center;
}

.table-status-review-number {
  display: inline-block;
  vertical-align: top;
  padding-top: 0;
  line-height: 1.2;
}

.star-rating-container {
  display: block;
}

.star-rating {
  width: 12px;
  height: auto;
}

.review-mini {
  display: block;
  font-size: 11px;
  color: #9b9b9b;
}

.user-table-link,
.user-table-link:hover,
.user-table-link:focus {
  color: #323c47;
  /* display:inline-block; */
  /* width: calc(100% - 20px); */
  font-size: 12px;
  /* text-align:center; */
}

.points-table-dropdown {
  cursor: pointer;
  display: inline-block;
  background: url(../img/points-table-dropdown.svg) center center no-repeat;
  background-size: 20px 20px;
  position: relative;
  width: 20px;
  height: 20px;
  float: right;
  margin-top: 3px;
}

.points-table-dropdown-submenu {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  white-space: nowrap;
  min-width: 178px;
  border: 1px solid #e6e6e6;
  z-index: 999;
  user-select: none;
  display: none;
}

.points-table-dropdown-submenu ul {
  list-style: none;
  margin: 0;
  padding: 0px 20px;
  text-align: center;
  cursor: default;
}

.points-table-dropdown-submenu ul li {
  font-size: 12px;
  padding: 12px 10px 12px 0;
  border-top: 1px solid #e6e6e6;
  line-height: normal;
  color: #323c47;
  position: relative;
}

.points-table-dropdown-submenu ul li:first-child {
  border-top: 0;
}

.points-table-dropdown-submenu ul li a,
.points-table-dropdown-submenu ul li a:hover,
.points-table-dropdown-submenu ul li a:focus {
  color: #323c47;
  display: block;
}

@media (max-width: 1500px) {
  .table-status-number {
    display: block;
  }
}

.icon-plus-big-row {
  display: block;
  margin-bottom: 25px;
  text-align: right;
}

.top-search-row {
  margin-bottom: 15px;
}

.search-me {
  width: 240px;
  float: left;
}

.button-holder-2 {
  float: right;
}

.icon-plus-big {
  display: inline-block;
}

.icon-plus-big img {
  width: 48px;
  height: 48px;
}

.button-standard2 {
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0 !important;
  background: #3399ff;
  color: #fff;
  font-size: 15px;
  border: 1px solid #3399ff;
  border-radius: 12px;
  line-height: 40px;
  min-width: 240px;
  text-align: center;
  cursor: pointer;
  font-weight: normal;
  font-family: "Basier Circle";
}

.button-standard2.btn-white {
  background: #ffffff !important;
  color: #3399ff !important;
  border-color: #ffffff !important;
}

.button-standard2.dash {
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0 !important;
  background: #3399ff;
  color: #fff;
  font-size: 15px;
  border: 1px solid #3399ff;
  border-radius: 13px;
  line-height: 35px;
  min-width: 200px;
  text-align: center;
  cursor: pointer;
  text-transform: capitalize;
}

.button-standard2.no-dash {
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0 !important;
  /*background: #3399ff;*/
  border: 1px solid #3399ff;
  background: #ffffff !important;
  color: #3399ff !important;
  /*color: #fff;*/
  font-size: 15px;
  border-radius: 13px;
  line-height: 35px;
  min-width: 200px;
  text-align: center;
  cursor: pointer;
  text-transform: capitalize;
}

.button-standard2.dash.big {
  line-height: 45px;
}

.button-standard2:hover,
.button-standard2:focus,
.button-standard2:active {
  background: #3399ff;
  color: #ffffff;
}

@media (max-width: 767px) {
  .search-me {
    width: 150px;
  }

  .button-standard2 {
    min-width: 150px;
  }
}

.two-buttons-pop-up {
   min-width: 90% !important;
   text-align: center !important;
}

.standard-modal-button-red,
.standard-modal-button-red:focus {
  background: #ff6d4a;
}

.standard-modal-button-green,
.standard-modal-button-green:focus {
  background: #00dde9;
}

@media (max-width: 767px) {
  .standard-modal-button-red {
    margin-bottom: 10px;
  }
}

.max-width-1500 {
  max-width: 1500px;
}

.service-box {
  margin-bottom: 15px;
  height: calc(100% - 15px);
  padding: 25px !important;
  position: relative;
}

.service-box-empty {
  background: #eeeff1;
}

.service-box-empty:after {
  position: absolute;
  content: "";
  top: 35px;
  right: 25px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff5100;
}

.service-box-pending {
  background: #fff;
}

.service-box-pending:after {
  position: absolute;
  content: "";
  top: 35px;
  right: 25px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffc16d;
}

.service-box-full:after {
  position: absolute;
  content: "";
  top: 35px;
  right: 25px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #00dde9;
}

.service-box h2 {
  display: inline-block;
  border-radius: 25px;
  border: 1px solid #3399ff;
  color: #fff;
  background: #3399ff;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  font-family: "CircularStd-Medium";
  text-align: center;
  padding-right: 30px;
  padding-left: 30px;
  margin: 0;
  user-select: none;
}

.service-box-empty h3 {
  display: block;
  font-size: 20px;
  color: #3399ff;
  margin-top: 0;
  margin-bottom: 10px;
}

.service-box-pending h2 {
  display: inline-block;
  border-radius: 25px;
  border: 1px solid #ffc16d;
  color: #fff;
  background: #ffc16d;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  font-family: "CircularStd-Medium";
  text-align: center;
  padding-right: 30px;
  padding-left: 30px;
  margin: 0;
  user-select: none;
}

.service-box-pending h3 {
  display: block;
  font-size: 20px;
  color: #ffc16d;
  margin-top: 0;
  margin-bottom: 10px;
}

.service-box-center {
  padding: 120px 0;
  min-height: 350px;
}

.service-box-bottom {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}

.service-box-bottom2 {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3399ff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

ul.preventive-list-buttons {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  text-align: center;
  text-transform: lowercase;
}

ul.preventive-list-buttons li {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 14px;
  line-height: 1.5em;
}

ul.preventive-list-buttons li:not(:last-child) {
  border-right: 1px solid #fff;
}

ul.preventive-list-buttons li a {
  color: #fff;
  display: block;
  padding: 8px 0;
}

ul.preventive-list-buttons li span {
  color: #fff;
  display: block;
  padding: 8px 0;
  cursor: pointer;
}

.service-box-center p {
  color: #9b9b9b;
  margin: 0;
  font-size: 13px;
}

.no-service .service-box-center {
  padding-top: 150px;
  padding-bottom: 119px;
}

.plus-service-dropdown {
  cursor: pointer;
  display: inline-block;
  background: url(../img/icon-plus-service.svg) center center no-repeat;
  background-size: 54px 54px;
  position: relative;
  width: 54px;
  height: 54px;
}

.plus-service-dropdown-submenu {
  position: absolute;
  top: calc(100% + 5px);
  left: -100%;
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  white-space: nowrap;
  min-width: 178px;
  border: 1px solid #e6e6e6;
  z-index: 999;
  user-select: none;
  display: none;
}

.plus-service-dropdown-submenu ul {
  list-style: none;
  margin: 0;
  padding: 0px 20px;
  text-align: center;
  cursor: default;
}

.plus-service-dropdown-submenu ul li {
  font-size: 12px;
  padding: 12px 10px 12px 0;
  border-top: 1px solid #e6e6e6;
  line-height: normal;
  color: #323c47;
  position: relative;
}

.plus-service-dropdown-submenu ul li:first-child {
  border-top: 0;
}

.plus-service-dropdown-submenu ul li a,
.plus-service-dropdown-submenu ul li a:hover,
.plus-service-dropdown-submenu ul li a:focus {
  color: #323c47;
  display: block;
}

.no-service:after {
  display: none;
}

@media (max-width: 1199px) {
  .service-box-empty:after {
    top: 35px;
    right: 20px;
  }

  .service-box-full:after {
    top: 35px;
    right: 20px;
  }

  .service-box-bottom {
    position: static;
  }
}

@media (max-width: 767px) {
  .service-box-center {
    min-height: auto;
    padding: 45px 0;
  }

  .no-service .service-box-center {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

/*** modal da pagare ***/

.payment-confirm-form span.separator-thin {
  height: 1px;
  width: 100%;
  background: #c4c8de;
  margin: 15px 0;
}

ul.topay-info {
  display: table;
  width: 100%;
  table-layout: fixed;
}

ul.topay-info li {
  display: table-row;
}

ul.topay-info.topay-inline li ul li {
  font-size: 16px;
  line-height: 1;
}

ul.topay-info li ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}

ul.topay-info li ul li {
  display: table-cell;
  padding: 10px 0px;
  font-size: 17px;
}

ul.topay-info li ul li strong {
  color: #3399ff;
  font-size: 19px;
  font-weight: bold;
}

.interventi-pagati ul.topay-info li ul li strong {
  color: #05cbb7;
}

.interventi-nonpagati ul.topay-info li ul li strong {
  color: #ff5c2b;
}

ul.topay-info li ul li:first-child {
  color: #9595aa;
}

ul.topay-info.topay-somma.topay-inline li ul li:first-child {
  color: #4a4a4a;
  font-size: 17px;
}

ul.topay-info.topay-somma.topay-inline li ul li strong {
  font-size: 21px;
}

ul.topay-info li ul li:last-child {
  color: #4a4a4a;
  text-align: right;
}

/*** payment success modal ***/
.modal-title-with-description i.modal-icon.payment-success {
  background: #05cbb7;
  border-radius: 50%;
  font-size: 30px;
  width: 60px;
  height: 60px;
  color: #fff;
  line-height: 60px;
  font-style: normal;
}

.modal-title-with-description i.modal-icon.payment-danger {
  background: #ff7c40;
  border-radius: 50%;
  font-size: 30px;
  width: 60px;
  height: 60px;
  color: #fff;
  line-height: 60px;
  font-style: normal;
}
.modal-title-with-description i.modal-icon.payment-info {
  background: #3399ff;
}

.modal-title-with-description i.modal-icon.payment-info.mb-20 {
  margin-bottom: 20px;
}
.modal-title-with-description i.modal-icon.payment-info svg {
  margin-top: 10px;
}
/*.modal-title-with-description i.modal-icon.payment-danger svg {
  margin-top: 10px;
}*/
/*** credit card modal ***/
.payment-methods-row {
  display: flex;
  justify-content: space-between;
}

.payment-methods-row .payment-method {
  background: #f8f8f8;
  margin: 0 5px;
  border-radius: 14px;
  height: 260px;
  width: 33.3333%;
  border: 1px solid #ffffff;
  padding: 10px 15px;
  position: relative;
  cursor: pointer;
  transition: all ease-in-out 250ms;
}

.credit-card-inline .payment-methods-row .payment-method {
  width: 180px;
}

.payment-footer {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: left;
  padding: 0 15px;
}

.payment-footer strong,
.payment-footer span {
  display: block;
  color: #4a4a4a;
  line-height: 1.2;
}

.payment-footer strong {
  font-size: 16px;
}

.payment-footer span {
  font-size: 14px;
  margin-top: 10px;
}

.payment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.mini-dropdown {
  position: absolute;
  right: -50px;
  top: 100%;
  background: #fff;
  box-shadow: 0 0 20px #00000012;
  border-radius: 15px;
  width: 120px;
  height: 80px;
  z-index: 9;
  transition: all ease-in-out 250ms;
  display: none;
}

.mini-dropdown.active {
  display: flex;
}

.mini-dropdown ul {
  height: 100%;
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
}

.mini-dropdown li {
  margin: 0;
  border-bottom: 0.5px solid #c4c8de;
  line-height: 40px;
  font-size: 14px;
}

.mini-dropdown li:last-child {
  border: 0;
}

.mini-dropdown li a {
  color: #9595aa;
}

.payment-header .edit-paymentinfo i {
  color: #c4c8de;
}

.edit-paymentinfo {
  position: relative;
}

#payment-method .button-standard2 {
  min-width: 300px;
}

.payment-methods-row .payment-method.selected {
  border: 1px solid #05cbb7;
  background: #05cbb72e;
}

.credit-card-inline .payment-methods-row {
  justify-content: flex-start;
}

.payment-methods-row .payment-method.new-card {
}

.payment-methods-row .payment-method.new-card .add-card {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 20px;
}

.payment-methods-row .payment-method.new-card .add-card i {
  background: #3399ff;
  display: block;
  font-size: 33px;
  line-height: 35px;
  width: 35px;
  height: 35px;
  color: #fff;
  border-radius: 50%;
  margin: 0 auto;
  text-align: center;
}

.payment-methods-row .payment-method.new-card .add-card a {
  text-decoration: underline;
  font-size: 14px;
  display: block;
  color: #3399ff;
  padding: 0 30px;
  line-height: 1.22;
  margin-top: 30px;
}

h2.inner-standard-title {
  font-size: 22px;
  color: #3399ff;
  margin-top: 0;
  margin-bottom: 25px;
  /* font-family: 'CircularStd-Medium'; */
  text-align: center;
}

p.inner-standard-par {
  color: #9b9b9b;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: center;
}

.packages-header {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 35px;
}

ul.packages-buttons {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.packages-buttons li {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #3399ff;
  font-size: 14px;
  border: 1px solid #3399ff;
  border-width: 1px 0 1px 1px;
  background: transparent;
  outline-offset: 0;
  box-shadow: none;
  padding: 0px 25px;
  line-height: 32px;
  height: 32px;
  cursor: pointer;
}

ul.packages-buttons li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

ul.packages-buttons li:not(:first-child) {
  border-left: 1px solid #3399ff;
}

ul.packages-buttons li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #3399ff;
}

ul.packages-buttons li.package-active {
  background: #3399ff;
  color: #fff;
}

.package-tab {
  display: none;
}

.package-tab-active {
  display: block;
}

.package-box {
  background: #fff;
  border: 1px solid #3399ff;
  border-radius: 4px;
  padding: 20px;
  height: 100%;
  min-height: 400px;
  cursor: pointer;
}

.package-box-header {
  padding-bottom: 0;
}

.package-box-header img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90px;
  height: auto;
  margin-bottom: 15px;
}

.package-box-header h4 {
  font-family: "CircularStd-Medium";
  font-size: 20px;
  color: #3399ff;
  text-align: center;
}

.package-box-header p {
  margin: 0;
  color: #323c47;
  font-size: 14px;
  line-height: 1.15;
  text-align: center;
}

.package-box-features {
  padding-top: 25px;
  padding-bottom: 10px;
}

.package-box-feature-row {
  font-size: 12px;
  color: #323c47;
  position: relative;
  padding-left: 15px;
  display: block;
  margin-bottom: 8px;
  text-align: center;
}

.package-box-selected {
  background: #3399ff;
  transition: background 0.25s ease-in-out;
}

.package-box-selected .package-box-header h4,
.package-box-selected .package-box-header p,
.package-box-selected .package-box-feature-row {
  color: #fff;
}

.packages-bottom {
  margin-top: 35px;
  text-align: center;
}

.packages-container {
  margin-top: 25px;
}

.max-width-1000 {
  max-width: 1000px;
}

.max-width-1100 {
  max-width: 1100px;
}

.max-width-1200 {
  max-width: 1200px;
}

.max-width-1300 {
  max-width: 1300px;
}

.max-width-1400 {
  max-width: 1400px;
}

@media (max-width: 1199px) {
  .package-box {
    height: calc(100% - 15px);
    margin-bottom: 15px;
  }
}

@media (max-width: 575px) {
  .package-box {
    min-height: auto;
  }

  .package-box-header p br {
    display: none;
  }
}

.footer-actions {
  padding: 10px 0px 40px 0px;
}

/* Radio Inputs as buttons */
.container-radio-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
}

.container-radio-button input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark-radio-button {
  width: 100%;
  display: inline-block;
  margin: 0;
  background: #fff;
  color: #3399ff;
  font-size: 14px;
  border: 1px solid #3399ff;
  border-width: 1px 0 1px 1px;
  background: transparent;
  outline-offset: 0;
  box-shadow: none;
  padding: 0px 25px;
  line-height: 32px;
  height: 32px;
  cursor: pointer;
  min-width: 160px;
  text-align: center;
}

.container-radio-button input:checked ~ .checkmark-radio-button {
  background: #3399ff;
  color: #fff;
}

.radio-buttons-style-div
.container-radio-button:first-child
.checkmark-radio-button {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.radio-buttons-style-div
.container-radio-button:not(:first-child)
.checkmark-radio-button {
  border-left: 1px solid #3399ff;
}

.radio-buttons-style-div
.container-radio-button:last-child
.checkmark-radio-button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #3399ff;
}

.standard-input.w-controls {
  padding-left: 25px;
}

.standard-input textarea {
  border: 0.5px solid #c4c8de;
  outline-offset: 0;
  box-shadow: none;
  border-radius: 12px;
  min-height: 110px;
  font-size: 16px;
  width: 100%;
  display: block;
  color: #4a4a4a;
  padding: 2px 0 0 5px;
}

.standard-input.w-controls textarea {
  margin-top: 5px;
  padding: 10px;
}

.standard-input textarea:focus {
  border: 0.5px solid #c4c8de;
  box-shadow: none !important;
}

.standard-input input[type="file"] {
  border: 0;
  outline-offset: 0;
  box-shadow: none !important;
  outline: none !important;
  outline-style: none !important;
}

.standard-input input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.standard-input input[type="file"]:focus,
.standard-input input[type="file"]:active {
  border: 0;
  outline-offset: 0;
  box-shadow: none !important;
  outline: none !important;
  outline-style: none !important;
}

.standard-input input[type="file"] + label {
  font-size: 14px;
  font-weight: normal;
  color: white;
  background-color: #00dde9;
  display: inline-block;
  padding: 0px 18px;
  border-radius: 15px;
  max-width: 100%;
  display: inline-block;
  line-height: 32px;
  height: 32px;
  cursor: pointer;
  margin-top: 2px;
  overflow: hidden;
  outline-offset: 0;
  box-shadow: none !important;
  outline: none !important;
  outline-style: none !important;
  border: 0;
}

.standard-input input[type="file"]:focus + label,
.standard-input input[type="file"] + label:hover {
  background-color: #00dde9;
  border: 0;
  outline-offset: 0;
  outline: 0;
  border: 0;
}

.standard-input input[type="file"]:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.standard-input input[type="file"] + label * {
  pointer-events: none;
}

/* Toggle Switch */
.toggle1 {
  position: relative;
  display: block;
  width: 44px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
  margin: 0 0 5px 0;
}

.toggle1:before {
  content: "";
  position: relative;
  top: 1px;
  left: 0px;
  width: 35px;
  height: 18px;
  display: block;
  background: #c8ccd4;
  border-radius: 12px;
  transition: background 0.2s ease;
}

.toggle1 span {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  display: block;
  background: #fff;
  border-radius: 50%;
  /* box-shadow: 0 2px 6px rgba(154,153,153,0.75); */
  transition: all 0.2s ease;
}

.toggle-custom {
  display: none;
}

.toggle-custom:checked + .toggle1:before {
  background: #00dde9;
}

.toggle-custom:checked + .toggle1 span {
  transform: translateX(15px);
}

.toggle-row {
  margin-top: 25px;
  text-align: center;
  user-select: none;
}

.label-toggle {
  display: inline-block;
  margin: 0 6px 0 0;
  padding: 0;
  position: relative;
  color: #3399ff;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
}

.toggle-container {
  display: inline-block;
  vertical-align: middle;
}

.terms-row {
  margin-top: 25px;
}

.website-form-hidden {
  display: none;
}

.label-internal-left {
  text-align: left;
}

code {
  background: #fff;
  font-size: 13px;
}

pre {
  width: 100%;
  display: block;
  padding: 25px;
  margin: 25px 0 0;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  white-space: pre;
  text-align: left;
  border-radius: 4px;
}

xmp {
  margin: 0;
  background: transparent;
  user-select: all;
}

.send-email-small {
  text-align: right;
  text-decoration: underline;
  color: #3399ff;
  font-size: 13px;
  display: inline-block;
}

.send-email-small:hover,
.send-email-small:active,
.send-email-small:focus {
  color: #3399ff;
  text-decoration: underline;
}

.hide-input {
  display: none;
}

.payment-confirm-row {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}

.payment-confirm-row h5 {
  color: #323c47;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.15;
  margin-top: 0;
  margin-bottom: 10px;
}

.payment-confirm-price {
  display: block;
  color: #00dde9;
  font-family: "CircularStd-Medium";
  font-size: 30px;
  line-height: 1.35;
}

.payment-confirm-price i {
  font-style: normal;
}

.payment-confirm-small {
  display: inline-block;
  color: #3399ff;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.15;
  font-family: "CircularStd-Medium";
}

.payment-confirm-add-method {
  text-decoration: underline;
  color: #3399ff;
  font-size: 13px;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.payment-confirm-add-method:hover,
.payment-confirm-add-method:active,
.payment-confirm-add-method:focus {
  color: #3399ff;
  text-decoration: underline;
}

.payment-confirm-row h5.payment-confirm-first-title {
  margin-bottom: 0;
}

.button-row-standard {
  margin-top: 40px;
}

.cc-info-no-border {
  border-top: 0;
}

.payment-confirm-row-no-border {
  border: 0;
}

.standard-small-link {
  text-decoration: underline;
  color: #3399ff;
  font-size: 13px;
  display: inline-block;
  margin-top: 10px;
}

.standard-small-link:hover,
.standard-small-link:active,
.standard-small-link:focus {
  color: #3399ff;
  text-decoration: underline;
}

@media (min-width: 992px) {
  .small-height-page {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

.website-existing-analytics {
  margin-top: 40px;
  display: none;
}

.standard-table-black {
  color: #323c47;
  display: inline-block;
}

.standard-table-black-bold {
  color: #323c47;
  display: inline-block;
  font-family: "CircularStd-Medium";
}

.standard-table-accounts-blue {
  font-size: 18px;
  color: #3399ff;
}

.standard-table-accounts-green {
  font-size: 18px;
  color: #50d8df;
}

.standard-table-accounts-grey {
  font-size: 18px;
  color: #caced9;
}

label.label-black {
  color: #323c47;
}

.flex-fixed-width-120 {
  padding-top: 12px;
  flex: 0 0 120px;
}

.flex-fill-120 {
  flex: 0 0 calc(100% - 120px);
  max-width: calc(100% - 120px);
}

.transparent-border1 {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #3399ff;
  border-radius: 4px;
  z-index: -1;
  background: #fff;
}

.transparent-border2 {
  content: "";
  position: absolute;
  left: 7px;
  top: -7px;
  bottom: 7px;
  right: -7px;
  border: 1px solid #3399ff;
  border-radius: 4px;
  z-index: -2;
  background: #fff;
}

.transparent-border3 {
  content: "";
  position: absolute;
  left: 14px;
  top: -14px;
  bottom: 14px;
  right: -14px;
  border: 1px solid #3399ff;
  border-radius: 4px;
  z-index: -3;
  background: #fff;
}

.box-myreputation-slider p {
  font-size: 12px;
  line-height: 1.25;
  margin-top: 10px;
  margin-bottom: 0;
}

.my-reputation-avatar {
  display: inline-block;
  border-radius: 50%;
  height: 27px;
  width: 27px;
  overflow: hidden;
  margin-right: 4px;
  vertical-align: middle;
}

.my-reputation-avatar img {
  display: inline-block;
  width: 27px;
  height: auto;
  vertical-align: middle;
}

.my-reputation-side-right {
  display: inline-block;
  vertical-align: middle;
}

.star-rating-yellow-mini-container {
  display: block;
  text-align: left;
  line-height: 12px;
}

.star-rating3 {
  width: 12px;
  height: auto;
  display: inline-block;
}

.myreputation-rating-date {
  line-height: 12px;
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.show-me {
  display: block;
}

.standard-white-box {
  background: #fff;
  padding: 45px;
  border-radius: 5px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 15px;
  color: #323c47;
}

@media (max-width: 1199px) {
  .standard-white-box {
    padding: 25px !important;
  }
}

@media (max-width: 991px) {
  .standard-white-box {
    padding: 20px !important;
  }
}

@media (max-width: 767px) {
  .standard-white-box {
    padding: 20px !important;
    border-radius: 0;
    margin-left: -8px;
    margin-right: -8px;
  }
}

a.deactive-link-standard,
a.deactive-link-standard:hover,
a.deactive-link-standard:focus,
a.deactive-link-standard:active {
  display: inline-block;
  font-size: 13px;
  color: #cccccc;
  text-decoration: underline;
  margin-top: 5px;
}

h3.standard-white-box-title {
  font-size: 18px;
  color: #3399ff;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: "CircularStd-Medium";
}

.standard-radio-group {
  margin-bottom: 2px;
  text-align: left;
  display: inline-block;
}

.standard-radio-row .standard-radio-group:not(:last-child) {
  margin-right: 25px;
}

.standard-radio-input {
  display: none;
}

.standard-radio-label {
  font-size: 14px;
  cursor: pointer;
  position: relative;
  padding-left: 24px;
  line-height: 1.3;
  font-family: "Basier Square";
}

.standard-radio-button {
  height: 16px;
  width: 16px;
  border: 2px solid #3399ff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
}

.standard-radio-button::after {
  content: "";
  display: block;
  height: 7px;
  width: 7px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #3399ff;
  opacity: 0;
  transition: opacity 0.2s;
}

.standard-radio-input:checked
~ .standard-radio-label
.standard-radio-button::after {
  opacity: 1;
}

.expiry-small {
  color: #9b9b9b;
  display: block;
  font-size: 12px;
  font-family: "CircularStd-Book";
}

.payment-confirm-row h5.radio-name-h5 {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .payment-confirm-row {
    text-align: left;
  }

  .standard-radio-group {
    display: block;
  }
}

.payment-confirm-iva {
  color: #9b9b9b;
  display: block;
  font-size: 12px;
  font-family: "CircularStd-Book";
  line-height: 1.15;
}

ul.chart-timeline-list {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  user-select: none;
  vertical-align: middle;
}

ul.chart-timeline-list li {
  display: inline-block;
  margin: 0;
  background: #fff;
  color: #3399ff;
  font-size: 12px;
  border: 1px solid #3399ff;
  border-width: 1px 0 1px 1px;
  background: transparent;
  outline-offset: 0;
  box-shadow: none;
  padding: 0px 10px;
  line-height: 25px;
  height: 25px;
  cursor: pointer;
  float: left;
}

ul.chart-timeline-list li:not(:first-child) {
  border-left: 1px solid #3399ff;
}

ul.chart-timeline-list li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

ul.chart-timeline-list li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #3399ff;
}

ul.chart-timeline-list li.active {
  background: #3399ff;
  color: #fff;
}

.charts-all {
  min-height: 374px;
}

.hidden-chart {
  display: none;
}

.datepicker-standard-right {
  float: right;
  width: 150px;
  margin-right: 10px;
}

.datepicker-standard {
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  outline: 0;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #d0d0d0;
  display: block;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #3399ff;
  border-color: #3399ff;
}

.flatpickr-current-month {
  font-size: 16px;
  font-weight: normal !important;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #3399ff;
}

.flatpickr-current-month span.cur-month {
  font-weight: normal;
}

span.flatpickr-weekday {
  font-weight: normal;
  font-family: "Basier Square";
  color: #323c47;
}

a.view-details-standard,
a.view-details-standard:hover,
a.view-details-standard:focus,
a.view-details-standard:active {
  width: auto;
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0;
  background: #3399ff;
  color: #fff;
  border-radius: 25px;
  line-height: normal;
  height: 30px;
  cursor: pointer;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  text-transform: lowercase;
}

h3.first-white-box-title {
  line-height: 30px;
  font-size: 22px;
  color: #323c47;
  margin-bottom: 25px;
}

@media (min-width: 576px) {
  .first-white-box-title {
    float: left;
  }

  .view-details-standard {
    float: right;
  }

  .deactive-link-standard-right {
    float: right;
  }
}

.general-info-box-date-row {
  margin-top: 5px;
}

.general-info-box-status-row {
  margin-top: 5px;
}

.general-info-box {
  margin-bottom: 15px;
  height: calc(100% - 15px);
}

.general-info-box h3 {
  font-size: 18px;
  color: #3399ff;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: "CircularStd-Medium";
  position: relative;
}

.info-box-status-row {
  margin-top: 0;
  margin-bottom: 10px;
}

.info-box-status-title {
  display: inline-block;
  font-size: 14px;
  color: #3399ff;
  margin: 0;
}

.info-box-status-value {
  display: inline-block;
  font-size: 14px;
  color: #323c47;
  margin: 0;
}

.info-box-status-value-yellow {
  color: #ffc16d;
}

.info-box-status-value-green {
  color: #00dde9;
}

.info-box-status-value-red {
  color: #ff6d4a;
}

.info-box-date-row {
  margin-top: 0;
  margin-bottom: 10px;
}

.info-box-date-title {
  display: inline-block;
  font-size: 14px;
  color: #3399ff;
  margin: 0;
}

.info-box-date-value {
  display: inline-block;
  font-size: 14px;
  color: #323c47;
  margin: 0;
}

.general-info-box h5 {
  display: block;
  font-size: 16px;
  color: #3399ff;
  margin-top: 35px;
  margin-bottom: 25px;
}

.general-info-box h6 {
  display: block;
  font-size: 14px;
  color: #3399ff;
  margin-top: 10px;
  margin-bottom: 3px;
}

span.details-value1 {
  display: block;
  font-size: 14px;
  color: #323c47;
  margin: 0;
}

.google-review-middle h5 {
  font-size: 16px;
  color: #3399ff;
  margin-top: 45px;
  margin-bottom: 15px;
  font-family: "CircularStd-Medium";
}

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

ul.rating-rows li {
  display: block;
  line-height: 22px;
}

ul.rating-rows li span.ratingsum {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
  width: 28px;
}

ul.rating-rows li span.ratingsum img {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  line-height: 16px;
  float: right;
}

ul.rating-rows li span.percentagefill {
  border-radius: 15px;
  background: #ffd832;
  display: inline-block;
  width: calc(100% - 36px);
  max-width: calc(100% - 36px) !important;
  height: 16px;
  vertical-align: middle;
  margin-left: 8px;
  text-align: right;
}

.rating-big-row {
  display: flex;
  margin-top: 35px;
  margin-bottom: 5px;
}

.rating-number-big {
  display: block;
  font-family: "Basier Square";
  font-size: 54px;
  color: #3399ff;
  text-align: center;
  line-height: 1;
}

.star-rating-yellow-container-big {
  display: block;
  text-align: center;
}

.star-rating-big {
  width: 18px;
  height: auto;
  display: inline-block;
}

.rating-sum-big {
  display: block;
  text-align: center;
  font-size: 15px;
  color: #323c47;
  margin-top: 4px;
}

.flex-fill-130 {
  flex: 0 0 calc(100% - 130px);
  max-width: calc(100% - 130px);
}

.flex-fixed-width-130 {
  flex: 0 0 130px;
}

.click-id-modal {
  display: inline-block;
  cursor: pointer;
}

.modal-row-info {
  margin-top: 15px;
}

.modal-row-info h5 {
  display: block;
  font-size: 14px;
  color: #3399ff;
  margin-top: 10px;
  margin-bottom: 3px;
}

.modal-row-info p {
  display: block;
  font-size: 14px;
  color: #323c47;
  margin: 0;
  line-height: 1.25;
}

h2.modal-title2 {
  color: #3399ff;
  font-size: 20px;
  font-family: "Basier Square";
  margin-top: 10px;
  margin-bottom: 25px;
  text-align: center;
}

ul.files-attached {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.files-attached li {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 14px;
  color: #9b9b9b;
}

ul.files-attached li a,
ul.files-attached li a:hover,
ul.files-attached li a:focus,
ul.files-attached li a:active {
  color: #9b9b9b;
  line-height: 1.35;
}

p.standard-paragraph-modal a {
  color: #3399ff;
}

.general-info-box h5.title-with-border {
  border-top: 1px solid #eee;
  padding-top: 35px;
  color: #323c47;
  font-family: "CircularStd-Medium";
  font-size: 15px;
}

.standard-table-grey {
  color: #9b9b9b;
  display: inline-block;
}

.my-table2 td,
.my-table2 th {
  border: 4px solid #fff;
  border-left: 0;
  border-right: 0;
  padding: 5px 25px 5px 5px;
  font-size: 13px;
  font-weight: normal;
  vertical-align: middle;
}

.info-small-bottom-input {
  position: absolute;
  bottom: -20px;
  right: 40px;
  display: block;
  text-align: right;
  color: #ff6d4a;
  font-size: 11px;
}

@media (max-width: 1399px) {
  .info-small-bottom-input {
    right: 20px;
  }
}

@media (max-width: 767px) {
  .info-small-bottom-input {
    right: 0;
  }
}

.user-avatar-none-big {
  width: 118px;
  height: 118px;
  line-height: 118px;
  background: #3399ff;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-size: 56px;
  border: 0;
  text-align: center;
  border-radius: 50%;
  margin-right: 6px;
  letter-spacing: 1px;
  padding-left: 1px;
}

.user-avatar-none-big-with-border {
  width: 130px;
  height: 130px;
  line-height: 130px;
  background: #3399ff;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-size: 56px;
  border: 0;
  text-align: center;
  border-radius: 50%;
  margin-right: 6px;
  letter-spacing: 1px;
  padding-left: 1px;
  border: 3px solid #00dde9;
}

#image-preview1 .user-avatar-none-big,
#image-preview2 .user-avatar-none-big {
  position: absolute;
}

span.details-hidden {
  display: none;
}

button.read-more-details {
  display: inline-block;
  font-size: 13px;
  background: transparent;
  color: #3399ff;
  margin: 0;
  border: 0;
  outline: 0;
  padding: 0;
  outline-offset: 0;
  box-shadow: none;
  border-radius: 8px;
  margin-left: 6px;
  cursor: pointer;
  text-decoration: underline;
}

.changeable-user {
  width: calc(100% - 24px);
  float: left;
  cursor: pointer;
  font-size: 13px;
}

.changeable-user .selectize-input {
  padding: 2px 0;
  line-height: 20px;
  text-indent: 0px;
}

.changeable-user.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  text-align: center;
}

.changeable-user.selectize-control.single .selectize-input:after {
  right: 8px;
  border-color: #3399ff transparent transparent transparent;
  border-width: 4px 4px 0 4px;
  display: none;
}

.changeable-user.selectize-control.single
.selectize-input.dropdown-active:after {
  border-color: transparent transparent #3399ff transparent;
  border-width: 0px 4px 4px 4px;
}

.changeable-user .selectize-dropdown-content {
  background: #fff;
  border: 1px solid #e6e6e6;
  box-shadow: none;
  text-align: left;
}

.user-table-link-first {
  /* padding-left:10px; */
}

.status-p {
  color: #ffc16d !important;
}

.status-a {
  color: #00dde9 !important;
}

.status-c {
  color: #ff6d4a !important;
}

.standard-radio-group2 {
  margin-bottom: 2px;
  text-align: left;
  display: block;
}

.standard-radio-input2 {
  display: none;
}

.standard-radio-label2 {
  font-size: 14px;
  cursor: pointer;
  position: relative;
  padding-left: 24px;
  line-height: 1.3;
  font-family: "Basier Square";
  display: block;
}

.standard-radio-button2 {
  height: 16px;
  width: 16px;
  border: 2px solid #3399ff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
}

.standard-radio-button2::after {
  content: "";
  display: block;
  height: 7px;
  width: 7px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #3399ff;
  opacity: 0;
  transition: opacity 0.2s;
}

.standard-radio-input2:checked
~ .standard-radio-label2
.standard-radio-button2::after {
  opacity: 1;
}

.address-small2 {
  color: #9b9b9b;
  display: block;
  font-size: 12px;
  font-family: "CircularStd-Book";
}

.scheda-holder {
  margin-top: 25px;
}

.radio-status {
  color: #9b9b9b;
  position: absolute;
  font-size: 11px;
  display: inline-block;
  line-height: 1.2;
  right: 15px;
  top: 0;
  font-family: "CircularStd-Medium";
}

.radio-status-verified:after {
  content: "";
  top: 4px;
  margin-left: 8px;
  position: absolute;
  border-radius: 50%;
  background: #ffc16d;
  width: 6px;
  height: 6px;
}

.radio-status-published:after {
  content: "";
  top: 4px;
  margin-left: 8px;
  position: absolute;
  border-radius: 50%;
  background: #00dde9;
  width: 6px;
  height: 6px;
}

.radio-status-not-verified:after {
  content: "";
  top: 4px;
  margin-left: 8px;
  position: absolute;
  border-radius: 50%;
  background: #ff6d4a;
  width: 6px;
  height: 6px;
}

.row-account-mng {
  margin-bottom: 15px;
}

.account-mng {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #3399ff;
  font-size: 14px;
}

.account-nm {
  font-size: 14px;
  color: #868686;
  padding: 0;
  border: 1px solid #eee;
  padding: 0px;
  min-width: 260px;
  text-align: center;
  line-height: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 4px;
  margin-top: 10px;
}

.cancel-button-red,
.cancel-button-red:focus,
.cancel-button-red:active {
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0;
  background: #ff6d4a;
  color: #fff;
  font-size: 14px;
  border: 1px solid #ff6d4a;
  border-radius: 25px;
  line-height: 32px;
  min-width: 240px;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
}

.cancel-button-red:hover {
  background: #fff;
  color: #ff6d4a;
}

.swal2-icon.swal2-warning {
  border-color: #ff6d4a;
  color: #ff6d4a;
}

.calculate-daily {
  color: #3399ff;
  line-height: 1.25;
  font-size: 16px;
  margin: 15px 0 0;
}

.calculate-daily i {
  font-style: normal;
  color: #00dde9;
  text-decoration: underline;
}

.skip-row {
  margin-bottom: 15px;
}

.skip-link,
.skip-link:hover,
.skip-link:active,
.skip-link:focus {
  color: #3399ff;
}

.multi-wrapper .item-group .group-label {
  color: #3399ff;
  opacity: 1;
  font-size: 15px;
  padding-bottom: 0;
}

.multi-wrapper .item {
  color: #323c47;
  font-size: 14px;
}

.multi-wrapper .item:hover {
  background: transparent;
}

.multi-wrapper .non-selected-wrapper,
.multi-wrapper .selected-wrapper {
  height: 300px;
}

.multi-wrapper .non-selected-wrapper .item {
  position: relative;
  padding: 5px 10px 0 20px;
}

.multi-wrapper .non-selected-wrapper .item:before {
  font-family: "FontAwesome";
  content: "\f096";
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0px;
  color: #d2d2d2;
  width: 20px;
  height: 20px;
}

.multi-wrapper .non-selected-wrapper .item.selected {
  opacity: 1;
}

.multi-wrapper .non-selected-wrapper .item.selected:before {
  content: "\f046";
  color: #00dde9;
}

.multi-wrapper .selected-wrapper .item.selected:after {
  content: "x";
  color: #d2d2d2;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}

.multi-wrapper .header {
  font-weight: normal;
  font-size: 15px;
  font-family: "CircularStd-Medium";
  color: #323c47;
  margin-bottom: 0;
}

.multi-wrapper .search-input {
  font-size: 15px;
}

.filter-sidebar h5 {
  margin: 0px 0 25px;
  color: #4d95ff;
  font-size: 16px;
  font-family: "CircularStd-Medium";
}

/*** Chat ***/

#chat-circle {
  position: fixed;
  bottom: 50px;
  right: 50px;
  background: #3399ff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: white;
  padding: 0px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.18),
  0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

#chat-circle.active {
  background: #fff;
}

#chat-circle.active i {
  font-size: 40px;
}

#chat-circle i {
  font-size: 60px;
  line-height: 60px;
}

#chat-circle.active i:before {
  content: "\e914";
  color: #3399ff;
}

#chat-circle .chat-notification {
  position: absolute;
  background: #ff7c40;
  width: 17px;
  height: 17px;
  top: 1px;
  right: -2px;
  border-radius: 50%;
  border: 3px solid #fff;
}

.btn#my-btn {
  background: white;
  padding-top: 13px;
  padding-bottom: 12px;
  border-radius: 45px;
  padding-right: 40px;
  padding-left: 40px;
  color: #5865c3;
}

#chat-overlay {
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: none;
}

.chat-box {
  display: none;
  background: #ffffff;
  position: fixed;
  right: 30px;
  bottom: 130px;
  width: 380px;
  max-width: 85vw;
  max-height: 100vh;
  border-radius: 10px;
  box-shadow: 0px 0px 20px #00000014;
  z-index: 9999;
}

.chat-box-toggle {
  cursor: pointer;
  font-size: 20px;
}

.chat-box-toggle i,
.chat-box-go-back i {
  color: #c4c8de;
}

.chat-box-go-back {
  font-size: 30px;
  vertical-align: middle;
  margin-right: 0px;
  line-height: 76px;
  cursor: pointer;
}

.chat-box-header {
  background: #ffffff;
  height: 70px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #ff5c2b;
  text-align: center;
  font-size: 20px;
  padding-top: 17px;
  font-weight: 600;
  justify-content: space-between;
  display: flex;
  line-height: 70px;
  padding: 0 30px;
  margin-top: 15px;
}

.chat-box-body {
  position: relative;
  height: 370px;
  height: auto;
  border: 0px;
  overflow: hidden;
}

#chat-input {
  background: #ffffff;
  width: 100%;
  position: relative;
  height: 60px;
  padding-top: 10px;
  padding-right: 50px;
  padding-bottom: 10px;
  padding-left: 15px;
  border: none;
  resize: none;
  outline: none;
  border-top: 1px solid #c4c8de4d;
  color: #888;
  /* border-top: none; */
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
  font-size: 14px;
}

.chat-input > form {
  margin-bottom: 0;
}

#chat-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ccc;
}

#chat-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
}

#chat-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc;
}

#chat-input:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
}

.chat-input {
  position: relative;
}

.chat-submit {
  position: absolute;
  right: 10px;
  background: transparent;
  box-shadow: none;
  border: none;
  border-radius: 50%;
  color: #c4c8de;
  width: 35px;
  height: 35px;
  font-size: 22px;
  top: 15px;
}

.chat-submit:focus {
  outline: none;
  box-shadow: none;
}

.chat-logs {
  padding: 15px 30px;
  height: 370px;
  overflow-y: scroll;
}

.chat-logs::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  background-color: #ffffff;
}

.chat-logs::-webkit-scrollbar {
  width: 5px;
  background-color: #ffffff;
}

.chat-logs::-webkit-scrollbar-thumb {
  background-color: #ffffff;
}

.msg-avatar {
  background: #389ef2;
  color: #fff;
  border-radius: 50%;
  font-size: 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.msg-avatar .msg-time {
  position: absolute;
  font-size: 10px;
  color: #c4c8de;
  bottom: -20px;
  left: 0;
  right: 0;
  text-align: center;
}

@media only screen and (max-width: 500px) {
  .chat-logs {
    height: 40vh;
  }
}

.chat-msg.user > .msg-avatar img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  float: left;
  width: 15%;
}

.chat-msg.self > .msg-avatar img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  float: right;
  width: 15%;
}

.cm-msg-text {
  background: white;
  padding: 10px 15px 10px 15px;
  color: #4a4a4a;
  max-width: 75%;
  border-radius: 10px;
  float: left;
  margin-left: 10px;
  position: relative;
  box-shadow: 0px 0px 10px #0000000d;
  width: 100%;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 15px;
}

.chat-msg {
  clear: both;
  display: block;
  margin-bottom: 30px;
}

.chat-msg.self > .cm-msg-text {
  float: right;
  margin-right: 10px;
  background: #fff;
  color: #4a4a4a;
}

.chat-msg.user .msg-avatar {
  float: right;
}

.cm-msg-button > ul > li {
  list-style: none;
  float: left;
  width: 50%;
}

.cm-msg-button {
  clear: both;
  margin-bottom: 70px;
}

.filter-sidebar h5 a {
  color: #323c47;
  display: inline-block;
}

.filter-sidebar h5 a.active {
  color: #4d95ff;
}

.chat-history {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: #fff;
  border-radius: 10px;
  z-index: 1;
  padding: 30px 25px 15px 25px;
  display: none;
}

.chat-logs .date-msg {
  font-size: 12px;
  color: #c4c8de;
  display: block;
  text-align: center;
  margin-bottom: 30px;
}

.chat-history h3 {
  color: #ff7c40;
  padding: 0px 7px;
  font-weight: bold;
  margin-bottom: 15px;
}

.chat-history ul {
  text-align: center;
}

.chat-history ul li {
  display: inline-block;
  width: 160px;
  height: 37px;
  background: #fafafc;
  text-align: center;
  cursor: pointer;
}

.chat-history ul li:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.chat-history ul li:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: -6px;
}

.chat-history ul li span {
  font-size: 13px;
  line-height: 37px;
}

.chat-history ul li.active {
  background: rgba(215, 217, 232, 0.6);
}

.chat-history .chat-preview {
  display: flex;
  justify-content: space-between;
  padding: 5px 0px;
  margin-bottom: 25px;
  width: 100%;
}

.chat-history .chat-preview:first-child {
  margin-top: 25px;
}

.chat-history div.profile-image img {
  width: 40px;
}

.chat-history div.profile-image {
  padding-right: 20px;
}

.info-tr {
  display: table-row;
}

.info-msg {
  display: table;
  width: 100%;
}

.chat-history .chat-preview span {
  font-size: 12px;
  line-height: 15px;
  display: table-cell;
  vertical-align: top;
}

.chat-history span.type {
  font-size: 14px;
  color: #9595aa;
  margin-bottom: 5px;
}

.chat-history span.desc {
  max-width: 170px;
  padding-top: 7px;
}

.chat-history span.dt {
  color: #c4c8de;
}

.chat-history i.info-no {
  font-size: 10px;
  font-style: normal;
  background: #ff7c40;
  color: #fff;
  border-radius: 50%;
  float: right;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  padding: 0;
  margin-top: 5px;
}

.chat-history .chat-preview i.info-no {
  margin-top: 7px;
}

/*** Notification List ***/

section.notifications {
  margin-bottom: 25px;
}

section.notifications.n-old .n-list li {
  padding-left: 47px;
}

.n-title {
  font-size: 17px;
  line-height: 22px;
  color: #222222;
  font-weight: 600;
  margin: 10px 20px;
  padding-bottom: 10px;
  padding-left: 25px;
}

.n-title.unread {
  color: #ff5c2b;
}

.n-title.old {
  color: #c4c8de;
  padding-left: 42px;
}

.n-list li {
  padding: 15px 30px;
  background: #fff;
  border-radius: 15px;
  margin-bottom: 10px;
  cursor: pointer;
  /* display: flex; */
  justify-content: space-between;
  align-items: center;
}

.n-list li span.n-b-title {
  color: #4a4a4a;
  font-size: 16px;
  margin-right: 35px;
  font-weight: 500;
  min-width: 180px;
}

.n-list li .status-rounded {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff7c40;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.n-list li span {
  display: inline-block;
}

.n-list li span.n-content,
.n-list li span.n-time {
  font-size: 14px;
  color: #9696a7;
}

.n-list li span.n-time {
  color: #c4c8de;
}

.campaign-list {
  margin-top: 0;
  margin-bottom: 25px;
}

a.campaign-name-link {
  font-size: 14px;
  font-family: "Basier Square";
  display: inline-block;
  color: #323c47;
  margin-bottom: 5px;
}

a.campaign-name-link-active {
  color: #3399ff;
}

a.campaign-name-link-deleted {
  color: #ff6d4a;
}

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

.campaign-list ul li {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 24px;
}

.campaign-list ul li a {
  color: #323c47;
  font-size: 14px;
}

.campaign-list ul li a.add-new-link-list {
  color: #4d95ff;
  text-decoration: underline;
}

.campaign-list ul li a.active {
  color: #4d95ff;
}

.campaign-list ul li a.deleted {
  color: #ff6d4a;
}

.row-manager-title {
  margin-bottom: 25px;
}

.add-campaign-bottom-row {
  position: absolute;
  top: 25px;
  left: 25px;
  right: 25px;
  text-align: center;
  text-transform: lowercase;
}

.add-campaign-button-bottom {
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0;
  background: #3399ff;
  color: #fff;
  font-size: 14px;
  border: 1px solid #3399ff;
  border-radius: 25px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.add-campaign-button-bottom:hover,
.add-campaign-button-bottom:focus {
  background: #fff;
  color: #3399ff;
}

.table-title-h6 {
  font-size: 16px;
  color: #3399ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "CircularStd-Medium";
  float: left;
  position: relative;
  line-height: 32px;
}

.change-bid-container {
  float: right;
}

.change-bid-row {
  margin-top: 30px;
  display: inline-block;
  font-size: 15px;
}

.change-bid-row u {
  text-decoration: underline;
  color: #00dde9;
  font-family: "CircularStd-Medium";
  cursor: pointer;
}

.change-bid-row u i {
  font-style: normal;
}

.label-edit-callext {
  display: inline-block;
  font-size: 14px;
  color: #3399ff;
  margin-top: 10px;
  margin-bottom: 3px;
}

.value-edit-callext {
  display: inline-block;
  font-size: 14px;
  color: #323c47;
  margin: 0;
}

h6.no-mg-top {
  margin-top: 0;
}

.button-standard3 {
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0 !important;
  background: #00dde9;
  color: #fff;
  font-size: 14px;
  border: 1px solid #00dde9;
  border-radius: 25px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  min-width: 120px;
  text-transform: lowercase;
}

.button-standard3:hover,
.button-standard3:focus,
.button-standard3:active {
  background: #fff;
  color: #00dde9;
}

.select-holder-top {
  margin-left: 15px;
  display: inline-block;
}

.top-select-row {
  margin-bottom: 25px;
}

.days-row-title {
  display: block;
  font-size: 14px;
  margin-bottom: 2px;
  margin-top: 25px;
}

.days-row-selection .standard-radio-group-margin:not(:last-child) {
  margin-right: 10px;
}

.days-row-selection .standard-radio-label {
  font-family: "CircularStd-Medium";
}

span.from-time {
  display: inline-block;
  line-height: 32px;
  padding: 0 8px;
  font-size: 14px;
  float: left;
  margin-top: 15px;
  color: #868686;
}

span.from-time-x {
  display: inline-block;
  line-height: 32px;
  padding: 0 8px;
  font-size: 16px;
  float: left;
  font-family: "CircularStd-Medium";
  margin-top: 15px;
  color: #cccccc;
  cursor: pointer;
}

.input-min-day {
  min-width: 115px;
  display: inline-block;
  float: left;
  margin-top: 15px;
}

.input-min-hour {
  min-width: 80px;
  display: inline-block;
  float: left;
  margin-top: 15px;
}

span.add-new-period {
  display: inline-block;
  cursor: pointer;
  font-size: 13px;
  color: #3399ff;
  margin-top: 15px;
  text-decoration: underline;
}

.campaign-submit-row-details {
  margin-top: 25px;
}

.main-loader {
  background: rgba(255, 255, 255, 0.85);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 99999;
  display: none;
}

.main-loader .loader {
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  text-align: center;
}

.logo-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dots-row {
  margin: 20px auto 0;
  text-align: center;
  width: 100%;
}

.dot {
  width: 12px;
  height: 12px;
  background: #3399ff;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: fx 1s ease infinite 0ms;
  animation: fx 1s ease infinite 0ms;
}

.dot:nth-child(2) {
  -webkit-animation: fx 1s ease infinite 0.3s;
  animation: fx 1s ease infinite 0.3s;
}

.dot:nth-child(3) {
  -webkit-animation: fx 1s ease infinite 0.6s;
  animation: fx 1s ease infinite 0.6s;
}

@keyframes fx {
  50% {
    transform: scale(1);
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.logo-loader {
  width: 280px;
  height: auto;
}

.main-loader h5 {
  margin-top: 0;
  margin-bottom: 0;
  color: #323c47;
  font-size: 22px;
  font-family: "CircularStd-Medium";
}

.text-ads-title {
  display: block;
  font-size: 14px;
  line-height: 1.25;
  color: #3399ff;
}

.text-ads-url {
  display: block;
  font-size: 14px;
  line-height: 1.25;
  color: #00dde9;
}

.no-min-height {
  min-height: auto;
}

.small-box-select {
  padding-top: 10px;
  padding-bottom: 10px;
}

.mydropdown {
  width: 100%;
  overflow: hidden;
  border: none;
  border-radius: 4px;
  position: relative;
  line-height: 32px;
}

.mydropdown:after {
  border: 1px solid #3399ff;
  border-width: 0 0 2px 2px;
  width: 8px;
  height: 8px;
  margin-left: 0;
  margin-top: 0;
  transform: rotate(-45deg);
  position: absolute;
  content: "";
  right: 6px;
  top: 11px;
  line-height: 32px;
}

.mydropdown select {
  background: transparent;
  width: 100%;
  font-size: 14px;
  color: #323c47;
  border: 0;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  /* Opera */
  overflow: hidden;
  padding: 0px 20px 0px 15px;
  line-height: 32px;
}

.mydropdown select::-ms-expand {
  /* for IE 11 */
  display: none;
}

.mydropdown select:focus {
  outline: none;
}

.mydropdown select option {
  background: #fff;
  color: #323c47;
}

.mydropdown option:checked {
  background: #fff;
  color: #323c47;
}

.mydropdown select:active,
.mydropdown select:hover {
  color: #323c47;
}

.select-holder-top .paused select {
  color: #ffc16d;
}

.select-holder-top .paused:after {
  border-color: #ffc16d;
}

.select-holder-top .active select {
  color: #00dde9;
}

.select-holder-top .active:after {
  border-color: #00dde9;
}

.select-holder-top .deleted select {
  color: #ff6d4a;
}

.select-holder-top .deleted:after {
  border-color: #ff6d4a;
}

@media (max-width: 767px) {
  .small-box-select {
    margin-top: 15px;
  }
}

.hide-me {
  display: none;
}

.table-ads-active,
.table-ads-paused,
.table-ads-deleted {
  color: #9b9b9b;
  position: relative;
  padding-right: 18px;
}

.table-ads-active:after {
  content: "";
  top: 4px;
  margin-left: 8px;
  position: absolute;
  border-radius: 50%;
  background: #00dde9;
  width: 6px;
  height: 6px;
}

.table-ads-paused:after {
  content: "";
  top: 4px;
  margin-left: 8px;
  position: absolute;
  border-radius: 50%;
  background: #ffc16d;
  width: 6px;
  height: 6px;
}

.table-ads-deleted:after {
  content: "";
  top: 4px;
  margin-left: 8px;
  position: absolute;
  border-radius: 50%;
  background: #ff6d4a;
  width: 6px;
  height: 6px;
}

.my-reputation-row-divider {
  margin-top: 15px;
}

.button-steps-1 {
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0;
  background: transparent;
  color: #3399ff;
  font-size: 14px;
  border: 1px solid #3399ff;
  border-radius: 25px;
  line-height: 32px;
  min-width: 180px;
  text-align: center;
  cursor: pointer;
}

.button-steps-1:hover,
.button-steps-1:focus,
.button-steps-1:active {
  background: #3399ff;
  color: #fff;
  box-shadow: none;
  outline: 0;
}

.button-steps-2 {
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0;
  background: transparent;
  color: #00dde9;
  font-size: 14px;
  border: 1px solid #00dde9;
  border-radius: 25px;
  line-height: 32px;
  min-width: 180px;
  text-align: center;
  cursor: pointer;
  margin-left: 15px;
}

.button-steps-2:hover,
.button-steps-2:focus,
.button-steps-2:active {
  background: #00dde9;
  color: #fff;
  box-shadow: none;
  outline: 0;
}

ul.billing-tabs-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-position: inside;
  font-size: 0;
}

ul.billing-tabs-menu li {
  display: inline-block;
  margin: 0;
  color: #3399ff;
  font-size: 14px;
  border: 1px solid #3399ff;
  background: #fff;
  border-width: 1px 0 1px 1px;
  outline-offset: 0;
  box-shadow: none;

  line-height: 38px;
  height: 38px;
}

ul.billing-tabs-menu li:first-child {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

ul.billing-tabs-menu li:not(:first-child) {
  border-left: 1px solid #3399ff;
}

ul.billing-tabs-menu li:last-child {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-right: 1px solid #3399ff;
}

ul.billing-tabs-menu li.tab-active {
  background: #3399ff;
  color: #fff;
}

ul.billing-tabs-menu li a,
ul.billing-tabs-menu li a:hover,
ul.billing-tabs-menu li a:focus,
ul.billing-tabs-menu li a:active {
  color: #3399ff;
  cursor: pointer;
  display: inline-block;
  padding: 0px 25px;
}

ul.billing-tabs-menu li.tab-active a {
  color: #fff;
}

.link-paid,
.link-paid:hover,
.link-paid:active,
.link-paid:focus {
  display: inline-block;
  color: #00dde9;
}

.link-unpaid,
.link-unpaid:hover,
.link-unpaid:active,
.link-unpaid:focus {
  display: inline-block;
  color: #ff6d4a;
  text-decoration: underline;
}

[data-href] {
  cursor: pointer;
}

@media (max-width: 767px) {
  ul.billing-tabs-menu li {
    display: block;
    border-radius: 25px;
    margin-bottom: 15px;
    border-width: 1px;
  }
}

.standard-table-link-black,
.standard-table-link-black:hover,
.standard-table-link-black:active,
.standard-table-link-black:focus {
  color: #323c47;
  display: inline-block;
}

.subs-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 25px;
  margin-bottom: 25px;
  /* border-bottom:1px solid #e6e6e6; */
  position: relative;
}

.subs-row:after {
  background: #e6e6e6;
  position: absolute;
  content: "";
  height: 1px;
  left: -45px;
  right: -45px;
  bottom: 0;
}

@media (max-width: 1199px) {
  .subs-row:after {
    left: -25px;
    right: -25px;
  }
}

@media (max-width: 991px) {
  .subs-row:after {
    left: -20px;
    right: -20px;
  }
}

.subs-row h6 {
  font-size: 18px;
  color: #3399ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "CircularStd-Medium";
  position: relative;
  display: inline-block;
  line-height: 25px;
}

.subs-time {
  display: inline-block;
  color: #323c47;
  font-size: 14px;
}

.subs-values-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 25px;
}

.subs-name {
  display: inline-block;
  font-size: 16px;
  color: #323c47;
  margin: 0;
}

.subs-value {
  display: inline-block;
  font-size: 22px;
  color: #3399ff;
  margin: 0;
  font-family: "CircularStd-Medium";
  margin-left: 5px;
}

.disc-code {
  display: block;
  font-size: 14px;
  color: #00dde9;
  text-align: center;
  border: 1px solid #e6e6e6;
  line-height: 35px;
}

.subs-value2 {
  display: inline-block;
  font-size: 22px;
  color: #3399ff;
  margin: 0;
  font-family: "CircularStd-Medium";
}

.billing-cc-row {
  line-height: 34px;
}

.billing-cc-hidden {
  display: inline-block;
  font-size: 14px;
  color: #9b9b9b;
  margin: 0;
  margin-left: 5px;
}

p.info-par-billing {
  color: #9b9b9b;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0px;
}

.mini-box {
  padding-top: 30px !important;
  margin-top: 15px;
}

.first-mini-box {
  margin-top: 15px;
  position: relative;
  padding-bottom: 85px !important;
  padding-top: 30px !important;
}

.discount-box-top {
  margin-top: 15px;
  padding-top: 30px !important;
  height: calc(100% - 15px);
  position: relative;
}

.subs-name-card {
  display: inline-block;
  font-size: 14px;
  color: #323c47;
  margin: 0;
}

.subs-total-row {
  background: #3399ff;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 45px;
  font-size: 22px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

@media (max-width: 991px) {
  .subs-total-row {
    position: relative;
    margin-top: 35px;
  }
}

@media (max-width: 767px) {
  .subs-values-row {
    flex-direction: column;
    margin-top: 0;
  }
}

.datepicker-standard-right-no-margin {
  float: right;
  width: 150px;
}

.not-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.maps-add-row {
  margin-top: 25px;
}

#maplist {
  border: 1px solid #eee;
  height: 100%;
  max-height: 450px;
  overflow-y: auto;
  background: #f8f8f8;
}

.mapitem {
  padding: 20px 25px 20px 15px;
  border-bottom: 1px solid #eee;
  position: relative;
  background: #fff;
}

.mapitem h4 {
  font-size: 15px;
  color: #323c47;
  font-family: "CircularStd-Medium";
  margin: 0;
}

span.myradius {
  display: block;
  text-align: left;
  padding-top: 3px;
  font-size: 14px;
  color: #3399ff;
}

.mapitem .fa-times {
  position: absolute;
  right: 8px;
  top: 3px;
  color: #ff6d4a;
  font-size: 18px;
  cursor: pointer;
}

.mini-tabs-row {
  margin-bottom: 15px;
}

ul.mini-tabs {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  user-select: none;
  vertical-align: middle;
}

ul.mini-tabs li {
  display: inline-block;
  margin: 0;
  background: #fff;
  color: #3399ff;
  font-size: 12px;
  border: 1px solid #3399ff;
  border-width: 1px 0 1px 1px;
  background: transparent;
  outline-offset: 0;
  box-shadow: none;
  padding: 0px 10px;
  line-height: 25px;
  height: 25px;
  cursor: pointer;
  float: left;
}

ul.mini-tabs li:not(:first-child) {
  border-left: 1px solid #3399ff;
}

ul.mini-tabs li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

ul.mini-tabs li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #3399ff;
}

ul.mini-tabs li.active {
  background: #3399ff;
  color: #fff;
}

.duplicate-row {
  margin-top: 15px;
}

.clone-inputs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.char-count {
  font-size: 13px;
  color: #cccccc;
  display: inline-block;
  margin-top: 16px;
  margin-left: 10px;
}

.char-count i {
  font-style: normal;
}

.clone-input-button {
  display: inline-block;
  cursor: pointer;
  font-size: 13px;
  color: #3399ff;
  margin-top: 15px;
  text-decoration: underline;
}

.box-my-repuation-inactive {
  min-height: 140px;
  border: 1px solid #e6e6e6;
}

.box-my-repuation-inactive p {
  color: #cdcdcd;
  margin-top: 38px;
  font-size: 15px;
}

.box-my-repuation-finished {
  min-height: 140px;
}

.box-my-repuation-finished p {
  color: #323c47;
  margin-top: 38px;
  font-size: 14px;
}

.packages-box-price {
  display: block;
  padding-bottom: 25px;
  padding-top: 15px;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  color: #3399ff;
  transition: all 0.25s ease-in-out;
  font-family: "CircularStd-Medium";
}

.package-box-selected .packages-box-price {
  color: #fff;
}

.package-circle-row {
  display: block;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

.pages-left-paragraph {
  font-size: 16px;
  color: #323c47;
  text-align: center;
  line-height: 1.25;
  margin-top: 15px;
  margin-bottom: 15px;
}

.standard-input .standard-radio-group3 input {
  display: none;
}

.standard-radio-group3 {
  margin-bottom: 2px;
  text-align: left;
  display: block;
}

.standard-radio-input3 {
  display: none;
}

.standard-radio-label3 {
  font-size: 14px;
  cursor: pointer;
  position: relative;
  padding-left: 24px;
  line-height: 1.3;
  font-family: "CircularStd-Medium";
  display: block;
}

.standard-radio-button3 {
  height: 16px;
  width: 16px;
  border: 2px solid #3399ff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
}

.standard-radio-button3::after {
  content: "";
  display: block;
  height: 7px;
  width: 7px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #3399ff;
  opacity: 0;
  transition: opacity 0.2s;
}

.standard-radio-input3:checked
~ .standard-radio-label3
.standard-radio-button3::after {
  opacity: 1;
}

.standard-radio-group3-row label {
  margin-bottom: 10px;
}

.footnote-info {
  color: #9b9b9b;
  display: block;
  font-size: 12px;
  margin-top: 2px;
  font-family: "CircularStd-Book";
}

.small-ticket-resolve {
  text-decoration: underline;
  color: #00dde9;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 4px;
  cursor: pointer;
  margin-right: 8px;
}

.table-user-noavatar-container {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  margin-right: 4px;
}

span.table-user-noavatar {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #3399ff;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-size: 8px;
  border: 0;
  text-align: center;
  border-radius: 50%;
  letter-spacing: 1px;
  padding-left: 1px;
}

.mini-status-coupon-active {
  border-radius: 50%;
  background: #00dde9;
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-left: 3px;
}

.mini-status-coupon-deactive {
  border-radius: 50%;
  background: #ffc16d;
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-left: 3px;
}

.get-code {
  display: block;
  font-size: 12px;
  color: #3399ff;
  text-align: left;
  cursor: pointer;
}

.get-code .fa {
  margin-right: 4px;
}

ul.filelist-ticket {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

ul.filelist-ticket li {
  display: inline-block;
  font-size: 13px;
  line-height: 1.25;
}

ul.filelist-ticket li:not(:first-child) {
  margin-left: 6px;
}

ul.filelist-ticket li a {
  display: inline-block;
  color: #3399ff;
  text-decoration: underline;
}

.attached-ticket-files {
  display: block;
  color: #323c47;
  font-family: "CircularStd-Medium";
  font-size: 14px;
  margin-top: 15px;
  line-height: 1.25;
}

.label-small1 {
  font-size: 14px;
  display: block;
  margin: 0;
  line-height: 32px;
}

.standard-input-fixed {
  position: absolute;
  bottom: 9px;
  left: 15px;
}

.standard-input-fixed input[type="file"] {
  border: 0;
  outline-offset: 0;
  box-shadow: none !important;
  outline: none !important;
  outline-style: none !important;
}

.standard-input-fixed input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.standard-input-fixed input[type="file"]:focus,
.standard-input-fixed input[type="file"]:active {
  border: 0;
  outline-offset: 0;
  box-shadow: none !important;
  outline: none !important;
  outline-style: none !important;
}

.standard-input-fixed input[type="file"] + label {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  padding: 0px 10px;
  max-width: 100%;
  line-height: 24px;
  height: 24px;
  cursor: pointer;
  margin-top: 2px;
  overflow: hidden;
  outline-offset: 0;
  box-shadow: none !important;
  outline: none !important;
  outline-style: none !important;
  border: 0;
  text-decoration: underline;
  background: transparent;
  color: #3399ff;
  text-decoration: underline;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 4px;
  cursor: pointer;
  margin-right: 8px;
}

.standard-input-fixed input[type="file"]:focus + label,
.standard-input-fixed input[type="file"] + label:hover {
  background: transparent;
  color: #3399ff;
  border: 0;
  outline-offset: 0;
  outline: 0;
  border: 0;
}

.standard-input-fixed input[type="file"]:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.standard-input-fixed input[type="file"] + label * {
  pointer-events: none;
}

.row-first-page {
  margin-top: 25px;
}

.row-other-page {
  margin-top: 45px;
  padding-top: 40px;
  position: relative;
}

.row-other-page:after {
  position: absolute;
  content: "";
  height: 1px;
  top: 0;
  background: #e6e6e6;
  left: 45px;
  right: 45px;
}

.remove-this-page-row {
  position: absolute;
  font-size: 22px;
  right: 45px;
  top: 10px;
  color: #ff6d4a;
  display: inline-block;
  cursor: pointer;
  z-index: 99;
}

.icon-x-websites {
  width: 20px;
  height: auto;
}

.campaignnr {
  padding-right: 15px;
  margin-top: auto;
}

.campaignnr span {
  color: #323c47;
  font-size: 13px;
  margin: 0;
  display: inline-block;
  padding-top: 7px;
  line-height: 32px;
}

input.validate-percentage {
  text-align: center;
}

.campaignnr-col {
  width: 50px;
}

.service-box-pending {
}

a.service-box-link-pending,
a.service-box-link-pending:hover,
a.service-box-link-pending:focus,
a.service-box-link-pending:active {
  display: inline-block;
  color: #ffc16d;
}

a.service-box-link-pending:hover h2,
a.service-box-link-pending:focus h2,
a.service-box-link-pending:active h2 {
  color: #fff;
  background: #ffc16d;
  transition: 0.3s all ease-in-out;
}

select.changeable-user {
  display: none;
}

a.link-content-default {
  color: #3399ff;
  text-decoration: underline;
}

.standard-link-terms,
.standard-link-terms:hover,
.standard-link-terms:active,
.standard-link-terms:focus {
  text-decoration: underline;
  color: #3399ff;
}

.standard-link-content,
.standard-link-content:hover,
.standard-link-content:active,
.standard-link-content:focus {
  text-decoration: underline;
  color: #3399ff;
}

.standard-blue-par {
  color: #3399ff;
}

.clone-email {
  position: relative;
  margin-top: 3px;
}

.clone-email input {
  width: calc(100% - 25px);
  display: inline-block;
}

.clone-email span.x-remove-email {
  width: 20px;
  height: 20px;
  background: url("../../img/icon-x-websites.svg") center center no-repeat;
  display: inline-block;
  top: 9px;
  position: relative;
  cursor: pointer;
}

.standard-grey-box {
  background: #f0f0f0;
  padding: 45px;
  border-radius: 5px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 15px;
  color: #323c47;
}

@media (max-width: 1199px) {
  .standard-grey-box {
    padding: 25px !important;
  }
}

@media (max-width: 991px) {
  .standard-grey-box {
    padding: 20px !important;
  }
}

@media (max-width: 767px) {
  .standard-grey-box {
    padding: 20px !important;
    border-radius: 0;
    margin-left: -8px;
    margin-right: -8px;
  }
}

a.active-link-standard,
a.active-link-standard:hover,
a.active-link-standard:focus,
a.active-link-standard:active {
  display: inline-block;
  font-size: 13px;
  color: #00dde9;
  text-decoration: underline;
  margin-top: 5px;
}

.info-box-date-title-2 {
  color: #b3b3b3;
}

.dashboard-header-icon1 {
  width: auto;
  height: 125px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 45px;
}

.box-app-inline {
  display: inline-block;
  font-size: 13px;
  background: transparent;
  color: #3399ff;
  margin: 0;
  border: 0;
  outline: 0;
  padding: 0;
  outline-offset: 0;
  box-shadow: none;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: underline;
  float: right;
  margin-top: 5px;
}

.x-remove-table-row {
  display: inline-block;
  cursor: pointer;
  color: #cccccc;
  text-transform: lowercase;
  font-size: 18px;
  float: right;
}

.coupon-row-pay-now {
  margin-top: 30px;
}

.standard-input-box {
  display: block;
  width: 100%;
  position: relative;
  height: 32px;
}

.standard-input-box input {
  display: inline-block;
  border: 0;
  outline-offset: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  line-height: 32px;
  height: 32px;
  border: 1px solid #d0d0d0;
  transition: all 0.3s ease-in-out;
  color: #868686;
  border-radius: 0;
  text-indent: 0;
  padding: 0;
  text-indent: 10px;
  font-size: 14px;
  text-align: left;
  position: absolute;
  left: 0;
  width: calc(100% - 108px);
  border-radius: 4px;
}

.standard-input-box input:focus {
  border: 1px solid #d0d0d0;
}

.standard-input-box input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #cccccc !important;
}

.standard-input-box input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #cccccc !important;
}

.standard-input-box input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #cccccc !important;
}

.standard-input-box input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #cccccc !important;
}

.button-coupon-style {
  display: inline-block;
  padding: 0px 15px;
  margin: 0;
  outline: 0 !important;
  background: #00dde9;
  color: #fff;
  font-size: 14px;
  border: 1px solid #00dde9;
  border-radius: 0;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  min-width: 120px;
  position: absolute;
  right: 0;
  text-transform: lowercase;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.error-message-small {
  display: block;
  margin-top: 15px;
  margin-bottom: 0;
  color: #ff5100;
  font-size: 14px;
  text-align: center;
}

.label-edit-callext-black {
  color: #323c47;
  font-family: "Basier Square";
}

@media (max-width: 767px) {
  h6.no-mg-top {
    margin-top: 15px;
  }
}

.info-cycle-small {
  display: inline-block;
  color: #9b9b9b;
  display: block;
  margin-top: 4px;
  font-size: 11px;
  float: right;
}

.styled-select1 select {
  width: 100%;
  display: block;
  outline-offset: 0;
  outline: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
  line-height: 32px;
  height: 32px;
  text-indent: 8px;
  text-align: center;
  border-radius: 4px;
  color: #868686;
  font-size: 14px;
  border: 1px solid #d0d0d0;
}

/* Colorbox changes may 2019 */
#colorbox #cboxClose {
  top: 0 !important;
  right: 0 !important;
  display: none;
}

#cboxLoadedContent {
  margin-top: 28px !important;
  margin-bottom: 0 !important;
}

.page-error {
  padding-top: 0;
  background: #fff;
}

.page-error main {
  height: 100%;
}

.page-error-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: calc(100% - 172px);
}

.logo-error-row {
  padding-top: 40px;
}

.logo-error {
  display: inline-block;
  width: 140px;
  height: auto;
  max-width: 100%;
}

.error-cover-row img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
  max-width: 500px;
}

.error-content-row {
  margin-top: 45px;
}

.error-content-row h4 {
  color: #323c47;
  font-size: 60px;
  line-height: 1.35;
  margin: 0;
}

.error-content-row p {
  color: #323c47;
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 20px 0;
}

.error-content-row a {
  margin-top: 15px;
  width: auto;
  display: inline-block;
  padding: 0px 25px;
  margin: 0;
  outline: 0;
  background: #3399ff;
  border: 1px solid #3399ff;
  color: #fff;
  border-radius: 25px;
  line-height: normal;
  height: auto;
  cursor: pointer;
  font-size: 15px;
  line-height: 32px;
}

.error-content-row a:hover {
  background: #fff;
  color: #3399ff;
}

@media (max-width: 767px) {
  .page-error-center {
    display: block;
    margin-top: 25px;
  }

  .page-error main {
    padding-left: 15px;
    padding-right: 15px;
  }

  .error-cover-row,
  .error-content-row {
    margin-top: 25px;
  }

  .error-cover-row img {
    max-width: 75%;
  }

  .error-content-row h4 {
    font-size: 34px;
  }

  .error-content-row p br {
    display: none;
  }

  .error-content-row p {
    font-size: 17px;
  }
}

ul.my-nav {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: #323c47;
}

ul.my-nav li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}

ul.my-nav li:not(:last-child) {
  margin-right: 9px;
  padding-right: 6px;
}

ul.my-nav li:not(:last-child):after {
  content: "/";
  position: relative;
  left: 10px;
  color: #9b9b9b;
}

ul.my-nav li.has-filter-menu {
  cursor: pointer;
}

ul.my-nav li.has-filter-menu:hover {
  color: #3399ff;
}

ul.my-nav li.has-filter-menu:after {
  content: "";
  position: absolute;
  border: 1px solid #3399ff;
  border-width: 0 0 2px 2px;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  right: -15px;
  top: 4px;
}

ul.my-nav li a {
  color: #323c47;
}

ul.my-nav li a:hover {
  color: #3399ff;
}

.button-edit {
  font-family: "CircularStd-Book";
  color: #4d95ff;
  text-decoration: underline;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
}

.button-dupl {
  font-family: "CircularStd-Book";
  color: #4d95ff;
  text-decoration: underline;
  font-size: 14px;
  margin-left: 7px;
  cursor: pointer;
}

.button-rem-multi {
  font-family: "CircularStd-Book";
  color: #4d95ff;
  text-decoration: underline;
  font-size: 14px;
  margin-left: 7px;
  cursor: pointer;
}

p.register-par {
  display: block;
  margin: 35px 0 0;
  padding-bottom: 2px;
  position: relative;
  color: #323c47;
  font-size: 14px;
  text-align: center;
}

p.register-par a {
  color: #ff5100;
}

.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #3399ff;
}

.datepicker--cell.-current-.-focus- {
  color: #fff;
  background: #00dde9;
}

.datepicker--cell.-selected-.-focus- {
  background: #00dde9;
}

.airpicker-standard {
  float: right;
  width: 135px;
}

.airpicker-standard input {
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  outline: 0;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #d0d0d0;
  display: block;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
}

.coupon-in-services {
  max-width: 400px;
  margin-top: 35px;
}

.couponlist-container {
  padding-top: 40px;
}

.couponlist-container h4 {
  display: block;
  margin: 0 0 15px;
  font-size: 16px;
  color: #323c47;
  font-family: "CircularStd-Medium";
}

.coupon-add-payment {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 8px;
  color: #3399ff;
  font-size: 13px;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}

ul.couponlist {
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.couponlist li {
  display: block;
}

ul.couponlist li:not(:first-child) {
  margin-top: 6px;
}

ul.couponlist li.active span {
  color: #00dde9;
}

ul.couponlist li.expired span {
  color: #ff5100;
}

.couponlist-container h5 {
  font-size: 16px;
  color: #868686;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* #couponinput2::-webkit-outer-spin-button,
#couponinput2::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button !important;
  opacity: 1;
    margin-left: 5px;
} */

.sections-completed li {
  padding: 45px 30px;
  background: #fff;
  border-radius: 15px;
  margin-bottom: 20px;
  cursor: pointer;
  /* display: flex; */
  justify-content: space-between;
  align-items: center;
}

.sections-completed li.step-completed {
  background: #3399ff;
}

.sections-completed li {
  line-height: 1;
}

.sections-completed li .c-right span {
  font-size: 15px;
}

.sections-completed li span .icon-time {
  background: #c4c8de57;
  border-radius: 50%;
  height: 22px;
  width: 22px;
  color: #fff;
  display: inline-block;
  line-height: 22px;
  margin-left: 10px;
  text-align: center;
}

.sections-completed li span .icon-ICON-19 {
  background: #05cbb7;
  border-radius: 50%;
  height: 22px;
  width: 22px;
  color: #fff;
  display: inline-block;
  line-height: 22px;
  margin-left: 10px;
  text-align: center;
}

.sections-completed li h3 {
  color: #4a4a4a;
  font-size: 25px;
}

.sections-completed li.complete h3 {
  color: #05cbb7;
}

.sections-completed li.last-step h3,
.sections-completed li.last-step span,
.sections-completed li.last-step span.light-color,
.sections-completed li.under-review h3,
.sections-completed li.under-review span,
.sections-completed li.under-review span.light-color {
  color: #c4c8de;
}

.sections-completed li span.light-color {
  color: #9595aa;
}

.sections-completed li.step-completed h3,
.sections-completed li.step-completed span {
  color: #ffffff !important;
}

p.page-title {
  margin: 0;
  margin-top: 20px;
  font-size: 20px;
  color: #4a4a4a;
  font-family: "Basier Circle";
  display: none;
}

p.page-subtitle {
  color: #9595aa;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-family: "Basier Circle";
}

p.page-subtitle.big {
  font-size: 20px;
}
p.page-subtitle.no-margins {
  margin-top: 0;
}

p.page-subtitle.blue {
  color: #3399ff;
  font-weight: bold;
}
.standard-input-box-number input {
  display: inline-block;
  color: #868686;
  width: calc(100% - 104px);
  padding: 0;
  text-indent: 22px;
  font-size: 14px;
  text-align: left;
  background: transparent;
  line-height: 32px;
  height: 32px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}

.standard-input-box-number input:focus {
  border: 1px solid #d0d0d0;
}

.standard-input-box-number input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #cccccc !important;
}

.standard-input-box-number input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #cccccc !important;
}

.standard-input-box-number input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #cccccc !important;
}

.standard-input-box-number input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #cccccc !important;
}

/*** Profile ***/
div.profile-image img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 85px;
}

div.profile-image {
  padding-right: 30px;
}

.btn-choose-file {
  border-radius: 8px;
  background: #e2e4ef;
  font-size: 14px;
  width: 142px;
  height: 35px;
  border: 0px;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  display: block;
  margin-top: 15px;
  margin-bottom: 2px;
  color: #4a4a4a;
}

span.upl_info {
  font-size: 14px;
  color: #9696a7;
}

/*** Fatture ***/
ul.fatture-list {
}

ul.fatture-list li {
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  padding: 0px 35px;
  border-radius: 15px;
  margin-bottom: 8px;
  height: 54px;
  line-height: 54px;
}

ul.fatture-list li span {
  font-size: 14px;
}

ul.fatture-list li span.f-date {
  color: #3399ff;
}

ul.fatture-list li span.f-id {
  color: #9595aa;
}

ul.fatture-list li span.f-nr {
  color: #4a4a4a;
}

ul.fatture-list li span.f-ico i {
  cursor: pointer;
}

ul.fatture-list li span.f-ico.blue i {
  color: #3399ff;
}

ul.fatture-list li span.f-ico.orange i {
  color: #ff5c2b;
}

.card-header .c-right {
  position: absolute;
  right: 0;
  display: table;
  top: 10px;
  width: 71%;
  padding-right: 10px;
}

.card-header .c-right span.c-fattura {
  padding-left: 23px;
}

.card-header .c-right span {
  color: #9595aa;
  width: 33%;
  display: table-cell;
}

/*** report di prestazione ***/
span.pt-6 {
  padding-top: 6px;
}

span.totale-up {
  font-size: 25px;
  color: #3399ff;
  font-weight: 500;
}

span.totale-up i {
  color: #06ccb8;
  font-size: 18px;
  display: inline-block;
}

.line-chart {
  -webkit-animation: fadeIn 600ms cubic-bezier(0.57, 0.25, 0.65, 1) 1 forwards;
  animation: fadeIn 600ms cubic-bezier(0.57, 0.25, 0.65, 1) 1 forwards;
  opacity: 0;
  max-width: 100%;
  width: 100%;
}

.aspect-ratio {
  height: 0;
  padding-bottom: 50%;
}

@-webkit-keyframes fadeIn {
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/*** Mobile Fixes ***/

@media screen and (max-width: 999px) {
  .dash-padding {
    padding: 15px 40px;
  }

  .notification-submenu ul li {
    margin-top: 0px !important;
  }

  label.label-internal {
    margin-bottom: 0px;
  }

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

  span.welcome-subtitle {
    font-size: 15px;
    line-height: 17px;
    display: block;
  }

  h3.welcome-title {
    font-size: 37px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 5px;
    display: block;
  }

  .standard-submit input[type="submit"],
  .standard-submit a.input-button {
    border-radius: 12px;
  }

  .welcome-screen .content h4 {
    font-weight: 700;
  }

  .welcome-screen .content h4 {
    line-height: 25px;
    font-size: 21px;
  }

  .my-header {
    position: relative;
    background: #fafafa;
    border: 0;
    height: auto;
  }

  .my-header.bg-white {
    background: #ffffff;
  }

  .login-form-row.welcome-MiddleContentPadding {
    margin-bottom: 100px;
  }

  .my-footer {
    display: none;
  }

  .main-pagination {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 5px 35px;
    top: 30px;
  }

  .main-pagination div i {
    width: 39px;
    height: 39px;
    font-size: 22px;
    line-height: 36px;
  }

  h1.login-title {
    margin-top: 0;
    font-size: 20px;
  }

  .main-small-content {
    padding-left: 0px;
  }

  span.login-subtitle {
    line-height: 14px;
    font-size: 12px;
    padding: 0 50px;
  }

  .login-form-container {
    padding: 15px 35px;
    border-radius: 0;
  }

  body {
    padding-top: 0px;
  }

  .standard-submit input[type="submit"],
  .standard-submit a.input-button {
    line-height: 35px;
  }

  .mobile-mini-customcheck.custom-check-design1 {
    max-width: 200px;
    margin: 0 auto;
    line-height: 14px;
  }

  .welcome-screen .content {
    box-shadow: none;
  }

  .splash-next.next,
  .splash-prev.prev {
    display: none !important;
  }

  .welcome-screen .content {
    padding: 75px 55px 35px 55px;
    min-height: auto;
  }

  p.welcome-par.salta {
    font-size: 13px;
  }

  .splash-screen .pagination {
    margin-top: 10px;
  }

  .splash-screen .pagination .pageNum {
    width: 10px;
    height: 10px;
  }

  .main-pagination.mob-hide {
    display: none;
  }

  .welcome-screen .content span {
    font-size: 12px;
    font-size: 14px;
  }

  .sections-completed li {
    flex-direction: column;
  }

  .sections-completed li h3 {
    font-size: 16px;
    line-height: 19px;
  }

  .sections-completed li span {
    font-size: 12px;
    line-height: 14px;
  }

  .sections-completed li.complete .c-left span,
  .sections-completed li.under-review .c-left span,
  .page-title-row:after {
    display: none;
  }

  .sections-completed li {
    align-items: flex-start;
  }

  .my-header h1.page-title {
    margin: 0;
    font-size: 22px;
    line-height: 27px;
  }

  .title-mobile {
    display: block;
    margin: 0;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
  }

  h1.page-title.gray {
    color: #4a4a4a;
  }

  .my-header {
    padding: 0 40px;
    background: #fafafa;
  }

  .sections-completed li {
    padding: 20px 30px;
  }

  .sections-completed li h3 {
    font-size: 16px;
  }

  .mobile-toggle {
    display: inherit;
  }

  .header-icons-row {
    display: none !important;
  }

  .n-list li span.n-b-title {
    font-size: 14px;
  }

  .n-list li span.n-content,
  .n-list li span.n-time {
    font-size: 12px;
  }

  .n-list li .c-right {
    width: 120px;
    text-align: right;
  }

  .page-title-row {
    display: none;
  }

  p.page-title {
    font-weight: 600;
    line-height: 20px;
    display: block;
  }

   p.page-title .action-btn {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #9595AA;
    margin-right: 5px;
  }

  p.page-title.nosubtitle {
    margin-bottom: 25px;
  }

  p.page-subtitle {
    font-size: 14px;
  }

  p.page-subtitle.no-margins {
    margin-top: 0;
    line-height: 1;
    margin-top: 10px;
  }

  p.page-title {
    margin-bottom: 20px;
  }

  p.page-title {
    margin-top: 0px;
  }

  main.main-site.full-height {
    padding-top: 0px;
  }

  .footer-actions .button-standard2.dash {
    width: 100%;
  }

  .footer-actions .button-standard2.no-dash {
    width: 100%;
  }

  div.profile-image {
    float: none;
    text-align: center;
  }

  .btn-choose-file {
    border-radius: 8px;
    background: #e2e4ef;
    font-size: 14px;
    width: 142px;
    height: 35px;
    border: 0px;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    display: block;
    margin-top: 15px;
    margin-bottom: 2px;
    margin: 0 auto;
    margin-top: 15px;
  }

  .mobile-standard2.button-standard2 {
    width: 100%;
  }

  span.upl_info {
    font-size: 13px;
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
  }

  .personal-details span {
    float: none !important;
    width: 100%;
    display: block;
  }

  .personal-details span {
    margin-bottom: 5px;
  }

  div.profile-image {
    padding: 0px;
  }

  .tabs.mobile-tabs {
    display: block;
    /* float: none; */
    height: auto;
  }

  .mobile-fatture .c-right {
    display: none;
  }

  ul.fatture-list li {
    padding: 0 20px;
  }

  .card-header.pl-30 {
    padding-left: 0px;
  }

  .card-header h4.lightgr {
    font-size: 15px;
  }

  ul.fatture-list li span {
    font-size: 13px;
  }

  .row-totali .info-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    border-radius: 15px;
    margin-bottom: 10px;
  }
  .row-totali .info-box.sm-margin {
    margin-bottom: 10px;
  }

  .row-totali .info-box span.price {
    font-size: 18px;
  }

  .row-totali .info-box span {
    font-size: 13px;
  }

  ul.tabs li,
  ul.tabs li.active {
    padding: 0;
    font-weight: 600;
  }

  ul.tabs li.ineseguzione {
    color: #389ef2;
  }

  ul.tabs li {
    margin-top: 10px;
  }

  ul.tabs li:before {
    background: #3399ff;
    color: #fff;
    border-radius: 50%;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    font-family: "icomoon" !important;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
  }

  ul.tabs li.ineseguzione:before {
    content: "\e910";
  }

  ul.tabs li.interventipagati {
    color: #05cbb7;
  }

  ul.tabs li.interventipagati:before {
    content: "\e90f";
    background: #05cbb7;
    font-size: 11px;
  }

  ul.tabs.mobile-tabs li {
    background: #FFFFFF;
    padding: 18px 15px;
    height: auto;
    border-radius: 10px;
    width: 100%;
  }
  ul.tabs.mobile-tabs li {
    color: #4A4A4A !important;
  }
  ul.tabs.mobile-tabs li span {
    color: #389EF2;
    position: absolute;
    right: 15px;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
  }
  ul.tabs.mobile-tabs li span.number-gr {
    color: #C4C8DE;
  }
   ul.tabs.mobile-tabs li.ineseguzione:before {
    background: #389EF2 url('../img/richieste-intervento.png') !important;
    background-repeat: no-repeat !important;;
    background-size: 17px !important;;
    background-position: center !important;;
   }
   ul.tabs.mobile-tabs li.interventipagati:before {
    background: #389EF2 url('../img/pronto-intervento.png') !important;
    background-repeat: no-repeat !important;;
    background-size: 17px !important;;
    background-position: center !important;;
   }
   ul.tabs.mobile-tabs li.noneseguiti:before {
    background: #389EF2 url('../img/intervento-eseguito.png') !important;
    background-repeat: no-repeat !important;;
    background-size: 17px !important;;
    background-position: center !important;;
   }
   ul.tabs.mobile-tabs li.nonpagati:before {
    background: #389EF2 url('../img/fatture.png') !important;
    background-repeat: no-repeat !important;;
    background-size: 17px !important;;
    background-position: center !important;;
   }
    
  ul.tabs.mobile-tabs li:before {
    width: 35px;
    height: 35px;
    background: #389ef2 !important;
    content: "" !important;
  }

  ul.tabs li.noneseguiti {
    color: #ffa176;
  }

  ul.tabs li.noneseguiti:before {
    content: "\e913";
    background: #ffa176;
    font-size: 16px;
  }

  ul.tabs li.nonpagati {
    color: #ff5c2b;
  }

  ul.tabs li.nonpagati:before {
    content: "\e928";
    background: #ff5c2b;
  }

  .tab_content {
    padding: 0;
  }

  .lista-interventi li div.intervento-body .intervento-actions a {
    font-size: 14px;
  }

  .lista-interventi li div.intervento-body {
    flex-direction: column;
    padding: 10px 15px 30px 15px;
  }

  .lista-interventi li div.intervento-body.eq-padding {
    /*padding: 15px;*/
    padding: 10px 15px;
  }

  .lista-interventi li div.intervento-body.intervento-row {
    flex-direction: row;
    align-items: center;
  }

  .lista-interventi li .intervento-header {
    display: none;
  }

  .lista-interventi li div.intervento-body .intervento-category,
  .lista-interventi li div.intervento-body .intervento-adress {
    font-size: 15px;
  }

  .lista-interventi li div.intervento-body .intervento-category,
  .lista-interventi li div.intervento-body .intervento-adress {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
  }

  .lista-interventi li div.intervento-body .intervento-category.sm-padding {
    margin: 0;
  }

  .lista-interventi
  li
  div.intervento-body
  .intervento-category
  span.intervento-date {
    float: right;
  }

  .lista-interventi
  li
  div.intervento-body
  .intervento-category
  span.intervento-date.light {
    color: #9595aa;
  }
  .lista-interventi li div.intervento-body .intervento-category .ico {
    font-size: 21px;
    padding: 1px;
    margin-left: 8px;
    margin-right: 0;
  }

  ul.tabs li.active:after {
    display: none;
  }

  .lista-interventi li div.intervento-body .intervento-adress,
  .intervento-actions {
    padding-left: 35px;
  }

  .lista-interventi li div.intervento-body .intervento-adress.no-padding {
    padding: 0;
    margin: 0;
  }

  .title-inbody {
    font-size: 15px;
  }

  .card-body.mobile-nopadding {
    padding: 0;
  }

  .control {
    font-size: 15px;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    padding-left: 20px;
    cursor: pointer;
    color: #9595aa;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: 5px;
    line-height: 1;
  }

  .row.mob-row-center {
    width: 100%;
    text-align: center;
  }

  .title-inbody {
    padding-left: 20px;
  }

  .title-inbody.nopadding {
    padding: 0;
  }

  .three-input-container > div .small-container-input {
    padding: 0 !important;
  }

  .commisione-totale {
    color: #9595aa;
    width: 100%;
    display: flex;
    align-items: flex-end;
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 18px;
  }

  .button-standard1.payment-confirm {
    width: 100%;
  }

  .commisione-totale strong {
    color: #3399ff;
    font-weight: 900;
    font-size: 20px;
    padding-left: 5px;
    width: 50%;
    text-align: right;
  }

  .modal-style1 {
    width: 90%;
  }

  .modal-title-with-description h2.modal-title {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .payment-methods-row .payment-method.new-card .add-card i {
    background: #3399ff;
    display: block;
    font-size: 35px;
    line-height: 44px;
    width: 44px;
    height: 44px;
    color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
  }

  .payment-methods-row .payment-method.new-card .add-card a {
    padding: 0;
  }

  .payment-footer strong {
    font-size: 12px;
  }

  .payment-footer span,
  .payment-methods-row .payment-method.new-card .add-card a {
    font-size: 10px;
  }

  .payment-methods-row .payment-method.new-card .add-card a {
    text-align: center;
  }

  .payment-methods-row .payment-method {
    height: 180px;
  }

  .payment-methods-row .payment-method,
  .payment-footer {
    padding: 10px 10px;
  }

  .modal-title-with-description i.modal-icon {
    font-size: 40px;
    margin-bottom: 20px;
  }

  .payment-footer span {
    margin-top: 5px;
  }

  .mini-dropdown li {
    text-align: center;
  }

  .button-row-standard {
    margin-top: 20px;
  }

  ul.topay-info li ul li {
    display: table-cell;
    padding: 5px 0px;
    font-size: 15px;
  }

  ul.topay-info {
    margin-top: 30px;
  }

  ul.topay-info.nomr {
    margin: 0;
  }

  .payment-methods-row .payment-method.new-card .add-card {
    padding: 0 10px;
  }

  ul.topay-info.topay-inline li ul li,
  ul.topay-info.topay-somma.topay-inline li ul li:first-child {
    font-size: 15px;
  }

  ul.topay-info li ul li {
    vertical-align: middle;
  }

  ul.topay-info.topay-somma.topay-inline li ul li strong {
    font-size: 18px;
  }

  .credit-card-inline .payment-methods-row .payment-method {
    width: 33.3333%;
    margin: 0 2px;
  }

  .intervento-detail-row.credit-card-inline {
    padding: 30px 5px;
  }

  .payment-header img {
    width: 22px;
  }

  .payment-header .payment-icon.mastercard img {
    width: 17px;
  }

  .chat-history ul li {
    display: inline-block;
    width: 50%;
    height: 37px;
    background: #fafafc;
    text-align: center;
    cursor: pointer;
    line-height: 1;
    vertical-align: middle;
  }

  .chat-history .chat-preview span {
    font-size: 11px;
    line-height: 15px;
    width: 50%;
  }

  .chat-history span.dt {
    text-align: right;
  }

  .chat-history ul li:last-child span {
    line-height: 1;
  }

  .mobile-scroll {
    max-height: 270px;
    overflow: auto;
  }

  .card-body span {
    font-size: 14px;
  }

  .card-header h4 {
    font-size: 15px;
    font-weight: 600;
  }

  .card-header h4.desktop-only {
    display: none;
  }

  span.upl_info {
    font-size: 12px !important;
  }

  .button-standard2 {
    line-height: 30px;
  }

  ul.topay-info.topay-inline li ul li {
    padding: 10px 0px;
  }

  #dettagli-nonpagato ul.topay-info.topay-somma {
    margin-top: 0;
  }

  .payment-confirm.m-mt30 {
    margin-top: 30px;
  }

  #chat-circle {
    position: fixed;
    bottom: 50px;
    right: 20px;
    background: #3399ff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: white;
    padding: 0px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.18),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }

  #chat-circle i {
    font-size: 50px;
    line-height: 50px;
  }

  .chat-box {
    height: calc(100% - 230px);
  }

  .mobile-scroll {
    max-height: 300px;
  }

  .chat-history .chat-preview {
    display: flex;
    justify-content: space-between;
    padding: 5px 0px;
    margin-bottom: 15px;
    width: 100%;
  }

  .mini-dropdown {
    position: absolute;
    right: -50px;
    top: 100%;
    background: #fff;
    box-shadow: 0 0 20px #00000012;
    border-radius: 15px;
    width: 90px;
    height: 70px;
    z-index: 9;
    transition: all ease-in-out 250ms;
    display: none;
  }

  .mini-dropdown li {
    margin: 0;
    border-bottom: 0.5px solid #c4c8de;
    line-height: 35px;
    font-size: 14px;
  }

  #chat-circle .chat-notification {
    width: 17px;
    height: 17px;
    top: 1px;
    right: -2px;
    border: 3px solid #fff;
  }
}

@media screen and (max-width: 768px) and (max-height: 480px) {
  .login-form-row.welcome-MiddleContentPadding {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 567px) {
  .main-pagination {
    padding: 5px 15px;
  }
  .main-site-with-background {
    padding-top: 70px;
  }
}

@media (orientation: landscape) and (max-width: 768px) {
  .main-site-with-background {
    padding-top: 70px;
  }
}

p.page-title.blue {
  color: #389ef2;
  margin-bottom: 10px;
}
.modal-title-with-description h2.modal-title.confirm-title {
  margin: 0;
  margin-top: 30px;
}
.row-total {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #c4c8de;
  color: #4a4a4a;
  font-weight: 600;
  margin-top: 5px;
  padding-bottom: 5px;
}

p.standard-paragraph-modal.costo-totale {
  color: #4a4a4a;
  margin-top: 35px;
}

p.standard-paragraph-modal.costo-totale.no-margin {
  margin: 0px;
}

.terms-wrapper {
  color: #707070;
  margin-top: 120px;
  padding: 0 30px;
}

.terms-wrapper h3 {
  line-height: 1;
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 30px;
}

.terms-wrapper p {
  font-size: 15px;
}

.modal-action-row a,.modal-action-row span {
  color: #000;
}


.modal-action-row a {
  margin-left: 10px;
}

  .row-daticliente {
}
.row-daticliente .daticliente-title {
    margin-bottom: 5px;
    font-size: 16px;
}
.row-daticliente .daticliente-body {
}
.row-daticliente .daticliente-body .daticliente-icon {
    display: inline-block;
    vertical-align: middle;
}
.row-daticliente .daticliente-body .daticliente-icon i {
    font-size: 30px;
    background: #3399FF;
    border-radius: 50%;
    padding: 0;
    color: #fff;
    line-height: 1;
}
.row-daticliente .daticliente-body .daticliente-text {
  color: #9595AA;
  font-weight: 500;
  font-size: 17px;
}
.row-daticliente .daticliente-body .daticliente-text.blue-text {
    color: #3399ff;
    font-weight: 500;
    font-size: 17px;
    text-decoration: underline;
}
.left-wrap .intervento-icon i {
    background: #3399ff;
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    padding: 2px;
}
.right-wrap .intervento-actions.black a {
  color: #3399ff !important;
  text-decoration: underline !important;
}
.lista-interventi li div.intervento-body.intervento-row .left-wrap {
  width: 50px;
}
.lista-interventi li div.intervento-body.intervento-row .right-wrap {
  width: calc(100% - 50px);
  text-align: left;
}
.intervento-actions.no-padding {
  padding: 0;
}
.lista-interventi li div.intervento-body .intervento-category.bold-text {
  font-weight: 600;
}
.lista-interventi li div.intervento-body .intervento-category span.intervento-date.dark {
  font-weight: 400;
}
.lista-interventi li div.intervento-body.eq-padding {
  align-items: center;
}