@charset "UTF-8";
/* COLORS */
/* TYPOGRAPHY */
/* */
/* */
/* */
/* */
/* */
/* */
/* Resposnive Mixin */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=greek,vietnamese");
* {
  box-sizing: border-box;
}

body {
  color: #4e5259;
  background: #ffffff;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

a,
a:hover,
a:hover > span.popup-icon,
a:hover > .zmdi-edit.popup-icon,
a:hover > .zmdi-accounts-alt.popup-icon {
  color: #007bfc;
  text-decoration: none;
}

.m0 {
  margin: 0;
}

.m-b-0 {
  margin-bottom: 0;
}

.w100p {
  width: 100%;
}

hr.hr5 {
  height: 5px;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

hr.hr10 {
  height: 10px;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

hr.hr15 {
  height: 15px;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

hr.hr3030 {
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 30px 0px;
  width: 100%;
  border-width: 0px;
  border-bottom: 1px solid #eeeeee;
}

hr.hr20 {
  height: 32px;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

hr.hr30,
hr.hr40,
hr.hr50 {
  height: 40px;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  hr.hr20,
  hr.hr30,
  hr.hr40,
  hr.hr50 {
    height: 30px;
  }
}

/* Top Bar */
#header1_0 {
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #E6E7EB;
}

#header1_0 .block1290 {
  margin: auto;
  display: flex;
  align-items: center;
}

#header1_0 .avatar-sm {
  width: 28px;
  height: 28px;
}

.top-bar__news {
  font-weight: 400;
  font-size: 13px;
}

.top-bar__news a {
  transition: all 0.2s ease-in;
}

.top-bar__news .news-title {
  padding-right: 8px;
  color: #007bfc;
  font-weight: 800;
  text-transform: uppercase;
}

.top-bar__news .news-article {
  color: #4e5259;
}

.top-bar__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.top-bar__actions .top-action {
  position: relative;
  color: #8692b0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 24px;
}

.top-bar__actions .top-action .action-count {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 16px;
  width: 16px;
  padding: 2px;
  background-color: #00A9FD;
  border-radius: 50%;
  color: #525666;
  font-size: 10px;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-bar__actions .top-action:hover {
  color: #007bfc;
}

.top-bar__actions .top-account {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 0;
  margin-left: 8px;
  color: #142149;
  font-size: 15px;
}

.top-bar__actions .top-account span {
  margin-left: 10px;
}

.top-bar__actions .top-account span:after {
  display: inline-block;
  padding: 0px 0 0px 10px;
  color: #8692b0;
  font-family: "Material-Design-Iconic-Font";
  font-size: 16px;
  content: "\f2f9";
}

.top-bar__actions .top-account .zmdi {
  color: #8692b0;
  font-size: 24px;
}

@media (max-width: 767px) {
  #header1_0 {
    display: none;
  }
}

/* Main Navigation  252732*/
#header0v_0 {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 132px;
  z-index: 21;
  text-align: center;
  background: #142467;  /*#202F3C*/
  box-shadow: 0 2px 24px rgba(11, 15, 20, 0.08);
  overflow-x: none;
  overflow-y: auto;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}

#header0v_0::-webkit-scrollbar {
  width: 0 !important;
}

#header0v_0 > a {
  letter-spacing: -0.1px;
  color: #aeb6d5;
}

#header0v_0 > a:hover {
  color: #aeb6d5;
}

#header0v_0 > a.active {
  color: white;
 
    background: #010c38;
}

#header0v_0 > a.active:after {
    border-color: transparent var(--bg-darker) transparent transparent;
    border-width: 10px;
    border-style: solid;
    position: absolute;
    left: 85%;
    top: 41%;
}

#header0v_0 > a.active:after, #header0v_0 > a.active:before {
    content: '';
    display: block;
    left: 100%;
    height: 0;
}

/*Edit*/
/*#header0v_0 > a:nth-child(2):before,
#header0v_0 > a:nth-child(3):before,
#header0v_0 > a:nth-child(4):before,
#header0v_0 > a:nth-child(5):before,
#header0v_0 > a:nth-child(6):before,
#header0v_0 > a:nth-child(7):before {
  display: block;
  content: "";
  height: 52px;
  width: 52px;
  margin: 0 auto 8px;
  transition: all 0.2s ease-in;
}*/

#header0v_0 > a:nth-child(1) {
  content: none;
  display: block;
  height: 42px;
  margin: 40px auto 32px auto;
  background-size: contain;
}

#header0v_0 > a:nth-child(2):before {
    /*background-size: 50px 50px;
    background-size: cover;*/
  background: url(../_images/icons/Product.png) no-repeat center center;
}

#header0v_0 > a:nth-child(5):before {
  background: url(../_images/icons/deploy.svg) no-repeat center center;
}

#header0v_0 > a:nth-child(3):before {
  background: url(../_images/icons/credit-card.svg) no-repeat center center;
}

#header0v_0 > a:nth-child(4):before {
  background: url(../_images/icons/support.svg) no-repeat center center;
}

#header0v_0 > a:nth-child(6):before {
  background: url(../_images/icons/dashboard.svg) no-repeat center center;
}

#header0v_0 > a:nth-child(n+2) {
  display: block;
  font-size: 17px;
  padding: 12px 0;
  margin-bottom: 8px;
  position: relative;
  color: #aeb6d5;  /*#aeb6d5*/
  font-weight: 500;
  transition: color 0.2s ease-in;
}

#header0v_0 > a:nth-child(n+2):hover {
  color: #ffffff;
}

#header0v_0 > a:nth-child(n+2):hover:before {
  transform: translate3d(0, -6px, 0);
}

@media screen and (max-height: 767px) {
  #header0v_0 > a:nth-child(1) {
    margin: 24px auto 16px auto;
  }
  #header0v_0 > a:nth-child(n+2) {
    padding: 6px 0;
  }
}

/* Mobile Header  linear-gradient(90deg, #1A2D7C 0%, #1F3693 100%);*/
#header0h_0 {
  display: none;
  justify-content: space-between;
  align-items: center;
  height: 72px;
  margin-left: 0px;
  width: 100%;
  padding: 0px 30px;
  background:#142467;/*linear-gradient(360deg,#1A0003,#750010);*/
  box-shadow: 0 2px 24px rgba(11, 15, 20, 0.08);
  z-index: 10;
  color: #ffffff;
  flex-direction: row-reverse;
}

#header0h_0 .zmdi {
  font-size: 30px;
}

#header0h_1 {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 24px;
  color: #ffffff;
  cursor: pointer;
  font-family: "Material-Design-Iconic-Font";
}

#header0h_1:before {
  content: "\f197";

}

#header0h_2 {
  display: block;
  width: auto;
  height: 36px;
  position: relative;
  bottom: 1px;
  background-size: 38px 36px;
  background-repeat: no-repeat;
}

#header0h_3 {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 29px;
  color: #ffffff;
  cursor: pointer;
  /*font-family: "Material-Design-Iconic-Font";*/
}

#header0h_3:before {
  content: "\f1fe";
}

#header0h_3:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -6px;
  height: 5px;
  width: 5px;
  border-radius: 5px;
  background-color: #E53935;
  animation-name: pulse;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #header0v_0 {
    display: none;
  }
  #header0h_0 {
    display: flex;
  }
  body {
    margin-left: 0px !important;

    max-width: 394px;
  }
  a.deploy_floating {
    position: fixed;
    bottom: 32px;
    right: 40px;
  }
}

#header1_1 {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 24px;
  cursor: pointer;
  font-family: "Material-Design-Iconic-Font";
}

#header1_1:before {
  content: "\f1fe";
}

@media all and (max-width: 767px) {
  .hide_on_mobile {
    display: none !important;
  }
}

#header1_session {
  text-align: center;
  overflow: hidden;
  transition: height 0.5s linear;
  height: 0px;
  opacity: 0;
}

#header1_session.grow {
  height: 54px;
  opacity: 1.0;
}

#header1_session > div {
  display: block;
  width: 100%;
  padding: 8px 8px;
  color: #fca426;
  background-color: #fff3e2;
  position: relative;
  overflow: hidden;
  font-weight: normal;
  text-align: center;
}

#header1_session > div .inactivity_message {
  margin-bottom: 8px;
  margin-right: 5px;
  text-align: center;
  vertical-align: middle;
}

#header1_session .button {
  background-color: #fca426;
  padding: 4px 24px;
  color: #fff;
}

#header1_session .button:hover {
  background-color: #fca426;
}

#header1_session .glyph {
  display: none;
}

@media (max-width: 767px) and (min-width: 0px) {
  #header1_1 {
    display: none;
  }
}

/*  #20273 mobile-responsiveness
  ***** (iPhone 6 plus and smaller)  ***/
@media all and (max-width: 767px) {
  #header1_0 {
    position: absolute;
    top: 0px;
    margin-bottom: 3px;
    padding: 0;
    font-size: 16px;
    width: 100%;
    text-align: center;
  }
  #header1_session {
    overflow: visible;
    z-index: -1;
    position: relative;
  }
  #header1_session.grow {
    height: 54px;
    opacity: 1.0;
    margin-bottom: 17px;
  }
  #header1_session .glyph {
    display: none;
  }
}

#header2_wrap,
#header2_deploy {
  max-width: 1290px;
  margin: 0px auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#header2_wrap,
#header2_deploy,
.header-top {
  padding: 16px 30px 32px 30px;
  margin-top: 27px;
}

#header2_wrap > .header-top {
  padding: 0;
  margin: 0;
}

.app-header {
  margin-bottom: 24px;
  border: 0px !important;
}

#header2_right {
  display: flex;
  white-space: nowrap;
}

#header2_right > form {
  color: #666B80;
  font-size: 14px;
}

#header2_right > form .select2-container {
  width: auto !important;
  background: none;
}

#header2_right > form .select2-selection {
  height: 44px;
  padding-right: 32px;
  background: none;
  border: 1px solid rgba(240, 246, 255, 0.1);
}

#header2_right > form .select2-selection__rendered {
  line-height: 44px;
  color: #666B80;
}

#header2_right > form .select2-selection__arrow {
  height: 44px !important;
}

#header2_right > form .select2-selection__arrow b {
  border-color: #8e95a2 transparent transparent;
  border-width: 4px 4px 0;
}

#header2_right > * + * {
  margin-left: 16px;
}

#header2_right .header2_viewconsole,
#header2_right .header2_substop,
#header2_right .header2_subrestart,
#header2_right .header2_subreinstall,
#header2_right .header2_subdestroy,
#header2_right a.header2_subdestroy {
  margin-left: 0;
}

.form-group {
  margin-bottom: 0;
}

.form-group--icon {
  border-radius: 3px;
}

.form-group--icon input[type="text"] {
  height: 42px;
}

/* Header Left - page title */
#header2_deploy h1,
#header2_left h1,
.header-topr h1 {
  color: #142149;
  margin-bottom: 0;
}

#header2_left {
  flex-grow: 2;
  margin-right: 50px;
}

/*  #20273 mobile-responsiveness
  ***** (iPhone 6 plus and smaller)  ***/
@media all and (max-width: 767px) {
  #header1_0 {
    position: absolute;
    top: 0px;
    margin-bottom: 3px;
    padding: 0;
    font-size: 16px;
    width: 100%;
    text-align: center;
  }
  #header1_session {
    overflow: visible;
    z-index: -1;
    position: relative;
  }
  #header1_session.grow {
    height: 54px;
    opacity: 1.0;
    margin-bottom: 17px;
  }
  #header1_session .glyph {
    display: none;
  }
}

#header2_wrap,
#header2_deploy,
.header-top {
  padding: 5px 20px 5px 20px;
  margin-top: 5px;
}

a.header3_1 {
  display: inline-block;
  color: #616366;
  position: relative;
  height: 49px;
  padding-top: 16px;
  font-size: 15px;
  margin-right: 20px;
}

a.header3_1:hover {
  color: #007bfc;
}

a.header3_1:after {
  display: block;
  position: absolute;
  z-index: 10;
  content: "";
  left: 0px;
  bottom: -1px;
  height: 2px;
  width: 0px;
  background-color: #007bfc;
  transition: width .3s;
}

a.header3_1active {
  color: #007bfc;
  font-weight: bold;
}

a.header3_1active:after {
  width: 100%;
}

#header3_3 {
  display: block;
  position: absolute;
  right: 25px;
  bottom: 35px;
  height: 51px;
  width: 51px;
  z-index: 5;
  border-radius: 26px;
  line-height: 51px;
  text-align: center;
  font-size: 27px;
  background-color: #007bfc;
  color: #ffffff;
  font-family: "Material-Design-Iconic-Font";
}

#header3_3:before {
  content: "\f278";
}

#header3_3:hover {
  background-color: #3ba3ff;
}

.block1290deploy,
#header3_0 {
  position: relative;
  margin-bottom: 56px;
  overflow: visible;
}

#header4_0 + .block1290 {
  margin-bottom: 30px;
}

#header4_0 {
  display: block;
  position: relative;
  top: -49px;
  z-index: -1;
  width: 100%;
  height: 1px;
  overflow: hidden;
  background-color: #E6E7EB;
}

.button.button-servers {
  position: absolute;
  top: -170px;
  right: 30px;
  background-color: rgba(42, 107, 227, 0.12);
  color: #007bfc;
  font-weight: 800;
}

.button.button-servers.btn-temp {
  position: absolute;
  top: -170px;
  right: 30px;
  background-color: white;
  color: #8a9099;
  font-weight: 500;
  border: #8a9099 2px dashed;
}

.button.button-servers:hover, .button.button-servers:active {
  background-color: rgba(23, 98, 227, 0.2);
}

.button.button-servers.btn-temp:hover, .button.button-servers.btn-temp:active, .button.button-servers.btn-temp:focus {
  color: #007bfc;
  border: #007bfc 2px dashed;
  background-color:white;
}

@media (max-width: 767px) {
  #header2_wrap,
  #header2_deploy {
    flex-wrap: wrap;
  }
  .button.button-servers.btn-sm {
    top: -118px;
    right: 16px;
    height: 40px;
    padding: 0 12px;
    line-height: 40px;
    font-size: 13px;
  }
  #header2_wrap,
  #header2_deploy,
  .header-top {
    padding: 16px 15px 0 16px;
    margin-top: 0;
  }
  .app-header {
    margin: 0;
  }
  #header2_left,
  .header-top {
    margin-right: 16px;
    margin-bottom: 0;
  }
  #header2_left h1,
  .header-top h1 {
    font-size: 28px;
  }
  #header2_deploy h1 {
    font-size: 28px;
  }
  #header2_right > form {
    display: block;
  }
  #header2_right > form .form-group {
    border: none;
    height: 44px;
    flex-direction: row-reverse;
  }
  #header2_right > form .form-group input {
    height: 44px;
    width: 100px;
  }
  #header2_right > form .form-group input::-ms-input-placeholder {
    color: transparent;
  }
  #header2_right > form .form-group input::placeholder {
    color: transparent;
  }
}

.header2_details {
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  line-height: 26px;
  color: #8a9099;
}

.header2_billing {
  display: inline-block;
  text-align: right;
}

.header2_billing > a {
  color: #1e2736;
  font-size: 25px;
  font-weight: 300;
  line-height: 42px;
}

.header2_billing > :nth-child(2) {
  color: #666B80;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}

@media (max-width: 767px) {
  .header2_billing > a {
    font-size: 28px;
    line-height: 32px;
  }
}

@media (max-width: 374px) {
  .header2_billing {
    display: none;
  }
  .header2_billing > a {
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    line-height: 42px;
  }
}

h1 {
  font-size: 36px;
  line-height: 42px;
  margin: 0px 0px 25px 0px;
  color: #1e2736;
  font-weight: 300;
}

h2 {
  font-size: 28px;
  line-height: 32px;
}

h3 {
  font-size: 24px;
  line-height: 24px;
  margin: 0px 0px 25px 0px;
  color: #1e2736;
  font-weight: 400;
}

h4 {
  font-size: 18px;
  line-height: 18px;
  margin: 0px 0px 18px 0px;
  color: #1e2736;
  font-weight: 400;
}

h5 {
  font-size: 17px;
  line-height: 16px;
  margin: 0px 0px 18px 0px;
  color: #1e2736;
  font-weight: 500;
}

.display-2 {
  display: block;
  font-size: 28px;
  line-height: 32px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
    .deploy_block h3 {
   
            margin-bottom: 18px;
         }
  h3 {
    font-size: 21px;
  }
}

body {
  margin: 0px 0px 56px 132px;
}

p {
  margin: 0;
}

.container-fluid {
  padding: 0 !important;
}

@media (min-width: 992px) {
  .row-eq-height {
    display: flex;
    flex-wrap: wrap;
  }
  .row-eq-height > [class*=col-] {
    display: flex;
  }
  .row-eq-height > [class*=col-] > * {
    margin: 0;
    width: 100%;
    height: 100%;
  }
  .row-eq-height > [class*=col-] > * .panel-body {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .row-eq-height > [class*=col-] > * .accordion {
    flex: 1;
  }
}

span.popup-icon,
.zmdi-edit.popup-icon,
.zmdi-accounts-alt.popup-icon {
  position: relative;
  top: 2px;
  font-size: 19px;
  display: inline-block;
  margin-right: 16px;
  width: 10%;
  text-align: left;
  color: #616366;
}

span.popup-icon.fonticonconsole,
span.popup-icon.fonticon_server {
  right: 1px;
}

a.server-destroy > span,
a.server-destroy:hover > span {
  color: red !important;
}

/* For safari */
.optiongroupcontrol {
  display: inline-block;
  font-size: 0px;
  white-space: nowrap;
}

.optiongroupcontrol > input {
  display: none;
}

.optiongroupcontrol > label {
  position: relative;
  font-size: 14px;
  color: #616366;
  font-weight: 800;
  line-height: 44px;
  height: 44px;
  padding: 0px 15px;
  margin-bottom: 5px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border-color: #E6E9EB;
  border-style: solid;
  border-width: 1px 1px 1px 0px;
}

.optiongroupcontrol > label:nth-child(2) {
  border-width: 1px;
  border-radius: 3px 0px 0px 3px;
}

.optiongroupcontrol > label:last-child {
  border-radius: 0px 3px 3px 0px;
}

.optiongroupcontrol > label:hover {
  border-color: #007bfc;
}

.optiongroupcontrol > label:nth-child(n+3):hover:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 1px;
  content: "\a0";
  background-color: #007bfc;
}

.optiongroupcontrol > input:checked + label {
  border-color: #007bfc;
  background-color: #007bfc;
  color: #ffffff;
}

.input_note {
  border: 1px solid #DCDEE0;
  vertical-align: middle;
  border-radius: 0;
  padding: 16px 12px;
  width: 100%;
}

.input_note.text_light {
  color: #9da2a6;
}

.flexlayoutform {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flexlayout100p {
  width: 100%;
}

.flexlayout460px {
  width: 460px;
}

.flexwidth1sixth {
  width: 15%;
}

.flexwidth1fifth {
  width: 18%;
}

.flexwidth1third {
  width: 30%;
}

.flexwidth1thirdcc {
  width: 32%;
}

.flexwidth2thirds {
  width: 64%;
}

.flexwidth34 {
  width: 34%;
}

.flexwidth27 {
  width: 27%;
}

.flexwidthhalf {
  width: 49.4%; /*47.5%*/
}

.flexwidthhalfcc {
  width: 49%;
}

.flexwidthquarter {
  width: 21.2%;
}

.flexwidthquartercc {
  width: 23.2%;
}

.flexwidth100 {
  width: 100%;
}

div.tag-form,
div.label-form {
  margin-top: 3px;
}

form.dynamic-tag .select2-container--default .select2-selection--single {
  border: 0px;
  margin-left: -15px;
}

form.dynamic-tag .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 35px;
  line-height: initial;
  position: relative;
  top: 5px;
}

form.dynamic-tag .select2-container .select2-selection--single {
  height: initial;
}

form.dynamic-tag .select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 35%;
}

input[type=submit].responsivefullwidthmr10,
.responsivefullwidthmr10 {
  margin-left: 10px;
}

@media all and (min-width: 0px) and (max-width: 700px) {
  .responsiveccfullwidth {
    width: 100%;
  }
}

.success_message,
.success_message a {
  color: #16DB62;
  border-color: #16DB62;
}

.warning_message,
.warning_message a {
  color: #fca426;
  border-color: #fca426;
}

.error_message,
.error_message a {
  color: #e31519;
  border-color: #e31519;
}

.promo_message,
.promo_message a {
  color: #16DB62;
  border-color: #16DB62;
}

.info_message,
.info_message a {
  color: #007bfc;
  border-color: #007bfc;
}

.resolved_message,
.resolved_message a {
  color: #808080;
  border-color: #909090;
}

.success_message,
.warning_message,
.error_message,
.promo_message,
.info_message,
.resolved_message {
  position: relative;
  font-size: 15px;
  max-width: 1290px;
  margin: 0px auto 40px auto;
  padding: 14px 16px;
  text-align: left;
  border-radius: 0;
  border-width: 0 0 0 3px;
  border-style: solid;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

.success_message a,
.warning_message a,
.error_message a,
.promo_message a,
.info_message a,
.resolved_message a {
  text-decoration: underline;
}

.notice_close {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 5px;
  font-size: 22px;
  padding: 5px 12px;
}

.notice_close::before {
  content: "\f136";
  font-family: "Material-Design-Iconic-Font";
  opacity: .6;
}

.status_success {
  color: #16DB62;
  white-space: nowrap;
}

.status_success:before {
  display: inline-block;
  content: "";
  height: 8px;
  width: 8px;
  margin: -4px 6px 0 0;
  vertical-align: middle;
  border-radius: 4px;
  background-color: #16DB62;
}

.status_warning,
.status_warning_2 {
  color: #E67E27;
  white-space: nowrap;
}

.status_warning:before {
  display: inline-block;
  content: "";
  height: 8px;
  width: 8px;
  margin: -4px 6px 0 0;
  vertical-align: middle;
  border-radius: 0;
  background-color: #fca426;
}

.status_error,
.status_error_2 {
  color: #e31519;
  white-space: nowrap;
}

.status_error:before {
  display: inline-block;
  content: "";
  height: 8px;
  width: 8px;
  margin: -4px 6px 0 0;
  vertical-align: middle;
  border-radius: 0;
  background-color: #e31519;
}

.status_disabled {
  color: #777777;
  white-space: nowrap;
}

.status_disabled:before {
  display: inline-block;
  content: "";
  height: 8px;
  width: 8px;
  margin: -4px 6px 0 0;
  vertical-align: middle;
  border-radius: 0;
  background-color: #777777;
}

.block1290,
#header3_0 {
  position: relative;
  max-width: 1290px;
  min-width: 320px;
  margin: 0px auto 48px auto;
  padding: 0px 30px;
  overflow: unset !important;
}

.block1290 > .block1290 {
  margin: 0;
  padding: 0;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .block1290 {
    padding: 0px 15px;
    padding-bottom: 40px;
  }
  .block1290 a.button:first-of-type:not(.button-servers) {
    width: 100%;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
  .block1290 {
    overflow: hidden;
  }
}

.flex3column_center {
  width: 100%;
}

.block460left .panel,
.block460center .panel,
.block520left .panel,
.block520center .panel,
.content-block .panel {
  box-shadow: none;
  background: transparent;
  border-radius: 0;
}

.block460left .panel .panel-body,
.block460center .panel .panel-body,
.block520left .panel .panel-body,
.block520center .panel .panel-body,
.content-block .panel .panel-body {
  padding: 0;
}

.block460center,
.block460left,
.block520center,
.block520left {
  margin: 0 0 40px 0;
  /*max-width: 520px;*/   
}

.block460center:last-child,
.block460left:last-child,
.block520center:last-child,
.block520left:last-child {
  margin-bottom: 0;
}

.block460center + hr,
.block460left + hr,
.block520center + hr,
.block520left + hr {
  display: none;
}

#tab_settings .block460left,
#tab_records .block460left {
  border: 1px solid #E6E7EB;
}

#tab_settings .flex3column_center .block460left {
  border: none;
}

#tab_settings .flex3column_center + .flex3column_center {
  margin-top: 24px;
}

#tab_records .select2-selection__rendered {
  line-height: 37px !important;
  padding-left: 5px !important;
  padding-top: 0px !important;
}

#tab_records .select2-selection {
  height: 37px !important;
}

#tab_records select {
  width: 80% !important;
}

#tab_records .select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 35%;
}

#tabc_billingaddfunds .block520center h3 {
  margin-bottom: 30px;
}

/*
* QRCode billing
*/
#tabc_billingaddfunds .qrcode-panel .back_button_header {
	margin: 15px;
}

.qrcode-container {
	border-radius: 0;
	border-top: 1px solid #e3e5e8;
}

#qrcode {
	padding-bottom: 20px;
}

#tabc_billinglimits.block520center .panel-body {
  padding: 20px;
}

@media (min-width: 768px) {
  #tabc_billingaddfunds.flex3column .container-fluid .row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    margin: 0;
  }
  #tabc_billingaddfunds.flex3column .container-fluid .row > .col-md-2 {
    width: 180px;
    padding: 0;
  }
  #tabc_billingaddfunds.flex3column .container-fluid .row > .col-md-8 {
    flex: 1;
    width: auto;
    max-width: 100%;
    padding: 0;
  }
  #tabc_billingaddfunds.flex3column .container-fluid .row > .col-sm-2 {
    display: none;
  }
}

.content-block {
  max-width: 100%;
  margin: 0px auto;
  overflow: hidden;
}

.content-block h3,
.content-block h4 {
  width: 100%;
  display: block;
}

.content-block h4 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.content-block .tablelist [colspan="4"],
.content-block .responsivetable [colspan="4"] {
  text-align: center;
}

@media (max-width: 767px) {
  .block520center {
    padding: 16px;
  }
}

/******
  Only used for billing auth form.
  *******/
.block700center {
  max-width: 700px;
  margin: 0px auto 50px auto;
  overflow: hidden;
}

div.flex3column {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
}

div.flex3column_left {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: none;
  width: 180px;
}

div.flex3column > div.flex3column_left {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

div.flex3column_left input.tabmenu_radio + label {
  margin-bottom: 15px;
}

div.flex3column_left input.tabmenu_radio + label:last-child {
  margin-bottom: 0;
}

div.flex3column_left input.tabmenu_radio:checked + label {
  font-weight: normal;
}

@media (max-width: 768px) {
  div.flex3column {
    flex-direction: column;
  }
  div.flex3column_center {
    margin: 0;
    width: 100%;
  }
  div.flex3column_left {
    margin: 0 0 24px 0;
    width: 100%;
  }
}

.inputformiconoverlay {
  display: block;
  position: absolute;
  top: 12px;
  right: 18px;
}

.inputformiconoverlay > * {
  margin-left: 20px;
}

.innerblock {
  border: 1px solid #e6e9eb;
  border-radius: 0;
  padding: 30px;
  margin-right: 15px;
}

.beta_tag {
  background: #d4e0fb;
  color: #007bfc;
  font-weight: normal;
  padding: 4px 6px;
  border-radius: 2px;
  font-size: 11px;
  line-height: 11px;
}

.h3link {
  font-size: 15px;
  font-weight: 300;
}

/*span[data-popup2] */
#HOVERPOPUP2 {
  pointer-events: none;
  display: none;
  position: absolute;
  z-index: 1000;
  font-size: 13px;
  text-align: center;
  background-color: #4b4f51;
  color: #ffffff;
  border-radius: 0;
  padding: 4px 10px;
}

#HOVERPOPUP2:after {
  pointer-events: none;
  position: absolute;
  font-size: 10px;
  bottom: -16px;
  left: 0px;
  right: 0px;
  text-align: center;
  content: "▼";
  color: #4b4f51;
  transform: scale(2, 1);
}

.dialogPopupBackground {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1999;
  background-color: rgba(0, 0, 0, 0.8);
}

.dialogPopup {
  position: relative;
  max-width: 500px;
  background-color: #FFFFFF;
  border-radius: 0;
  padding: 40px 50px;
  margin: 20px;
}

.dialogclosebutton {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #bbbbbb;
  font-weight: bold;
  font-size: 24px;
  cursor: pointer;
}

.dialogclosebutton:hover {
  color: #ffffff;
}

.dialogclosebutton:after {
  font-family: "Material-Design-Iconic-Font";
  font-size: 24px;
  content: "\f136";
}

.dialogContent {
  text-align: center;
}

.dialogButtons {
  text-align: center;
  margin-top: 25px;
}

.dialogButtons input[type=button] {
  margin: 5px;
  min-width: 140px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .dialogPopup {
    padding: 40px 40px;
  }
  .dialogclosebutton {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #ffffff;
  }
  .dialogclosebutton:hover {
    color: #888888;
  }
}

#DROPDOWNPOPUP {
  position: absolute;
  top: 0px;
  opacity: 0;
  margin-top: 20px;
  display: none;
  background-color: #ffffff;
  width: 200px;
  padding: 6px 0px;
  border: none;
  z-index: 1000;
  border-radius: 0;
  text-align: left;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

#DROPDOWNPOPUP [aria-label="Popup Menu"] {
  display: none;
}

#DROPDOWNPOPUP > a,
#DROPDOWNPOPUP > span,
#DROPDOWNPOPUP > button {
  display: block;
  padding: 5px 24px !important;
  color: #70757d;
  cursor: pointer;
  background-color: transparent;
  border-width: 0px;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  text-decoration: none;
}

#DROPDOWNPOPUP > a:hover,
#DROPDOWNPOPUP > button:hover,
#DROPDOWNPOPUP > span:hover {
  color: #3ba3ff;
  transition: background-color .3s;
  background-color: #eef4ff;
}

#DROPDOWNPOPUP > hr {
  background-color: #dcdee08c;
  height: 1px;
  border: none;
  padding: 0px;
  margin: 6px 0px;
}

#DROPDOWNPOPUP::before {
  display: block;
  position: absolute;
  right: 17px;
  top: -17px;
  content: "\f2f8";
  height: 16px;
  width: 18px;
  color: #dcdee0;
  font-family: 'Material-Design-Iconic-Font';
  font-size: 40px;
}

#DROPDOWNPOPUP::after {
  display: block;
  position: absolute;
  right: 17px;
  top: -16px;
  content: "\f2f8";
  height: 16px;
  width: 18px;
  color: #ffffff;
  font-family: 'Material-Design-Iconic-Font';
  font-size: 40px;
}

.pageoptions span {
  display: inline-block;
  border-radius: 18px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #007bfc;
  font-weight: bold;
  margin: 5px 3px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #007bfc;
}

.pageoptions a {
  display: inline-block;
  border-radius: 18px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #616366;
  font-weight: 400;
  margin: 5px 3px;
  font-size: 14px;
  text-align: center;
}

.pagingoptions {
  float: right;
}

#DROPDOWNPOPUP,
.dropdown__menu {
  position: absolute;
  top: 0;
  opacity: 0;
  margin-top: 20px;
  display: none;
  background-color: #fff;
  min-width: 230px;
  padding: 6px 0;
  border: none;
  z-index: 1000;
  border-radius: 0;
  text-align: left;
  box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .04), 0 8px 64px 0 rgba(10, 14, 29, .08)
}

#DROPDOWNPOPUP [aria-label="Popup Menu"],
.dropdown__menu [aria-label="Popup Menu"] {
  display: none
}

#DROPDOWNPOPUP .dropdown__menu-item,
#DROPDOWNPOPUP>a,
#DROPDOWNPOPUP>button,
#DROPDOWNPOPUP>span,
.dropdown__menu .dropdown__menu-item,
.dropdown__menu>a,
.dropdown__menu>button,
.dropdown__menu>span {
  display: block;
  padding: 5px 24px !important;
  color: #70757d;
  cursor: pointer;
  background-color: transparent;
  border-width: 0;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  text-decoration: none
}

#DROPDOWNPOPUP .dropdown__menu-item svg path,
#DROPDOWNPOPUP>a svg path,
#DROPDOWNPOPUP>button svg path,
#DROPDOWNPOPUP>span svg path,
.dropdown__menu .dropdown__menu-item svg path,
.dropdown__menu>a svg path,
.dropdown__menu>button svg path,
.dropdown__menu>span svg path {
  transition: fill .3s
}

#DROPDOWNPOPUP .dropdown__menu-item:hover,
#DROPDOWNPOPUP>a:hover,
#DROPDOWNPOPUP>button:hover,
#DROPDOWNPOPUP>span:hover,
.dropdown__menu .dropdown__menu-item:hover,
.dropdown__menu>a:hover,
.dropdown__menu>button:hover,
.dropdown__menu>span:hover {
  color: #007bfc;
  transition: background-color .3s;
  background-color: #eef4ff
}

#DROPDOWNPOPUP .dropdown__menu-item:hover svg .st0,
#DROPDOWNPOPUP .dropdown__menu-item:hover svg path,
#DROPDOWNPOPUP>a:hover svg .st0,
#DROPDOWNPOPUP>a:hover svg path,
#DROPDOWNPOPUP>button:hover svg .st0,
#DROPDOWNPOPUP>button:hover svg path,
#DROPDOWNPOPUP>span:hover svg .st0,
#DROPDOWNPOPUP>span:hover svg path,
.dropdown__menu .dropdown__menu-item:hover svg .st0,
.dropdown__menu .dropdown__menu-item:hover svg path,
.dropdown__menu>a:hover svg .st0,
.dropdown__menu>a:hover svg path,
.dropdown__menu>button:hover svg .st0,
.dropdown__menu>button:hover svg path,
.dropdown__menu>span:hover svg .st0,
.dropdown__menu>span:hover svg path {
  transition: fill .3s;
  fill: #007bfc !important
}

#DROPDOWNPOPUP .dropdown__menu-item:hover svg .move-icon-st0,
#DROPDOWNPOPUP>a:hover svg .move-icon-st0,
#DROPDOWNPOPUP>button:hover svg .move-icon-st0,
#DROPDOWNPOPUP>span:hover svg .move-icon-st0,
.dropdown__menu .dropdown__menu-item:hover svg .move-icon-st0,
.dropdown__menu>a:hover svg .move-icon-st0,
.dropdown__menu>button:hover svg .move-icon-st0,
.dropdown__menu>span:hover svg .move-icon-st0 {
  stroke: #3ba3ff !important
}

#DROPDOWNPOPUP .dropdown__menu-item:hover.remove,
#DROPDOWNPOPUP>a:hover.remove,
#DROPDOWNPOPUP>button:hover.remove,
#DROPDOWNPOPUP>span:hover.remove,
.dropdown__menu .dropdown__menu-item:hover.remove,
.dropdown__menu>a:hover.remove,
.dropdown__menu>button:hover.remove,
.dropdown__menu>span:hover.remove {
  color: #e31519
}

#DROPDOWNPOPUP .dropdown__menu-item:hover.remove svg path,
#DROPDOWNPOPUP>a:hover.remove svg path,
#DROPDOWNPOPUP>button:hover.remove svg path,
#DROPDOWNPOPUP>span:hover.remove svg path,
.dropdown__menu .dropdown__menu-item:hover.remove svg path,
.dropdown__menu>a:hover.remove svg path,
.dropdown__menu>button:hover.remove svg path,
.dropdown__menu>span:hover.remove svg path {
  fill: #e31519 !important
}

#DROPDOWNPOPUP .dropdown__menu-divider,
#DROPDOWNPOPUP hr,
.dropdown__menu .dropdown__menu-divider,
.dropdown__menu hr {
  background-color: rgba(220, 222, 224, .55);
  height: 1px;
  border: none;
  padding: 0;
  margin: 6px 0
}

#DROPDOWNPOPUP:before,
.dropdown__menu:before {
  top: -16px;
  color: #dcdee0
}

#DROPDOWNPOPUP:after,
#DROPDOWNPOPUP:before,
.dropdown__menu:after,
.dropdown__menu:before {
  display: block;
  position: absolute;
  right: 16px;
  content: "\f2f8";
  height: 16px;
  width: 18px;
  font-family: Material-Design-Iconic-Font;
  font-size: 40px
}

#DROPDOWNPOPUP:after,
.dropdown__menu:after {
  top: -15px;
  color: #fff
}

.dropdown__menu {
  display: block;
  top: 100%;
  right: 0;
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  transform: translate3d(0, 16px, 0)
}

.dropdown__menu-item {
  display: flex !important;
  align-items: center
}

.dropdown__menu-item .svg-icon {
  margin-right: 16px
}

.dropdown__menu-item>span {
  white-space: nowrap
}

.dropdown__menu-scroll {
  max-height: 415px;
  overflow: auto;
  margin-top: 6px;
  padding: 6px 0;
  border-top: 1px solid rgba(220, 222, 224, .55)
}

.dropdown__menu-scroll:not(:last-child) {
  border-bottom: 1px solid rgba(220, 222, 224, .55);
  margin-bottom: 6px
}

.dropdown__menu-scroll:last-child {
  margin-bottom: -6px
}

.dropdown__menu-scroll::-webkit-scrollbar-button {
  display: none
}

.dropdown__menu-scroll::-webkit-scrollbar-thumb {
  background-color: #ccc;
  height: 0
}

.dropdown__menu-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #ccc
}

.dropdown__menu-scroll::-webkit-scrollbar-track,
.dropdown__menu-scroll::-webkit-scrollbar-track:hover {
  background-color: #efefef
}

.dropdown__menu-scroll::-webkit-scrollbar {
  width: 6px
}

.dropdown--on-hover:hover .dropdown__menu {
  opacity: 1;
  visibility: visible;
  transition: all .3s ease;
  transform: translate3d(0, 8px, 0)
}

.pagingoptions span {
  display: inline-block;
  border-radius: 18px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #007bfc;
  font-weight: bold;
  margin: 5px 3px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #007bfc;
}

.pagingoptions a {
  display: inline-block;
  border-radius: 18px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #616366;
  font-weight: 400;
  margin: 5px 3px;
  font-size: 14px;
  text-align: center;
}

.svg-logo {
  overflow: visible;
}

.svg-logo__text {
  fill: #fff;
}

.svg-logo__shape-1 {
  fill: #007bfc;
}

.svg-logo__shape-2 {
  fill: #51b9ff;
}

.svg-logo__shape-3 {
  fill: #fff;
}

span.service_alerts_count {
  height: 21px;
  width: 21px;
  background-color: #e31519;
  border-radius: 100%;
  border: 2px solid #fff;
  top: -9px;
  right: -9px;
  display: inline-flex;
  position: absolute;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  font-family: 'Roboto';
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.5, 1.5, 1.5);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

span.spanlink {
  color: #616366;
  padding-left: 10px;
}

span.spanlink:hover {
  color: #007bfc;
  cursor: pointer;
}

span.spanlink:active {
  color: #616366;
  text-shadow: 0px 0px 3px #eaeaea;
}

span.spanlink > .fonticon {
  color: inherit;
  font-size: 1.5em;
}

.spanflash {
  -moz-animation: flash 0.5s ease-out;
  -moz-animation-iteration-count: 1;
  -webkit-animation: flash 0.5s ease-out;
  -webkit-animation-iteration-count: 1;
  -ms-animation: flash 0.5s ease-out;
  -ms-animation-iteration-count: 1;
}

/* Menu sidebar */
#menusidebar_block {
  position: fixed;
  left: -400px;
  top: 0px;
  bottom: 0px;
  width: 360px;
  overflow: hidden;
  background-color: #ffffff;
  border-left: 1px solid #DCDEE0;
  z-index: 1001;
  box-shadow: 0 2px 24px rgba(11, 15, 20, 0.08);
  transition: all ease-in .3s;
}

#menusidebar_hide {
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
  font-size: 24px;
  opacity: 0.4;
  font-family: "Material-Design-Iconic-Font";
}

#menusidebar_hide:after {
  content: '\f136';
}

#menusidebar_container {
  padding: 40px 30px;
  text-align: center;
}

#menusidebar_container a {
  display: block;
  padding: 12px 0px;
  font-weight: bold;
  color: #1e2736;
  letter-spacing: -0.1px;
}

#menusidebar_container a:hover {
  color: #007bfc;
}

#menusidebar_container a.active {
  color: #007bfc;
}

/* Notifications sidebar */
#notifications_block {
  position: fixed;
  right: -400px;
  top: 0px;
  bottom: 0px;
  width: 360px;
  overflow: auto;
  background-color: #ffffff;
  z-index: 1001;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
  transition: all ease-in .2s;
}

#notifications_hide {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  font-size: 24px;
  opacity: 0.4;
  font-family: "Material-Design-Iconic-Font";
}

#notifications_hide:after {
  content: '\f136';
}

.notification_container {
  border-top: 1px solid #EDF0F2;
  padding: 20px 30px;
}

.notification_title {
  position: relative;
  padding: 0px 0px 0px 30px;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  color: #1e2736;
  word-wrap: break-word;
}

.notification_title.closed:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "\f269";
  font-size: 20px;
  color: #43a047;
  font-family: "Material-Design-Iconic-Font";
}

.notification_title.open:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "\f1f4";
  font-size: 20px;
  color: #fca426;
  font-family: "Material-Design-Iconic-Font";
}

.notification_title.closed .badge {
  background-color: #43a047;
  color: #ffffff;
  font-size: 11px;
}

.notification_title.open .badge {
  background-color: #fca426;
  color: #ffffff;
  font-size: 11px;
}

#notifications_header {
  font-size: 17px;
  margin: 16px 30px;
  color: #1e2736;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
}

#notifications_header a {
  font-size: 13px;
  font-weight: 200;
  display: block;
}

.notification_date {
  display: inline-block;
  font-size: 11px;
  padding: 20px 0px 0px 0px;
  margin-bottom: 7px;
  opacity: .7;
  width: 81%;
}

.notification_entry {
  font-size: 13px;
  line-height: 23px;
}

.notification_dismiss {
  cursor: pointer;
  color: #007bfc;
  text-decoration: none;
  font-size: 11px;
}

/* / */
.serverlistactions {
  position: absolute;
  right: 3px;
  top: 72px;
  display: none;
  background-color: #ffffff;
  width: 200px;
  padding: 12px 0px;
  border: 1px solid #DCDEE0;
  z-index: 1000;
  border-radius: 0;
  text-align: left;
  box-shadow: 0px 10px 40px -5px rgba(37, 45, 51, 0.25);
}

.serverlistactions > a {
  display: block;
  padding: 5px 25px;
  color: #616366;
}

.serverlistactions > a:hover {
  color: #3ba3ff;
}

.serverlistactions > hr {
  background-color: #DCDEE0;
  height: 1px;
  border: none;
  padding: 0px;
  margin: 5px 0px;
}

.serverlistactions::before {
  display: block;
  position: absolute;
  right: 17px;
  top: -18px;
  content: "\f2f8";
  height: 16px;
  width: 18px;
  color: #dcdee0;
  font-family: 'Material-Design-Iconic-Font';
  font-size: 40px;
}

.serverlistactions::after {
  display: block;
  position: absolute;
  right: 17px;
  top: -17px;
  content: "\f2f8";
  height: 16px;
  width: 18px;
  color: #ffffff;
  font-family: 'Material-Design-Iconic-Font';
  font-size: 40px;
}

/* Billing */
div.billingiplog {
  margin: 60px 0px 0px 0px;
  text-align: center;
  opacity: .7;
}

input.billing_ccradio {
  display: none;
}

/* creditcard option container */
input.billing_ccradio + label {
  position: relative;
  line-height: 28px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  cursor: pointer;
  min-height: 52px;
  padding: 10px 10px 10px 10px;
  margin-bottom: 15px;
  border: 1px solid #E6E9EB;
  border-radius: 0;
}

input.billing_ccradio:checked + label {
  color: #fff;
  border-color: transparent !important;
  background: #026FCE;
  background: linear-gradient(245deg, #135FAC 1%, #007bfc 64%, #40BAF5 97%);
  background-image: linear-gradient(245deg, #135FAC 1%, #007bfc 64%, #1E87E3 97%);
  background-size: 102% 102%;
  background-position: -1px;
  box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5);
  transition: all ease-in .3s;
}

/* creditcard option radio button */
input.billing_ccradio + label::before {
  position: absolute;
  top: 12px;
  left: 12px;
  font-family: "Material-Design-Iconic-Font";
  font-weight: normal;
  font-size: 24px;
  color: #cacdcf;
  content: "\f26c";
  z-index: -10;
}

input.billing_ccradio:checked + label::before {
  content: "\f26f";
  color: #ffffff;
}

/* creditcard option children */
.billing_cc_description {
  margin-right: 20px;
}

.billing_cc_expiration {
  flex-grow: 2;
  -webkit-flex-grow: 2;
  width: 1px;
  font-size: 13px;
  white-space: nowrap;
  text-align: center;
}

.billing_cc_move {
  margin-right: 20px;
  min-width: 28px;
}

input.billing_ccradio + label button {
  border: none;
  background-color: transparent;
}

input.billing_ccradio:checked + label .fonticonchevronup {
  color: #a3d1fa;
}

input.billing_ccradio:checked + label .fonticondelete {
  color: #a3d1fa;
}

input.billing_ccradio:checked + label .fonticonchevronup:hover {
  color: #ffffff;
}

input.billing_ccradio:checked + label .fonticondelete:hover {
  color: #ffffff;
}

@media all and (max-width: 520px) {
  .billing_cc_description {
    width: 100%;
  }
  .billing_cc_expiration {
    opacity: 0;
  }
}

input.billing_ccradioexpired + label {
  opacity: .6;
  background-color: #E6E9EB;
  border-color: #d6d9dB;
}

/* paypal autopay */
div.paypayAutopayContainer {
  margin-bottom: 40px;
}

div.paypalAutopayItem {
  position: relative;
  line-height: 28px;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 52px;
  padding: 10px 10px 10px 10px;
  margin-bottom: 15px;
  border: 1px solid #E6E9EB;
  border-radius: 0;
}

div.paypalAutopayItem button {
  border: none;
  background-color: transparent;
}

div.paypalAutopayItem > :nth-child(1) {
  padding: 0px 15px 0px 5px;
  text-align: center;
}

div.paypalAutopayItem > :nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
  flex-grow: 2;
  -webkit-flex-grow: 2;
}

div.paypalAutopayItem > :nth-child(3) {
  text-align: right;
}

div.paypayAutopayContainer > :nth-child(1) > :nth-child(3) {
  opacity: 0;
  pointer-events: none;
}

div.paypayAutopayContainer > :nth-child(1) {
  color: #fff;
  border-color: transparent !important;
  background: #026FCE;
  background: linear-gradient(45deg, #135FAC 1%, #007bfc 64%, #40BAF5 97%);
  background-image: linear-gradient(45deg, #135FAC 1%, #007bfc 64%, #1E87E3 97%);
  background-size: 102% 102%;
  background-position: -1px;
  box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5);
  transition: all ease-in .3s;
}

div.paypayAutopayContainer > :nth-child(1) .fonticondelete {
  color: #a3d1fa;
}

div.paypayAutopayContainer > :nth-child(1) .fonticondelete:hover {
  color: #ffffff;
}

div.balance_blocks {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.balance_block {
  position: relative;
  display: block;
  width: 28%;
  padding: 40px 32px;
  background: #fff;
  border-radius: 0;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
  text-align: center;
  transition: all 0.2s ease-in;
  overflow: hidden;
}

.balance_block:before {
  font-family: "icons";
  font-size: 58px;
  line-height: 38px;
  color: #007bfc;
}

.balance_block .balance_value {
  color: #1e2736;
  font-size: 36px;
  font-weight: 300;
  line-height: 42px;
  transition: all 0.2s ease-in;
}

.balance_block .balance_title {
  font-size: 15px;
  color: #8a9099;
  margin-top: 8px;
  transition: all 0.2s ease-in;
}

.balance_block .balance_desc {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.2s ease-in, opacity ease-in 0.35s;
  color: #8a9099;
  font-size: 13px;
}

.balance_block:hover .balance_desc {
  opacity: 1;
  transform: translate3d(0, -8px, 0);
}

.balance_block:hover .balance_value,
.balance_block:hover .balance_title {
  transform: translate3d(0, -16px, 0);
}

@media all and (min-width: 0px) and (max-width: 800px) {
  div.balance_blocks {
    flex-direction: column;
  }
  a.balance_block {
    width: 100%;
    margin-bottom: 20px;
    padding: 30px 0px 0px 0px;
  }
}

.innerformblue {
  padding: 30px 30px 20px 30px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  background: linear-gradient(45deg, #135FAC 1%, #007bfc 64%, #40BAF5 97%);
  border-radius: 0;
  box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.3);
  margin-bottom: 10px;
}

.innerformblue input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.innerformblue input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.innerformblue input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.innerformblue input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.innerformblue input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.innerformblue div {
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 20px;
}

.innerformblue .floatinglabel > :nth-child(1) {
  color: rgba(196, 227, 255, 0.5);
}

.innerformblue input,
.innerformblue input:focus {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
}

/* Support */
span.ticket_count {
  display: block;
  position: absolute;
  top: -4px;
  left: 60px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 9px;
  font-weight: 300;
  border-radius: 10px;
  background-color: #3ba3ff;
  color: #ffffff;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
  span.ticket_count {
    display: none;
  }
}

.support_tickettabledescription {
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#support_alert_notification {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  font-size: 16px;
  color: #fca426;
  margin: 5px 0px 50px 0px;
  border: 1px solid #edf0f2;
  padding: 15px 45px 15px 60px;
  min-height: 60px;
  margin-left: 40px;
  cursor: pointer;
}

#support_alert_notification > :nth-child(1) {
  position: absolute;
  top: -5px;
  left: -40px;
  width: 86px;
  height: 69px;
}

#support_alert_notification > :nth-child(2) {
  vertical-align: middle;
}

#support_alert_notification > :nth-child(3) {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px;
  color: #959595;
  font-size: 24px;
  font-family: Material-Design-Iconic-Font;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #support_alert_notification {
    margin-left: 0px;
    padding-left: 45px;
    justify-content: center;
    text-align: center;
  }
  #support_alert_notification > :nth-child(1) {
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 10px;
  }
  #support_alert_notification > :nth-child(2) {
    width: 100%;
  }
  #support_alert_notification > :nth-child(3) {
    top: 15px;
    margin-top: 0px;
  }
}

.flexlayoutdatalabel {
  min-height: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.flexlayoutdata {
  min-height: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.flexlayoutdata *:nth-child(1) {
  width: 120px;
  overflow: hidden;
  color: #8a9099;
}

/* Cart */
.cart {
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
  margin: 0px;
  padding: 16px;
  background-color: #fff;
}

.cart .spinner:after {
  top: 115px;
}

table.billingcart {
  width: 100%;
  border-spacing: 0px;
}

table.billingcart td:nth-child(2) {
  text-align: right;
}

tr.billingcartform td {
  padding-bottom: 12px;
}

tr.billingcartform div {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 12px;
}

tr.billingcarterror td {
  padding-bottom: 12px;
  font-size: 15px;
  color: #fea1a1;
  font-weight: bold;
}

tr.billingcartcoupon td {
  padding: 8px 0px;
  border-top: 1px solid rgba(196, 227, 255, 0.1);
}

tr.billingcartcoupon .text_code {
  font-weight: bold;
  font-size: 24px;
}

tr.billingcartcoupon .text_price {
  font-weight: bold;
  font-size: 24px;
}

tr.billingcartcoupon .text_desc {
  font-size: 13px;
  margin: 8px 0px;
}

tr.billingcarttotal td,
tr.billingcartcredit td {
  padding: 8px 0px;
}

tr.billingcarttotal td:last-child,
tr.billingcartcredit td:last-child {
  color: #007bfc;
  font-weight: 800;
}

.billingcart_bl .caption {
  font-size: 15px;
  font-weight: bold;
}

/* ISO */
#uploaderror {
  color: red;
  font-weight: bold;
}

.pending_snapshot {
  color: #888;
}

.graph_container {
  display: inline-block;
  text-align: left;
  width: 100%;
  overflow: auto;
  padding: 16px;
  border: 1px solid #E6E7EB;
}

.graph_container + h4 {
  margin-top: 30px;
}

.graph {
  width: 800px;
  height: 200px;
}

.graph_error {
  width: 706px;
  height: 165px;
  line-height: 165px;
  text-align: center;
  border: 1px solid #e6e9eb;
  overflow: hidden;
}

.graph_spinner {
  width: 706px;
  height: 165px;
  line-height: 165px;
  text-align: center;
  border: 1px solid #e6e9eb;
  overflow: hidden;
  position: relative;
}

.graph_spinner_image {
  position: absolute;
  z-index: 1001;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
}

.app_content {
  display: block;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 15px;
  line-height: 1.25em;
  background-color: #F2F4F7;
  color: #70757D;
  border-radius: 3px;
  padding: 16px 16px;
  overflow: auto;
}

/* bootstrap effects */
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

/* accordion */
.accordion {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  list-style: none;
}

.accordion > li {
  position: relative;
  padding: 0 0 6px 30px;
  min-height: 40px;
}

.accordion > li.open {
  padding-bottom: 31px;
}

.accordion > li.open .plus-icon span {
  background-color: #007bfc;
}

.accordion > li .plus-icon {
  position: absolute;
  left: 0;
  top: 6px;
}

.accordion > li h4 + ul {
  padding-top: 0 !important;
}

.accordion.nowrap .acc-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.accordion .collapse-body {
  padding-top: 20px;
}

.accordion .collapse:after {
  display: block;
  content: "";
  clear: both;
}

.accordion.nowrap.faq:not(.no-border) > li {
  padding: 16px 16px 16px 48px;
  border-radius: 0;
  border: 1px solid #E6E7EB;
}

.accordion.nowrap.faq > li .acc-title {
  padding-bottom: 0;
  font-weight: 800;
}

.accordion.nowrap.faq > li .plus-icon {
  transition: all .4s;
  top: 20px;
  left: 16px;
}

.accordion.nowrap.faq > li.open {
  border-color: #007bfc;
}

.accordion.nowrap.faq > li.open .plus-icon {
  transition: all .4s;
  transform: rotate(45deg);
}

.accordion.nowrap.faq > li ul {
  padding-left: 16px;
}

.accordion.nowrap.faq > li ul li {
  padding-bottom: 10px;
  list-style: disc;
}

.accordion.nowrap.faq > li ul li span {
  color: #70757d;
}

.accordion:not(.faq) > li.open .plus-icon span:last-child {
  transform: rotate(-90deg);
}

.acc-title {
  margin: 0;
  padding: 0 0 8px 0;
  cursor: pointer;
  transition: color 0.2s ease-in;
}

.accordion > li.open .acc-title,
.acc-title:hover {
  color: #007bfc;
}

.plus-icon {
  position: relative;
  display: block;
  height: 16px;
  width: 16px;
}

.plus-icon span {
  position: absolute;
  display: block;
  background-color: #007bfc;
  transition: all ease-in .15s;
}

.plus-icon span:first-child {
  top: 7px;
  height: 2px;
  width: 16px;
}

.plus-icon span:last-child {
  left: 7px;
  height: 16px;
  width: 2px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .accordion.nowrap .acc-title {
    white-space: initial;
  }
}

/* icon list */
.iconlist {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  list-style: none;
}

.iconlist > li {
  position: relative;
  padding: 0 0 6px 0px;
  min-height: 40px;
}

.iconlist .icon {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  overflow: hidden;
}

.iconlist a {
  color: #616366;
}

.iconlist a:hover {
  color: #3ba3ff;
}

.iconlist.nowrap > li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

/* badges */
.badge {
  background-color: #aaaeb3;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 9px;
  font-weight: 300;
  line-height: 8px;
  min-width: 16px;
  padding: 5px 6px;
  text-align: center;
  vertical-align: text-bottom;
  white-space: nowrap;
}

/* badges */
.badge.alternative {
  border-radius: 0;
}

/* spinner */
.spinner:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border: solid 2px transparent;
  border-top-color: #ffaa00;
  border-left-color: #ffaa00;
  border-radius: 100%;
  animation: pace-spinner 400ms linear infinite;
}

.spinner-lg:after {
  margin: -22px 0 0 -22px;
  width: 40px;
  height: 40px;
}

.spinner-md:after {
  margin: -16px 0 0 -16px;
  width: 28px;
  height: 28px;
}

.spinner-hidden {
  opacity: 0;
  visibility: hidden;
}

.spinner-visible {
  opacity: 1;
  visibility: visible;
}

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

.spinner.spinner-white:after {
  border-top-color: #ffffff;
  border-left-color: #ffffff;
}

.spinner.spinner-graph-blue:after {
  border-top-color: #007bfc;
  border-left-color: #007bfc;
}

/* spinner */
i[class^="sp"] {
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
  clear: both;
  margin: 0 !important;
  display: inline-block;
  border: 2px rgba(0, 0, 0, 0.15) solid;
  border-radius: 50%;
  animation: spinner .6s infinite linear;
}

i[class="sp-blue"] {
  border-top: 2px #007bfc solid;
}

i[class="sp-red"] {
  border-top: 2px red solid;
}

i[class="sp-orange"] {
  border-top: 2px #E97E28 solid;
}

i[class="sp-white"] {
  border-top: 2px #fff solid;
}

@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.fadeIn {
  visibility: visible;
  animation: fadeIn .25s;
}

@keyframes fadeIn {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  1% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}

.fadeOut {
  visibility: hidden;
  animation: fadeOut .25s;
}

@keyframes fadeOut {
  0% {
    visibility: visible;
    opacity: 1;
  }
  99% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}

/* tab control */
.button-tab {
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
  width: 46px;
  margin: 0px;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  color: #000000;
  background-color: transparent;
  border: none;
  outline: none;
  border-radius: 0px;
}

.button-tab:active,
.button-tab:hover,
.button-tab:focus {
  background-color: transparent;
}

.button-tab > .fonticon {
  font-size: 24px;
  color: #9DA2A6;
  vertical-align: -moz-middle-with-baseline;
  vertical-align: -webkit-baseline-middle;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 12px 15px;
}

.nav > li.disabled > a {
  color: #777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

/* logged out */
.loggedout_vcenter {
  margin: 120px 0px;
}

@media (min-width: 768px) and (min-height: 700px) {
  .loggedout_vcenter {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -220px;
  }
}

.hidden {
  display: none;
}

/* block storage free banner */
.banner_blockstoragefree {
  width: 100%;
  background: rgba(0, 0, 0, 0) linear-gradient(45deg, #135fac 1%, #007bfc 64%, #1e87e3 97%) repeat scroll -1px center/102% 102%;
  color: #ffffff;
  font-size: 18px;
  line-height: 25px;
  text-align: left;
  padding: 16px 16px 16px 120px;
  box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5);
  border-radius: 0;
  overflow: hidden;
  position: relative;
}

.banner_blockstoragefree::after {
  display: block;
  content: "";
  position: absolute;
  top: -7px;
  left: 11px;
  width: 86px;
  height: 65px;
  background-image: url("/images/banners/blockstoragefree/bird.svg");
}

.tw-button {
  background-color: #1b95e0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  -webkit-font-kerning: auto;
          font-kerning: auto;
  -webkit-font-language-override: normal;
          font-language-override: normal;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  -webkit-font-variant-ligatures: normal;
          font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: 500;
  height: 28px;
  line-height: 26px;
  outline-color: white;
  outline-style: none;
  outline-width: 0px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  text-decoration: none;
  -webkit-text-decoration-color: white;
          text-decoration-color: white;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  vertical-align: top;
  white-space: nowrap;
  border-width: 0px;
}

.tw-button span {
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  -webkit-font-language-override: normal;
  font-language-override: normal;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  -webkit-font-variant-ligatures: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: 500;
  line-height: normal;
  margin-left: 4px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}

.tw-button::before {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E");
  background-origin: padding-box;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: auto auto;
  color: white;
  content: "";
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  -webkit-font-language-override: normal;
  font-language-override: normal;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: italic;
  font-synthesis: weight style;
  font-variant: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  -webkit-font-variant-ligatures: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: 500;
  height: 18px;
  line-height: 26px;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 18px;
}

.tw-button.tw-disabled {
  background-color: gray;
  cursor: default;
}

.badge.promo {
  font-weight: bold;
  background-color: #43a047;
  font-size: 11px;
}

.badge.disabled {
  font-weight: bold;
  background-color: #fca426;
  font-size: 11px;
}

.captcha_container {
  display: flex;
  align-items: center;
}

.firewall_button {
  padding: 0px 18px;
  height: 32px;
}

/*
      Begin Blockstorage Slider Styles
  */
.blockstorage-slider .plusminus-slider,
.blockstorage-slider .package-slider {
  position: relative;
  height: 34px;
  border: 1px solid #e6e9eb;
  background: #fff;
  border-radius: 30px;
}

.blockstorage-slider .package-slider {
  margin: 15px 15px;
}

.blockstorage-slider .plusminus-slider .slider,
.blockstorage-slider .package-slider .slider {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
  height: 34px;
  margin: 0 58px 0 32px;
  cursor: pointer;
}

.blockstorage-slider .plusminus-slider .slider-label + .slider {
  margin-right: 132px;
}

.blockstorage-slider .plusminus-slider .slider-label {
  position: absolute;
  right: -1px;
  top: -1px;
  height: 34px;
  width: 100px;
  padding: 0 20px;
  background: #e6e9eb;
  border-radius: 30px;
  font-weight: bold;
  line-height: 34px;
}

.blockstorage-slider .plusminus-slider .slider-label input {
  position: relative;
  z-index: 9999;
  border: none;
  background: transparent;
}

.blockstorage-slider .plusminus-slider .slider-label input:focus,
.blockstorage-slider .plusminus-slider .slider-label input:active {
  outline: none;
}

.blockstorage-slider .plusminus-slider .ui-slider-handle,
.blockstorage-slider .package-slider .ui-slider-handle {
  position: absolute;
  top: 3px;
  z-index: 999;
  height: 26px;
  width: 26px;
  background: #007bfc;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: 0 3px 10px -3px rgba(37, 45, 51, 0.5);
  transition: background ease .15s;
  outline: none;
}

.blockstorage-slider .plusminus-slider .slider-actions,
.blockstorage-slider .package-slider .slider-actions {
  position: absolute;
  height: 100%;
  width: 100%;
}

.blockstorage-slider .plusminus-slider .slider-actions .btn,
.blockstorage-slider .blockstorage-slider .package-slider .slider-actions .btn {
  margin: 3px;
  height: 26px;
  width: 26px;
  padding: 1px;
}

.blockstorage-slider .plusminus-slider .slider-actions .btn > i,
.blockstorage-slider .package-slider .slider-actions .btn > i {
  float: left;
  font-size: 17px;
}

.blockstorage-slider .plusminus-slider .slider-actions .btn > i:before,
.blockstorage-slider .package-slider .slider-actions .btn > i:before {
  line-height: 24px;
}

.blockstorage-slider .plusminus-slider .slider-actions .btn:first-child,
.blockstorage-slider .package-slider .slider-actions .btn:first-child {
  float: left;
}

.blockstorage-slider .plusminus-slider .slider-actions .btn:last-child,
.blockstorage-slider .package-slider .slider-actions .btn:last-child {
  float: right;
}

.blockstorage-slider .plusminus-slider-option .package-header,
.blockstorage-slider .package-slider-option .package-header {
  position: relative;
  padding-bottom: 38px;
}

.blockstorage-slider .plusminus-slider-option .package-body,
.blockstorage-slider .package-slider-option .package-body {
  padding-top: 38px;
}

.blockstorage-slider .btn {
  display: inline-block;
  min-width: 100px;
  padding: 12px 24px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  /*box-shadow: 0 2px 6px rgba(0,0,0, 0.1);*/
  transition: all ease-in .15s;
}

.blockstorage-slider .btn-link {
  color: #007bfc;
}

.blockstorage-slider .btn-link,
.blockstorage-slider .btn-link:active,
.blockstorage-slider.btn-link.active {
  background-color: transparent;
  box-shadow: none;
}

.blockstorage-slider .btn-xs {
  height: 36px;
  min-width: 60px;
  padding: 7px 17px;
  border-radius: 0;
  font-size: 13px;
  font-weight: 300;
}

.blockstorage-slider .btn-icon {
  min-width: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.blockstorage-slider .btn-icon.btn-sm {
  line-height: 24px;
  padding: 9px;
  font-size: 19px;
}

.blockstorage-slider .btn-icon.btn-xs {
  padding-left: 6px;
  padding-right: 6px;
  font-size: 17px;
}

.blockstorage-slider .block-card {
  border-radius: 12px;
  border: 1px solid #ccc;
  background: linear-gradient(45deg, #135FAC 1%, #007bfc 64%, #40BAF5 97%);
  min-height: 200px;
  margin-bottom: 15px;
}

.blockstorage-slider .block-card > .summary {
  float: right;
  width: 40%;
}

.blockstorage-slider .block-card h1,
.block-card h2,
.block-card h3,
.block-card h4,
.block-card h5 {
  color: white;
  margin-bottom: 10px;
}

.blockstorage-slider .block-card h1 {
  font-size: 22px;
}

.blockstorage-slider .block-card h4 {
  margin-bottom: 0px;
}

.blockstorage-slider #server_farm {
  position: relative;
  margin-top: 10px;
  display: none;
}

.blockstorage-slider .server {
  position: absolute;
  box-shadow: 4px 0px 12px rgba(0, 0, 0, 0.2);
  display: none;
}

@media (min-width: 768px) {
  .blockstorage-slider #server_farm {
    display: block;
  }
}

/*
      End Blockstorage Slider Styles
  */
/* 2.0 Content */
.app-header .container-fluid {
  max-width: 1290px;
  margin: 0 auto;
}

.app-header .container-fluid:last-child {
  display: none;
}

/* 2.1 Content: Header*/
.app-header .btn-deploy {
  position: absolute;
  bottom: -25px;
  right: 60px;
  box-shadow: 0 3px 15px -2px rgba(37, 45, 51, 0.4);
}

.btn-add {
  box-shadow: 0 3px 15px -2px rgba(37, 45, 51, 0.4);
  border-radius: 30px;
}

@media (max-width: 1199px) {
  .app-header .btn-deploy {
    right: 30px;
  }
}

@media (max-width: 991px) {
  .app-header .btn-deploy {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
  }
}

.icon-console {
  position: relative;
}

.icon-console > span {
  position: absolute;
  top: 5px;
  left: 5px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
}

/* 2.1.1 Header: Nav */
.header-nav {
  padding-top: 20px;
}

.header-nav:after,
.header-nav:before {
  display: block;
  content: "";
  clear: both;
}

.header-nav > .nav > li {
  float: left;
  font-size: 13px;
}

.header-nav > .nav > li > a {
  color: #616366;
  padding-top: 0;
  padding-bottom: 0;
}

.header-nav > .nav > li.open > a {
  color: #007bfc;
}

.header-nav > .nav > li > a > i {
  font-size: 24px;
}

.header-nav > .nav > li:last-child > a {
  padding-right: 0;
}

.header-nav > .nav > li:last-child > a > i {
  margin-left: 10px;
  font-size: 19px;
}

.header-nav > .nav > li:last-child > a > i.zmdi-account-o {
  margin-top: -6px;
  margin-right: 8px;
  font-size: 24px;
  vertical-align: middle;
}

.header-nav > .nav > li:last-child > a > b {
  font-weight: 500;
}

.header-nav > .nav > li .dropdown-menu {
  top: 30px;
  right: -27px;
}

.nav-news {
  font-size: 13px;
  width: 450px;
}

.nav-news .carousel-controls,
.nav-news .carousel-inner {
  float: left;
}

.nav-news .carousel-controls {
  position: relative;
  z-index: 999;
  width: 100px;
}

.nav-news .carousel-controls > span {
  font-weight: 500;
  line-height: 24px;
  vertical-align: middle;
}

.nav-news .carousel-controls > a {
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #616366;
  font-size: 19px;
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
}

.nav-news .carousel-inner {
  height: 24px;
  width: 350px;
  margin-left: -24px;
}

.nav-news .carousel-inner > .item {
  padding: 0 24px;
}

.nav-news .carousel-inner > .item a {
  color: #616366;
  line-height: 24px;
}

.nav-news .carousel-inner > .item a > b {
  font-weight: 500;
  transition: all ease-in .15s;
}

.nav-news .carousel-inner > .item a:hover,
.nav-news .carousel-inner > .item a:hover > b {
  color: #007bfc;
}

.nav-news .carousel-inner:after,
.nav-news .carousel-inner:before {
  position: absolute;
  top: 0;
  z-index: 998;
  display: block;
  content: "";
  height: 24px;
  width: 24px;
}

.nav-news .carousel-inner:before {
  left: 0;
  background: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0) 100%);
}

.nav-news .carousel-inner:after {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 70%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 70%);
}

@media (max-width: 991px) {
  .header-nav {
    display: none;
  }
}

/* 2.1.1 Header: Top */
.no-navbar .header-top {
  margin-top: 50px;
}

.header-top:after,
.header-top:before {
  display: table;
  content: "";
  clear: both;
}

.header-title {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

.header-title h1 > .btn {
  margin: -8px 0px -4px;
}

.header-title h1:not(.h2) {
  font-size: 32px;
}

.header-title h1 .switch {
  margin: 0 0 0 10px;
  vertical-align: middle;
}

.header-title h1 > small {
  display: block;
  font-size: 14px;
}

.header-title-info {
  margin: 0;
  padding: 4px 0 0 0;
  list-style: none;
}

.header-title-info > li {
  float: left;
  margin-right: 24px;
  color: #8a9399;
  font-size: 13px;
  line-height: 20px;
}

.header-title-info > li > b {
  font-weight: 500;
}

.header-title-back,
.header-title-avatar {
  position: relative;
  padding-left: 76px;
  width: 100%;
}

.header-title-avatar > h1 {
  margin: 0;
}

.header-back,
.header-avatar {
  position: absolute;
  /*top: 0;*/
  left: 0;
}

.avatar {
  display: inline-block;
  height: 56px;
  width: 56px;
  overflow: hidden;
  border-radius: 28px;
}

.avatar-sm {
  height: 34px;
  width: 34px;
}

.header-top-hero {
  margin-top: 35px;
  margin-bottom: 55px;
}

.header-top-hero .header-title {
  float: none;
}

@media (min-width: 768px) {
  .header-title {
    float: left;
  }
  .header-search {
    float: right;
  }
}

@media (max-width: 767px) {
  .header-avatar > a > img {
    height: auto;
    width: auto;
    max-width: 100%;
  }
  .header-top-hero {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  /*.header-title h1 .switch,
    .header-title-info > li {
      display: none;
    }*/
  .header-title-info > li {
    display: block;
  }
}

.header-avatar .btn.btn-circle {
  width: 50px;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
  border-radius: 40px;
  font-size: 24px;
}

.header-avatar .btn.btn-circle > .zmdi {
  color: #007bfc;
}

.header-avatar .btn {
  display: inline-block;
  min-width: 100px;
  padding: 12px 24px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: 0;
  transition: all ease-in .15s;
}

/* 2.1.1 Header: Toolbar */
.header-top-toolbar {
  position: relative;
  width: 100%;
}

.header-toolbar {
  position: absolute;
  top: 0;
  right: 0;
  margin: 2px 0;
}

@media (max-width: 767px) {
  .header-toolbar {
    display: none;
  }
}

.header-toolbar .btn-list > li {
  float: left;
}

.header-toolbar .btn {
  display: inline-block;
  min-width: 100px;
  padding: 12px 24px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: all ease-in .15s;
}

.header-toolbar .btn.btn-link.btn-icon {
  font-family: "Material-Design-Iconic-Font";
  font-size: 24px;
  height: 50px;
  width: 50px;
  min-width: 0;
  line-height: 50px;
  padding: 0;
  text-align: center;
  border-radius: 40px;
  background-color: transparent;
  border: 0px;
  box-shadow: none;
}

.header-toolbar .btn.btn-link.btn-icon > span {
  transition: all 0.2s ease-in;
}

.header-toolbar .btn.btn-link.btn-icon:hover {
  color: #007bfc;
}

.header-toolbar .btn.btn-link.btn-icon:hover > span {
  color: #007bfc;
}

.header-toolbar .btn.btn-link.btn-icon:hover .fonticondelete {
  color: #e31519;
}

.header-toolbar .btn.btn-icon i,
.header-toolbar .btn.btn-circle i {
  float: none;
  display: block;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  font-size: 24px;
}

@media (min-width: 768px) {
  .header-toolbar .btn-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}

@media (max-width: 767px) {
  .header-top-toolbar {
    padding-right: 50px;
  }
  .header-toolbar {
    right: -10px;
  }
}

/* 2.1.1 Header: Stats */
.header-stats {
  float: right;
}

.header-stats .stat {
  display: inline-block;
  margin-right: 60px;
}

.header-stats .stat:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .header-stats {
    display: none;
  }
  .header-stats .stat {
    margin-right: 12px;
  }
  .header-stats .stat .display-1 {
    font-size: 21px;
    font-weight: 500;
  }
  .header-stats .stat .display-title {
    margin-top: 0;
  }
}

/* 2.x Panels */
.panel {
  position: relative;
  display: block;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #E6E7EB;
  text-align: left;
}

.panel.panel-datablock:hover {
  border-color: transparent;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

.panel .block460left {
  box-shadow: none;
  border: 1px solid #e3e6e8;
}

.panel-block {
  padding: 30px;
}

.panel img {
  max-width: 100%;
  max-height: 340px;
}

.panel-title {
  margin-bottom: 24px;
}

.panel-title.title-faded {
  color: #9da2a6;
  font-size: 12px;
  font-weight: 300;
}

a.panel,
.panel-link {
  color: #616366;
  cursor: pointer;
  transition: border-color ease-in .15s, color ease-in .15s;
}

.panel-body,
.panel-block-sm {
  padding: 24px;
}

a.panel:hover,
.panel-link:hover,
.panel.active {
  border-color: #007bfc;
}

@media (max-width: 767px) {
  .panel-block {
    padding: 24px;
  }
  .panel .panel-body {
    padding: 16px;
  }
}

.panel-block .panel-tabs .nav-tabs {
  padding: 0 14px;
  margin: -30px -30px 0;
}

.panel-block-sm .panel-tabs .nav-tabs {
  padding: 0 8px;
  margin: -24px -24px 24px;
}

.panel-block-sm .panel-tabs .nav-tabs > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
}

.panel-heading {
  margin: 0;
  padding: 15px 24px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-heading > .panel-title {
  margin-top: 0;
  margin-bottom: 0;
}

.block1290 .panel-datablock {
  min-height: 140px !important;
}

.panel-datablock > .display-title {
  display: block;
  margin-top: 0;
  margin-bottom: 10px;
  color: #8a9099;
  font-size: 15px;
  font-weight: 400;
}

.panel-datablock > .display-title > a {
  color: #007bfc;
}

.panel-datablock > .display-title:last-child {
  margin: 0;
}

.panel-datablock > .panel-icon {
  position: absolute;
  top: 30px;
  right: 10px;
}

.panel-datablock > .btn.btn-circle {
  width: 50px;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
  border-radius: 40px;
}

.panel-datablock > .btn {
  display: inline-block;
  min-width: 100px;
  padding: 12px 24px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: all ease-in .15s;
}

.panel-datablock > .btn.btn-icon i,
.panel-datablock > .btn.btn-circle i {
  float: none;
  display: block;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  font-size: 24px;
}

.panel-datablock > .panel-text {
  color: #007bfc;
  font-size: 36px;
  font-weight: 300;
  line-height: 42px;
}

.panel-datablock > .panel-text-description {
  width: calc(100% - 30px);
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
}

.panel-datablock > .panel-text > small {
  color: #8a9399;
  font-size: 18px;
  font-weight: 300;
}

.input-xs {
  height: 38px !important;
  padding: 5px 5px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
}

.input-xs > span {
  line-height: 24px !important;
  padding: 0px !important;
  height: 32px !important;
}

.simple-dropdown .input-xs > span.select2-selection__arrow {
  height: inherit !important;
}

.select2-container--default .simple-dropdown.select2-dropdown {
  padding: 12px 0;
  border: 1px solid #dcdee0;
  box-shadow: 0 10px 40px -5px rgba(37, 45, 51, 0.25);
  border-radius: 0;
}

.select2-container--default .simple-dropdown .select2-results__option[role=group] {
  padding: 4px 24px;
}

.select2-container--default .simple-dropdown .select2-results__option {
  padding: 4px 24px;
}

.simple-dropdown.select2-dropdown .select2-results__options .select2-results__options--nested .select2-results__option {
  padding: 4px 6px;
}

.simple-dropdown.select2-dropdown .select2-results__option--highlighted[aria-selected] {
  color: #007bfc;
  background-color: transparent;
}

.select2-container--default .simple-dropdown.select2-dropdown {
  padding: 8px 0;
}

.select2-container--default .simple-dropdown .select2-results__option[aria-selected=true] {
  font-weight: 600;
  background-color: transparent;
  color: #007bfc;
}

/*
select[name=sort]~.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 0px !important;
}
*/
/* instance table list */
.table-instance-list {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}

.table-instance-list th {
  text-align: left;
}

.table-instance-list {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table-instance-list small {
  display: block;
  padding-top: 4px;
  font-size: 85%;
}

.table-instance-list > thead > tr > th,
.table-instance-list > tbody > tr > th,
.table-instance-list > tfoot > tr > th,
.table-instance-list > thead > tr > td,
.table-instance-list > tbody > tr > td,
.table-instance-list > tfoot > tr > td {
  padding: 12px 10px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-bottom: 1px solid #edf0f2;
}

.table-instance-list > tbody > tr > td.cell-actions {
  padding-top: 6px;
  padding-bottom: 6px;
}

.table-instance-list > tbody > tr > td.cell-actions:last-child {
  text-align: right;
  white-space: nowrap;
}

.table-instance-list > thead > tr > th {
  padding: 16px 10px;
  vertical-align: bottom;
  border-bottom: 1px solid #edeff2;
  color: #9da2a6;
  font-size: 13px;
  font-weight: 300;
}

.table-instance-list > caption + thead > tr:first-child > th,
.table-instance-list > colgroup + thead > tr:first-child > th,
.table-instance-list > thead:first-child > tr:first-child > th,
.table-instance-list > caption + thead > tr:first-child > td,
.table-instance-list > colgroup + thead > tr:first-child > td,
.table-instance-list > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table-instance-list > tbody + tbody {
  border-top: 2px solid #edeff2;
}

.table-instance-list {
  background-color: #fff;
}

.table-instance-list td > b {
  color: #2b3033;
}

.table-instance-list table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}

.table-instance-list table td[class*="col-"],
.table-instance-list table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}

table [data-url] td:not(.cell-actions):not(.cell-checkbox) {
  cursor: pointer;
}

table [data-url] td .click-disabled {
  cursor: auto;
}

table [data-url]:hover {
  background-color: #fafbfc;
}

@media (max-width: 767px) {
  .cell-xs-left {
    text-align: left !important;
  }
  .cell-xs-right {
    text-align: right !important;
  }
  .cell-xs-hidden {
    display: none !important;
  }
  .cell-title {
    margin-bottom: 10px;
  }
}

.table-instance-list .table-bottom {
  margin-top: -20px;
}

.table-instance-list .table-bottom .table-length {
  float: right;
}

/* link btn */
.table-instance-list .cell-actions .btn > i.unlink:before,
.responsivetable_loadbalancers_sub .cell-actions .btn > i.unlink:before {
  position: relative;
  top: 0px;
  left: -2px;
  display: inline-block;
  line-height: 10px;
  transform: rotate(-45deg);
}

.table-instance-list .cell-actions .btn.btn-icon i:before,
.responsivetable_loadbalancers_sub .cell-actions .btn.btn-icon i:before,
.btn.btn-circle i:before {
  line-height: 24px;
}

.table-instance-list .cell-actions .btn.btn-icon.btn-link,
.responsivetable_loadbalancers_sub .cell-actions .btn.btn-icon.btn-link {
  color: #616366;
}

.table-instance-list .cell-actions .btn-icon.btn-sm,
.responsivetable_loadbalancers_sub .cell-actions .btn-icon.btn-sm {
  padding: 9px;
  font-size: 19px;
}

.table-instance-list .cell-actions .btn-icon.btn-sm,
.btn-circle.btn-sm,
.responsivetable_loadbalancers_sub .cell-actions .btn-icon.btn-sm {
  line-height: 24px;
}

.table-instance-list .cell-actions .btn-sm.btn-link,
.btn-group-sm > .btn.btn-link,
.responsivetable_loadbalancers_sub .cell-actions .btn-sm.btn-link {
  padding-left: 8px;
  padding-right: 8px;
}

.table-instance-list .cell-actions .btn-icon,
.responsivetable_loadbalancers_sub .cell-actions .btn-icon {
  min-width: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.table-instance-list .cell-actions .btn-sm,
.responsivetable_loadbalancers_sub .cell-actions .btn-sm,
.btn-group-sm > .btn {
  height: 42px;
  min-width: 60px;
  padding: 8px 16px;
  border-radius: 0;
  font-size: 14px;
}

.table-instance-list .cell-actions .btn-link,
.responsivetable_loadbalancers_sub .cell-actions .btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.table-instance-list .cell-actions .btn > i,
.responsivetable_loadbalancers_sub .cell-actions .btn > i {
  position: relative;
  font-size: 24px;
}

.table-instance-list .cell-actions .btn-icon.btn-sm > i,
.responsivetable_loadbalancers_sub .cell-actions .btn-icon.btn-sm > i {
  font-size: 19px;
}

.table-instance-list .cell-actions .btn.btn-icon i,
.responsivetable_loadbalancers_sub .cell-actions .btn.btn-icon i,
.btn.btn-circle i {
  float: none;
  display: block;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  font-size: 24px;
}

.table-instance-list .cell-actions .btn i,
.responsivetable_loadbalancers_sub .cell-actions .btn i  {
  margin-right: 16px;
  font-size: 24px;
  vertical-align: bottom;
}

.table-instance-list .cell-actions .btn > i.unlink > i,
.responsivetable_loadbalancers_sub .btn > i.unlink > i {
  position: absolute;
  bottom: -5px;
  right: -5px;
  font-size: 14px;
}

.table-instance-list .cell-actions .btn.btn-icon i,
.btn.btn-circle i {
  float: none;
  display: block;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  font-size: 24px;
}

.responsivetable_loadbalancers_sub .cell-actions .btn.btn-icon i.unlink > i {
  font-size: 15px;
}

.table-instance-list .cell-actions .btn,
.responsivetable_loadbalancers_sub .cell-actions .btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  transition: all ease-in .15s;
}

.table-instance-list .cell-actions .btn.btn-icon.btn-link:hover,
.responsivetable_loadbalancers_sub .cell-actions .btn.btn-icon.btn-link:hover,
.btn.btn-icon.btn-link:active,
.btn.btn-icon.btn-link.active {
  color: #007bfc;
}



/* Promo block */
.promoblock {
  /* dark -> light */
  background: linear-gradient(45deg, #449b41 1%, #50ba4a 64%, #50bf4a 97%);
  position: relative;
  overflow: hidden;
  border-width: 0px;
}

/* Face down triangle under div. */
.arrow_box:after,
.arrow_box:before {
  top: 100%;
  left: 2%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #fff;
  border-width: 6px;
  margin-left: -6.5px;
}

/* New Tooltips */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}

.tooltip.show {
  filter: alpha(opacity=100);
  opacity: 1;
}

.bs-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
  word-wrap: break-word;
}

.bs-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}

.bs-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.bs-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 350px;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  background-color: #484d50;
  border-radius: 2px;
}

.arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .arrow {
  bottom: 1px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #484d50;
  width: 5px;
}

.bs-tooltip-top-left .arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #484d50;
  width: 5px;
}

.bs-tooltip-top-right .arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #484d50;
  width: 5px;
}

.bs-tooltip-right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #484d50;
}

.bs-tooltip-left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #484d50;
}

.bs-tooltip-bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #484d50;
  width: 5px;
}

.bs-tooltip-bottom-left .arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #484d50;
  width: 5px;
}

.bs-tooltip-bottom-right .arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #484d50;
  width: 5px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 7px 17px;
  border-radius: 0;
  font-size: 13px;
  font-weight: 300;
}

.btn-default {
  transition: all ease-in .15s;
}

.btn-default:hover {
  color: #616366;
  background-color: #ebeff2;
}

.btn-primary {
  color: #007bfc !important;
  background-color: rgba(42, 107, 227, 0.12);
  border-color: rgba(42, 107, 227, 0.12);
  transition: all ease-in .15s;
}

.btn-primary:hover {
  color: #007bfc;
  background-color: rgba(23, 98, 227, 0.2);
  border-color: rgba(23, 98, 227, 0.2);
}

@media (min-width: 480px) {
  .alert {
    display: flex;
    justify-content: space-between;
  }
  .alert-body,
  .alert-actions {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .alert-actions {
    padding-left: 8px;
  }
  .alert-actions > .btn {
    margin-left: 8px;
  }
}

@media (max-width: 479px) {
  .alert-actions {
    padding: 16px 0 0 0;
    text-align: center;
  }
  .alert-actions > .btn {
    margin-right: 8px;
  }
  .alert-body {
    text-align: center;
  }
  .alert-body > p > b:after {
    content: '\a';
    white-space: pre;
  }
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 3px;
}

.alert > i {
  margin-right: 8px;
  font-size: 24px;
  vertical-align: sub;
}

.alert-sm {
  padding: 12px 15px;
  font-size: 13px;
  line-height: 20px;
}

.alert-sm > i {
  font-size: 19px;
}

.alert-info,
.toast-info {
  border-color: #007bfc;
}

.alert-info .btn-primary,
.toast-info .btn-primary {
  color: #007bfc;
  background-color: rgba(42, 107, 227, 0.12);
  border-radius: 3px;
  font-weight: 800 !important;
}

.alert-info .btn-primary:hover,
.toast-info .btn-primary:hover {
  background-color: rgba(23, 98, 227, 0.2);
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #007bfc;
}

.alert-icon {
  position: relative;
  padding-left: 46px;
}

.alert-icon > i {
  position: absolute;
  top: 14px;
  left: 14px;
}

.alert-info.alert-filled {
  border-color: #007bfc;
  background-color: #007bfc;
  color: #fff;
}

.alert-body > p {
  margin: 0;
}

.alert-dismissable,
.alert-dismissible {
  position: relative;
  padding-right: 35px;
}

.panel-body,
.panel-block-sm {
  padding: 24px;
}

.tab-section-sm {
  max-width: 520px;
}

.elements-list {
  list-style: none;
  margin: 0 0 24px 0;
  padding: 0;
}

.elements-list > li {
  display: flex;
  align-content: space-between;
  justify-content: space-between;
  position: relative;
  padding: 15px 0;
  border-top: 1px solid #edf0f2;
}

.elements-list > li:last-child {
  border-bottom: 1px solid #edf0f2;
}

.elements-with-avatar > li {
  padding-left: 51px;
}

.elements-list > li.ele-add {
  padding: 12px 0;
}

.elements-list > li.ele-add .ele-actions {
  margin: -4px 0;
}

.elements-list > li.ele-add .slash {
  position: absolute;
  top: 7px;
  right: -5px;
}

.ele-body {
  flex-basis: 100%;
  padding-right: 8px;
}

.ele-avatar {
  position: absolute;
  top: 20px;
  left: 0;
  display: block;
  height: 36px;
  width: 36px;
  overflow: hidden;
  border-radius: 20px;
}

.ele-title {
  display: block;
  color: #1e2736;
}

.ele-email,
.ele-desc {
  margin: 0;
  font-size: 13px;
}

.ele-actions {
  margin: -8px 0;
  white-space: nowrap;
}

.ele-actions .btn,
.ele-actions .dropdown {
  display: inline-block;
}

.ele-actions .dropdown-menu.pull-right {
  right: -12px;
}

.ele-actions .btn-icon.btn-sm > i {
  font-size: 24px;
}

.ele-date {
  font-size: 13px;
  font-weight: 300;
}

.ele-date span {
  color: #9da2a6;
}

.ele-title .ele-date {
  margin-left: 16px;
}

@media (max-width: 479px) {
  .ele-title .ele-date {
    display: block;
    margin: 0;
  }
}

/*
  *** Lists
  */
.list-styled {
  padding: 0;
  margin: 0 0 12px 0;
  list-style: none;
}

.list-styled > li {
  margin-bottom: 5px;
}

.list-styled > li:last-child {
  margin-bottom: 0;
}

.list-styled.list-sm {
  font-size: 14px;
}

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

.list-styled-minwidth > li {
  position: relative;
  padding-left: 150px;
}

.list-faded .list-label {
  color: #9da2a6;
  font-weight: 300;
}

.control-label {
  top: 10px !important;
  left: 12px !important;
  color: #9da2a6 !important;
  font-size: 11px !important;
  font-weight: bold !important;
  line-height: 14px;
}

.control-label {
  margin-bottom: 10px;
}

textarea.form-control {
  height: auto;
  overflow: hidden;
}

.text-muted {
  color: #9da2a6;
}

/*
  *** Header with back button
  */
h3.back_button_header > a {
  margin-right: 25px;
}

h3.back_button_header > i {
  font-size: 30px !important;
}

/* iPhone 5 dimensions - iPhone 7 Plus dimensions */
@media only screen and (min-device-width: 320px) and (max-device-width: 414px) {
  h3.back_button_header {
    font-size: 16px;
  }
  h3.back_button_header > a {
    margin-right: 10px;
  }
}

/*
  *** Attachment icon: /suppport/view_ticket/index.html
  */
span.attachment {
  flex-grow: 2;
  margin-left: 15px;
  margin-top: 15px;
}

span.attachment > span.fonticonattachment {
  cursor: pointer;
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  span.attachment {
    margin-left: 35px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 413px) {
  span.attachment {
    margin-left: 17px;
  }
}

@media (min-width: 415px) {
  .mobile_only {
    display: none;
  }
}

/* EDITABLE START  */
/*! X-editable - v1.5.0
  * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
  * http://github.com/vitalets/x-editable
  * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
.editableform {
  margin-bottom: 0;
  /* overwrites bootstrap margin */
}

.editableform .control-group {
  margin-bottom: 0;
  /* overwrites bootstrap margin */
  white-space: nowrap;
  /* prevent wrapping buttons on new line */
  background: #fff;
}

.editable-buttons {
  display: inline-block;
  /* should be inline to take effect of parent's white-space: nowrap */
  vertical-align: top;
  /* inline-block emulation for IE7*/
  zoom: 1;
  background: #fff;
  position: relative;
  z-index: 1;
}

.btn.editable-cancel,
.btn.editable-object-cancel,
.btn.editable-cancel-tag,
.btn.editable-submit,
.btn.editable-object-submit,
.btn.editable-submit-tag {
  background: transparent;
  box-shadow: none;
  width: 24px;
  height: 24px;
  min-width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn.editable-cancel-tag,
.btn.editable-submit-tag,
.btn.editable-object-submit-tag {
  position: relative;
  bottom: -5px;
}

.btn.editable-cancel .zmdi,
.btn.editable-object-cancel .zmdi,
.btn.editable-cancel-tag .zmdi,
.btn.editable-submit .zmdi,
.btn.editable-object-submit .zmdi,
.btn.editable-submit-tag .zmdi {
  font-size: 22px;
  vertical-align: middle;
  margin-right: 0;
}

.btn.editable-cancel,
.btn.editable-object-cancel,
.btn.editable-cancel-tag {
  color: #e53935;
}

.btn.editable-submit,
.btn.editable-object-submit,
.btn.editable-submit-tag {
  color: #007bfc;
}

.editable-buttons.editable-buttons-bottom {
  display: block;
  margin-top: 7px;
  margin-left: 0;
}

.editable-buttons > button:focus {
  outline: none;
}

.editable-input,
.editable-input-tag {
  vertical-align: top;
  display: inline-block;
  /* should be inline to take effect of parent's white-space: nowrap */
  width: auto;
  /* bootstrap-responsive has width: 100% that breakes layout */
  white-space: normal;
  /* reset white-space decalred in parent*/
  /* display-inline emulation for IE7*/
  zoom: 1;
  margin-left: -5px;
}

.editable-input > input,
.editable-input-tag > input {
  font-family: 'Roboto';
  font-weight: 100;
}

.editable-buttons .editable-cancel,
.editable-buttons .editable-object-cancel,
.editable-buttons .editable-cancel-tag {
  margin-left: 7px;
}

/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
  height: 24px;
  width: 30px;
}

.editableform-loading {
  background: url("__img/loading.gif") center center no-repeat;
  height: 25px;
  width: auto;
  min-width: 25px;
}

.editable-inline .editableform-loading {
  background-position: left 5px;
}

/* ---- For specific types ---- */
.editableform .editable-date {
  padding: 0;
  margin: 0;
  float: left;
}

/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
  margin-top: 3px;
  margin-left: 1px;
}

/* IOS-style clear button for text inputs */
.editable-underline {
  position: absolute;
  height: 1px;
  width: 90%;
  background: #007bfc;
  left: 6px;
  bottom: 0px;
}

.editable-pre-wrapped {
  white-space: pre-wrap;
}

.editable-container.editable-popup,
.editable-container-tag.editable-popup {
  max-width: none !important;
  /* without this rule poshytip/tooltip does not stretch */
}

.editable-container .form-control,
.editable-container-tag .form-control {
  border: none;
  height: 25px;
  font-size: 15px;
  padding: 0 6px;
  max-width: 180px;
  width: 100%;
}

.editable-container.popover,
.editable-container-tag.popover {
  width: auto;
  /* without this rule popover does not stretch */
}

.editable-container.editable-inline,
.editable-container-tag.editable-inline {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  /* inline-block emulation for IE7*/
  zoom: 1;
  position: relative;
  top: -10px;
  height: 20px;
}

.editable-container.ui-widget,
.editable-container-tag.ui-widget {
  font-size: inherit;
  /* jqueryui widget font 1.1em too big, overwrite it */
  z-index: 9990;
  /* should be less than select2 dropdown z-index to close dropdown first when click */
}

.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
  color: #585858;
  cursor: default;
  border-bottom: none;
}

.editable-empty,
.editable-empty:hover,
.editable-empty:focus {
  font-style: italic;
  color: #DD1144;
  /* border-bottom: none; */
  text-decoration: none;
}

/* display:block; causes the animation to overflow the text. */
.editable-label {
  display: inline !important;
}

.editable-bg-transition {
  animation: successFade 1.5s;
}

@keyframes successFade {
  0% {
    background-color: #ffff80;
  }
  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}

.form-horizontal .editable {
  padding-top: 5px;
  display: inline-block;
}

.editable .zmdi,
.editable-object .zmdi,
.editable-tag .zmdi {
  opacity: 0;
  transition: opacity ease-in .15s;
  margin-left: 4px;
}

.editable:hover .zmdi,
.editable-tag:hover .zmdi {
  opacity: 1;
}

span.label_link,
span.label_link_tag {
  color: #007bfc;
  cursor: pointer;
}

.label {
  display: inline-block;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: text-top;
  border-radius: 2px;
}

.label-md {
  padding: 6px 8px;
  font-size: 13px;
}

.label-success {
  background-color: #16DB62;
}

.label-default {
  color: #70757d;
  background-color: #E6E7EB;
}

.label-info {
  color: #007bfc;
  background-color: #e5edfc;
}

@media (max-width: 767px) {
  .editable-underline {
    left: 0;
  }
  .editable-container.editable-inline,
  .editable-container-tag.editable-inline {
    top: -6px;
  }
  .editable-underline {
    width: 100%;
  }
  .editable-buttons .editable-cancel,
  .editable-buttons .editable-object-cancel,
  .editable-buttons .editable-cancel-tag {
    margin-left: 0;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  .editable-container .form-control,
  .editable-container-tag .form-control {
    padding-left: 0;
    display: inline;
    width: 150px;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
  .editable-container .form-control.editable-container-tag .form-control {
    padding-left: 0;
    display: inline;
    width: 110px;
  }
}

@media (min-width: 666px) {
  .flexlayoutdataeditor {
    min-width: 260px;
  }
}

/* EDITABLE END  */
/*
  * === CC VALIDATION BEGIN ===
  */
.card-number .icon {
  position: absolute;
  right: 17px;
  top: 50%;
  color: #007bfc;
  font-size: 34px;
  margin-top: -17px;
}

.card-number-color .icon {
  color: #007bfc;
}

.card-number .ccicon_visa,
.card-number .ccicon_discover,
.card-number .ccicon_mastercard,
.card-number .ccicon_amex,
.card-number .ccicon_jcb,
.card-number .ccicon_unionpay {
  font-size: 26px;
  margin-top: -13px;
}

.floatinglabel > div.input-validation-error {
  color: #e53935;
}

.input-validation-icon {
  position: absolute;
  right: 17px;
  top: 60%;
  color: #fff;
  font-size: 20px;
  margin-top: -15px;
}

/* Hide validation error by default. */
.input-validation-error {
  display: none;
}

/* Apply display logic to validation error. */
label.validation-error > .input-validation-error {
  display: block;
  font-size: 12px;
  position: absolute;
  bottom: -25px;
  left: 2px;
}

label.validation-error > .input-validation-icon {
  color: red;
}

label.validation-error > .valid_inputCardExpiry,
label.validation-error > .valid_cc_cscv,
label.validation-error > .valid_cc_number {
  border-color: red;
}

@media only screen and (min-width: 320px) and (max-width: 700px) {
  label.card-number,
  label.expiry-date,
  label.cvv-number {
    margin-bottom: 24px;
  }
}

/*
  * === CC VALIDATION END ===
  */
/*=============================================
  =              Dropdown Start                 =
  =============================================*/
.dropdown-confirmation {
  width: 300px;
  padding: 0;
}

.confirmation-open .dropdown-confirmation {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateX(0px) translateY(0px);
}

.dropdown-body {
  padding: 16px;
  font-size: 14px;
  line-height: 20px;
  white-space: normal;
}

.dropdown-actions > .btn-block {
  text-align: center;
  margin-bottom: 8px;
}

.dropdown-body label {
  line-height: 25px;
}

.dropdown-body > *:last-child {
  margin-bottom: 0;
}

.dropdown-title {
  margin: 0 0 12px 0;
}

h5.dropdown-title {
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
}

.text-info {
  color: #007bfc;
}

.dropdown-title > i {
  font-size: 24px !important;
  margin-right: 8px;
  vertical-align: bottom;
}

.dropdown-actions {
  padding: 12px 16px;
  border-top: 1px solid #edf0f2;
}

/* APP.CSS */
.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.dropdown-confirmation {
  display: none;
  position: absolute;
  top: 1px;
  z-index: 1000;
  float: left;
  min-width: 200px;
  margin: 2px 0 0;
  font-size: 15px;
  text-align: left;
  list-style: none;
  opacity: 0;
  background-color: #fff;
  border: none;
  background-clip: padding-box;
  border-radius: 0;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
  transform: translateX(0px) translateY(20px);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.dropdown-confirmation #dropdown-disclaimer {
  display: block;
  margin-bottom: 8px;
}

@media (max-width: 415px) {
  .dropdown-confirmation {
    position: fixed;
    width: 90%;
  }
  .dropdown-confirmation:after,
  .dropdown-confirmation:before {
    display: none !important;
  }
}

.dropdown-confirmation:after,
.dropdown-confirmation:before {
  position: absolute;
  right: 50px;
  top: -16px;
  display: block;
  content: "\f2f8";
  height: 16px;
  width: 18px;
  color: #fff;
  font-family: 'Material-Design-Iconic-Font';
  font-size: 40px;
  line-height: 26px;
}

.dropdown-confirmation:before {
  top: -17px;
  font-size: 41px;
  color: #dcdee0;
}

.arrow-change:after,
.arrow-change:before {
  right: 71px !important;
}

.dropdown-actions > .btn-block {
  cursor: pointer;
}

.dropdown-actions > .btn-outline:hover {
  background-color: white;
}

.text-danger {
  color: #E53938 !important;
}

.btn-dropdown-danger {
  color: #fff !important;
  background-color: #e53935 !important;
  border-color: #e53935 !important;
}

.btn-dropdown-danger[disabled] {
  background-color: #d9534f;
  border-color: #d43f3a;
  cursor: not-allowed;
  opacity: .5;
}

div.checkbox > label {
  cursor: pointer;
}

.server-info > b {
  word-wrap: break-word;
}

/*=============================================
  =               Dropdown End                  =
  =============================================*/
.form-select-input {
  position: relative;
}

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

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

/* iPhone X */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  #header0v_0 {
    display: none;
  }
  #header1_0 {
    display: none !important;
  }
  #header0h_0 {
    display: flex;
  }
  body {
    margin-left: 0px !important;
  }
  #header0h_0 {
    height: 50px;
  }
  #menusidebar_hide {
    left: 40px;
  }
  #header0h_1 {
    padding-left: env(safe-area-inset-left);
  }
  .responsivetable {
    display: block;
  }
  .responsivetable > * {
    display: block;
    margin-bottom: 15px;
    border-bottom: 1px solid #EDEFF2;
    padding-bottom: 15px;
  }
  .responsivetable > *:nth-child(1) {
    display: none;
  }
  .responsivetable > *:nth-child(2) {
    border-top: 1px solid #EDEFF2;
    padding-top: 15px;
  }
  .responsivetable > * > * {
    display: block;
    position: relative;
    border-bottom: none;
    padding: 2px 0px;
    min-height: 25px;
    padding-left: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .responsivetable > *:nth-child(n+2):hover > * {
    background-color: transparent;
  }
  .responsivetable > * > *:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100px;
    height: 25px;
    margin-top: -11px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9DA2A6;
    font-size: 12px;
    font-weight: normal;
  }
  .responsivetable_subs > * {
    width: 100%;
    padding-left: 30px;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .responsivetable_subs > * > * {
    padding-left: 5px;
  }
  .responsivetable_subs > * > *:nth-child(1) {
    position: absolute;
    width: auto;
    top: 1px;
    left: 0px;
    padding-left: 8px;
  }
  .responsivetable_subs > *:nth-child(2) > *:nth-child(1) {
    top: 16px;
  }
  .responsivetable_subs > * > *:nth-child(2) {
    width: 86%;
  }
  .responsivetable_subs > * > *:nth-child(3) {
    width: 14%;
    text-align: right;
  }
  .responsivetable_subs > * > *:nth-child(4) {
    display: none;
  }
  .responsivetable_subs > * > *:nth-child(5) {
    width: 49%;
  }
  .responsivetable_subs > * > *:nth-child(5):before {
    content: "Charges: ";
    padding-right: 3px;
    font-weight: bold;
    position: static;
    vertical-align: middle;
    display: inline;
    width: auto;
    height: auto;
    margin: 0px;
    color: #2b3033;
    font-size: 15px;
  }
  .responsivetable_subs > * > *:nth-child(6) {
    width: 49%;
    text-align: right;
  }
  .responsivetable_subs > * > *:nth-child(7) {
    display: none;
  }
}

@media (max-width: 767px) {
  .mobile-submenu {
    display: block !important;
    margin-bottom: 10px;
  }
  .submenu {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .mobile-submenu + .select2-container--default,
  .mobile-submenu-container {
    display: none !important;
  }
}

span.new_feature_label {
  font-size: 11px;
  border: 1px;
  border-style: solid;
  border-radius: 2px;
  padding: 2px 5px 2px 5px;
  margin-left: 1px;
  font-weight: bold;
  color: #FFFFFF;
  border-color: #007bfc;
  background-color: #007bfc;
  vertical-align: text-bottom;
}

.banner-label {
  background: #007bfc;
  height: 18px;
  text-transform: uppercase;
  position: absolute;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  border-radius: 0;
  width: 36px;
  text-align: center;
  top: 2px;
  right: -12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.banner-label:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #8a9099;
  content: '';
  position: absolute;
  bottom: -6px;
  right: 0;
  transform: rotate(8deg);
  z-index: -1;
}

.banner-label-orange {
  background: #fca426;
  height: 18px;
  text-transform: uppercase;
  position: absolute;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  border-radius: 0;
  text-align: center;
  top: 2px;
  right: -12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 6px;
}

.banner-label-orange:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #fca426;
  content: '';
  position: absolute;
  bottom: -6px;
  right: 0;
  transform: rotate(8deg);
  z-index: -1;
}

/*
   * App banner
   */
.app-banner {
  display: block;
  height: 40px;
  width: 100%;
  padding: 7px 0;
  background-color: #909090;
  color: #fff;
  overflow: hidden;
  line-height: 27px;
}

.app-banner > div {
  position: relative;
  max-width: 85%;
  margin: auto;
  text-align: left;
  padding-left: 8px;
  padding-right: 32px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .app-banner > div {
    max-width: 100%;
  }
}

.app-banner a {
  color: rgba(255, 255, 255, 0.7);
}

.app-banner a:hover {
  color: #fff;
}

.app-banner .close {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 0px;
  font-size: 22px;
  padding: 0px;
  padding-right: 12px;
  opacity: .6;
}

.app-banner .close::before {
  content: "\f136";
  font-family: "Material-Design-Iconic-Font";
}

.app-banner .close:hover {
  opacity: 1.0;
}

.app-banner.banner-success {
  background-color: #16DB62;
}

.app-banner.banner-warning {
  background-color: #fca426;
}

.app-banner.banner-info {
  background-color: #007bfc;
}

.app-banner.banner-error {
  background-color: #e31519;
}

span[name=header_alert] {
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 0;
  font-size: 13px;
  background-color: #fda426;
  color: #ffffff;
  box-shadow: 0px 5px 40px 0px rgba(229, 57, 53, 0.25);
}

span[name=header_alert] > a {
  color: #FFFFFF;
  font-weight: 500;
  text-decoration: underline;
}

span[name=header_alert] > span[name=header_alert_arrow] {
  position: absolute;
  display: block;
  right: -5px;
  top: 50%;
  margin-top: -5px;
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fda426;
}

@media (min-width: 769px) {
  span[name=header_alert] {
    margin-right: 6px;
  }
}

@media (max-width: 767px) {
  span[name=header_alert] {
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    width: 100%;
    box-shadow: none;
  }
  span[name=header_alert] > span[name=header_alert_arrow] {
    display: none;
  }
}

/* DISABLED OS STYLING. #28309 */
.disabled_os {
  background-color: #f8f8f8;
  opacity: .75;
  cursor: initial;
  pointer-events: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}

/* DROPDOWN FIREWALL PAGE*/
.drop .drop-content,
.drop-confirmation .drop-content {
  width: 300px;
}

.drop .drop-content {
  min-width: 200px;
  padding: 0;
  margin: 2px 0 0;
  font-size: 15px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #dcdee0;
  background-clip: padding-box;
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 10px 40px -5px rgba(37, 45, 51, 0.25);
}

/* FIREWALL TABLE */
.table-firewall tr {
  white-space: nowrap;
}

.table-firewall .btn-dashed {
  border: 1px dashed #d0d0d1;
  /*max-height: 36px;*/
  padding: 9px 10px !important;
  font-weight: bold;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.table-firewall .yellow-note {
  color: #fabe09;
  font-size: 24px;
}

.table-firewall .empty-note {
  color: lightgray !important;
  font-size: 24px;
}

.table-firewall .add-new-item {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: none;
}

.table-firewall .chevron i.zmdi.is-open {
  transform: rotate(180deg);
}

.table-firewall .chevron i.zmdi {
  transition: all .4s;
}

.table-firewall .chevron {
  margin-left: auto;
  font-size: 20px;
}

.table-firewall .btn-xs > i {
  margin-right: 5px;
  font-size: 14px;
  vertical-align: text-bottom;
}

.table-firewall .input-xs {
  height: 36px;
  padding: 5px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}

.table-firewall .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 20px !important;
}

.table-firewall .flex-start .select2-container--default {
  min-width: 35px !important;
}

.table-firewall .btn-add-responsive {
  display: none;
}

.table-firewall a.btn {
  cursor: pointer;
}

@media (max-width: 830px) {
  .table-firewall a.btn {
    cursor: default;
  }
  .table-firewall tbody tr {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .table-firewall .item-toggle .form-control {
    flex: 1 !important;
    width: 100%;
  }
  .table-firewall tbody tr:not(.item-toggle) {
    padding-bottom: 8px;
  }
  .table-firewall .arrow-note {
    display: none;
  }
  .table-firewall .btn-add-responsive {
    display: block;
  }
  .table-firewall thead {
    display: none;
  }
  .table-firewall .add-new-item {
    cursor: pointer;
    display: block;
  }
  .table-firewall > tbody > tr > td {
    display: flex;
    width: 100%;
    border-bottom: 0;
    padding: 4px 8px;
  }
  .table-firewall td:before {
    content: attr(data-label);
    display: flex;
    align-items: center;
    justify-content: left;
    width: 35%;
    min-width: 115px;
    color: #9da2a6;
    font-size: 13px;
    line-height: 20px;
  }
  .table-firewall .cell-actions :nth-child(2) {
    margin-left: auto;
  }
  .item-toggle .flex-start:before {
    display: flex;
    align-items: end;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 10px;
  }
  .table-firewall tbody tr.item-toggle {
    display: block;
    border-top: none;
    position: relative;
    padding-top: 0;
  }
  .table-firewall tbody tr.item-toggle .content {
    width: 65%;
  }
  .table-firewall .item-toggle .select2-container {
    flex: 1 !important;
    width: auto;
  }
  .table-firewall .mob_icon_delete {
    margin: auto 20px !important;
  }
  .table-firewall .item-toggle td .row {
    width: 65%;
    margin: 0;
  }
  .table-firewall .item-toggle td .row [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .table-firewall .add-new-item td:before {
    content: '';
    display: block;
    width: 0;
    min-width: 0;
  }
  .table-firewall .add-new-item td {
    color: #007bfc;
  }
  .table-firewall .item-toggle:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    height: 1px;
    display: block;
    width: 100%;
    background-color: #ffffff;
  }
  .table-firewall .item-toggle:after {
    content: '';
    position: relative;
    bottom: -16px;
    left: 0;
    height: 1px;
    display: block;
    width: 100%;
    background-color: #007bfc;
  }
  .table-firewall .mob-btn-block {
    max-width: 100%;
    width: 100%;
    display: block;
    text-align: center;
  }
  .table-firewall .mob-m-t-1x {
    margin-top: 8px;
  }
  .table-firewall .item-toggle .cell-actions .btn-plus {
    display: none;
  }
}

/* netconfig */
.netconfig code {
  font-family: "Consolas", "Menlo", "Monaco", monospace, serif;
  font-size: 0.9em;
  background-color: #f9f2f4;
  color: #c7254e;
  border-width: 0px;
  border-radius: 0;
  padding: 2px 4px;
}

.netconfig p code {
  font-size: 13px;
}

.netconfig pre {
  font-size: 13px;
  line-height: 1.25em;
  background-color: #f9f2f4;
  color: #c7254e;
  border-width: 0px;
  border-radius: 0;
  padding: 6px 10px;
  overflow: auto;
}

.netconfig pre code {
  font-size: 13px;
  border-width: 0px;
  padding: 0px;
}

.netconfig pre {
  padding: 0px 10px;
  background-color: #f9f2f4;
  background: linear-gradient(to bottom, #f9f2f4 0em, #f9f2f4 1.25em, #fffbfb 1.25em, #fffbfb 2.5em);
  background: -webkit-linear-gradient(to bottom, #f9f2f4 0em, #f9f2f4 1.25em, #fffbfb 1.25em, #fffbfb 2.5em);
  background-size: 100% 2.5em;
  border: 1px solid #f9f2f4;
}

.netconfig pre code {
  background-color: transparent;
}

.word-wrap {
  word-break: break-word;
  max-width: 450px;
}

.header-title .btn-primary {
  color: #000;
}

#userform {
  max-width: 520px;
}

#tabc_subsddos .block460center > form {
  max-width: 460px;
}

#tabc_settingsapi .tablelist {
  margin-top: 32px;
  margin-bottom: 10px;
  box-shadow: none;
  border: 1px solid #e3e6e8;
  border-radius: 3px;
}

#tabc_settingsapi .tablelist .button {
  height: 32px;
  padding: 0 10px;
  width: auto;
  background: #fff;
  border: 1px solid #DCDEE0;
  line-height: 30px;
  color: #4e5259;
  font-size: 11px;
}

#tabc_settingsapi .tablelist + hr + .flexlayoutform input[type=submit] {
  width: auto;
}

#tabc_settingsapi #formregeneratekey + hr {
  display: none;
}

#tabc_settingsapi #formregeneratekey + hr + form .flexwidth100 {
  border: 1px solid #DCDEE0;
  background: transparent;
  color: #4e5259;
}

#tabc_settingsapi #formregeneratekey + hr + form .flexwidth100:hover {
  background-color: #fff;
  border-color: #007bfc;
  color: #007bfc;
}

#tabc_settingsapi .alert-info {
  margin-bottom: 0;
}

#tabc_settingsnotifications #bw_stop_threshold {
  margin: 32px 0 0 0;
  max-width: 580px;
  width: 100%;
}

#tabc_settingsnotifications #bw_stop_threshold .alert-body {
  width: 100%;
}

#tabc_settingsnotifications #bw_stop_threshold .btn {
  float: right;
}

#tabc_settingsusers {
  padding: 0;
  margin: 0;
}

#tabc_settingsusers .responsivetable + .hr30 {
  height: 20px;
}

#tabc_subsbackups > h3:first-child {
  display: none;
}

#tabc_subsbackups .tablelist input[type=button].btn-danger {
  height: 32px;
  line-height: 30px;
  padding: 0 12px;
  font-size: 11px;
  border: 1px solid #DCDEE0;
  background: transparent;
  color: #4e5259;
}

#tabc_subsbackups > [style="width: 100%; overflow: auto;"] {
  overflow: unset !important;
}

#tabc_subsbackups .block460left:last-child {
  margin-top: 24px;
}

body > .block1290 .success_message {
  margin-bottom: 40px;
  background-color: #fff;
  border: none;
  border-radius: 0;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
  overflow: hidden;
  padding-left: 20px;
}

body > .block1290 .success_message:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 5px;
  background: #16DB62;
}

.container-fluid {
  padding: 0;
}

label.flexwidth1fifth,
label.flexwidth1sixth,
label.flexwidth100 {
  transition: all ease-in .15s;
}

.pagingoptions {
  display: none;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .tablelistbillinghistory tr td:nth-child(4) {
    display: none;
  }
  .tablelistbillinghistory tr td:nth-child(5) {
    /*display: none;*/
  }
}

#billing-spinner {
  position: absolute;
  top: 19px;
  right: 59px;
}

.zmdi-plus-circle-o {
  display: none;
}

@media all and (max-width: 767px) {
  .hide_on_mobile {
    display: none !important;
  }
  .zmdi-plus-circle-o {
    display: initial;
  }
  #billing-spinner {
    position: relative;
    right: 24px;
    top: -1px;
  }
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #table_records > * > * {
    padding-left: 100px;
    min-height: 30px;
  }
  #table_records > * > *:before {
    width: 100px;
  }
  .delete_checkbox:before {
    content: "Delete:";
  }
  #table_records > * > *:nth-child(2):before {
    content: "Type:";
  }
  #table_records > * > *:nth-child(3):before {
    content: "Name:";
    text-align: left;
  }
  #table_records > * > *:nth-child(4):before {
    content: "Data:";
  }
  #table_records > * > *:nth-child(5):before {
    content: "TTL (seconds):";
  }
  #table_records > * > *:nth-child(6):before {
    content: "Priority:";
  }
  #table_records > * > *:nth-child(7):before {
    content: "Actions:";
  }
  .delete_checkbox {
    text-align: left !important;
  }
  div[name="delete_prompt"] {
    right: -8px !important;
    left: -8px !important;
    margin-left: 0% !important;
    border-radius: 3px !important;
    width: auto;
    z-index: 1000;
  }
  #sticky.stick {
    margin-top: 0 !important;
    margin-left: -12px !important;
    border-radius: 0px !important;
    position: fixed;
    top: 0;
    z-index: 10000;
  }
}

@media all and (min-width: 768px) {
  #table_records > * > * {
    max-width: 200px;
    word-wrap: break-word;
  }
}

#table_records input[type="text"] {
  height: 37px;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
}

div[name="delete_prompt"] {
  position: absolute !important;
  top: -32px;
  right: 4px;
  left: 6px;
  opacity: 0;
  visibility: hidden;
  margin: 0 !important;
  background-color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in;
  border: 1px solid #007bfc;
  width: calc(100% - 12px);
}

div[name="delete_prompt"]:after {
  content: none;
}

div[name="delete_prompt"] .delete_button:hover {
  color: #e31519;
}

.delete_checkbox {
  text-align: right;
}

#cancel_edit_button {
  display: none;
}

.delete_button,
.cancel_button {
  display: flex;
  align-items: center;
  float: right;
  cursor: pointer;
  transition: all 0.2s ease-in;
}

.delete_button > *,
.cancel_button > * {
  bottom: auto !important;
  line-height: 32px !important;
}

.delete_button > .zmdi,
.cancel_button > .zmdi {
  font-size: 19px;
}

.delete_button {
  margin-right: 20px;
}

.cancel_button:hover,
.delete_button:hover {
  color: #007bfc;
}

.prompt_icons {
  font-size: 24px;
}

.dnssec_textarea {
  width: 100%;
  resize: none;
  height: 48px;
  padding: 6px;
  padding-top: 16px;
}

#table_dsrecords > * > *:nth-child(6) {
  text-align: right;
}

@media all and (min-width: 850px) and (max-width: 1100px) {
  #table_dsrecords > *:not(:first-child) > *:nth-child(5) {
    width: 350px;
    display: inline-block;
    word-wrap: break-word;
  }
  #table_dsrecords > * > *:nth-child(6) {
    width: 150px;
    text-align: left;
  }
  .dnssec_textarea {
    height: 80px;
  }
}

@media all and (min-width: 768px) and (max-width: 849px) {
  #table_dsrecords > *:not(:first-child) > *:nth-child(5) {
    width: 250px;
    display: inline-block;
    word-wrap: break-word;
  }
  #table_dsrecords > * > *:nth-child(6) {
    width: 200px;
    text-align: left;
  }
  .dnssec_textarea {
    height: 80px;
  }
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #table_dsrecords > * > * {
    padding-left: 150px;
    min-height: 30px;
  }
  #table_dsrecords > * > *:before {
    width: 150px;
  }
  #table_dsrecords > *:nth-child(2) {
    border-top: 0px;
  }
  #table_dsrecords > * > *:nth-child(1):before {
    content: "Record Type:";
  }
  #table_dsrecords > * > *:nth-child(2):before {
    content: "Key Type:";
  }
  #table_dsrecords > * > *:nth-child(3):before {
    content: "Algorithm:";
  }
  #table_dsrecords > * > *:nth-child(4):before {
    content: "Digest Type:";
  }
  #table_dsrecords > * > *:nth-child(5):before {
    content: "Digest:";
  }
  #table_dsrecords > * > *:nth-child(5) {
    width: 400px;
    word-wrap: break-all;
  }
  #table_dsrecords > * > *:nth-child(6) {
    text-align: left;
  }
  #table_dsrecords > * > *:nth-child(6):before {
    content: "Copy BIND Format:";
    text-align: left;
    box-sizing: inherit;
  }
  .dnssec_textarea {
    height: 80px;
  }
}

.disabled-api_body {
  border: 1px solid #e6e9eb;
  border-radius: 0;
  text-align: center;
}

.disabled-api_body > img,
.disabled-api_body > form {
  display: block;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
}

.boxLink #cpu_graph_container {
  float: left;
  width: 50%;
  overflow: hidden;
  position: relative;
}

.boxLink #cpu_graph_container > #cpu_graph_sm_spinner {
  width: 100%;
  min-width: 100px;
  height: 60px;
  position: relative;
}

.boxLink #cpu_graph_container > #cpu_graph_sm {
  width: 100%;
  min-width: 100px;
  height: 60px;
}

.form-group--icon {
  margin-bottom: 0;
  border: 1px solid #DCDEE0;
  border-radius: 3px;
  padding: 0 12px 0 8px;
  display: flex;
  align-items: center;
}

.form-group .zmdi {
  font-size: 24px;
  opacity: .7;
}

.form-group input[type="text"] {
  /*border: none;*/
}

.app-icon_shape {
  fill: #007bfc;
}

.os-icon {
  max-width: 26px;
}

.status-icon {
  font-size: 15px;
  display: flex;
  align-items: center;
}

.status-icon .zmdi {
  color: #16DB62;
  margin-right: 10px;
  font-size: 20px;
}

.svg-product {
  position: relative;
  z-index: 3;
  visibility: visible;
  overflow: visible;
  width: 100%;
  max-width: 488px;
}

/* ------------------ Resposnive ----------------*/
.responsivetable {
  border-top: 1px solid #E6E7EB;
  border-left: 1px solid #E6E7EB;
  border-right: 1px solid #E6E7EB;
  display: table;
  width: 100%;
  background: #fff;
  border-radius: 0;
  box-shadow: none;
}

.responsivetable a {
  color: #4e5259;
}

.responsivetable > * {
  display: table-row;
  /* thead*/
}

.responsivetable > * > * {
  display: table-cell;
  padding: 10px 10px;
  border-bottom: 1px solid #E6E7EB;
  vertical-align: middle;
  color: #4e5259;
}

.responsivetable > * > * > a {
  color: #4e5259;
}

.responsivetable > * > *:nth-child(1) {
  padding-left: 16px;
}

.responsivetable > * > *:nth-child(3) {
  width: 8%;
}

.responsivetable > * > *:last-child {
  padding-right: 16px;
  /*text-align: right;*/
}

.responsivetable > *:nth-child(1) > * {
  color: #8a9099;
  font-size: 15px;
  font-weight: normal;
}

.responsivetable > *:nth-child(n+2):hover > * {
  background-color: #fafbfc;
}

.responsivetable [class*="fonticon"] + span {
  margin-left: 8px;
}

.responsivetable [data-dropdownpopup] {
  display: inline-block;
  position: relative;
}

.responsivetable input.checkboxcheckmark + label {
  height: 32px;
  width: 32px;
  align-items: center;
  justify-content: center;
}

.responsivetable input.checkboxcheckmark + label:before {
  margin: 0;
}

.responsivetable input.checkboxcheckmark + label:after {
  left: auto;
}

.responsivetable .responsivetabletag {
  padding: 10px 10px;
  background: #f4f4f6;
}

.responsivetable .responsivetabletag:hover>span {
    background: #f4f4f6 !important;
}

.responsivetable .product-icon,
table .product-icon {
  display: inline-block;
  height: 34px;
  width: 34px
}

.responsivetable .product-details,
table .product-details {
  padding-left: 16px;
  display: inline-block
}

.responsivetable .tablefirstline,
table .tablefirstline {
  display: block;
  font-size: 15px;
  color: #1e2736;
  font-weight: bold;
}

.responsivetable .tablesecondline,
table .tablesecondline {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #8A8D99;
}

.responsivetable .tablesecondline .copy-content, table .tablesecondline .copy-content {
	cursor: pointer;
    transition: .3s;
}

.responsivetable .tablesecondline .copy-content:hover, table .tablesecondline .copy-content:hover {
	color: #007bfc;
}

.responsivetable .tablesecondline .copy-content .spanlink, table .tablesecondline .copy-content .spanlink {
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    width: 22px;
    height: 22px;
    margin-top: -4px;
    text-align: center;
    line-height: 22px;
    transition: .3s;
    padding: 0 5px;
}

.responsivetable .tablesecondline .copy-content:hover .spanlink, table .tablesecondline .copy-content:hover .spanlink {
    color: #007bfc;
    visibility: visible;
    opacity: 1;
}

.responsivetable .tablesecondline .copy-content .spanlink .fonticon, table .tablesecondline .copy-content .spanlink .fonticon {
    font-size: 13px;
}

.responsivetable_subs > * > *:nth-child(1) {
  width: 30%;
}

.responsivetable_snapshots > * > *:first-child {
  width: 40%;
}

.responsivetable_actions {
  text-align: right;
}

.responsivetable_subs_btn {
  float: right;
  width: 40px;
  height: 40px;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
}

.responsivetable_subs_btn:active, .responsivetable_subs_btn:focus {
  outline: none;
}

.responsivetabletag {
  color: #8d8d8d;
}

.responsivetabletag > * {
  border-bottom: none;
}

.responsivetable > .responsivetabletag:nth-child(n+2):hover > * {
  background-color: #ffffff;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .responsivetable {
    display: block;
    border: 1px solid #E6E7EB;
  }
  .responsivetable > * {
    display: block;
    border-bottom: 1px solid #E6E7EB;
    padding: 16px;
  }
  .responsivetable > *:last-child {
    border: none;
  }
  .responsivetable > *:nth-child(1) {
    display: none;
  }
  .responsivetable > *:nth-child(n+2):hover > * {
    background-color: transparent;
  }
  .responsivetable > * > * {
    display: block;
    position: relative;
    border-bottom: none;
    padding: 2px 0px;
    min-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .responsivetable > * > *::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100px;
    height: 25px;
    margin-top: -11px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9DA2A6;
    font-size: 12px;
    font-weight: normal;
  }
  .responsivetable:not(.responsivetable_subs) > * > * {
    padding-left: 100px !important;
    width: 100% !important;
  }
  .responsivetable .product-icon {
    display: none
  }
  .responsivetable .product-details {
    padding-left: 0
  }
  .responsivetable .table-row {
    overflow: hidden
  }
  .responsivetable_subs > * {
    width: 100%;
    padding-left: 30px;
    position: relative;
    /*display: flex;*/
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .responsivetable_subs > * > * {
    padding-left: 0px;
  }
  .responsivetable_subs > * > *:nth-child(1) {
    position: absolute;
    width: auto;
    top: 10px;
    left: 40px;
    padding-left: 8px;
  }
  .responsivetable_subs > * > *:nth-child(2) {
    width: calc(100% - 40px);
    order: 3;
    left: 28px;
    top:45px
  }
  .responsivetable_subs > * > *:nth-child(3) {
      /*display: none;*/
    width: 14%;
    text-align: right;
    order: 1;
    display: flex;
    align-items: center;
    top: -15px;
    left: -10px;
  }
    
  .responsivetable_subs > .responsivetabletag > span:nth-child(3) {
  	order: 3;
  }
  .responsivetable_subs > * > *:nth-child(4) {
    display: none;
     /*text-align: right;
    order: 3;
    width: 17px;
    overflow: hidden;
    position: absolute;
    right: 24px;
    top: 50px;*/
  }

  .responsivetable_subs > * > *:nth-child(5) {
    /*width: 49%;*/
    /*display: none;*/
     text-align: right;
    order: 4;
    /*width: 17px;*/
    overflow: hidden;
    position: absolute;
    right: 24px;
    top: 60px;
  }
  .responsivetable_subs > * > *:nth-child(4):before {
    /*content: "In: ";*/
    padding-right: 3px;
    font-weight: bold;
    position: static;
    vertical-align: middle;
    display: inline;
    width: auto;
    height: auto;
    margin: 0px;
    color: #2b3033;
    font-size: 15px;
  }
  .responsivetable_subs > * > *:nth-child(5):before {
    /*content: "Out: ";*/
    padding-right: 3px;
    font-weight: bold;
    position: static;
    vertical-align: middle;
    display: inline;
    width: auto;
    height: auto;
    margin: 0px;
    color: #2b3033;
    font-size: 15px;
  }
  .responsivetable_subs > * > *:nth-child(6) {
    text-align: right;
    order: 3;
    /*width: 17px;*/
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 11px;
  }
  .responsivetable_subs > * > *:nth-child(7) {
    display: none;
  }
  #massactionform .responsivetable > * {
    padding-left: 48px;
  }
  .header2_details {
    display: inline-block;
  }
  #massactionform .responsivetable .table-row {
    padding-left: 20px;
  }
  .block1290deploy {
    margin: 8px 0 19px 0 !important;
  }
  .responsivetable_test > * > * {
    padding-left: 100px !important;
  }
  .responsivetable_test > * > *:before {
    width: 100px;
  }
  .responsivetable_test > * > *:nth-child(1):before {
    content: "Header 1";
  }
  .responsivetable_test > * > *:nth-child(2):before {
    content: "Header 2";
  }
  .responsivetable_test > * > *:nth-child(3):before {
    content: "Header 3";
  }
  .responsivetable_test > * > *:nth-child(4):before {
    content: "Header 4";
  }
  .responsivetable_tickets > * {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .responsivetable_tickets > * > * {
    padding-left: 0px;
  }
  .responsivetable_tickets > * > * > .tablesecondline {
    display: none;
  }
  .responsivetable_tickets > * > *:nth-child(1) {
    width: 100%;
  }
  .responsivetable_tickets > * > *:nth-child(2) {
    width: 49%;
  }
  .responsivetable_tickets > * > *:nth-child(3) {
    width: 49%;
    text-align: right;
    padding-right: 20px;
  }
  .responsivetable_tickets > * > *:nth-child(4) {
    display: none;
  }
  .responsivetable_users > * > * {
    padding-left: 75px;
  }
  .responsivetable_users > * > *:before {
    width: 75px;
  }
  .responsivetable_users > * > *:nth-child(1):before {
    content: "Name:";
  }
  .responsivetable_users > * > *:nth-child(2):before {
    content: "Email:";
  }
  .responsivetable_users > * > *:nth-child(3) {
    padding-top: 8px;
  }
  .responsivetable_startup > * > * {
    padding-left: 100px;
  }
  .responsivetable_startup > * > *:before {
    width: 100px;
  }
  .responsivetable_startup > * > *:nth-child(1):before {
    content: "Name:";
  }
  .responsivetable_startup > * > *:nth-child(2):before {
    content: "Type:";
  }
  .responsivetable_startup > * > *:nth-child(3):before {
    content: "Last Modified:";
  }
  .responsivetable_startup > * > *:nth-child(4) {
    padding-top: 8px;
  }
  .responsivetable_sshkeys > * > * {
    padding-left: 100px;
  }
  .responsivetable_sshkeys > * > *:before {
    width: 100px;
  }
  .responsivetable_sshkeys > * > *:nth-child(1):before {
    content: "Name:";
  }
  .responsivetable_sshkeys > * > *:nth-child(2):before {
    content: "Date Created:";
  }
  .responsivetable_sshkeys > * > *:nth-child(3) {
    padding-top: 8px;
  }
  .responsivetable_dns > * > * {
    padding-left: 100px;
  }
  .responsivetable_dns > * > *:before {
    width: 100px;
  }
  .responsivetable_dns > * > *:nth-child(1):before {
    content: "Domain:";
  }
  .responsivetable_dns > * > *:nth-child(2):before {
    content: "Date Created:";
  }
  .responsivetable_dns > * > *:nth-child(3) {
    padding-top: 8px;
  }
  .responsivetable_blockstorage > * > * {
    padding-left: 100px;
  }
  .responsivetable_blockstorage > * > *:before {
    width: 100px;
  }
  .responsivetable_blockstorage > * > *:nth-child(1):before {
    content: "Description:";
  }
  .responsivetable_blockstorage > * > *:nth-child(2):before {
    content: "Location:";
  }
  .responsivetable_blockstorage > * > *:nth-child(3):before {
    content: "Status:";
  }
  .responsivetable_blockstorage > * > *:nth-child(4):before {
    content: "Attached To:";
  }
  .responsivetable_blockstorage > * > *:nth-child(5):before {
    content: "Charges:";
  }
  .responsivetable_blockstorage > * > *:nth-child(6) {
    padding-top: 8px;
  }
  .responsivetable_reservedip > * > * {
    padding-left: 100px;
  }
  .responsivetable_reservedip > * > *:before {
    width: 100px;
  }
  .responsivetable_reservedip > * > *:nth-child(1):before {
    content: "Reserved IP:";
  }
  .responsivetable_reservedip > * > *:nth-child(2):before {
    content: "Location:";
  }
  .responsivetable_reservedip > * > *:nth-child(3):before {
    content: "Attached To:";
  }
  .responsivetable_reservedip > * > *:nth-child(4):before {
    content: "Charges:";
  }
  .responsivetable_reservedip > * > *:nth-child(5) {
    padding-top: 8px;
  }
  .responsivetable_custom > * > * {
    padding-left: 100px;
  }
  .responsivetable_custom > * > *:before {
    width: 100px;
  }
  .responsivetable_custom > * > *:nth-child(1):before {
    content: "Service:";
  }
  .responsivetable_custom > * > *:nth-child(2):before {
    content: "Charges:";
  }
  .responsivetable_custom > * > *:nth-child(3):before {
    content: "Status:";
  }
  .responsivetable_custom > * > *:nth-child(4) {
    padding-top: 8px;
  }
  .responsivetable_snapshots > * > * {
    padding-left: 100px !important;
  }
  .responsivetable_snapshots > * > *:before {
    width: 100px;
    text-align: left;
  }
  .responsivetable > * > *:last-child {
    text-align: left;
        /*width: 20%;*/
    /*font-size: 13px;*/
  }
  .responsivetable_snapshots > * > *:nth-child(1):before {
    content: "Name:";
  }
  .responsivetable_snapshots > * > *:nth-child(2):before {
    content: "OS:";
  }
  .responsivetable_snapshots > * > *:nth-child(3):before {
    content: "Size:";
  }
  .responsivetable_snapshots > * > *:nth-child(4):before {
    content: "Cost:";
  }
  .responsivetable_snapshots > * > *:nth-child(5):before {
    content: "Date:";
  }
  .responsivetable_snapshots > * > *:nth-child(6):before {
    content: "Status:";
  }
  .responsivetable_snapshots > * > *:nth-child(7) {
    padding-top: 8px;
  }
  .responsivetable_firewall > * > * {
    padding-left: 100px;
  }
  .responsivetable_firewall > * > *:before {
    width: 100px;
  }
  .responsivetable_firewall > * > *:nth-child(1):before {
    content: "ID:";
  }
  .responsivetable_firewall > * > *:nth-child(2):before {
    content: "Description:";
  }
  .responsivetable_firewall > * > *:nth-child(3):before {
    content: "Date Created:";
  }
  .responsivetable_firewall > * > *:nth-child(4):before {
    content: "Rules:";
  }
  .responsivetable_firewall > * > *:nth-child(5):before {
    content: "Instances:";
  }
  .responsivetable_firewall > * > *:nth-child(6):before {
    content: "Actions:";
  }
  .responsivetable_firewall > * > *:nth-child(3) {
    padding-top: 8px;
  }
  .responsivetable_iplist > * > * {
    padding-left: 100px;
  }
  .responsivetable_iplist > * > *:before {
    width: 100px;
  }
  .responsivetable_iplist > * > *:nth-child(1):before {
    content: "Address:";
  }
  .responsivetable_iplist > * > *:nth-child(2):before {
    content: "Netmask:";
  }
  .responsivetable_iplist > * > *:nth-child(3):before {
    content: "Gateway:";
  }
  .responsivetable_iplist > * > *:nth-child(4):before {
    content: "Reverse DNS:";
  }
  .responsivetable_iplist > * > *:nth-child(3) {
    padding-top: 8px;
  }
  .responsivetable_ip6list > * > * {
    padding-left: 100px;
  }
  .responsivetable_ip6list > * > *:before {
    width: 100px;
  }
  .responsivetable_ip6list > * > *:nth-child(1):before {
    content: "Default IP:";
  }
  .responsivetable_ip6list > * > *:nth-child(2):before {
    content: "Network:";
  }
  .responsivetable_ip6list > * > *:nth-child(3):before {
    content: "CIDR:";
  }
  .responsivetable_ip6list > * > *:nth-child(4):before {
    content: "Gateway:";
  }
  .responsivetable_ip6list > * > *:nth-child(3) {
    padding-top: 8px;
  }
  .responsivetable_networks > * > * {
    padding-left: 100px;
  }
  .responsivetable_networks > * > *:before {
    width: 100px;
  }
  .responsivetable_networks > * > *:nth-child(1):before {
    content: "ID:";
  }
  .responsivetable_networks > * > *:nth-child(2):before {
    content: "Description:";
  }
  .responsivetable_networks > * > *:nth-child(3):before {
    content: "Location:";
  }
  .responsivetable_networks > * > *:nth-child(4):before {
    content: "Subnet:";
  }
  .responsivetable_networks > * > *:nth-child(3) {
    padding-top: 8px;
  }
  .responsivetable_actions {
    text-align: left;
  }
  .responsivefullwidth {
    width: 100%;
  }
  input[type=submit].responsivefullwidthmr10,
  .responsivefullwidthmr10 {
    width: 100%;
    margin-left: 0px;
  }
  .table-bottom {
    margin-left: -15px;
    margin-right: -15px;
    border-top: 1px solid #E6E7EB;
    justify-content: center;
    align-items: center;
  }
  .table-bottom .table-container {
    display: flex;
    flex-wrap: wrap;
  }
}

@media all and (min-width: 0px) and (max-width: 420px) {
  .table-bottom .table-container {
    justify-content: center !important;
  }
}

/* TABLE MAS ACTIONS */
body.mass-actions-open {
  margin-bottom: 156px;
}

body.mass-actions-open .table-mass-actions {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}

.mass-action-table {
  position: relative;
}

.table-mass-actions {
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  z-index: 100;
  padding: 16px 0;
  background: #fff;
  box-shadow: 0 2px 24px rgba(11, 15, 20, 0.08);
  transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
  opacity: 0;
  visibility: hidden;
}

.table-mass-actions input[type="button"],
.table-mass-actions input[type="submit"],
.table-mass-actions .button {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0 16px 0 0;
  background: transparent;
  color: #007bfc;
}

.table-mass-actions input[type="button"]:hover, .table-mass-actions input[type="button"]:active, .table-mass-actions input[type="button"]:focus,
.table-mass-actions input[type="submit"]:hover,
.table-mass-actions input[type="submit"]:active,
.table-mass-actions input[type="submit"]:focus,
.table-mass-actions .button:hover,
.table-mass-actions .button:active,
.table-mass-actions .button:focus {
  background: transparent;
}

.table-mass-actions .mass-action-title {
  padding-right: 16px;
}

.table-mass-actions .block1290 {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.table-mass-actions.is-active {
  opacity: 1;
  visibility: visible;
}

.table-mass-actions.affix:not(.affix-top) {
  position: fixed;
  top: 0;
}

/* Zero Data */
.zero-data {
  padding: 24px;
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #E6E7EB;
}

.zero-data-body {
  max-width: 768px;
  margin: 40px auto;
  text-align: center;
}

.zero-data-title {
  margin-bottom: 20px;
  color: #1e2736;
  font-size: 28px;
  line-height: 32px;
}

.zero-data-desc {
  margin-bottom: 24px;
}

/* Product Notes */
.product-notes {
  margin-top: 40px;
}

.product-notes + p,
.product-notes + .product-notes {
  margin-top: 16px;
}

/* Table List */
.tablelist {
  width: 100%;
  border: 1px solid #E6E7EB;
  background: #fff;
  border-spacing: 0px;
  border-radius: 0;
}

.tablelist a {
  color: #4e5259;
}

.tablelist tr td,
.tablelist tr th {
  padding: 10px 10px;
  border-bottom: 1px solid #E6E7EB;
  text-align: left;
}

.tablelist tr td:first-child,
.tablelist tr th:first-child {
  padding-left: 16px;
}

.tablelist tr td:last-child,
.tablelist tr th:last-child {
  padding-right: 16px;
  text-align: right;
}

.tablelist tr th {
  color: #8a9099;
  font-size: 15px;
  font-weight: normal;
}

.tablelist tr td:last-child {
  padding-top: 6px;
  padding-bottom: 6px;
}

.tablelist tr:hover td {
  background-color: #fafbfc;
}

.tablelist tr:last-child td {
  border-bottom: none;
}

.responsivetable .fonticonedit,
.responsivetable .fonticondelete,
.responsivetable .fonticonnewpage,
.tablelist .fonticonedit,
.tablelist .fonticondelete,
.tablelist .fonticonnewpage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.responsivetable > * > *:nth-child(3) {
  /*width: auto;*/
}

.table-bottom {
  border-left: 1px solid #E6E7EB;
  border-right: 1px solid #E6E7EB;
  border-bottom: 1px solid #E6E7EB;
}

.table-bottom .table-container {
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.table-bottom .pagination,
.table-bottom .table-length {
  padding-left: 0;
  display: flex;
  list-style: none;
  font-size: 15px;
  line-height: 40px;
}

.table-bottom .pagination li,
.table-bottom .table-length li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0 5px;
}

.table-bottom .pagination li.active,
.table-bottom .table-length li.active {
  border: 1px solid #007bfc;
  border-radius: 2px;
}

.table-bottom .pagination li.active a,
.table-bottom .table-length li.active a {
  color: #007bfc;
}

.table-bottom .pagination li a,
.table-bottom .table-length li a {
  color: #192969;
}

.table-bottom .pagination .prev a,
.table-bottom .pagination .next a,
.table-bottom .table-length .prev a,
.table-bottom .table-length .next a {
  color: #8692b0;
  font-size: 19px;
}

.table-icon-sm {
  max-width: 24px;
}

.tabledata tr td:nth-child(n+2) {
  padding-left: 40px;
}

.tabledata .floatinglabel {
  margin: 0;
}

/* Table Search */
#subscriptionSearchForm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.subscriptionSearchForm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

#subscriptionSearchForm > div {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
}

#subscriptionSearchForm label {
  min-width: 150px;
}

/*
#subscriptionSearchForm input[type=text] {
    margin:0px 0px 2px 6px;
    font-weight:bold;
    border-radius:0px;
    border:none;
    padding:2px 4px 2px 4px;
    height:25px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    width:200px;
}
#subscriptionSearchForm select {
    margin:0px 0px 2px 6px;
    font-weight:bold;
    border-radius:0px;
    border:none;
    padding:2px 16px 2px 4px;
    height:25px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
}
*/
@-moz-document url-prefix() {
  #subscriptionSearchForm select {
    text-indent: -2px;
  }
}

#subscriptionSearchForm > div.searchhl {
  border-color: #1e88e5;
}

/* SVG ICONS */
.fonticon_wordpress,
.fonticon_magento,
.fonticon_windows,
.fonticon_centos,
.fonticon_coreos,
.fonticon_cpanel,
.fonticon_debian,
.fonticon_django,
.fonticon_docker,
.fonticon_drupal,
.fonticon_fedora,
.fonticon_freebsd,
.fonticon_gitlab,
.fonticon_joomla,
.fonticon_lamp,
.fonticon_lemp,
.fonticon_mediawiki,
.fonticon_minecraft,
.fonticon_nextcloud,
.fonticon_openlitespeed,
.fonticon_openvpn,
.fonticon_owncloud,
.fonticon_openbsd,
.fonticon_plesk,
.fonticon_plesk,
.fonticon_plesk_webadmin,
.fonticon_plesk_webpro,
.fonticon_plesk_webhost,
.fonticon_prestashop,
.fonticon_ubuntu,
.fonticon_webmin,
.fonticon_script,
.fonticon_ssh,
.fonticon_add,
.fonticon_iso,
.fonticon_backup,
.fonticon_server,
.fonticon_jitsi,
.fonticon_snapshot,
.fonticon_compute,
.fonticon_flex-compute,
.fonticon_high-frequency {
  display: inline-block;
  height: 48px;
  width: 48px;
  background-size: cover;
  background-repeat: no-repeat;
}

.responsivetable .fonticon_wordpress,
.responsivetable .fonticon_magento,
.responsivetable .fonticon_windows,
.responsivetable .fonticon_centos,
.responsivetable .fonticon_coreos,
.responsivetable .fonticon_debian,
.responsivetable .fonticon_django,
.responsivetable .fonticon_docker,
.responsivetable .fonticon_drupal,
.responsivetable .fonticon_fedora,
.responsivetable .fonticon_freebsd,
.responsivetable .fonticon_gitlab,
.responsivetable .fonticon_joomla,
.responsivetable .fonticon_lamp,
.responsivetable .fonticon_lemp,
.responsivetable .fonticon_mediawiki,
.responsivetable .fonticon_minecraft,
.responsivetable .fonticon_openlitespeed,
.responsivetable .fonticon_openvpn,
.responsivetable .fonticon_openbsd,
.responsivetable .fonticon_plesk,
.responsivetable .fonticon_plesk,
.responsivetable .fonticon_plesk_webadmin,
.responsivetable .fonticon_plesk_webpro,
.responsivetable .fonticon_plesk_webhost,
.responsivetable .fonticon_prestashop,
.responsivetable .fonticon_jitsi,
.responsivetable .fonticon_webmin,
.responsivetable .fonticon_backup,
.responsivetable .fonticon_server,
.responsivetable .fonticon_snapshot,
table .fonticon_wordpress,
table .fonticon_magento,
table .fonticon_windows,
table .fonticon_centos,
table .fonticon_coreos,
table .fonticon_debian,
table .fonticon_django,
table .fonticon_docker,
table .fonticon_drupal,
table .fonticon_fedora,
table .fonticon_freebsd,
table .fonticon_gitlab,
table .fonticon_joomla,
table .fonticon_lamp,
table .fonticon_lemp,
table .fonticon_mediawiki,
table .fonticon_minecraft,
table .fonticon_openlitespeed,
table .fonticon_openvpn,
table .fonticon_openbsd,
table .fonticon_plesk,
table .fonticon_plesk,
table .fonticon_plesk_webadmin,
table .fonticon_plesk_webpro,
table .fonticon_plesk_webhost,
table .fonticon_prestashop,
table .fonticon_jitsi,
table .fonticon_webmin,
table .fonticon_backup,
table .fonticon_server,
table .fonticon_snapshot {
  height: 28px;
  width: 28px;
  background-size: cover;
}

.responsivetable .fonticon_ubuntu,
table .fonticon_ubuntu {
	height: 30px;
	width: 28px;
	background-size: cover;
}

.responsivetable .fonticon_cpanel,
table .fonticon_cpanel {
	height: 28px;
	width: 31px;
	background-size: cover;
}

.responsivetable .fonticon_nextcloud,
.responsivetable .fonticon_owncloud,
table .fonticon_nextcloud,
table .fonticon_owncloud {
	height: 28px;
	width: 34px;
	background-size: cover;
}

/* Operating Systems */
.fonticon_centos {
  background: url(../_images/os/icon-centos.svg);
}

.fonticon_coreos {
  background: url(../_images/os/icon-coreos.svg);
}

.fonticon_debian {
  background: url(../_images/os/icon-debian.svg);
}

.fonticon_fedora {
  background: url(../_images/os/icon-fedora.svg);
}

.fonticon_freebsd {
  background: url(../_images/os/icon-freebsd.svg);
}

.fonticon_openbsd {
  background: url(../_images/os/icon-openbsd.svg);
}

.fonticon_ubuntu {
  height: 50px;
  background: url(../_images/os/icon-ubuntu.svg);
}

.fonticon_windows {
  background: url(../_images/os/icon-windows.svg);
}

/* Applications */
.fonticon_cpanel {
  width: 52px;
  background: url(../_images/os/icon-cpanel.svg);
}

.fonticon_django {
  background: url(../_images/os/icon-django.svg);
}

.fonticon_docker {
  background: url(../_images/os/icon-docker.svg);
}

.fonticon_drupal {
  background: url(../_images/os/icon-drupal.svg);
}

.fonticon_gitlab {
  background: url(../_images/os/icon-gitlab.svg);
}

.fonticon_joomla {
  background: url(../_images/os/icon-joomla.svg);
}

.fonticon_lamp {
  background: url(../_images/os/icon-lamp.svg);
}

.fonticon_lemp {
  background: url(../_images/os/icon-lemp.svg);
}

.fonticon_magento {
  background: url(../_images/os/icon-magento.svg);
}

.fonticon_mediawiki {
  background: url(../_images/os/icon-mediawiki.svg);
}

.fonticon_minecraft {
  background: url(../_images/os/icon-minecraft.svg);
}

.fonticon_nextcloud {
  width: 58px;
  background: url(../_images/os/icon-nextcloud.svg);
}

.fonticon_openlitespeed {
  background: url(../_images/os/icon-openlitespeed.svg?v=2);
}

.fonticon_openvpn {
  background: url(../_images/os/icon-openvpn.svg);
}

.fonticon_owncloud {
  width: 52px;
  background: url(../_images/os/icon-owncloud.svg);
}

.fonticon_openbsd {
  width: 52px;
  background: url(../_images/os/icon-openbsd.svg);
}

.fonticon_jitsi {
  background: url(../_images/os/icon-jitsi.svg);
}

.fonticon_plesk, .fonticon_plesk, .fonticon_plesk_webadmin, .fonticon_plesk_webpro, .fonticon_plesk_webhost {
  background: url(../_images/os/icon-plesk.svg);
}

.fonticon_prestashop {
  background: url(../_images/os/icon-prestashop.svg);
}

.fonticon_webmin {
  background: url(../_images/os/icon-webmin.svg);
}

.fonticon_wordpress {
  background: url(../_images/os/icon-wordpress.svg);
}

/* Misc */
.fonticon_script {
  background: url(../_images/os/misc/icon-startup.svg);
}

.fonticon_ssh {
  background: url(../_images/os/misc/icon-ssh.svg);
}

.fonticon_snapshot {
  background: url(../_images/os/misc/icon-snapshot-deploy.svg);
}

.fonticon_add {
  background: url(../_images/os/misc/icon-add.svg);
}

.fonticon_iso {
  background: url(../_images/os/icon-windows.svg);
}

.fonticon_backup, .fonticon_server {
  background: url(../_images/os/misc/icon-backup.svg);
}

.servertype_section .fonticon_snapshot {
  background: url(../_images/os/misc/icon-snapshot-deploy.svg);
}

.fonticon_compute {
  background-image: url(../_images/cloud-compute-type/compute.svg);
}

.fonticon_flex-compute {
  background-image: url(../_images/cloud-compute-type/flex-compute.svg);
}

.fonticon_high-frequency {
  background-image: url(../_images/cloud-compute-type/high-frequency.svg);
}

span[class*="fonticon_"] {
  background-repeat: no-repeat;
}

@font-face {
  font-family: 'Material-Design-Iconic-Font';
  src: url("../_fonts/Material-Design-Iconic-Font.woff2") format("woff2"), url("../_fonts/Material-Design-Iconic-Font.woff") format("woff"), url("../_fonts/Material-Design-Iconic-Font.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icons';
  src: url("../_fonts/icons.ttf") format("truetype"), url("../_fonts/icons.woff") format("woff"), url("../_fonts/icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icons_2';
  src: url("../_fonts/icons_2.eot");
  src: url("../_fonts/icons_2.eot") format("embedded-opentype"), url("../_fonts/icons_2.ttf") format("truetype"), url("../_fonts/icons_2.woff") format("woff"), url("../_fonts/icons_2.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Material-Design-Iconic-Font;
  src: url(../_fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format("woff2"), url(../_fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format("woff"), url(../_fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format("truetype");
}

.zmdi {
  display: inline-block;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zmdi-hc-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}

.zmdi-hc-2x {
  font-size: 2em;
}

.zmdi-hc-3x {
  font-size: 3em;
}

.zmdi-hc-4x {
  font-size: 4em;
}

.zmdi-hc-5x {
  font-size: 5em;
}

.zmdi-hc-fw {
  width: 1.28571429em;
  text-align: center;
}

.zmdi-hc-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.zmdi-hc-ul > li {
  position: relative;
}

.zmdi-hc-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center;
}

.zmdi-hc-li.zmdi-hc-lg {
  left: -1.85714286em;
}

.zmdi-hc-border {
  padding: .1em .25em;
  border: solid .1em #9e9e9e;
  border-radius: 2px;
}

.zmdi-hc-border-circle {
  padding: .1em .25em;
  border: solid .1em #9e9e9e;
  border-radius: 50%;
}

.zmdi.pull-left {
  float: left;
  margin-right: .15em;
}

.zmdi.pull-right {
  float: right;
  margin-left: .15em;
}

.zmdi-hc-spin {
  animation: zmdi-spin 1.5s infinite linear;
}

.zmdi-hc-spin-reverse {
  animation: zmdi-spin-reverse 1.5s infinite linear;
}

@keyframes zmdi-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@keyframes zmdi-spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}

.zmdi-hc-rotate-90 {
  transform: rotate(90deg);
}

.zmdi-hc-rotate-180 {
  transform: rotate(180deg);
}

.zmdi-hc-rotate-270 {
  transform: rotate(270deg);
}

.zmdi-hc-flip-horizontal {
  transform: scale(-1, 1);
}

.zmdi-hc-flip-vertical {
  transform: scale(1, -1);
}

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

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

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

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

.zmdi-hc-inverse {
  color: #fff;
}

.zmdi-3d-rotation:before {
  content: '\f101';
}

.zmdi-airplane-off:before {
  content: '\f102';
}

.zmdi-airplane:before {
  content: '\f103';
}

.zmdi-album:before {
  content: '\f104';
}

.zmdi-archive:before {
  content: '\f105';
}

.zmdi-assignment-account:before {
  content: '\f106';
}

.zmdi-assignment-alert:before {
  content: '\f107';
}

.zmdi-assignment-check:before {
  content: '\f108';
}

.zmdi-assignment-o:before {
  content: '\f109';
}

.zmdi-assignment-return:before {
  content: '\f10a';
}

.zmdi-assignment-returned:before {
  content: '\f10b';
}

.zmdi-assignment:before {
  content: '\f10c';
}

.zmdi-attachment-alt:before {
  content: '\f10d';
}

.zmdi-attachment:before {
  content: '\f10e';
}

.zmdi-audio:before {
  content: '\f10f';
}

.zmdi-badge-check:before {
  content: '\f110';
}

.zmdi-balance-wallet:before {
  content: '\f111';
}

.zmdi-balance:before {
  content: '\f112';
}

.zmdi-battery-alert:before {
  content: '\f113';
}

.zmdi-battery-flash:before {
  content: '\f114';
}

.zmdi-battery-unknown:before {
  content: '\f115';
}

.zmdi-battery:before {
  content: '\f116';
}

.zmdi-bike:before {
  content: '\f117';
}

.zmdi-block-alt:before {
  content: '\f118';
}

.zmdi-block:before {
  content: '\f119';
}

.zmdi-boat:before {
  content: '\f11a';
}

.zmdi-book-image:before {
  content: '\f11b';
}

.zmdi-book:before {
  content: '\f11c';
}

.zmdi-bookmark-outline:before {
  content: '\f11d';
}

.zmdi-bookmark:before {
  content: '\f11e';
}

.zmdi-brush:before {
  content: '\f11f';
}

.zmdi-bug:before {
  content: '\f120';
}

.zmdi-bus:before {
  content: '\f121';
}

.zmdi-cake:before {
  content: '\f122';
}

.zmdi-car-taxi:before {
  content: '\f123';
}

.zmdi-car-wash:before {
  content: '\f124';
}

.zmdi-car:before {
  content: '\f125';
}

.zmdi-card-giftcard:before {
  content: '\f126';
}

.zmdi-card-membership:before {
  content: '\f127';
}

.zmdi-card-travel:before {
  content: '\f128';
}

.zmdi-card:before {
  content: '\f129';
}

.zmdi-case-check:before {
  content: '\f12a';
}

.zmdi-case-download:before {
  content: '\f12b';
}

.zmdi-case-play:before {
  content: '\f12c';
}

.zmdi-case:before {
  content: '\f12d';
}

.zmdi-cast-connected:before {
  content: '\f12e';
}

.zmdi-cast:before {
  content: '\f12f';
}

.zmdi-chart-donut:before {
  content: '\f130';
}

.zmdi-chart:before {
  content: '\f131';
}

.zmdi-city-alt:before {
  content: '\f132';
}

.zmdi-city:before {
  content: '\f133';
}

.zmdi-close-circle-o:before {
  content: '\f134';
}

.zmdi-close-circle:before {
  content: '\f135';
}

.zmdi-close:before {
  content: '\f136';
}

.zmdi-cocktail:before {
  content: '\f137';
}

.zmdi-code-setting:before {
  content: '\f138';
}

.zmdi-code-smartphone:before {
  content: '\f139';
}

.zmdi-code:before {
  content: '\f13a';
}

.zmdi-coffee:before {
  content: '\f13b';
}

.zmdi-collection-bookmark:before {
  content: '\f13c';
}

.zmdi-collection-case-play:before {
  content: '\f13d';
}

.zmdi-collection-folder-image:before {
  content: '\f13e';
}

.zmdi-collection-image-o:before {
  content: '\f13f';
}

.zmdi-collection-image:before {
  content: '\f140';
}

.zmdi-collection-item-1:before {
  content: '\f141';
}

.zmdi-collection-item-2:before {
  content: '\f142';
}

.zmdi-collection-item-3:before {
  content: '\f143';
}

.zmdi-collection-item-4:before {
  content: '\f144';
}

.zmdi-collection-item-5:before {
  content: '\f145';
}

.zmdi-collection-item-6:before {
  content: '\f146';
}

.zmdi-collection-item-7:before {
  content: '\f147';
}

.zmdi-collection-item-8:before {
  content: '\f148';
}

.zmdi-collection-item-9-plus:before {
  content: '\f149';
}

.zmdi-collection-item-9:before {
  content: '\f14a';
}

.zmdi-collection-item:before {
  content: '\f14b';
}

.zmdi-collection-music:before {
  content: '\f14c';
}

.zmdi-collection-pdf:before {
  content: '\f14d';
}

.zmdi-collection-plus:before {
  content: '\f14e';
}

.zmdi-collection-speaker:before {
  content: '\f14f';
}

.zmdi-collection-text:before {
  content: '\f150';
}

.zmdi-collection-video:before {
  content: '\f151';
}

.zmdi-compass:before {
  content: '\f152';
}

.zmdi-cutlery:before {
  content: '\f153';
}

.zmdi-delete:before {
  content: '\f154';
}

.zmdi-dialpad:before {
  content: '\f155';
}

.zmdi-dns:before {
  content: '\f156';
}

.zmdi-drink:before {
  content: '\f157';
}

.zmdi-edit:before {
  content: '\f158';
}

.zmdi-email-open:before {
  content: '\f159';
}

.zmdi-email:before {
  content: '\f15a';
}

.zmdi-eye-off:before {
  content: '\f15b';
}

.zmdi-eye:before {
  content: '\f15c';
}

.zmdi-eyedropper:before {
  content: '\f15d';
}

.zmdi-favorite-outline:before {
  content: '\f15e';
}

.zmdi-favorite:before {
  content: '\f15f';
}

.zmdi-filter-list:before {
  content: '\f160';
}

.zmdi-fire:before {
  content: '\f161';
}

.zmdi-flag:before {
  content: '\f162';
}

.zmdi-flare:before {
  content: '\f163';
}

.zmdi-flash-auto:before {
  content: '\f164';
}

.zmdi-flash-off:before {
  content: '\f165';
}

.zmdi-flash:before {
  content: '\f166';
}

.zmdi-flip:before {
  content: '\f167';
}

.zmdi-flower-alt:before {
  content: '\f168';
}

.zmdi-flower:before {
  content: '\f169';
}

.zmdi-font:before {
  content: '\f16a';
}

.zmdi-fullscreen-alt:before {
  content: '\f16b';
}

.zmdi-fullscreen-exit:before {
  content: '\f16c';
}

.zmdi-fullscreen:before {
  content: '\f16d';
}

.zmdi-functions:before {
  content: '\f16e';
}

.zmdi-gas-station:before {
  content: '\f16f';
}

.zmdi-gesture:before {
  content: '\f170';
}

.zmdi-globe-alt:before {
  content: '\f171';
}

.zmdi-globe-lock:before {
  content: '\f172';
}

.zmdi-globe:before {
  content: '\f173';
}

.zmdi-graduation-cap:before {
  content: '\f174';
}

.zmdi-home:before {
  content: '\f175';
}

.zmdi-hospital-alt:before {
  content: '\f176';
}

.zmdi-hospital:before {
  content: '\f177';
}

.zmdi-hotel:before {
  content: '\f178';
}

.zmdi-hourglass-alt:before {
  content: '\f179';
}

.zmdi-hourglass-outline:before {
  content: '\f17a';
}

.zmdi-hourglass:before {
  content: '\f17b';
}

.zmdi-http:before {
  content: '\f17c';
}

.zmdi-image-alt:before {
  content: '\f17d';
}

.zmdi-image-o:before {
  content: '\f17e';
}

.zmdi-image:before {
  content: '\f17f';
}

.zmdi-inbox:before {
  content: '\f180';
}

.zmdi-invert-colors-off:before {
  content: '\f181';
}

.zmdi-invert-colors:before {
  content: '\f182';
}

.zmdi-key:before {
  content: '\f183';
}

.zmdi-label-alt-outline:before {
  content: '\f184';
}

.zmdi-label-alt:before {
  content: '\f185';
}

.zmdi-label-heart:before {
  content: '\f186';
}

.zmdi-label:before {
  content: '\f187';
}

.zmdi-labels:before {
  content: '\f188';
}

.zmdi-lamp:before {
  content: '\f189';
}

.zmdi-landscape:before {
  content: '\f18a';
}

.zmdi-layers-off:before {
  content: '\f18b';
}

.zmdi-layers:before {
  content: '\f18c';
}

.zmdi-library:before {
  content: '\f18d';
}

.zmdi-link:before {
  content: '\f18e';
}

.zmdi-lock-open:before {
  content: '\f18f';
}

.zmdi-lock-outline:before {
  content: '\f190';
}

.zmdi-lock:before {
  content: '\f191';
}

.zmdi-mail-reply-all:before {
  content: '\f192';
}

.zmdi-mail-reply:before {
  content: '\f193';
}

.zmdi-mail-send:before {
  content: '\f194';
}

.zmdi-mall:before {
  content: '\f195';
}

.zmdi-map:before {
  content: '\f196';
}

.zmdi-menu:before {
  content: '\f197';
}

.zmdi-money-box:before {
  content: '\f198';
}

.zmdi-money-off:before {
  content: '\f199';
}

.zmdi-money:before {
  content: '\f19a';
}

.zmdi-more-vert:before {
  content: '\f19b';
}

.zmdi-more:before {
  content: '\f19c';
}

.zmdi-movie-alt:before {
  content: '\f19d';
}

.zmdi-movie:before {
  content: '\f19e';
}

.zmdi-nature-people:before {
  content: '\f19f';
}

.zmdi-nature:before {
  content: '\f1a0';
}

.zmdi-navigation:before {
  content: '\f1a1';
}

.zmdi-open-in-browser:before {
  content: '\f1a2';
}

.zmdi-open-in-new:before {
  content: '\f1a3';
}

.zmdi-palette:before {
  content: '\f1a4';
}

.zmdi-parking:before {
  content: '\f1a5';
}

.zmdi-pin-account:before {
  content: '\f1a6';
}

.zmdi-pin-assistant:before {
  content: '\f1a7';
}

.zmdi-pin-drop:before {
  content: '\f1a8';
}

.zmdi-pin-help:before {
  content: '\f1a9';
}

.zmdi-pin-off:before {
  content: '\f1aa';
}

.zmdi-pin:before {
  content: '\f1ab';
}

.zmdi-pizza:before {
  content: '\f1ac';
}

.zmdi-plaster:before {
  content: '\f1ad';
}

.zmdi-power-setting:before {
  content: '\f1ae';
}

.zmdi-power:before {
  content: '\f1af';
}

.zmdi-print:before {
  content: '\f1b0';
}

.zmdi-puzzle-piece:before {
  content: '\f1b1';
}

.zmdi-quote:before {
  content: '\f1b2';
}

.zmdi-railway:before {
  content: '\f1b3';
}

.zmdi-receipt:before {
  content: '\f1b4';
}

.zmdi-refresh-alt:before {
  content: '\f1b5';
}

.zmdi-refresh-sync-alert:before {
  content: '\f1b6';
}

.zmdi-refresh-sync-off:before {
  content: '\f1b7';
}

.zmdi-refresh-sync:before {
  content: '\f1b8';
}

.zmdi-refresh:before {
  content: '\f1b9';
}

.zmdi-roller:before {
  content: '\f1ba';
}

.zmdi-ruler:before {
  content: '\f1bb';
}

.zmdi-scissors:before {
  content: '\f1bc';
}

.zmdi-screen-rotation-lock:before {
  content: '\f1bd';
}

.zmdi-screen-rotation:before {
  content: '\f1be';
}

.zmdi-search-for:before {
  content: '\f1bf';
}

.zmdi-search-in-file:before {
  content: '\f1c0';
}

.zmdi-search-in-page:before {
  content: '\f1c1';
}

.zmdi-search-replace:before {
  content: '\f1c2';
}

.zmdi-search:before {
  content: '\f1c3';
}

.zmdi-seat:before {
  content: '\f1c4';
}

.zmdi-settings-square:before {
  content: '\f1c5';
}

.zmdi-settings:before {
  content: '\f1c6';
}

.zmdi-shield-check:before {
  content: '\f1c7';
}

.zmdi-shield-security:before {
  content: '\f1c8';
}

.zmdi-shopping-basket:before {
  content: '\f1c9';
}

.zmdi-shopping-cart-plus:before {
  content: '\f1ca';
}

.zmdi-shopping-cart:before {
  content: '\f1cb';
}

.zmdi-sign-in:before {
  content: '\f1cc';
}

.zmdi-sort-amount-asc:before {
  content: '\f1cd';
}

.zmdi-sort-amount-desc:before {
  content: '\f1ce';
}

.zmdi-sort-asc:before {
  content: '\f1cf';
}

.zmdi-sort-desc:before {
  content: '\f1d0';
}

.zmdi-spellcheck:before {
  content: '\f1d1';
}

.zmdi-storage:before {
  content: '\f1d2';
}

.zmdi-store-24:before {
  content: '\f1d3';
}

.zmdi-store:before {
  content: '\f1d4';
}

.zmdi-subway:before {
  content: '\f1d5';
}

.zmdi-sun:before {
  content: '\f1d6';
}

.zmdi-tab-unselected:before {
  content: '\f1d7';
}

.zmdi-tab:before {
  content: '\f1d8';
}

.zmdi-tag-close:before {
  content: '\f1d9';
}

.zmdi-tag-more:before {
  content: '\f1da';
}

.zmdi-tag:before {
  content: '\f1db';
}

.zmdi-thumb-down:before {
  content: '\f1dc';
}

.zmdi-thumb-up-down:before {
  content: '\f1dd';
}

.zmdi-thumb-up:before {
  content: '\f1de';
}

.zmdi-ticket-star:before {
  content: '\f1df';
}

.zmdi-toll:before {
  content: '\f1e0';
}

.zmdi-toys:before {
  content: '\f1e1';
}

.zmdi-traffic:before {
  content: '\f1e2';
}

.zmdi-translate:before {
  content: '\f1e3';
}

.zmdi-triangle-down:before {
  content: '\f1e4';
}

.zmdi-triangle-up:before {
  content: '\f1e5';
}

.zmdi-truck:before {
  content: '\f1e6';
}

.zmdi-turning-sign:before {
  content: '\f1e7';
}

.zmdi-wallpaper:before {
  content: '\f1e8';
}

.zmdi-washing-machine:before {
  content: '\f1e9';
}

.zmdi-window-maximize:before {
  content: '\f1ea';
}

.zmdi-window-minimize:before {
  content: '\f1eb';
}

.zmdi-window-restore:before {
  content: '\f1ec';
}

.zmdi-wrench:before {
  content: '\f1ed';
}

.zmdi-zoom-in:before {
  content: '\f1ee';
}

.zmdi-zoom-out:before {
  content: '\f1ef';
}

.zmdi-alert-circle-o:before {
  content: '\f1f0';
}

.zmdi-alert-circle:before {
  content: '\f1f1';
}

.zmdi-alert-octagon:before {
  content: '\f1f2';
}

.zmdi-alert-polygon:before {
  content: '\f1f3';
}

.zmdi-alert-triangle:before {
  content: '\f1f4';
}

.zmdi-help-outline:before {
  content: '\f1f5';
}

.zmdi-help:before {
  content: '\f1f6';
}

.zmdi-info-outline:before {
  content: '\f1f7';
}

.zmdi-info:before {
  content: '\f1f8';
}

.zmdi-notifications-active:before {
  content: '\f1f9';
}

.zmdi-notifications-add:before {
  content: '\f1fa';
}

.zmdi-notifications-none:before {
  content: '\f1fb';
}

.zmdi-notifications-off:before {
  content: '\f1fc';
}

.zmdi-notifications-paused:before {
  content: '\f1fd';
}

.zmdi-notifications:before {
  content: '\f1fe';
}

.zmdi-account-add:before {
  content: '\f1ff';
}

.zmdi-account-box-mail:before {
  content: '\f200';
}

.zmdi-account-box-o:before {
  content: '\f201';
}

.zmdi-account-box-phone:before {
  content: '\f202';
}

.zmdi-account-box:before {
  content: '\f203';
}

.zmdi-account-calendar:before {
  content: '\f204';
}

.zmdi-account-circle:before {
  content: '\f205';
}

.zmdi-account-o:before {
  content: '\f206';
}

.zmdi-account:before {
  content: '\f207';
}

.zmdi-accounts-add:before {
  content: '\f208';
}

.zmdi-accounts-alt:before {
  content: '\f209';
}

.zmdi-accounts-list-alt:before {
  content: '\f20a';
}

.zmdi-accounts-list:before {
  content: '\f20b';
}

.zmdi-accounts-outline:before {
  content: '\f20c';
}

.zmdi-accounts:before {
  content: '\f20d';
}

.zmdi-face:before {
  content: '\f20e';
}

.zmdi-female:before {
  content: '\f20f';
}

.zmdi-male-alt:before {
  content: '\f210';
}

.zmdi-male-female:before {
  content: '\f211';
}

.zmdi-male:before {
  content: '\f212';
}

.zmdi-mood-bad:before {
  content: '\f213';
}

.zmdi-mood:before {
  content: '\f214';
}

.zmdi-run:before {
  content: '\f215';
}

.zmdi-walk:before {
  content: '\f216';
}

.zmdi-cloud-box:before {
  content: '\f217';
}

.zmdi-cloud-circle:before {
  content: '\f218';
}

.zmdi-cloud-done:before {
  content: '\f219';
}

.zmdi-cloud-download:before {
  content: '\f21a';
}

.zmdi-cloud-off:before {
  content: '\f21b';
}

.zmdi-cloud-outline-alt:before {
  content: '\f21c';
}

.zmdi-cloud-outline:before {
  content: '\f21d';
}

.zmdi-cloud-upload:before {
  content: '\f21e';
}

.zmdi-cloud:before {
  content: '\f21f';
}

.zmdi-download:before {
  content: '\f220';
}

.zmdi-file-plus:before {
  content: '\f221';
}

.zmdi-file-text:before {
  content: '\f222';
}

.zmdi-file:before {
  content: '\f223';
}

.zmdi-folder-outline:before {
  content: '\f224';
}

.zmdi-folder-person:before {
  content: '\f225';
}

.zmdi-folder-star-alt:before {
  content: '\f226';
}

.zmdi-folder-star:before {
  content: '\f227';
}

.zmdi-folder:before {
  content: '\f228';
}

.zmdi-gif:before {
  content: '\f229';
}

.zmdi-upload:before {
  content: '\f22a';
}

.zmdi-border-all:before {
  content: '\f22b';
}

.zmdi-border-bottom:before {
  content: '\f22c';
}

.zmdi-border-clear:before {
  content: '\f22d';
}

.zmdi-border-color:before {
  content: '\f22e';
}

.zmdi-border-horizontal:before {
  content: '\f22f';
}

.zmdi-border-inner:before {
  content: '\f230';
}

.zmdi-border-left:before {
  content: '\f231';
}

.zmdi-border-outer:before {
  content: '\f232';
}

.zmdi-border-right:before {
  content: '\f233';
}

.zmdi-border-style:before {
  content: '\f234';
}

.zmdi-border-top:before {
  content: '\f235';
}

.zmdi-border-vertical:before {
  content: '\f236';
}

.zmdi-copy:before {
  content: '\f237';
}

.zmdi-crop:before {
  content: '\f238';
}

.zmdi-format-align-center:before {
  content: '\f239';
}

.zmdi-format-align-justify:before {
  content: '\f23a';
}

.zmdi-format-align-left:before {
  content: '\f23b';
}

.zmdi-format-align-right:before {
  content: '\f23c';
}

.zmdi-format-bold:before {
  content: '\f23d';
}

.zmdi-format-clear-all:before {
  content: '\f23e';
}

.zmdi-format-clear:before {
  content: '\f23f';
}

.zmdi-format-color-fill:before {
  content: '\f240';
}

.zmdi-format-color-reset:before {
  content: '\f241';
}

.zmdi-format-color-text:before {
  content: '\f242';
}

.zmdi-format-indent-decrease:before {
  content: '\f243';
}

.zmdi-format-indent-increase:before {
  content: '\f244';
}

.zmdi-format-italic:before {
  content: '\f245';
}

.zmdi-format-line-spacing:before {
  content: '\f246';
}

.zmdi-format-list-bulleted:before {
  content: '\f247';
}

.zmdi-format-list-numbered:before {
  content: '\f248';
}

.zmdi-format-ltr:before {
  content: '\f249';
}

.zmdi-format-rtl:before {
  content: '\f24a';
}

.zmdi-format-size:before {
  content: '\f24b';
}

.zmdi-format-strikethrough-s:before {
  content: '\f24c';
}

.zmdi-format-strikethrough:before {
  content: '\f24d';
}

.zmdi-format-subject:before {
  content: '\f24e';
}

.zmdi-format-underlined:before {
  content: '\f24f';
}

.zmdi-format-valign-bottom:before {
  content: '\f250';
}

.zmdi-format-valign-center:before {
  content: '\f251';
}

.zmdi-format-valign-top:before {
  content: '\f252';
}

.zmdi-redo:before {
  content: '\f253';
}

.zmdi-select-all:before {
  content: '\f254';
}

.zmdi-space-bar:before {
  content: '\f255';
}

.zmdi-text-format:before {
  content: '\f256';
}

.zmdi-transform:before {
  content: '\f257';
}

.zmdi-undo:before {
  content: '\f258';
}

.zmdi-wrap-text:before {
  content: '\f259';
}

.zmdi-comment-alert:before {
  content: '\f25a';
}

.zmdi-comment-alt-text:before {
  content: '\f25b';
}

.zmdi-comment-alt:before {
  content: '\f25c';
}

.zmdi-comment-edit:before {
  content: '\f25d';
}

.zmdi-comment-image:before {
  content: '\f25e';
}

.zmdi-comment-list:before {
  content: '\f25f';
}

.zmdi-comment-more:before {
  content: '\f260';
}

.zmdi-comment-outline:before {
  content: '\f261';
}

.zmdi-comment-text-alt:before {
  content: '\f262';
}

.zmdi-comment-text:before {
  content: '\f263';
}

.zmdi-comment-video:before {
  content: '\f264';
}

.zmdi-comment:before {
  content: '\f265';
}

.zmdi-comments:before {
  content: '\f266';
}

.zmdi-check-all:before {
  content: '\f267';
}

.zmdi-check-circle-u:before {
  content: '\f268';
}

.zmdi-check-circle:before {
  content: '\f269';
}

.zmdi-check-square:before {
  content: '\f26a';
}

.zmdi-check:before {
  content: '\f26b';
}

.zmdi-circle-o:before {
  content: '\f26c';
}

.zmdi-circle:before {
  content: '\f26d';
}

.zmdi-dot-circle-alt:before {
  content: '\f26e';
}

.zmdi-dot-circle:before {
  content: '\f26f';
}

.zmdi-minus-circle-outline:before {
  content: '\f270';
}

.zmdi-minus-circle:before {
  content: '\f271';
}

.zmdi-minus-square:before {
  content: '\f272';
}

.zmdi-minus:before {
  content: '\f273';
}

.zmdi-plus-circle-o-duplicate:before {
  content: '\f274';
}

.zmdi-plus-circle-o:before {
  content: '\f275';
}

.zmdi-plus-circle:before {
  content: '\f276';
}

.zmdi-plus-square:before {
  content: '\f277';
}

.zmdi-plus:before {
  content: '\f278';
}

.zmdi-square-o:before {
  content: '\f279';
}

.zmdi-star-circle:before {
  content: '\f27a';
}

.zmdi-star-half:before {
  content: '\f27b';
}

.zmdi-star-outline:before {
  content: '\f27c';
}

.zmdi-star:before {
  content: '\f27d';
}

.zmdi-bluetooth-connected:before {
  content: '\f27e';
}

.zmdi-bluetooth-off:before {
  content: '\f27f';
}

.zmdi-bluetooth-search:before {
  content: '\f280';
}

.zmdi-bluetooth-setting:before {
  content: '\f281';
}

.zmdi-bluetooth:before {
  content: '\f282';
}

.zmdi-camera-add:before {
  content: '\f283';
}

.zmdi-camera-alt:before {
  content: '\f284';
}

.zmdi-camera-bw:before {
  content: '\f285';
}

.zmdi-camera-front:before {
  content: '\f286';
}

.zmdi-camera-mic:before {
  content: '\f287';
}

.zmdi-camera-party-mode:before {
  content: '\f288';
}

.zmdi-camera-rear:before {
  content: '\f289';
}

.zmdi-camera-roll:before {
  content: '\f28a';
}

.zmdi-camera-switch:before {
  content: '\f28b';
}

.zmdi-camera:before {
  content: '\f28c';
}

.zmdi-card-alert:before {
  content: '\f28d';
}

.zmdi-card-off:before {
  content: '\f28e';
}

.zmdi-card-sd:before {
  content: '\f28f';
}

.zmdi-card-sim:before {
  content: '\f290';
}

.zmdi-desktop-mac:before {
  content: '\f291';
}

.zmdi-desktop-windows:before {
  content: '\f292';
}

.zmdi-device-hub:before {
  content: '\f293';
}

.zmdi-devices-off:before {
  content: '\f294';
}

.zmdi-devices:before {
  content: '\f295';
}

.zmdi-dock:before {
  content: '\f296';
}

.zmdi-floppy:before {
  content: '\f297';
}

.zmdi-gamepad:before {
  content: '\f298';
}

.zmdi-gps-dot:before {
  content: '\f299';
}

.zmdi-gps-off:before {
  content: '\f29a';
}

.zmdi-gps:before {
  content: '\f29b';
}

.zmdi-headset-mic:before {
  content: '\f29c';
}

.zmdi-headset:before {
  content: '\f29d';
}

.zmdi-input-antenna:before {
  content: '\f29e';
}

.zmdi-input-composite:before {
  content: '\f29f';
}

.zmdi-input-hdmi:before {
  content: '\f2a0';
}

.zmdi-input-power:before {
  content: '\f2a1';
}

.zmdi-input-svideo:before {
  content: '\f2a2';
}

.zmdi-keyboard-hide:before {
  content: '\f2a3';
}

.zmdi-keyboard:before {
  content: '\f2a4';
}

.zmdi-laptop-chromebook:before {
  content: '\f2a5';
}

.zmdi-laptop-mac:before {
  content: '\f2a6';
}

.zmdi-laptop:before {
  content: '\f2a7';
}

.zmdi-mic-off:before {
  content: '\f2a8';
}

.zmdi-mic-outline:before {
  content: '\f2a9';
}

.zmdi-mic-setting:before {
  content: '\f2aa';
}

.zmdi-mic:before {
  content: '\f2ab';
}

.zmdi-mouse:before {
  content: '\f2ac';
}

.zmdi-network-alert:before {
  content: '\f2ad';
}

.zmdi-network-locked:before {
  content: '\f2ae';
}

.zmdi-network-off:before {
  content: '\f2af';
}

.zmdi-network-outline:before {
  content: '\f2b0';
}

.zmdi-network-setting:before {
  content: '\f2b1';
}

.zmdi-network:before {
  content: '\f2b2';
}

.zmdi-phone-bluetooth:before {
  content: '\f2b3';
}

.zmdi-phone-end:before {
  content: '\f2b4';
}

.zmdi-phone-forwarded:before {
  content: '\f2b5';
}

.zmdi-phone-in-talk:before {
  content: '\f2b6';
}

.zmdi-phone-locked:before {
  content: '\f2b7';
}

.zmdi-phone-missed:before {
  content: '\f2b8';
}

.zmdi-phone-msg:before {
  content: '\f2b9';
}

.zmdi-phone-paused:before {
  content: '\f2ba';
}

.zmdi-phone-ring:before {
  content: '\f2bb';
}

.zmdi-phone-setting:before {
  content: '\f2bc';
}

.zmdi-phone-sip:before {
  content: '\f2bd';
}

.zmdi-phone:before {
  content: '\f2be';
}

.zmdi-portable-wifi-changes:before {
  content: '\f2bf';
}

.zmdi-portable-wifi-off:before {
  content: '\f2c0';
}

.zmdi-portable-wifi:before {
  content: '\f2c1';
}

.zmdi-radio:before {
  content: '\f2c2';
}

.zmdi-reader:before {
  content: '\f2c3';
}

.zmdi-remote-control-alt:before {
  content: '\f2c4';
}

.zmdi-remote-control:before {
  content: '\f2c5';
}

.zmdi-router:before {
  content: '\f2c6';
}

.zmdi-scanner:before {
  content: '\f2c7';
}

.zmdi-smartphone-android:before {
  content: '\f2c8';
}

.zmdi-smartphone-download:before {
  content: '\f2c9';
}

.zmdi-smartphone-erase:before {
  content: '\f2ca';
}

.zmdi-smartphone-info:before {
  content: '\f2cb';
}

.zmdi-smartphone-iphone:before {
  content: '\f2cc';
}

.zmdi-smartphone-landscape-lock:before {
  content: '\f2cd';
}

.zmdi-smartphone-landscape:before {
  content: '\f2ce';
}

.zmdi-smartphone-lock:before {
  content: '\f2cf';
}

.zmdi-smartphone-portrait-lock:before {
  content: '\f2d0';
}

.zmdi-smartphone-ring:before {
  content: '\f2d1';
}

.zmdi-smartphone-setting:before {
  content: '\f2d2';
}

.zmdi-smartphone-setup:before {
  content: '\f2d3';
}

.zmdi-smartphone:before {
  content: '\f2d4';
}

.zmdi-speaker:before {
  content: '\f2d5';
}

.zmdi-tablet-android:before {
  content: '\f2d6';
}

.zmdi-tablet-mac:before {
  content: '\f2d7';
}

.zmdi-tablet:before {
  content: '\f2d8';
}

.zmdi-tv-alt-play:before {
  content: '\f2d9';
}

.zmdi-tv-list:before {
  content: '\f2da';
}

.zmdi-tv-play:before {
  content: '\f2db';
}

.zmdi-tv:before {
  content: '\f2dc';
}

.zmdi-usb:before {
  content: '\f2dd';
}

.zmdi-videocam-off:before {
  content: '\f2de';
}

.zmdi-videocam-switch:before {
  content: '\f2df';
}

.zmdi-videocam:before {
  content: '\f2e0';
}

.zmdi-watch:before {
  content: '\f2e1';
}

.zmdi-wifi-alt-2:before {
  content: '\f2e2';
}

.zmdi-wifi-alt:before {
  content: '\f2e3';
}

.zmdi-wifi-info:before {
  content: '\f2e4';
}

.zmdi-wifi-lock:before {
  content: '\f2e5';
}

.zmdi-wifi-off:before {
  content: '\f2e6';
}

.zmdi-wifi-outline:before {
  content: '\f2e7';
}

.zmdi-wifi:before {
  content: '\f2e8';
}

.zmdi-arrow-left-bottom:before {
  content: '\f2e9';
}

.zmdi-arrow-left:before {
  content: '\f2ea';
}

.zmdi-arrow-merge:before {
  content: '\f2eb';
}

.zmdi-arrow-missed:before {
  content: '\f2ec';
}

.zmdi-arrow-right-top:before {
  content: '\f2ed';
}

.zmdi-arrow-right:before {
  content: '\f2ee';
}

.zmdi-arrow-split:before {
  content: '\f2ef';
}

.zmdi-arrows:before {
  content: '\f2f0';
}

.zmdi-caret-down-circle:before {
  content: '\f2f1';
}

.zmdi-caret-down:before {
  content: '\f2f2';
}

.zmdi-caret-left-circle:before {
  content: '\f2f3';
}

.zmdi-caret-left:before {
  content: '\f2f4';
}

.zmdi-caret-right-circle:before {
  content: '\f2f5';
}

.zmdi-caret-right:before {
  content: '\f2f6';
}

.zmdi-caret-up-circle:before {
  content: '\f2f7';
}

.zmdi-caret-up:before {
  content: '\f2f8';
}

.zmdi-chevron-down:before {
  content: '\f2f9';
}

.zmdi-chevron-left:before {
  content: '\f2fa';
}

.zmdi-chevron-right:before {
  content: '\f2fb';
}

.zmdi-chevron-up:before {
  content: '\f2fc';
}

.zmdi-forward:before {
  content: '\f2fd';
}

.zmdi-long-arrow-down:before {
  content: '\f2fe';
}

.zmdi-long-arrow-left:before {
  content: '\f2ff';
}

.zmdi-long-arrow-return:before {
  content: '\f300';
}

.zmdi-long-arrow-right:before {
  content: '\f301';
}

.zmdi-long-arrow-tab:before {
  content: '\f302';
}

.zmdi-long-arrow-up:before {
  content: '\f303';
}

.zmdi-rotate-ccw:before {
  content: '\f304';
}

.zmdi-rotate-cw:before {
  content: '\f305';
}

.zmdi-rotate-left:before {
  content: '\f306';
}

.zmdi-rotate-right:before {
  content: '\f307';
}

.zmdi-square-down:before {
  content: '\f308';
}

.zmdi-square-right:before {
  content: '\f309';
}

.zmdi-swap-alt:before {
  content: '\f30a';
}

.zmdi-swap-vertical-circle:before {
  content: '\f30b';
}

.zmdi-swap-vertical:before {
  content: '\f30c';
}

.zmdi-swap:before {
  content: '\f30d';
}

.zmdi-trending-down:before {
  content: '\f30e';
}

.zmdi-trending-flat:before {
  content: '\f30f';
}

.zmdi-trending-up:before {
  content: '\f310';
}

.zmdi-unfold-less:before {
  content: '\f311';
}

.zmdi-unfold-more:before {
  content: '\f312';
}

.zmdi-apps:before {
  content: '\f313';
}

.zmdi-grid-off:before {
  content: '\f314';
}

.zmdi-grid:before {
  content: '\f315';
}

.zmdi-view-agenda:before {
  content: '\f316';
}

.zmdi-view-array:before {
  content: '\f317';
}

.zmdi-view-carousel:before {
  content: '\f318';
}

.zmdi-view-column:before {
  content: '\f319';
}

.zmdi-view-comfy:before {
  content: '\f31a';
}

.zmdi-view-compact:before {
  content: '\f31b';
}

.zmdi-view-dashboard:before {
  content: '\f31c';
}

.zmdi-view-day:before {
  content: '\f31d';
}

.zmdi-view-headline:before {
  content: '\f31e';
}

.zmdi-view-list-alt:before {
  content: '\f31f';
}

.zmdi-view-list:before {
  content: '\f320';
}

.zmdi-view-module:before {
  content: '\f321';
}

.zmdi-view-quilt:before {
  content: '\f322';
}

.zmdi-view-stream:before {
  content: '\f323';
}

.zmdi-view-subtitles:before {
  content: '\f324';
}

.zmdi-view-toc:before {
  content: '\f325';
}

.zmdi-view-web:before {
  content: '\f326';
}

.zmdi-view-week:before {
  content: '\f327';
}

.zmdi-widgets:before {
  content: '\f328';
}

.zmdi-alarm-check:before {
  content: '\f329';
}

.zmdi-alarm-off:before {
  content: '\f32a';
}

.zmdi-alarm-plus:before {
  content: '\f32b';
}

.zmdi-alarm-snooze:before {
  content: '\f32c';
}

.zmdi-alarm:before {
  content: '\f32d';
}

.zmdi-calendar-alt:before {
  content: '\f32e';
}

.zmdi-calendar-check:before {
  content: '\f32f';
}

.zmdi-calendar-close:before {
  content: '\f330';
}

.zmdi-calendar-note:before {
  content: '\f331';
}

.zmdi-calendar:before {
  content: '\f332';
}

.zmdi-time-countdown:before {
  content: '\f333';
}

.zmdi-time-interval:before {
  content: '\f334';
}

.zmdi-time-restore-setting:before {
  content: '\f335';
}

.zmdi-time-restore:before {
  content: '\f336';
}

.zmdi-time:before {
  content: '\f337';
}

.zmdi-timer-off:before {
  content: '\f338';
}

.zmdi-timer:before {
  content: '\f339';
}

.zmdi-android-alt:before {
  content: '\f33a';
}

.zmdi-android:before {
  content: '\f33b';
}

.zmdi-apple:before {
  content: '\f33c';
}

.zmdi-behance:before {
  content: '\f33d';
}

.zmdi-codepen:before {
  content: '\f33e';
}

.zmdi-dribbble:before {
  content: '\f33f';
}

.zmdi-dropbox:before {
  content: '\f340';
}

.zmdi-evernote:before {
  content: '\f341';
}

.zmdi-facebook-box:before {
  content: '\f342';
}

.zmdi-facebook:before {
  content: '\f343';
}

.zmdi-github-box:before {
  content: '\f344';
}

.zmdi-github:before {
  content: '\f345';
}

.zmdi-google-drive:before {
  content: '\f346';
}

.zmdi-google-earth:before {
  content: '\f347';
}

.zmdi-google-glass:before {
  content: '\f348';
}

.zmdi-google-maps:before {
  content: '\f349';
}

.zmdi-google-pages:before {
  content: '\f34a';
}

.zmdi-google-play:before {
  content: '\f34b';
}

.zmdi-google-plus-box:before {
  content: '\f34c';
}

.zmdi-google-plus:before {
  content: '\f34d';
}

.zmdi-google:before {
  content: '\f34e';
}

.zmdi-instagram:before {
  content: '\f34f';
}

.zmdi-language-css3:before {
  content: '\f350';
}

.zmdi-language-html5:before {
  content: '\f351';
}

.zmdi-language-javascript:before {
  content: '\f352';
}

.zmdi-language-python-alt:before {
  content: '\f353';
}

.zmdi-language-python:before {
  content: '\f354';
}

.zmdi-lastfm:before {
  content: '\f355';
}

.zmdi-linkedin-box:before {
  content: '\f356';
}

.zmdi-paypal:before {
  content: '\f357';
}

.zmdi-pinterest-box:before {
  content: '\f358';
}

.zmdi-pocket:before {
  content: '\f359';
}

.zmdi-polymer:before {
  content: '\f35a';
}

.zmdi-share:before {
  content: '\f35b';
}

.zmdi-stackoverflow:before {
  content: '\f35c';
}

.zmdi-steam-square:before {
  content: '\f35d';
}

.zmdi-steam:before {
  content: '\f35e';
}

.zmdi-twitter-box:before {
  content: '\f35f';
}

.zmdi-twitter:before {
  content: '\f360';
}

.zmdi-vk:before {
  content: '\f361';
}

.zmdi-wikipedia:before {
  content: '\f362';
}

.zmdi-windows:before {
  content: '\f363';
}

.zmdi-aspect-ratio-alt:before {
  content: '\f364';
}

.zmdi-aspect-ratio:before {
  content: '\f365';
}

.zmdi-blur-circular:before {
  content: '\f366';
}

.zmdi-blur-linear:before {
  content: '\f367';
}

.zmdi-blur-off:before {
  content: '\f368';
}

.zmdi-blur:before {
  content: '\f369';
}

.zmdi-brightness-2:before {
  content: '\f36a';
}

.zmdi-brightness-3:before {
  content: '\f36b';
}

.zmdi-brightness-4:before {
  content: '\f36c';
}

.zmdi-brightness-5:before {
  content: '\f36d';
}

.zmdi-brightness-6:before {
  content: '\f36e';
}

.zmdi-brightness-7:before {
  content: '\f36f';
}

.zmdi-brightness-auto:before {
  content: '\f370';
}

.zmdi-brightness-setting:before {
  content: '\f371';
}

.zmdi-broken-image:before {
  content: '\f372';
}

.zmdi-center-focus-strong:before {
  content: '\f373';
}

.zmdi-center-focus-weak:before {
  content: '\f374';
}

.zmdi-compare:before {
  content: '\f375';
}

.zmdi-crop-16-9:before {
  content: '\f376';
}

.zmdi-crop-3-2:before {
  content: '\f377';
}

.zmdi-crop-5-4:before {
  content: '\f378';
}

.zmdi-crop-7-5:before {
  content: '\f379';
}

.zmdi-crop-din:before {
  content: '\f37a';
}

.zmdi-crop-free:before {
  content: '\f37b';
}

.zmdi-crop-landscape:before {
  content: '\f37c';
}

.zmdi-crop-portrait:before {
  content: '\f37d';
}

.zmdi-crop-square:before {
  content: '\f37e';
}

.zmdi-exposure-alt:before {
  content: '\f37f';
}

.zmdi-exposure:before {
  content: '\f380';
}

.zmdi-filter-b-and-w:before {
  content: '\f381';
}

.zmdi-filter-center-focus:before {
  content: '\f382';
}

.zmdi-filter-frames:before {
  content: '\f383';
}

.zmdi-filter-tilt-shift:before {
  content: '\f384';
}

.zmdi-gradient:before {
  content: '\f385';
}

.zmdi-grain:before {
  content: '\f386';
}

.zmdi-graphic-eq:before {
  content: '\f387';
}

.zmdi-hdr-off:before {
  content: '\f388';
}

.zmdi-hdr-strong:before {
  content: '\f389';
}

.zmdi-hdr-weak:before {
  content: '\f38a';
}

.zmdi-hdr:before {
  content: '\f38b';
}

.zmdi-iridescent:before {
  content: '\f38c';
}

.zmdi-leak-off:before {
  content: '\f38d';
}

.zmdi-leak:before {
  content: '\f38e';
}

.zmdi-looks:before {
  content: '\f38f';
}

.zmdi-loupe:before {
  content: '\f390';
}

.zmdi-panorama-horizontal:before {
  content: '\f391';
}

.zmdi-panorama-vertical:before {
  content: '\f392';
}

.zmdi-panorama-wide-angle:before {
  content: '\f393';
}

.zmdi-photo-size-select-large:before {
  content: '\f394';
}

.zmdi-photo-size-select-small:before {
  content: '\f395';
}

.zmdi-picture-in-picture:before {
  content: '\f396';
}

.zmdi-slideshow:before {
  content: '\f397';
}

.zmdi-texture:before {
  content: '\f398';
}

.zmdi-tonality:before {
  content: '\f399';
}

.zmdi-vignette:before {
  content: '\f39a';
}

.zmdi-wb-auto:before {
  content: '\f39b';
}

.zmdi-eject-alt:before {
  content: '\f39c';
}

.zmdi-eject:before {
  content: '\f39d';
}

.zmdi-equalizer:before {
  content: '\f39e';
}

.zmdi-fast-forward:before {
  content: '\f39f';
}

.zmdi-fast-rewind:before {
  content: '\f3a0';
}

.zmdi-forward-10:before {
  content: '\f3a1';
}

.zmdi-forward-30:before {
  content: '\f3a2';
}

.zmdi-forward-5:before {
  content: '\f3a3';
}

.zmdi-hearing:before {
  content: '\f3a4';
}

.zmdi-pause-circle-outline:before {
  content: '\f3a5';
}

.zmdi-pause-circle:before {
  content: '\f3a6';
}

.zmdi-pause:before {
  content: '\f3a7';
}

.zmdi-play-circle-outline:before {
  content: '\f3a8';
}

.zmdi-play-circle:before {
  content: '\f3a9';
}

.zmdi-play:before {
  content: '\f3aa';
}

.zmdi-playlist-audio:before {
  content: '\f3ab';
}

.zmdi-playlist-plus:before {
  content: '\f3ac';
}

.zmdi-repeat-one:before {
  content: '\f3ad';
}

.zmdi-repeat:before {
  content: '\f3ae';
}

.zmdi-replay-10:before {
  content: '\f3af';
}

.zmdi-replay-30:before {
  content: '\f3b0';
}

.zmdi-replay-5:before {
  content: '\f3b1';
}

.zmdi-replay:before {
  content: '\f3b2';
}

.zmdi-shuffle:before {
  content: '\f3b3';
}

.zmdi-skip-next:before {
  content: '\f3b4';
}

.zmdi-skip-previous:before {
  content: '\f3b5';
}

.zmdi-stop:before {
  content: '\f3b6';
}

.zmdi-surround-sound:before {
  content: '\f3b7';
}

.zmdi-tune:before {
  content: '\f3b8';
}

.zmdi-volume-down:before {
  content: '\f3b9';
}

.zmdi-volume-mute:before {
  content: '\f3ba';
}

.zmdi-volume-off:before {
  content: '\f3bb';
}

.zmdi-volume-up:before {
  content: '\f3bc';
}

.zmdi-n-1-square:before {
  content: '\f3bd';
}

.zmdi-n-2-square:before {
  content: '\f3be';
}

.zmdi-n-3-square:before {
  content: '\f3bf';
}

.zmdi-n-4-square:before {
  content: '\f3c0';
}

.zmdi-n-5-square:before {
  content: '\f3c1';
}

.zmdi-n-6-square:before {
  content: '\f3c2';
}

.zmdi-neg-1:before {
  content: '\f3c3';
}

.zmdi-neg-2:before {
  content: '\f3c4';
}

.zmdi-plus-1:before {
  content: '\f3c5';
}

.zmdi-plus-2:before {
  content: '\f3c6';
}

.zmdi-sec-10:before {
  content: '\f3c7';
}

.zmdi-sec-3:before {
  content: '\f3c8';
}

.zmdi-zero:before {
  content: '\f3c9';
}

.zmdi-airline-seat-flat-angled:before {
  content: '\f3ca';
}

.zmdi-airline-seat-flat:before {
  content: '\f3cb';
}

.zmdi-airline-seat-individual-suite:before {
  content: '\f3cc';
}

.zmdi-airline-seat-legroom-extra:before {
  content: '\f3cd';
}

.zmdi-airline-seat-legroom-normal:before {
  content: '\f3ce';
}

.zmdi-airline-seat-legroom-reduced:before {
  content: '\f3cf';
}

.zmdi-airline-seat-recline-extra:before {
  content: '\f3d0';
}

.zmdi-airline-seat-recline-normal:before {
  content: '\f3d1';
}

.zmdi-airplay:before {
  content: '\f3d2';
}

.zmdi-closed-caption:before {
  content: '\f3d3';
}

.zmdi-confirmation-number:before {
  content: '\f3d4';
}

.zmdi-developer-board:before {
  content: '\f3d5';
}

.zmdi-disc-full:before {
  content: '\f3d6';
}

.zmdi-explicit:before {
  content: '\f3d7';
}

.zmdi-flight-land:before {
  content: '\f3d8';
}

.zmdi-flight-takeoff:before {
  content: '\f3d9';
}

.zmdi-flip-to-back:before {
  content: '\f3da';
}

.zmdi-flip-to-front:before {
  content: '\f3db';
}

.zmdi-group-work:before {
  content: '\f3dc';
}

.zmdi-hd:before {
  content: '\f3dd';
}

.zmdi-hq:before {
  content: '\f3de';
}

.zmdi-markunread-mailbox:before {
  content: '\f3df';
}

.zmdi-memory:before {
  content: '\f3e0';
}

.zmdi-nfc:before {
  content: '\f3e1';
}

.zmdi-play-for-work:before {
  content: '\f3e2';
}

.zmdi-power-input:before {
  content: '\f3e3';
}

.zmdi-present-to-all:before {
  content: '\f3e4';
}

.zmdi-satellite:before {
  content: '\f3e5';
}

.zmdi-tap-and-play:before {
  content: '\f3e6';
}

.zmdi-vibration:before {
  content: '\f3e7';
}

.zmdi-voicemail:before {
  content: '\f3e8';
}

.zmdi-group:before {
  content: '\f3e9';
}

.zmdi-rss:before {
  content: '\f3ea';
}

.zmdi-shape:before {
  content: '\f3eb';
}

.zmdi-spinner:before {
  content: '\f3ec';
}

.zmdi-ungroup:before {
  content: '\f3ed';
}

.zmdi-500px:before {
  content: '\f3ee';
}

.zmdi-8tracks:before {
  content: '\f3ef';
}

.zmdi-amazon:before {
  content: '\f3f0';
}

.zmdi-blogger:before {
  content: '\f3f1';
}

.zmdi-delicious:before {
  content: '\f3f2';
}

.zmdi-disqus:before {
  content: '\f3f3';
}

.zmdi-flattr:before {
  content: '\f3f4';
}

.zmdi-flickr:before {
  content: '\f3f5';
}

.zmdi-github-alt:before {
  content: '\f3f6';
}

.zmdi-google-old:before {
  content: '\f3f7';
}

.zmdi-linkedin:before {
  content: '\f3f8';
}

.zmdi-odnoklassniki:before {
  content: '\f3f9';
}

.zmdi-outlook:before {
  content: '\f3fa';
}

.zmdi-paypal-alt:before {
  content: '\f3fb';
}

.zmdi-pinterest:before {
  content: '\f3fc';
}

.zmdi-playstation:before {
  content: '\f3fd';
}

.zmdi-reddit:before {
  content: '\f3fe';
}

.zmdi-skype:before {
  content: '\f3ff';
}

.zmdi-slideshare:before {
  content: '\f400';
}

.zmdi-soundcloud:before {
  content: '\f401';
}

.zmdi-tumblr:before {
  content: '\f402';
}

.zmdi-twitch:before {
  content: '\f403';
}

.zmdi-vimeo:before {
  content: '\f404';
}

.zmdi-whatsapp:before {
  content: '\f405';
}

.zmdi-xbox:before {
  content: '\f406';
}

.zmdi-yahoo:before {
  content: '\f407';
}

.zmdi-youtube-play:before {
  content: '\f408';
}

.zmdi-youtube:before {
  content: '\f409';
}

.zmdi-3d-rotation:before {
  content: '\f101';
}

.zmdi-airplane-off:before {
  content: '\f102';
}

.zmdi-airplane:before {
  content: '\f103';
}

.zmdi-album:before {
  content: '\f104';
}

.zmdi-archive:before {
  content: '\f105';
}

.zmdi-assignment-account:before {
  content: '\f106';
}

.zmdi-assignment-alert:before {
  content: '\f107';
}

.zmdi-assignment-check:before {
  content: '\f108';
}

.zmdi-assignment-o:before {
  content: '\f109';
}

.zmdi-assignment-return:before {
  content: '\f10a';
}

.zmdi-assignment-returned:before {
  content: '\f10b';
}

.zmdi-assignment:before {
  content: '\f10c';
}

.zmdi-attachment-alt:before {
  content: '\f10d';
}

.zmdi-attachment:before {
  content: '\f10e';
}

.zmdi-audio:before {
  content: '\f10f';
}

.zmdi-badge-check:before {
  content: '\f110';
}

.zmdi-balance-wallet:before {
  content: '\f111';
}

.zmdi-balance:before {
  content: '\f112';
}

.zmdi-battery-alert:before {
  content: '\f113';
}

.zmdi-battery-flash:before {
  content: '\f114';
}

.zmdi-battery-unknown:before {
  content: '\f115';
}

.zmdi-battery:before {
  content: '\f116';
}

.zmdi-bike:before {
  content: '\f117';
}

.zmdi-block-alt:before {
  content: '\f118';
}

.zmdi-block:before {
  content: '\f119';
}

.zmdi-boat:before {
  content: '\f11a';
}

.zmdi-book-image:before {
  content: '\f11b';
}

.zmdi-book:before {
  content: '\f11c';
}

.zmdi-bookmark-outline:before {
  content: '\f11d';
}

.zmdi-bookmark:before {
  content: '\f11e';
}

.zmdi-brush:before {
  content: '\f11f';
}

.zmdi-bug:before {
  content: '\f120';
}

.zmdi-bus:before {
  content: '\f121';
}

.zmdi-cake:before {
  content: '\f122';
}

.zmdi-car-taxi:before {
  content: '\f123';
}

.zmdi-car-wash:before {
  content: '\f124';
}

.zmdi-car:before {
  content: '\f125';
}

.zmdi-card-giftcard:before {
  content: '\f126';
}

.zmdi-card-membership:before {
  content: '\f127';
}

.zmdi-card-travel:before {
  content: '\f128';
}

.zmdi-card:before {
  content: '\f129';
}

.zmdi-case-check:before {
  content: '\f12a';
}

.zmdi-case-download:before {
  content: '\f12b';
}

.zmdi-case-play:before {
  content: '\f12c';
}

.zmdi-case:before {
  content: '\f12d';
}

.zmdi-cast-connected:before {
  content: '\f12e';
}

.zmdi-cast:before {
  content: '\f12f';
}

.zmdi-chart-donut:before {
  content: '\f130';
}

.zmdi-chart:before {
  content: '\f131';
}

.zmdi-city-alt:before {
  content: '\f132';
}

.zmdi-city:before {
  content: '\f133';
}

.zmdi-close-circle-o:before {
  content: '\f134';
}

.zmdi-close-circle:before {
  content: '\f135';
}

.zmdi-close:before {
  content: '\f136';
}

.zmdi-cocktail:before {
  content: '\f137';
}

.zmdi-code-setting:before {
  content: '\f138';
}

.zmdi-code-smartphone:before {
  content: '\f139';
}

.zmdi-code:before {
  content: '\f13a';
}

.zmdi-coffee:before {
  content: '\f13b';
}

.zmdi-collection-bookmark:before {
  content: '\f13c';
}

.zmdi-collection-case-play:before {
  content: '\f13d';
}

.zmdi-collection-folder-image:before {
  content: '\f13e';
}

.zmdi-collection-image-o:before {
  content: '\f13f';
}

.zmdi-collection-image:before {
  content: '\f140';
}

.zmdi-collection-item-1:before {
  content: '\f141';
}

.zmdi-collection-item-2:before {
  content: '\f142';
}

.zmdi-collection-item-3:before {
  content: '\f143';
}

.zmdi-collection-item-4:before {
  content: '\f144';
}

.zmdi-collection-item-5:before {
  content: '\f145';
}

.zmdi-collection-item-6:before {
  content: '\f146';
}

.zmdi-collection-item-7:before {
  content: '\f147';
}

.zmdi-collection-item-8:before {
  content: '\f148';
}

.zmdi-collection-item-9-plus:before {
  content: '\f149';
}

.zmdi-collection-item-9:before {
  content: '\f14a';
}

.zmdi-collection-item:before {
  content: '\f14b';
}

.zmdi-collection-music:before {
  content: '\f14c';
}

.zmdi-collection-pdf:before {
  content: '\f14d';
}

.zmdi-collection-plus:before {
  content: '\f14e';
}

.zmdi-collection-speaker:before {
  content: '\f14f';
}

.zmdi-collection-text:before {
  content: '\f150';
}

.zmdi-collection-video:before {
  content: '\f151';
}

.zmdi-compass:before {
  content: '\f152';
}

.zmdi-cutlery:before {
  content: '\f153';
}

.zmdi-delete:before {
  content: '\f154';
}

.zmdi-dialpad:before {
  content: '\f155';
}

.zmdi-dns:before {
  content: '\f156';
}

.zmdi-drink:before {
  content: '\f157';
}

.zmdi-edit:before {
  content: '\f158';
}

.zmdi-email-open:before {
  content: '\f159';
}

.zmdi-email:before {
  content: '\f15a';
}

.zmdi-eye-off:before {
  content: '\f15b';
}

.zmdi-eye:before {
  content: '\f15c';
}

.zmdi-eyedropper:before {
  content: '\f15d';
}

.zmdi-favorite-outline:before {
  content: '\f15e';
}

.zmdi-favorite:before {
  content: '\f15f';
}

.zmdi-filter-list:before {
  content: '\f160';
}

.zmdi-fire:before {
  content: '\f161';
}

.zmdi-flag:before {
  content: '\f162';
}

.zmdi-flare:before {
  content: '\f163';
}

.zmdi-flash-auto:before {
  content: '\f164';
}

.zmdi-flash-off:before {
  content: '\f165';
}

.zmdi-flash:before {
  content: '\f166';
}

.zmdi-flip:before {
  content: '\f167';
}

.zmdi-flower-alt:before {
  content: '\f168';
}

.zmdi-flower:before {
  content: '\f169';
}

.zmdi-font:before {
  content: '\f16a';
}

.zmdi-fullscreen-alt:before {
  content: '\f16b';
}

.zmdi-fullscreen-exit:before {
  content: '\f16c';
}

.zmdi-fullscreen:before {
  content: '\f16d';
}

.zmdi-functions:before {
  content: '\f16e';
}

.zmdi-gas-station:before {
  content: '\f16f';
}

.zmdi-gesture:before {
  content: '\f170';
}

.zmdi-globe-alt:before {
  content: '\f171';
}

.zmdi-globe-lock:before {
  content: '\f172';
}

.zmdi-globe:before {
  content: '\f173';
}

.zmdi-graduation-cap:before {
  content: '\f174';
}

.zmdi-home:before {
  content: '\f175';
}

.zmdi-hospital-alt:before {
  content: '\f176';
}

.zmdi-hospital:before {
  content: '\f177';
}

.zmdi-hotel:before {
  content: '\f178';
}

.zmdi-hourglass-alt:before {
  content: '\f179';
}

.zmdi-hourglass-outline:before {
  content: '\f17a';
}

.zmdi-hourglass:before {
  content: '\f17b';
}

.zmdi-http:before {
  content: '\f17c';
}

.zmdi-image-alt:before {
  content: '\f17d';
}

.zmdi-image-o:before {
  content: '\f17e';
}

.zmdi-image:before {
  content: '\f17f';
}

.zmdi-inbox:before {
  content: '\f180';
}

.zmdi-invert-colors-off:before {
  content: '\f181';
}

.zmdi-invert-colors:before {
  content: '\f182';
}

.zmdi-key:before {
  content: '\f183';
}

.zmdi-label-alt-outline:before {
  content: '\f184';
}

.zmdi-label-alt:before {
  content: '\f185';
}

.zmdi-label-heart:before {
  content: '\f186';
}

.zmdi-label:before {
  content: '\f187';
}

.zmdi-labels:before {
  content: '\f188';
}

.zmdi-lamp:before {
  content: '\f189';
}

.zmdi-landscape:before {
  content: '\f18a';
}

.zmdi-layers-off:before {
  content: '\f18b';
}

.zmdi-layers:before {
  content: '\f18c';
}

.zmdi-library:before {
  content: '\f18d';
}

.zmdi-link:before {
  content: '\f18e';
}

.zmdi-lock-open:before {
  content: '\f18f';
}

.zmdi-lock-outline:before {
  content: '\f190';
}

.zmdi-lock:before {
  content: '\f191';
}

.zmdi-mail-reply-all:before {
  content: '\f192';
}

.zmdi-mail-reply:before {
  content: '\f193';
}

.zmdi-mail-send:before {
  content: '\f194';
}

.zmdi-mall:before {
  content: '\f195';
}

.zmdi-map:before {
  content: '\f196';
}

.zmdi-menu:before {
  content: '\f197';
}

.zmdi-money-box:before {
  content: '\f198';
}

.zmdi-money-off:before {
  content: '\f199';
}

.zmdi-money:before {
  content: '\f19a';
}

.zmdi-more-vert:before {
  content: '\f19b';
}

.zmdi-more:before {
  content: '\f19c';
}

.zmdi-movie-alt:before {
  content: '\f19d';
}

.zmdi-movie:before {
  content: '\f19e';
}

.zmdi-nature-people:before {
  content: '\f19f';
}

.zmdi-nature:before {
  content: '\f1a0';
}

.zmdi-navigation:before {
  content: '\f1a1';
}

.zmdi-open-in-browser:before {
  content: '\f1a2';
}

.zmdi-open-in-new:before {
  content: '\f1a3';
}

.zmdi-palette:before {
  content: '\f1a4';
}

.zmdi-parking:before {
  content: '\f1a5';
}

.zmdi-pin-account:before {
  content: '\f1a6';
}

.zmdi-pin-assistant:before {
  content: '\f1a7';
}

.zmdi-pin-drop:before {
  content: '\f1a8';
}

.zmdi-pin-help:before {
  content: '\f1a9';
}

.zmdi-pin-off:before {
  content: '\f1aa';
}

.zmdi-pin:before {
  content: '\f1ab';
}

.zmdi-pizza:before {
  content: '\f1ac';
}

.zmdi-plaster:before {
  content: '\f1ad';
}

.zmdi-power-setting:before {
  content: '\f1ae';
}

.zmdi-power:before {
  content: '\f1af';
}

.zmdi-print:before {
  content: '\f1b0';
}

.zmdi-puzzle-piece:before {
  content: '\f1b1';
}

.zmdi-quote:before {
  content: '\f1b2';
}

.zmdi-railway:before {
  content: '\f1b3';
}

.zmdi-receipt:before {
  content: '\f1b4';
}

.zmdi-refresh-alt:before {
  content: '\f1b5';
}

.zmdi-refresh-sync-alert:before {
  content: '\f1b6';
}

.zmdi-refresh-sync-off:before {
  content: '\f1b7';
}

.zmdi-refresh-sync:before {
  content: '\f1b8';
}

.zmdi-refresh:before {
  content: '\f1b9';
}

.zmdi-roller:before {
  content: '\f1ba';
}

.zmdi-ruler:before {
  content: '\f1bb';
}

.zmdi-scissors:before {
  content: '\f1bc';
}

.zmdi-screen-rotation-lock:before {
  content: '\f1bd';
}

.zmdi-screen-rotation:before {
  content: '\f1be';
}

.zmdi-search-for:before {
  content: '\f1bf';
}

.zmdi-search-in-file:before {
  content: '\f1c0';
}

.zmdi-search-in-page:before {
  content: '\f1c1';
}

.zmdi-search-replace:before {
  content: '\f1c2';
}

.zmdi-search:before {
  content: '\f1c3';
}

.zmdi-seat:before {
  content: '\f1c4';
}

.zmdi-settings-square:before {
  content: '\f1c5';
}

.zmdi-settings:before {
  content: '\f1c6';
}

.zmdi-shield-check:before {
  content: '\f1c7';
}

.zmdi-shield-security:before {
  content: '\f1c8';
}

.zmdi-shopping-basket:before {
  content: '\f1c9';
}

.zmdi-shopping-cart-plus:before {
  content: '\f1ca';
}

.zmdi-shopping-cart:before {
  content: '\f1cb';
}

.zmdi-sign-in:before {
  content: '\f1cc';
}

.zmdi-sort-amount-asc:before {
  content: '\f1cd';
}

.zmdi-sort-amount-desc:before {
  content: '\f1ce';
}

.zmdi-sort-asc:before {
  content: '\f1cf';
}

.zmdi-sort-desc:before {
  content: '\f1d0';
}

.zmdi-spellcheck:before {
  content: '\f1d1';
}

.zmdi-storage:before {
  content: '\f1d2';
}

.zmdi-store-24:before {
  content: '\f1d3';
}

.zmdi-store:before {
  content: '\f1d4';
}

.zmdi-subway:before {
  content: '\f1d5';
}

.zmdi-sun:before {
  content: '\f1d6';
}

.zmdi-tab-unselected:before {
  content: '\f1d7';
}

.zmdi-tab:before {
  content: '\f1d8';
}

.zmdi-tag-close:before {
  content: '\f1d9';
}

.zmdi-tag-more:before {
  content: '\f1da';
}

.zmdi-tag:before {
  content: '\f1db';
}

.zmdi-thumb-down:before {
  content: '\f1dc';
}

.zmdi-thumb-up-down:before {
  content: '\f1dd';
}

.zmdi-thumb-up:before {
  content: '\f1de';
}

.zmdi-ticket-star:before {
  content: '\f1df';
}

.zmdi-toll:before {
  content: '\f1e0';
}

.zmdi-toys:before {
  content: '\f1e1';
}

.zmdi-traffic:before {
  content: '\f1e2';
}

.zmdi-translate:before {
  content: '\f1e3';
}

.zmdi-triangle-down:before {
  content: '\f1e4';
}

.zmdi-triangle-up:before {
  content: '\f1e5';
}

.zmdi-truck:before {
  content: '\f1e6';
}

.zmdi-turning-sign:before {
  content: '\f1e7';
}

.zmdi-wallpaper:before {
  content: '\f1e8';
}

.zmdi-washing-machine:before {
  content: '\f1e9';
}

.zmdi-window-maximize:before {
  content: '\f1ea';
}

.zmdi-window-minimize:before {
  content: '\f1eb';
}

.zmdi-window-restore:before {
  content: '\f1ec';
}

.zmdi-wrench:before {
  content: '\f1ed';
}

.zmdi-zoom-in:before {
  content: '\f1ee';
}

.zmdi-zoom-out:before {
  content: '\f1ef';
}

.zmdi-alert-circle-o:before {
  content: '\f1f0';
}

.zmdi-alert-circle:before {
  content: '\f1f1';
}

.zmdi-alert-octagon:before {
  content: '\f1f2';
}

.zmdi-alert-polygon:before {
  content: '\f1f3';
}

.zmdi-alert-triangle:before {
  content: '\f1f4';
}

.zmdi-help-outline:before {
  content: '\f1f5';
}

.zmdi-help:before {
  content: '\f1f6';
}

.zmdi-info-outline:before {
  content: '\f1f7';
}

.zmdi-info:before {
  content: '\f1f8';
}

.zmdi-notifications-active:before {
  content: '\f1f9';
}

.zmdi-notifications-add:before {
  content: '\f1fa';
}

.zmdi-notifications-none:before {
  content: '\f1fb';
}

.zmdi-notifications-off:before {
  content: '\f1fc';
}

.zmdi-notifications-paused:before {
  content: '\f1fd';
}

.zmdi-notifications:before {
  content: '\f1fe';
}

.zmdi-account-add:before {
  content: '\f1ff';
}

.zmdi-account-box-mail:before {
  content: '\f200';
}

.zmdi-account-box-o:before {
  content: '\f201';
}

.zmdi-account-box-phone:before {
  content: '\f202';
}

.zmdi-account-box:before {
  content: '\f203';
}

.zmdi-account-calendar:before {
  content: '\f204';
}

.zmdi-account-circle:before {
  content: '\f205';
}

.zmdi-account-o:before {
  content: '\f206';
}

.zmdi-account:before {
  content: '\f207';
}

.zmdi-accounts-add:before {
  content: '\f208';
}

.zmdi-accounts-alt:before {
  content: '\f209';
}

.zmdi-accounts-list-alt:before {
  content: '\f20a';
}

.zmdi-accounts-list:before {
  content: '\f20b';
}

.zmdi-accounts-outline:before {
  content: '\f20c';
}

.zmdi-accounts:before {
  content: '\f20d';
}

.zmdi-face:before {
  content: '\f20e';
}

.zmdi-female:before {
  content: '\f20f';
}

.zmdi-male-alt:before {
  content: '\f210';
}

.zmdi-male-female:before {
  content: '\f211';
}

.zmdi-male:before {
  content: '\f212';
}

.zmdi-mood-bad:before {
  content: '\f213';
}

.zmdi-mood:before {
  content: '\f214';
}

.zmdi-run:before {
  content: '\f215';
}

.zmdi-walk:before {
  content: '\f216';
}

.zmdi-cloud-box:before {
  content: '\f217';
}

.zmdi-cloud-circle:before {
  content: '\f218';
}

.zmdi-cloud-done:before {
  content: '\f219';
}

.zmdi-cloud-download:before {
  content: '\f21a';
}

.zmdi-cloud-off:before {
  content: '\f21b';
}

.zmdi-cloud-outline-alt:before {
  content: '\f21c';
}

.zmdi-cloud-outline:before {
  content: '\f21d';
}

.zmdi-cloud-upload:before {
  content: '\f21e';
}

.zmdi-cloud:before {
  content: '\f21f';
}

.zmdi-download:before {
  content: '\f220';
}

.zmdi-file-plus:before {
  content: '\f221';
}

.zmdi-file-text:before {
  content: '\f222';
}

.zmdi-file:before {
  content: '\f223';
}

.zmdi-folder-outline:before {
  content: '\f224';
}

.zmdi-folder-person:before {
  content: '\f225';
}

.zmdi-folder-star-alt:before {
  content: '\f226';
}

.zmdi-folder-star:before {
  content: '\f227';
}

.zmdi-folder:before {
  content: '\f228';
}

.zmdi-gif:before {
  content: '\f229';
}

.zmdi-upload:before {
  content: '\f22a';
}

.zmdi-border-all:before {
  content: '\f22b';
}

.zmdi-border-bottom:before {
  content: '\f22c';
}

.zmdi-border-clear:before {
  content: '\f22d';
}

.zmdi-border-color:before {
  content: '\f22e';
}

.zmdi-border-horizontal:before {
  content: '\f22f';
}

.zmdi-border-inner:before {
  content: '\f230';
}

.zmdi-border-left:before {
  content: '\f231';
}

.zmdi-border-outer:before {
  content: '\f232';
}

.zmdi-border-right:before {
  content: '\f233';
}

.zmdi-border-style:before {
  content: '\f234';
}

.zmdi-border-top:before {
  content: '\f235';
}

.zmdi-border-vertical:before {
  content: '\f236';
}

.zmdi-copy:before {
  content: '\f237';
}

.zmdi-crop:before {
  content: '\f238';
}

.zmdi-format-align-center:before {
  content: '\f239';
}

.zmdi-format-align-justify:before {
  content: '\f23a';
}

.zmdi-format-align-left:before {
  content: '\f23b';
}

.zmdi-format-align-right:before {
  content: '\f23c';
}

.zmdi-format-bold:before {
  content: '\f23d';
}

.zmdi-format-clear-all:before {
  content: '\f23e';
}

.zmdi-format-clear:before {
  content: '\f23f';
}

.zmdi-format-color-fill:before {
  content: '\f240';
}

.zmdi-format-color-reset:before {
  content: '\f241';
}

.zmdi-format-color-text:before {
  content: '\f242';
}

.zmdi-format-indent-decrease:before {
  content: '\f243';
}

.zmdi-format-indent-increase:before {
  content: '\f244';
}

.zmdi-format-italic:before {
  content: '\f245';
}

.zmdi-format-line-spacing:before {
  content: '\f246';
}

.zmdi-format-list-bulleted:before {
  content: '\f247';
}

.zmdi-format-list-numbered:before {
  content: '\f248';
}

.zmdi-format-ltr:before {
  content: '\f249';
}

.zmdi-format-rtl:before {
  content: '\f24a';
}

.zmdi-format-size:before {
  content: '\f24b';
}

.zmdi-format-strikethrough-s:before {
  content: '\f24c';
}

.zmdi-format-strikethrough:before {
  content: '\f24d';
}

.zmdi-format-subject:before {
  content: '\f24e';
}

.zmdi-format-underlined:before {
  content: '\f24f';
}

.zmdi-format-valign-bottom:before {
  content: '\f250';
}

.zmdi-format-valign-center:before {
  content: '\f251';
}

.zmdi-format-valign-top:before {
  content: '\f252';
}

.zmdi-redo:before {
  content: '\f253';
}

.zmdi-select-all:before {
  content: '\f254';
}

.zmdi-space-bar:before {
  content: '\f255';
}

.zmdi-text-format:before {
  content: '\f256';
}

.zmdi-transform:before {
  content: '\f257';
}

.zmdi-undo:before {
  content: '\f258';
}

.zmdi-wrap-text:before {
  content: '\f259';
}

.zmdi-comment-alert:before {
  content: '\f25a';
}

.zmdi-comment-alt-text:before {
  content: '\f25b';
}

.zmdi-comment-alt:before {
  content: '\f25c';
}

.zmdi-comment-edit:before {
  content: '\f25d';
}

.zmdi-comment-image:before {
  content: '\f25e';
}

.zmdi-comment-list:before {
  content: '\f25f';
}

.zmdi-comment-more:before {
  content: '\f260';
}

.zmdi-comment-outline:before {
  content: '\f261';
}

.zmdi-comment-text-alt:before {
  content: '\f262';
}

.zmdi-comment-text:before {
  content: '\f263';
}

.zmdi-comment-video:before {
  content: '\f264';
}

.zmdi-comment:before {
  content: '\f265';
}

.zmdi-comments:before {
  content: '\f266';
}

.zmdi-check-all:before {
  content: '\f267';
}

.zmdi-check-circle-u:before {
  content: '\f268';
}

.zmdi-check-circle:before {
  content: '\f269';
}

.zmdi-check-square:before {
  content: '\f26a';
}

.zmdi-check:before {
  content: '\f26b';
}

.zmdi-circle-o:before {
  content: '\f26c';
}

.zmdi-circle:before {
  content: '\f26d';
}

.zmdi-dot-circle-alt:before {
  content: '\f26e';
}

.zmdi-dot-circle:before {
  content: '\f26f';
}

.zmdi-minus-circle-outline:before {
  content: '\f270';
}

.zmdi-minus-circle:before {
  content: '\f271';
}

.zmdi-minus-square:before {
  content: '\f272';
}

.zmdi-minus:before {
  content: '\f273';
}

.zmdi-plus-circle-o-duplicate:before {
  content: '\f274';
}

.zmdi-plus-circle-o:before {
  content: '\f275';
}

.zmdi-plus-circle:before {
  content: '\f276';
}

.zmdi-plus-square:before {
  content: '\f277';
}

.zmdi-plus:before {
  content: '\f278';
}

.zmdi-square-o:before {
  content: '\f279';
}

.zmdi-star-circle:before {
  content: '\f27a';
}

.zmdi-star-half:before {
  content: '\f27b';
}

.zmdi-star-outline:before {
  content: '\f27c';
}

.zmdi-star:before {
  content: '\f27d';
}

.zmdi-bluetooth-connected:before {
  content: '\f27e';
}

.zmdi-bluetooth-off:before {
  content: '\f27f';
}

.zmdi-bluetooth-search:before {
  content: '\f280';
}

.zmdi-bluetooth-setting:before {
  content: '\f281';
}

.zmdi-bluetooth:before {
  content: '\f282';
}

.zmdi-camera-add:before {
  content: '\f283';
}

.zmdi-camera-alt:before {
  content: '\f284';
}

.zmdi-camera-bw:before {
  content: '\f285';
}

.zmdi-camera-front:before {
  content: '\f286';
}

.zmdi-camera-mic:before {
  content: '\f287';
}

.zmdi-camera-party-mode:before {
  content: '\f288';
}

.zmdi-camera-rear:before {
  content: '\f289';
}

.zmdi-camera-roll:before {
  content: '\f28a';
}

.zmdi-camera-switch:before {
  content: '\f28b';
}

.zmdi-camera:before {
  content: '\f28c';
}

.zmdi-card-alert:before {
  content: '\f28d';
}

.zmdi-card-off:before {
  content: '\f28e';
}

.zmdi-card-sd:before {
  content: '\f28f';
}

.zmdi-card-sim:before {
  content: '\f290';
}

.zmdi-desktop-mac:before {
  content: '\f291';
}

.zmdi-desktop-windows:before {
  content: '\f292';
}

.zmdi-device-hub:before {
  content: '\f293';
}

.zmdi-devices-off:before {
  content: '\f294';
}

.zmdi-devices:before {
  content: '\f295';
}

.zmdi-dock:before {
  content: '\f296';
}

.zmdi-floppy:before {
  content: '\f297';
}

.zmdi-gamepad:before {
  content: '\f298';
}

.zmdi-gps-dot:before {
  content: '\f299';
}

.zmdi-gps-off:before {
  content: '\f29a';
}

.zmdi-gps:before {
  content: '\f29b';
}

.zmdi-headset-mic:before {
  content: '\f29c';
}

.zmdi-headset:before {
  content: '\f29d';
}

.zmdi-input-antenna:before {
  content: '\f29e';
}

.zmdi-input-composite:before {
  content: '\f29f';
}

.zmdi-input-hdmi:before {
  content: '\f2a0';
}

.zmdi-input-power:before {
  content: '\f2a1';
}

.zmdi-input-svideo:before {
  content: '\f2a2';
}

.zmdi-keyboard-hide:before {
  content: '\f2a3';
}

.zmdi-keyboard:before {
  content: '\f2a4';
}

.zmdi-laptop-chromebook:before {
  content: '\f2a5';
}

.zmdi-laptop-mac:before {
  content: '\f2a6';
}

.zmdi-laptop:before {
  content: '\f2a7';
}

.zmdi-mic-off:before {
  content: '\f2a8';
}

.zmdi-mic-outline:before {
  content: '\f2a9';
}

.zmdi-mic-setting:before {
  content: '\f2aa';
}

.zmdi-mic:before {
  content: '\f2ab';
}

.zmdi-mouse:before {
  content: '\f2ac';
}

.zmdi-network-alert:before {
  content: '\f2ad';
}

.zmdi-network-locked:before {
  content: '\f2ae';
}

.zmdi-network-off:before {
  content: '\f2af';
}

.zmdi-network-outline:before {
  content: '\f2b0';
}

.zmdi-network-setting:before {
  content: '\f2b1';
}

.zmdi-network:before {
  content: '\f2b2';
}

.zmdi-phone-bluetooth:before {
  content: '\f2b3';
}

.zmdi-phone-end:before {
  content: '\f2b4';
}

.zmdi-phone-forwarded:before {
  content: '\f2b5';
}

.zmdi-phone-in-talk:before {
  content: '\f2b6';
}

.zmdi-phone-locked:before {
  content: '\f2b7';
}

.zmdi-phone-missed:before {
  content: '\f2b8';
}

.zmdi-phone-msg:before {
  content: '\f2b9';
}

.zmdi-phone-paused:before {
  content: '\f2ba';
}

.zmdi-phone-ring:before {
  content: '\f2bb';
}

.zmdi-phone-setting:before {
  content: '\f2bc';
}

.zmdi-phone-sip:before {
  content: '\f2bd';
}

.zmdi-phone:before {
  content: '\f2be';
}

.zmdi-portable-wifi-changes:before {
  content: '\f2bf';
}

.zmdi-portable-wifi-off:before {
  content: '\f2c0';
}

.zmdi-portable-wifi:before {
  content: '\f2c1';
}

.zmdi-radio:before {
  content: '\f2c2';
}

.zmdi-reader:before {
  content: '\f2c3';
}

.zmdi-remote-control-alt:before {
  content: '\f2c4';
}

.zmdi-remote-control:before {
  content: '\f2c5';
}

.zmdi-router:before {
  content: '\f2c6';
}

.zmdi-scanner:before {
  content: '\f2c7';
}

.zmdi-smartphone-android:before {
  content: '\f2c8';
}

.zmdi-smartphone-download:before {
  content: '\f2c9';
}

.zmdi-smartphone-erase:before {
  content: '\f2ca';
}

.zmdi-smartphone-info:before {
  content: '\f2cb';
}

.zmdi-smartphone-iphone:before {
  content: '\f2cc';
}

.zmdi-smartphone-landscape-lock:before {
  content: '\f2cd';
}

.zmdi-smartphone-landscape:before {
  content: '\f2ce';
}

.zmdi-smartphone-lock:before {
  content: '\f2cf';
}

.zmdi-smartphone-portrait-lock:before {
  content: '\f2d0';
}

.zmdi-smartphone-ring:before {
  content: '\f2d1';
}

.zmdi-smartphone-setting:before {
  content: '\f2d2';
}

.zmdi-smartphone-setup:before {
  content: '\f2d3';
}

.zmdi-smartphone:before {
  content: '\f2d4';
}

.zmdi-speaker:before {
  content: '\f2d5';
}

.zmdi-tablet-android:before {
  content: '\f2d6';
}

.zmdi-tablet-mac:before {
  content: '\f2d7';
}

.zmdi-tablet:before {
  content: '\f2d8';
}

.zmdi-tv-alt-play:before {
  content: '\f2d9';
}

.zmdi-tv-list:before {
  content: '\f2da';
}

.zmdi-tv-play:before {
  content: '\f2db';
}

.zmdi-tv:before {
  content: '\f2dc';
}

.zmdi-usb:before {
  content: '\f2dd';
}

.zmdi-videocam-off:before {
  content: '\f2de';
}

.zmdi-videocam-switch:before {
  content: '\f2df';
}

.zmdi-videocam:before {
  content: '\f2e0';
}

.zmdi-watch:before {
  content: '\f2e1';
}

.zmdi-wifi-alt-2:before {
  content: '\f2e2';
}

.zmdi-wifi-alt:before {
  content: '\f2e3';
}

.zmdi-wifi-info:before {
  content: '\f2e4';
}

.zmdi-wifi-lock:before {
  content: '\f2e5';
}

.zmdi-wifi-off:before {
  content: '\f2e6';
}

.zmdi-wifi-outline:before {
  content: '\f2e7';
}

.zmdi-wifi:before {
  content: '\f2e8';
}

.zmdi-arrow-left-bottom:before {
  content: '\f2e9';
}

.zmdi-arrow-left:before {
  content: '\f2ea';
}

.zmdi-arrow-merge:before {
  content: '\f2eb';
}

.zmdi-arrow-missed:before {
  content: '\f2ec';
}

.zmdi-arrow-right-top:before {
  content: '\f2ed';
}

.zmdi-arrow-right:before {
  content: '\f2ee';
}

.zmdi-arrow-split:before {
  content: '\f2ef';
}

.zmdi-arrows:before {
  content: '\f2f0';
}

.zmdi-caret-down-circle:before {
  content: '\f2f1';
}

.zmdi-caret-down:before {
  content: '\f2f2';
}

.zmdi-caret-left-circle:before {
  content: '\f2f3';
}

.zmdi-caret-left:before {
  content: '\f2f4';
}

.zmdi-caret-right-circle:before {
  content: '\f2f5';
}

.zmdi-caret-right:before {
  content: '\f2f6';
}

.zmdi-caret-up-circle:before {
  content: '\f2f7';
}

.zmdi-caret-up:before {
  content: '\f2f8';
}

.zmdi-chevron-down:before {
  content: '\f2f9';
}

.zmdi-chevron-left:before {
  content: '\f2fa';
}

.zmdi-chevron-right:before {
  content: '\f2fb';
}

.zmdi-chevron-up:before {
  content: '\f2fc';
}

.zmdi-forward:before {
  content: '\f2fd';
}

.zmdi-long-arrow-down:before {
  content: '\f2fe';
}

.zmdi-long-arrow-left:before {
  content: '\f2ff';
}

.zmdi-long-arrow-return:before {
  content: '\f300';
}

.zmdi-long-arrow-right:before {
  content: '\f301';
}

.zmdi-long-arrow-tab:before {
  content: '\f302';
}

.zmdi-long-arrow-up:before {
  content: '\f303';
}

.zmdi-rotate-ccw:before {
  content: '\f304';
}

.zmdi-rotate-cw:before {
  content: '\f305';
}

.zmdi-rotate-left:before {
  content: '\f306';
}

.zmdi-rotate-right:before {
  content: '\f307';
}

.zmdi-square-down:before {
  content: '\f308';
}

.zmdi-square-right:before {
  content: '\f309';
}

.zmdi-swap-alt:before {
  content: '\f30a';
}

.zmdi-swap-vertical-circle:before {
  content: '\f30b';
}

.zmdi-swap-vertical:before {
  content: '\f30c';
}

.zmdi-swap:before {
  content: '\f30d';
}

.zmdi-trending-down:before {
  content: '\f30e';
}

.zmdi-trending-flat:before {
  content: '\f30f';
}

.zmdi-trending-up:before {
  content: '\f310';
}

.zmdi-unfold-less:before {
  content: '\f311';
}

.zmdi-unfold-more:before {
  content: '\f312';
}

.zmdi-apps:before {
  content: '\f313';
}

.zmdi-grid-off:before {
  content: '\f314';
}

.zmdi-grid:before {
  content: '\f315';
}

.zmdi-view-agenda:before {
  content: '\f316';
}

.zmdi-view-array:before {
  content: '\f317';
}

.zmdi-view-carousel:before {
  content: '\f318';
}

.zmdi-view-column:before {
  content: '\f319';
}

.zmdi-view-comfy:before {
  content: '\f31a';
}

.zmdi-view-compact:before {
  content: '\f31b';
}

.zmdi-view-dashboard:before {
  content: '\f31c';
}

.zmdi-view-day:before {
  content: '\f31d';
}

.zmdi-view-headline:before {
  content: '\f31e';
}

.zmdi-view-list-alt:before {
  content: '\f31f';
}

.zmdi-view-list:before {
  content: '\f320';
}

.zmdi-view-module:before {
  content: '\f321';
}

.zmdi-view-quilt:before {
  content: '\f322';
}

.zmdi-view-stream:before {
  content: '\f323';
}

.zmdi-view-subtitles:before {
  content: '\f324';
}

.zmdi-view-toc:before {
  content: '\f325';
}

.zmdi-view-web:before {
  content: '\f326';
}

.zmdi-view-week:before {
  content: '\f327';
}

.zmdi-widgets:before {
  content: '\f328';
}

.zmdi-alarm-check:before {
  content: '\f329';
}

.zmdi-alarm-off:before {
  content: '\f32a';
}

.zmdi-alarm-plus:before {
  content: '\f32b';
}

.zmdi-alarm-snooze:before {
  content: '\f32c';
}

.zmdi-alarm:before {
  content: '\f32d';
}

.zmdi-calendar-alt:before {
  content: '\f32e';
}

.zmdi-calendar-check:before {
  content: '\f32f';
}

.zmdi-calendar-close:before {
  content: '\f330';
}

.zmdi-calendar-note:before {
  content: '\f331';
}

.zmdi-calendar:before {
  content: '\f332';
}

.zmdi-time-countdown:before {
  content: '\f333';
}

.zmdi-time-interval:before {
  content: '\f334';
}

.zmdi-time-restore-setting:before {
  content: '\f335';
}

.zmdi-time-restore:before {
  content: '\f336';
}

.zmdi-time:before {
  content: '\f337';
}

.zmdi-timer-off:before {
  content: '\f338';
}

.zmdi-timer:before {
  content: '\f339';
}

.zmdi-android-alt:before {
  content: '\f33a';
}

.zmdi-android:before {
  content: '\f33b';
}

.zmdi-apple:before {
  content: '\f33c';
}

.zmdi-behance:before {
  content: '\f33d';
}

.zmdi-codepen:before {
  content: '\f33e';
}

.zmdi-dribbble:before {
  content: '\f33f';
}

.zmdi-dropbox:before {
  content: '\f340';
}

.zmdi-evernote:before {
  content: '\f341';
}

.zmdi-facebook-box:before {
  content: '\f342';
}

.zmdi-facebook:before {
  content: '\f343';
}

.zmdi-github-box:before {
  content: '\f344';
}

.zmdi-github:before {
  content: '\f345';
}

.zmdi-google-drive:before {
  content: '\f346';
}

.zmdi-google-earth:before {
  content: '\f347';
}

.zmdi-google-glass:before {
  content: '\f348';
}

.zmdi-google-maps:before {
  content: '\f349';
}

.zmdi-google-pages:before {
  content: '\f34a';
}

.zmdi-google-play:before {
  content: '\f34b';
}

.zmdi-google-plus-box:before {
  content: '\f34c';
}

.zmdi-google-plus:before {
  content: '\f34d';
}

.zmdi-google:before {
  content: '\f34e';
}

.zmdi-instagram:before {
  content: '\f34f';
}

.zmdi-language-css3:before {
  content: '\f350';
}

.zmdi-language-html5:before {
  content: '\f351';
}

.zmdi-language-javascript:before {
  content: '\f352';
}

.zmdi-language-python-alt:before {
  content: '\f353';
}

.zmdi-language-python:before {
  content: '\f354';
}

.zmdi-lastfm:before {
  content: '\f355';
}

.zmdi-linkedin-box:before {
  content: '\f356';
}

.zmdi-paypal:before {
  content: '\f357';
}

.zmdi-pinterest-box:before {
  content: '\f358';
}

.zmdi-pocket:before {
  content: '\f359';
}

.zmdi-polymer:before {
  content: '\f35a';
}

.zmdi-share:before {
  content: '\f35b';
}

.zmdi-stackoverflow:before {
  content: '\f35c';
}

.zmdi-steam-square:before {
  content: '\f35d';
}

.zmdi-steam:before {
  content: '\f35e';
}

.zmdi-twitter-box:before {
  content: '\f35f';
}

.zmdi-twitter:before {
  content: '\f360';
}

.zmdi-vk:before {
  content: '\f361';
}

.zmdi-wikipedia:before {
  content: '\f362';
}

.zmdi-windows:before {
  content: '\f363';
}

.zmdi-aspect-ratio-alt:before {
  content: '\f364';
}

.zmdi-aspect-ratio:before {
  content: '\f365';
}

.zmdi-blur-circular:before {
  content: '\f366';
}

.zmdi-blur-linear:before {
  content: '\f367';
}

.zmdi-blur-off:before {
  content: '\f368';
}

.zmdi-blur:before {
  content: '\f369';
}

.zmdi-brightness-2:before {
  content: '\f36a';
}

.zmdi-brightness-3:before {
  content: '\f36b';
}

.zmdi-brightness-4:before {
  content: '\f36c';
}

.zmdi-brightness-5:before {
  content: '\f36d';
}

.zmdi-brightness-6:before {
  content: '\f36e';
}

.zmdi-brightness-7:before {
  content: '\f36f';
}

.zmdi-brightness-auto:before {
  content: '\f370';
}

.zmdi-brightness-setting:before {
  content: '\f371';
}

.zmdi-broken-image:before {
  content: '\f372';
}

.zmdi-center-focus-strong:before {
  content: '\f373';
}

.zmdi-center-focus-weak:before {
  content: '\f374';
}

.zmdi-compare:before {
  content: '\f375';
}

.zmdi-crop-16-9:before {
  content: '\f376';
}

.zmdi-crop-3-2:before {
  content: '\f377';
}

.zmdi-crop-5-4:before {
  content: '\f378';
}

.zmdi-crop-7-5:before {
  content: '\f379';
}

.zmdi-crop-din:before {
  content: '\f37a';
}

.zmdi-crop-free:before {
  content: '\f37b';
}

.zmdi-crop-landscape:before {
  content: '\f37c';
}

.zmdi-crop-portrait:before {
  content: '\f37d';
}

.zmdi-crop-square:before {
  content: '\f37e';
}

.zmdi-exposure-alt:before {
  content: '\f37f';
}

.zmdi-exposure:before {
  content: '\f380';
}

.zmdi-filter-b-and-w:before {
  content: '\f381';
}

.zmdi-filter-center-focus:before {
  content: '\f382';
}

.zmdi-filter-frames:before {
  content: '\f383';
}

.zmdi-filter-tilt-shift:before {
  content: '\f384';
}

.zmdi-gradient:before {
  content: '\f385';
}

.zmdi-grain:before {
  content: '\f386';
}

.zmdi-graphic-eq:before {
  content: '\f387';
}

.zmdi-hdr-off:before {
  content: '\f388';
}

.zmdi-hdr-strong:before {
  content: '\f389';
}

.zmdi-hdr-weak:before {
  content: '\f38a';
}

.zmdi-hdr:before {
  content: '\f38b';
}

.zmdi-iridescent:before {
  content: '\f38c';
}

.zmdi-leak-off:before {
  content: '\f38d';
}

.zmdi-leak:before {
  content: '\f38e';
}

.zmdi-looks:before {
  content: '\f38f';
}

.zmdi-loupe:before {
  content: '\f390';
}

.zmdi-panorama-horizontal:before {
  content: '\f391';
}

.zmdi-panorama-vertical:before {
  content: '\f392';
}

.zmdi-panorama-wide-angle:before {
  content: '\f393';
}

.zmdi-photo-size-select-large:before {
  content: '\f394';
}

.zmdi-photo-size-select-small:before {
  content: '\f395';
}

.zmdi-picture-in-picture:before {
  content: '\f396';
}

.zmdi-slideshow:before {
  content: '\f397';
}

.zmdi-texture:before {
  content: '\f398';
}

.zmdi-tonality:before {
  content: '\f399';
}

.zmdi-vignette:before {
  content: '\f39a';
}

.zmdi-wb-auto:before {
  content: '\f39b';
}

.zmdi-eject-alt:before {
  content: '\f39c';
}

.zmdi-eject:before {
  content: '\f39d';
}

.zmdi-equalizer:before {
  content: '\f39e';
}

.zmdi-fast-forward:before {
  content: '\f39f';
}

.zmdi-fast-rewind:before {
  content: '\f3a0';
}

.zmdi-forward-10:before {
  content: '\f3a1';
}

.zmdi-forward-30:before {
  content: '\f3a2';
}

.zmdi-forward-5:before {
  content: '\f3a3';
}

.zmdi-hearing:before {
  content: '\f3a4';
}

.zmdi-pause-circle-outline:before {
  content: '\f3a5';
}

.zmdi-pause-circle:before {
  content: '\f3a6';
}

.zmdi-pause:before {
  content: '\f3a7';
}

.zmdi-play-circle-outline:before {
  content: '\f3a8';
}

.zmdi-play-circle:before {
  content: '\f3a9';
}

.zmdi-play:before {
  content: '\f3aa';
}

.zmdi-playlist-audio:before {
  content: '\f3ab';
}

.zmdi-playlist-plus:before {
  content: '\f3ac';
}

.zmdi-repeat-one:before {
  content: '\f3ad';
}

.zmdi-repeat:before {
  content: '\f3ae';
}

.zmdi-replay-10:before {
  content: '\f3af';
}

.zmdi-replay-30:before {
  content: '\f3b0';
}

.zmdi-replay-5:before {
  content: '\f3b1';
}

.zmdi-replay:before {
  content: '\f3b2';
}

.zmdi-shuffle:before {
  content: '\f3b3';
}

.zmdi-skip-next:before {
  content: '\f3b4';
}

.zmdi-skip-previous:before {
  content: '\f3b5';
}

.zmdi-stop:before {
  content: '\f3b6';
}

.zmdi-surround-sound:before {
  content: '\f3b7';
}

.zmdi-tune:before {
  content: '\f3b8';
}

.zmdi-volume-down:before {
  content: '\f3b9';
}

.zmdi-volume-mute:before {
  content: '\f3ba';
}

.zmdi-volume-off:before {
  content: '\f3bb';
}

.zmdi-volume-up:before {
  content: '\f3bc';
}

.zmdi-n-1-square:before {
  content: '\f3bd';
}

.zmdi-n-2-square:before {
  content: '\f3be';
}

.zmdi-n-3-square:before {
  content: '\f3bf';
}

.zmdi-n-4-square:before {
  content: '\f3c0';
}

.zmdi-n-5-square:before {
  content: '\f3c1';
}

.zmdi-n-6-square:before {
  content: '\f3c2';
}

.zmdi-neg-1:before {
  content: '\f3c3';
}

.zmdi-neg-2:before {
  content: '\f3c4';
}

.zmdi-plus-1:before {
  content: '\f3c5';
}

.zmdi-plus-2:before {
  content: '\f3c6';
}

.zmdi-sec-10:before {
  content: '\f3c7';
}

.zmdi-sec-3:before {
  content: '\f3c8';
}

.zmdi-zero:before {
  content: '\f3c9';
}

.zmdi-airline-seat-flat-angled:before {
  content: '\f3ca';
}

.zmdi-airline-seat-flat:before {
  content: '\f3cb';
}

.zmdi-airline-seat-individual-suite:before {
  content: '\f3cc';
}

.zmdi-airline-seat-legroom-extra:before {
  content: '\f3cd';
}

.zmdi-airline-seat-legroom-normal:before {
  content: '\f3ce';
}

.zmdi-airline-seat-legroom-reduced:before {
  content: '\f3cf';
}

.zmdi-airline-seat-recline-extra:before {
  content: '\f3d0';
}

.zmdi-airline-seat-recline-normal:before {
  content: '\f3d1';
}

.zmdi-airplay:before {
  content: '\f3d2';
}

.zmdi-closed-caption:before {
  content: '\f3d3';
}

.zmdi-confirmation-number:before {
  content: '\f3d4';
}

.zmdi-developer-board:before {
  content: '\f3d5';
}

.zmdi-disc-full:before {
  content: '\f3d6';
}

.zmdi-explicit:before {
  content: '\f3d7';
}

.zmdi-flight-land:before {
  content: '\f3d8';
}

.zmdi-flight-takeoff:before {
  content: '\f3d9';
}

.zmdi-flip-to-back:before {
  content: '\f3da';
}

.zmdi-flip-to-front:before {
  content: '\f3db';
}

.zmdi-group-work:before {
  content: '\f3dc';
}

.zmdi-hd:before {
  content: '\f3dd';
}

.zmdi-hq:before {
  content: '\f3de';
}

.zmdi-markunread-mailbox:before {
  content: '\f3df';
}

.zmdi-memory:before {
  content: '\f3e0';
}

.zmdi-nfc:before {
  content: '\f3e1';
}

.zmdi-play-for-work:before {
  content: '\f3e2';
}

.zmdi-power-input:before {
  content: '\f3e3';
}

.zmdi-present-to-all:before {
  content: '\f3e4';
}

.zmdi-satellite:before {
  content: '\f3e5';
}

.zmdi-tap-and-play:before {
  content: '\f3e6';
}

.zmdi-vibration:before {
  content: '\f3e7';
}

.zmdi-voicemail:before {
  content: '\f3e8';
}

.zmdi-group:before {
  content: '\f3e9';
}

.zmdi-rss:before {
  content: '\f3ea';
}

.zmdi-shape:before {
  content: '\f3eb';
}

.zmdi-spinner:before {
  content: '\f3ec';
}

.zmdi-ungroup:before {
  content: '\f3ed';
}

.zmdi-500px:before {
  content: '\f3ee';
}

.zmdi-8tracks:before {
  content: '\f3ef';
}

.zmdi-amazon:before {
  content: '\f3f0';
}

.zmdi-blogger:before {
  content: '\f3f1';
}

.zmdi-delicious:before {
  content: '\f3f2';
}

.zmdi-disqus:before {
  content: '\f3f3';
}

.zmdi-flattr:before {
  content: '\f3f4';
}

.zmdi-flickr:before {
  content: '\f3f5';
}

.zmdi-github-alt:before {
  content: '\f3f6';
}

.zmdi-google-old:before {
  content: '\f3f7';
}

.zmdi-linkedin:before {
  content: '\f3f8';
}

.zmdi-odnoklassniki:before {
  content: '\f3f9';
}

.zmdi-outlook:before {
  content: '\f3fa';
}

.zmdi-paypal-alt:before {
  content: '\f3fb';
}

.zmdi-pinterest:before {
  content: '\f3fc';
}

.zmdi-playstation:before {
  content: '\f3fd';
}

.zmdi-reddit:before {
  content: '\f3fe';
}

.zmdi-skype:before {
  content: '\f3ff';
}

.zmdi-slideshare:before {
  content: '\f400';
}

.zmdi-soundcloud:before {
  content: '\f401';
}

.zmdi-tumblr:before {
  content: '\f402';
}

.zmdi-twitch:before {
  content: '\f403';
}

.zmdi-vimeo:before {
  content: '\f404';
}

.zmdi-whatsapp:before {
  content: '\f405';
}

.zmdi-xbox:before {
  content: '\f406';
}

.zmdi-yahoo:before {
  content: '\f407';
}

.zmdi-youtube-play:before {
  content: '\f408';
}

.zmdi-youtube:before {
  content: '\f409';
}

.zmdi-import-export:before {
  content: '\f30c';
}

.zmdi-swap-vertical-:before {
  content: '\f30c';
}

.zmdi-airplanemode-inactive:before {
  content: '\f102';
}

.zmdi-airplanemode-active:before {
  content: '\f103';
}

.zmdi-rate-review:before {
  content: '\f103';
}

.zmdi-comment-sign:before {
  content: '\f25a';
}

.zmdi-network-warning:before {
  content: '\f2ad';
}

.zmdi-shopping-cart-add:before {
  content: '\f1ca';
}

.zmdi-file-add:before {
  content: '\f221';
}

.zmdi-network-wifi-scan:before {
  content: '\f2e4';
}

.zmdi-collection-add:before {
  content: '\f14e';
}

.zmdi-format-playlist-add:before {
  content: '\f3ac';
}

.zmdi-format-queue-music:before {
  content: '\f3ab';
}

.zmdi-plus-box:before {
  content: '\f277';
}

.zmdi-tag-backspace:before {
  content: '\f1d9';
}

.zmdi-alarm-add:before {
  content: '\f32b';
}

.zmdi-battery-charging:before {
  content: '\f114';
}

.zmdi-daydream-setting:before {
  content: '\f217';
}

.zmdi-more-horiz:before {
  content: '\f19c';
}

.zmdi-book-photo:before {
  content: '\f11b';
}

.zmdi-incandescent:before {
  content: '\f189';
}

.zmdi-wb-iridescent:before {
  content: '\f38c';
}

.zmdi-calendar-remove:before {
  content: '\f330';
}

.zmdi-refresh-sync-disabled:before {
  content: '\f1b7';
}

.zmdi-refresh-sync-problem:before {
  content: '\f1b6';
}

.zmdi-crop-original:before {
  content: '\f17e';
}

.zmdi-power-off:before {
  content: '\f1af';
}

.zmdi-power-off-setting:before {
  content: '\f1ae';
}

.zmdi-leak-remove:before {
  content: '\f38d';
}

.zmdi-star-border:before {
  content: '\f27c';
}

.zmdi-brightness-low:before {
  content: '\f36d';
}

.zmdi-brightness-medium:before {
  content: '\f36e';
}

.zmdi-brightness-high:before {
  content: '\f36f';
}

.zmdi-smartphone-portrait:before {
  content: '\f2d4';
}

.zmdi-live-tv:before {
  content: '\f2d9';
}

.zmdi-format-textdirection-l-to-r:before {
  content: '\f249';
}

.zmdi-format-textdirection-r-to-l:before {
  content: '\f24a';
}

.zmdi-arrow-back:before {
  content: '\f2ea';
}

.zmdi-arrow-forward:before {
  content: '\f2ee';
}

.zmdi-arrow-in:before {
  content: '\f2e9';
}

.zmdi-arrow-out:before {
  content: '\f2ed';
}

.zmdi-rotate-90-degrees-ccw:before {
  content: '\f304';
}

.zmdi-adb:before {
  content: '\f33a';
}

.zmdi-network-wifi:before {
  content: '\f2e8';
}

.zmdi-network-wifi-alt:before {
  content: '\f2e3';
}

.zmdi-network-wifi-lock:before {
  content: '\f2e5';
}

.zmdi-network-wifi-off:before {
  content: '\f2e6';
}

.zmdi-network-wifi-outline:before {
  content: '\f2e7';
}

.zmdi-network-wifi-info:before {
  content: '\f2e4';
}

.zmdi-layers-clear:before {
  content: '\f18b';
}

.zmdi-colorize:before {
  content: '\f15d';
}

.zmdi-format-paint:before {
  content: '\f1ba';
}

.zmdi-format-quote:before {
  content: '\f1b2';
}

.zmdi-camera-monochrome-photos:before {
  content: '\f285';
}

.zmdi-sort-by-alpha:before {
  content: '\f1cf';
}

.zmdi-folder-shared:before {
  content: '\f225';
}

.zmdi-folder-special:before {
  content: '\f226';
}

.zmdi-comment-dots:before {
  content: '\f260';
}

.zmdi-reorder:before {
  content: '\f31e';
}

.zmdi-dehaze:before {
  content: '\f197';
}

.zmdi-sort:before {
  content: '\f1ce';
}

.zmdi-pages:before {
  content: '\f34a';
}

.zmdi-stack-overflow:before {
  content: '\f35c';
}

.zmdi-calendar-account:before {
  content: '\f204';
}

.zmdi-paste:before {
  content: '\f109';
}

.zmdi-cut:before {
  content: '\f1bc';
}

.zmdi-save:before {
  content: '\f297';
}

.zmdi-smartphone-code:before {
  content: '\f139';
}

.zmdi-directions-bike:before {
  content: '\f117';
}

.zmdi-directions-boat:before {
  content: '\f11a';
}

.zmdi-directions-bus:before {
  content: '\f121';
}

.zmdi-directions-car:before {
  content: '\f125';
}

.zmdi-directions-railway:before {
  content: '\f1b3';
}

.zmdi-directions-run:before {
  content: '\f215';
}

.zmdi-directions-subway:before {
  content: '\f1d5';
}

.zmdi-directions-walk:before {
  content: '\f216';
}

.zmdi-local-hotel:before {
  content: '\f178';
}

.zmdi-local-activity:before {
  content: '\f1df';
}

.zmdi-local-play:before {
  content: '\f1df';
}

.zmdi-local-airport:before {
  content: '\f103';
}

.zmdi-local-atm:before {
  content: '\f198';
}

.zmdi-local-bar:before {
  content: '\f137';
}

.zmdi-local-cafe:before {
  content: '\f13b';
}

.zmdi-local-car-wash:before {
  content: '\f124';
}

.zmdi-local-convenience-store:before {
  content: '\f1d3';
}

.zmdi-local-dining:before {
  content: '\f153';
}

.zmdi-local-drink:before {
  content: '\f157';
}

.zmdi-local-florist:before {
  content: '\f168';
}

.zmdi-local-gas-station:before {
  content: '\f16f';
}

.zmdi-local-grocery-store:before {
  content: '\f1cb';
}

.zmdi-local-hospital:before {
  content: '\f177';
}

.zmdi-local-laundry-service:before {
  content: '\f1e9';
}

.zmdi-local-library:before {
  content: '\f18d';
}

.zmdi-local-mall:before {
  content: '\f195';
}

.zmdi-local-movies:before {
  content: '\f19d';
}

.zmdi-local-offer:before {
  content: '\f187';
}

.zmdi-local-parking:before {
  content: '\f1a5';
}

.zmdi-local-parking:before {
  content: '\f1a5';
}

.zmdi-local-pharmacy:before {
  content: '\f176';
}

.zmdi-local-phone:before {
  content: '\f2be';
}

.zmdi-local-pizza:before {
  content: '\f1ac';
}

.zmdi-local-post-office:before {
  content: '\f15a';
}

.zmdi-local-printshop:before {
  content: '\f1b0';
}

.zmdi-local-see:before {
  content: '\f28c';
}

.zmdi-local-shipping:before {
  content: '\f1e6';
}

.zmdi-local-store:before {
  content: '\f1d4';
}

.zmdi-local-taxi:before {
  content: '\f123';
}

.zmdi-local-wc:before {
  content: '\f211';
}

.zmdi-my-location:before {
  content: '\f299';
}

.zmdi-directions:before {
  content: '\f1e7';
}

/* Generic icons 1 */
.fonticonattachment,
a.fonticonattachment,
.fonticonchevronup,
a.fonticonchevronup,
.fonticonconsole,
a.fonticonconsole,
.fonticonconsolenotext,
a.fonticonconsolenotext,
.fonticoncopy,
a.fonticoncopy,
.fonticondelete,
a.fonticondelete,
.fonticondialogs,
a.fonticondialogs,
.fonticonedit,
a.fonticonedit,
.fonticonhelp,
a.fonticonhelp,
.fonticonmore,
a.fonticonmore,
.fonticonnegative,
a.fonticonnegative,
.fonticonneutral,
a.fonticonneutral,
.fonticonnewpage,
a.fonticonnewpage,
.fonticonplus,
a.fonticonplus,
.fonticonpositive,
a.fonticonpositive,
.fonticonrefresh,
a.fonticonrefresh,
.fonticonreinstall,
a.fonticonreinstall,
.fonticonrestart,
a.fonticonrestart,
.fonticonstar,
a.fonticonstar,
.fonticonstop,
a.fonticonstop,
.fonticon-eye,
a.fonticon-eye,
.fonticon-eye-off,
a.fonticon-eye-off,
.fonticon-f275,
a.fonticon-f275,
.fonticonempty,
a.fonticonempty,
.fonticonfolder,
a.fonticonfolder,
.fonticonfile,
a.fonticonfile,
.fonticondownload,
a.fonticondownload {
  font-family: "Material-Design-Iconic-Font";
  font-size: 24px;
  color: #8692b0;
  cursor: pointer;
}

.fonticonfolder,
a.fonticonfolder {
  color: #007bfc;
}

.fonticonhelp,
a.fonticonhelp {
  color: #919499;
  font-size: 21px;
  vertical-align: middle;
}

.checkbox .fonticonhelp {
  margin-left: 8px;
}

.fonticonattachment:hover,
a.fonticonattachment:hover,
.fonticonchevronup:hover,
a.fonticonchevronup:hover,
.fonticonconsole:hover,
a.fonticonconsole:hover,
.fonticonconsolenotext:hover,
a.fonticonconsolenotext:hover,
.fonticoncopy:hover,
a.fonticoncopy:hover,
.fonticondialogs:hover,
a.fonticondialogs:hover,
.fonticonedit:hover,
a.fonticonedit:hover,
.fonticonhelp:hover,
a.fonticonhelp:hover,
.fonticonmore:hover,
a.fonticonmore:hover,
.fonticonnegative:hover,
a.fonticonnegative:hover,
.fonticonneutral:hover,
a.fonticonneutral:hover,
.fonticonnewpage:hover,
a.fonticonnewpage:hover,
.fonticonplus:hover,
a.fonticonplus:hover,
.fonticonpositive:hover,
a.fonticonpositive:hover,
.fonticonrefresh:hover,
a.fonticonrefresh:hover,
.fonticonreinstall:hover,
a.fonticonreinstall:hover,
.fonticonrestart:hover,
a.fonticonrestart:hover,
.fonticonstar:hover,
a.fonticonstar:hover,
.fonticonstop:hover,
a.fonticonstop:hover,
.fonticon-eye:hover,
a.fonticon-eye:hover,
.fonticon-eye-off:hover,
a.fonticon-eye-off:hover,
.fonticon-f275:hover,
a.fonticon-f275:hover,
.fonticonempty:hover,
a.fonticonempty:hover,
.fonticondownload:hover,
a.fonticondownload:hover {
  color: #007bfc;
}

.fonticondelete:hover,
a.fonticondelete:hover {
  color: #e31519;
}

.fonticonattachment::after {
  content: "\f10d";
}

.fonticonchevronup::after {
  content: "\f2fc";
}

.fonticonconsole:before {
  content: "\f292";
}

.fonticonconsole:after {
  content: ">_";
  position: absolute;
  top: -3px;
  left: 4px;
  font-size: 8px;
  font-weight: bold;
  font-family: courier;
}

.fonticonconsolenotext:after {
  content: "\f292";
}

.fonticoncopy::after {
  content: "\f237";
}

.fonticondelete::after {
  content: "\f154";
}

.fonticondialogs::after {
  content: "\f266";
}

.fonticonedit::after {
  content: "\f158";
}

.fonticonhelp::after {
  content: "\f1f5";
}

.fonticonmore::after {
  content: "\f19c";
}

.fonticonnegative::after {
  content: "\f213";
}

.fonticonneutral::after {
  content: "\f20e";
}

.fonticonnewpage::after {
  content: "\f223";
}

.fonticonplus::after {
  content: "\f278";
}

.fonticonpositive::after {
  content: "\f214";
}

.fonticonrefresh::after {
  content: "\f1b5";
}

.fonticonreinstall::after {
  content: "\f3d6";
}

.fonticonrestart::after {
  content: "\f1b9";
}

.fonticonstar:after {
  content: "\f27d";
}

.fonticonstop:after {
  content: "\f1af";
}

.fonticon-eye-off:after {
  content: "\f15b";
}

.fonticon-eye:after {
  content: "\f15c";
}

.fonticon-f275:after {
  content: "\f275";
}

.fonticonfolder:after {
  content: "\f224";
}
.fonticonfile:after {
  content: "\f222";
}

.fonticonempty:after {
  content: "\f39d";
}

.fonticonfolder:after {
  content: "\f224";
}

.fonticondownload:after {
  content: "\f220";
}

/* Generic icons 2 */
.fonticon_application,
.fonticon_linux,
.fonticon_support,
.fonticon_web,
.fonticon_graphite,
.fonticon_phpbb {
  font-size: 24px;
  color: #8e95a2;
}

/* .icon-server */
.fonticon_web::before {
  content: "\e918";
  font-family: "icons";
}

/* .icon-fedora */
.fonticon_graphite::before {
  content: "\e93c";
  font-family: "icons";
}

/* .icon-openbsd */
.fonticon_openbsd_beta::before {
  content: "\e941";
  font-family: "icons";
}

/* .icon-openbsd */
.fonticon_phpbb::before {
  content: "\e93b";
  font-family: "icons";
}

/* Generic icons 3 */
.fonticon.f20 {
  font-size: 20px;
}

.fonticon_chevron_left::before {
  content: "\f2fa";
  font-family: "Material-Design-Iconic-Font";
}

.fonticon_chevron_right::before {
  content: "\f2fb";
  font-family: "Material-Design-Iconic-Font";
}

.fonticon_plus::before {
  content: "\f278";
  font-family: "Material-Design-Iconic-Font";
}

/* Generic icons 4 */
.fonticon_controller,
.fonticon_workstation,
.fonticon_nodejs,
.fonticon_mysql,
.fonticon_helping_hand,
.fonticon_globe,
.fonticon_realtime_protection,
.fonticon_last_hour,
.fonticon_admin_tools,
.fonticon_multiple_devices,
.fonticon_broadcasting,
.fonticon_electronics,
.fonticon_infinity,
.fonticon_settings,
.fonticon_agreement,
.fonticon_processor,
.fonticon_download,
.fonticon_upload,
.fonticon_question,
.fonticon_document,
.fonticon_message_add,
.fonticon_desktop_linux,
.fonticon_disc,
.fonticon_mouse,
.fonticon_location,
.fonticon_password,
.fonticon_mac_converter,
.fonticon_ipv4_converter,
.fonticon_unixtime_converter,
.fonticon_ipv6_calculator,
.fonticon_ipv4_calculator,
.fonticon_circle_add,
.fonticon_graphite_2 {
  font-size: 24px;
  color: #E31519;
  font-family: "icons_2";
}

.fonticon_controller:before {
  content: "\e907";
}

.fonticon_workstation:before {
  content: "\e908";
}

.fonticon_nodejs:before {
  content: "\e90a";
}

.fonticon_mysql:before {
  content: "\e90c";
}

.fonticon_helping_hand:before {
  content: "\e919";
}

.fonticon_globe:before {
  content: "\e91a";
}

.fonticon_realtime_protection:before {
  content: "\e91b";
}

.fonticon_last_hour:before {
  content: "\e91c";
}

.fonticon_admin_tools:before {
  content: "\e91d";
}

.fonticon_multiple_devices:before {
  content: "\e91e";
}

.fonticon_broadcasting:before {
  content: "\e91f";
}

.fonticon_electronics:before {
  content: "\e920";
}

.fonticon_infinity:before {
  content: "\e921";
}

.fonticon_settings:before {
  content: "\e922";
}

.fonticon_agreement:before {
  content: "\e923";
}

.fonticon_processor:before {
  content: "\e924";
}

.fonticon_download:before {
  content: "\e925";
}

.fonticon_upload:before {
  content: "\e926";
}

.fonticon_question:before {
  content: "\e927";
}

.fonticon_document:before {
  content: "\e928";
}

.fonticon_message_add:before {
  content: "\e929";
}

.fonticon_desktop_linux:before {
  content: "\e92a";
}

.fonticon_disc:before {
  content: "\e92b";
}

.fonticon_mouse:before {
  content: "\e92c";
}

.fonticon_location:before {
  content: "\e92d";
}

.fonticon_password:before {
  content: "\e930";
}

.fonticon_mac_converter:before {
  content: "\e931";
}

.fonticon_ipv4_converter:before {
  content: "\e932";
}

.fonticon_unixtime_converter:before {
  content: "\e933";
}

.fonticon_ipv6_calculator:before {
  content: "\e934";
}

.fonticon_ipv4_calculator:before {
  content: "\e935";
}

.fonticon_circle_add:before {
  content: "\e936";
}

.fonticon_graphite_2:before {
  content: "\e93d";
}

/* Flag icons */
.flag {
  margin-right: 10px;
}

.fonticon_au,
.fonticon_de,
.fonticon_fr,
.fonticon_fi,
.fonticon_gb,
.fonticon_jp,
.fonticon_nl,
.fonticon_sg,
.fonticon_us {
  display: inline-block;
  height: 36px;
  width: 54px;
  border-radius: 2px;
  vertical-align: middle;
}


.fonticon_au {
  background-image: url(../_images/flags/flag_au.png);
}

.fonticon_de {
  background-image: url(../_images/flags/flag_de.png);
}

.fonticon_fr {
  background-image: url(../_images/flags/flag_fr.png);
}

.fonticon_gb {
  background-image: url(../_images/flags/flag_gb.png);
}

.fonticon_jp {
  background-image: url(../_images/flags/flag_jp.png);
}

.fonticon_nl {
  background-image: url(../_images/flags/flag_nl.png);
}

.fonticon_sg {
  background-image: url(../_images/flags/flag_sg.png);
}

.fonticon_us {
  background-image: url(../_images/flags/flag_us.png);
}
.fonticon_fi {
  background-image: url(../_images/flags/flag_fi.png);
  /*http://localhost:55646/_images/flags/flag_fi.png*/
}

.fonticon_cm_au,
.fonticon_cm_de,
.fonticon_cm_fr,
.fonticon_cm_fi,
.fonticon_cm_gb,
.fonticon_cm_jp,
.fonticon_cm_nl,
.fonticon_cm_ca,
.fonticon_cm_sg,
.fonticon_cm_us {
  display: inline-block;
  height: 18px;
  width: 27px;
  border-radius: 0;
  vertical-align: middle;
}

.fonticon_cm_au {
  background-image: url(../_images/flags/flagsm_au.png);
}
.fonticon_cm_ca {
  background-image: url(../_images/flags/flagsm_ca.png);
}

.fonticon_cm_de {
  background-image: url(../_images/flags/flagsm_de.png);
}
.fonticon_cm_fi {
  background-image: url(../_images/flags/flagsm_fi.png);
}
.fonticon_cm_fr {
  background-image: url(../_images/flags/flagsm_fr.png);
}

.fonticon_cm_gb {
  background-image: url(../_images/flags/flagsm_gb.png);
}

.fonticon_cm_jp {
  background-image: url(../_images/flags/flagsm_jp.png);
}

.fonticon_cm_nl {
  background-image: url(../_images/flags/flagsm_nl.png);
}

.fonticon_cm_sg {
  background-image: url(../_images/flags/flagsm_sg.png);
}

.fonticon_cm_us {
  background-image: url(../_images/flags/flagsm_us.png);
}

/* CC icons */
.ccicon {
  vertical-align: middle;
}

.ccicon.f20 {
  font-size: 20px;
}

.ccicon.f24 {
  font-size: 24px;
}

.ccicon.f30 {
  font-size: 30px;
}

.ccicon.f50 {
  font-size: 50px;
}

.ccicon_discover::before,
.ccicon_visa::before,
.ccicon_visa_debit::before,
.ccicon_visa_electron::before,
.ccicon_mastercard::before,
.ccicon_amex::before,
.ccicon_jcb::before,
.ccicon_unionpay::before,
.ccicon_stripe::before,
.ccicon_maestro::before,
.ccicon_laser::before,
.ccicon_switch::before,
.ccicon_solo::before,
.ccicon_dinnersclub::before {
  font-family: "icons_2";
}

/* Some of the new icons are slightly larger than the original payment processors. */
.ccicon_visa_debit::before,
.ccicon_visa_electron::before,
.ccicon_mastercard::before,
.ccicon_unionpay::before,
.ccicon_stripe::before,
.ccicon_maestro::before,
.ccicon_laser::before,
.ccicon_switch::before,
.ccicon_solo::before,
.ccicon_dinnersclub::before {
  font-size: 65%;
  line-height: 1;
  position: relative;
  bottom: 3.5px;
}

.ccicon_discover::before {
  content: "\e937";
}

.ccicon_visa::before {
  content: "\e938";
}

.ccicon_visa_debit::before {
  content: "\e945";
}

.ccicon_visa_electron::before {
  content: "\e946";
}

.ccicon_mastercard::before {
  content: "\e900";
}

.ccicon_amex::before {
  content: "\e939";
}

.ccicon_jcb::before {
  content: "\e93a";
}

.ccicon_unionpay::before {
  content: "\e901";
}

.ccicon_stripe::before {
  content: "\e94a";
}

.ccicon_maestro::before {
  content: "\e943";
}

.ccicon_laser::before {
  content: "\e944";
}

.ccicon_switch::before {
  content: "\e947";
}

.ccicon_solo::before {
  content: "\e948";
}

.ccicon_dinnersclub::before {
  content: "\e949";
}

.paypal_icon:after {
  font-family: "Material-Design-Iconic-Font";
  font-size: 24px;
  content: "\f357";
}

.block-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
}

.block-list > li,
.block-list > a {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding: 16px;
  width: calc(50% - 4px);
  border: 1px solid #e3e6e8;
  border-radius: 0;
  color: #4e5259;
  transition: all 0.2s ease-in;
}

.block-list > li:nth-child(odd),
.block-list > a:nth-child(odd) {
  margin-right: 4px;
}

.block-list > li:nth-child(even),
.block-list > a:nth-child(even) {
  margin-left: 4px;
}

.block-list > li > .icon,
.block-list > a > .icon {
  flex-shrink: 0;
  display: inline-block;
  height: 40px;
  width: 40px;
  margin-right: 16px;
}

.block-list > a:hover {
  border-color: #cacdcf;
  color: #1e2736;
}

.input-icon {
  position: relative;
}

.input-icon > .form-control:first-child {
  padding-right: 50px;
}

.input-icon.input-icon-x2 > .form-control:first-child {
  padding-right: 100px;
}

.input-icon > .form-control:last-child {
  padding-left: 50px;
}

.input-icon.input-icon-x2 > .form-control:last-child {
  padding-left: 100px;
}

.input-icon > .btn-icon,
.input-icon > i {
  position: absolute;
  top: 0;
}

.input-icon > i {
  top: 13px;
  height: 24px;
  width: 24px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}

.input-icon > i > img {
  float: left;
}

.input-icon-lg > i {
  top: 16px;
}

.input-icon > .btn-icon:first-child {
  left: 5px;
}

.input-icon > i:first-child {
  left: 15px;
}

.input-icon > .btn-icon:last-child {
  right: 5px;
}

.input-icon > i:last-child {
  right: 15px;
}

.input-icons-right {
  position: absolute;
  top: 0;
  right: 4px;
  display: flex;
  height: 100%;
  align-items: center;
}

.input-icon-sm .input-icons-right {
  top: 4px;
}

.input-icon-lg .input-icons-right {
  top: 10px;
}

.input-icon-xlg .input-icons-right {
  top: 12px;
}

.form-group {
  margin-bottom: 15px;
}

.form-group .row {
  margin-left: -7px;
  margin-right: -7px;
}

.form-group [class*="col-"] {
  padding-left: 7px;
  padding-right: 7px;
}

.form-control {
  display: block;
  width: 100%;
  height: 50px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cdcfd1;
  border-radius: 0;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #007bfc;
  outline: 0;
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

.form-control-hint {
  position: relative;
}

.form-control-hint .floatinglabel {
  width: 100%;
}

.form-control-hint i {
  position: absolute;
  right: 12px;
  top: -13px;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  font-size: 21px;
  line-height: 24px;
  text-align: center;
}

.form-control-hint.tooltip-is-open .tooltip {
  pointer-events: none;
}

.form-control-hint i:hover, .form-control-hint i:focus, .form-control-hint i:active {
  cursor: pointer;
  color: #1e88e5;
}

.form-control-hint .tooltip {
  width: 100%;
  left: 0 !important;
  margin-top: -9px !important;
}

.form-control-hint .tooltip-inner {
  width: 100%;
  max-width: 100%;
  text-align: left;
}

.form-control-hint .tooltip-arrow {
  left: auto !important;
  right: 18px;
}

.btn.btn-icon.btn-link {
  color: #4e5259;
}

.btn.btn-icon.btn-link:hover,
.btn.btn-icon.btn-link:active,
.btn.btn-icon.btn-link.active {
  color: #007bfc;
}

.open .btn.btn-icon.btn-link,
.open .btn.btn-icon.btn-link:active,
.confirmation-open .btn.btn-icon.btn-link,
.confirmation-open .btn.btn-icon.btn-link:active {
  background-color: #edf0f2;
}

.btn-default.btn-outline {
  color: #4e5259;
  border-color: #e3e5e8;
}

.btn-default.btn-outline:hover,
.btn-default.btn-outline:active,
.btn-default.btn-outline:focus,
.open > .btn-default.btn-outline,
.open > .dropdown-toggle.btn-default.btn-outline {
  color: #007bfc;
  border-color: #007bfc;
}

.form-select-input {
  position: relative;
  /*border: 1px solid #007bfc;*/
  border-radius: 3px;
}

.form-select-input .input-group {
  width: 100%;
}

.form-select-input .form-control {
  border-radius: 3px !important;
  border-color: #007bfc;
  padding-left: 40px;
  /*border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;*/
}

.form-select-input .owe-credit-desc {
  display: inline-block;
  width: 100%;
  background: #007bfc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #fff;
  font-size: 13px;
  padding-left: 20px;
  line-height: 24px;
  position: relative;
  top: -1px;
}

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

.form-select-input:after,
.form-select-input:before {
  /*bottom: 100%;
  right: 28px;
  border: solid transparent;*/
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

.form-select-input:after {
  /*border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  right: 30px;
  margin-bottom: -1px;*/
}

@media (max-width: 767px) {
  .form-select-input:before {
    right: 15px;
  }
  .form-select-input:after {
    /*right: 17px;
    margin-bottom: -1.3px;
    z-index: 5;*/
  }
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.form-select-input:before {
  border-color: rgba(30, 136, 229, 0);
  border-bottom-color: #007bfc;
  border-width: 12px;
  margin-left: -11px;
  margin-bottom: -2px;
}

.form-select-input .input-group-addon {
  position: absolute;
  z-index: 3;
  border: none;
  background: transparent;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #007bfc;
  font-weight: 700;
  font-size: 16px;
}

.slowFadeIn {
  animation: fadeIn 1s;
  visibility: visible;
}

input:focus,
textarea:focus,
select:focus {
  outline: 0 !important;
}

input[type=text],
input[type=number],
input[type=file],
input[type=password],
input[type=email],
select {
  border: 1px solid #DCDEE0;
  border-radius: 3px;
  vertical-align: middle;
  height: 50px;
  padding: 0px 15px;
  color: #555555;
  font-size: 15px;
  background-color: #ffffff;
  font-weight: inherit;
}

textarea {
  border: 1px solid #DCDEE0;
  border-radius: 3px;
  vertical-align: middle;
  height: 50px;
  padding: 12px 16px;
  color: #555555;
  font-size: 15px;
  background-color: #ffffff;
  font-weight: inherit;
}

input[type=file] {
  height: auto;
  padding: 15px 16px;
}

input[type=text]:focus,
input[type=number]:focus,
input[type=file]:focus,
input[type=password]:focus,
input[type=email]:focus,
select:focus {
  border-color: #007bfc;
}

input[type=text][readonly],
input[type=number][readonly],
input[type=file][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=text][readonly],
input[type=text]:disabled,
input[type=number]:disabled,
input[type=file]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=text]:disabled {
  background-color: #EEEEEE;
}

input[type=text].alternate {
  background-color: rgba(0, 0, 0, 0.2);
  border-width: 0px;
  vertical-align: middle;
  border-radius: 0;
  padding: 17px 12px 16px 12px;
  color: #ffffff;
}

input[type=submit],
input[type=button],
.button,
a.button {
  display: inline-block;
  vertical-align: middle;
  padding: 13px 24px;
  margin: 0px;
  font-family: "Roboto";
  font-size: 15px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  color: #007bfc;
  background-color: #eef4ff;
  border-radius: 3px;
  border: none;
  -webkit-appearance: none;
  transition: all ease-in .1s;
}

input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,
.button:hover,
.button:active,
.button:focus,
a.button:hover,
a.button:active,
a.button:focus {
  color: #007bfc;
  background-color:  rgba(23, 98, 227, 0.2);
  outline: none;
}

input[type=submit].disabled,
input[type=submit]:disabled input[type=submit][disabled],
input[type=button].disabled,
input[type=button]:disabled input[type=submit][disabled],
.button.disabled,
.button:disabled input[type=submit][disabled],
a.button.disabled,
a.button:disabled input[type=submit][disabled],
input[type=submit]:disabled
input[type=button][disabled],
input[type=button]:disabled
input[type=button][disabled],
.button:disabled
input[type=button][disabled],
a.button:disabled
input[type=button][disabled],
input[type=submit]:disabled
.button[disabled],
input[type=button]:disabled
.button[disabled],
.button:disabled
.button[disabled],
a.button:disabled
.button[disabled],
input[type=submit]:disabled
a.button[disabled],
input[type=button]:disabled
a.button[disabled],
.button:disabled
a.button[disabled],
a.button:disabled
a.button[disabled] {
  cursor: not-allowed;
  opacity: .5;
}

.btn {
  transition: all ease-in .1s;
  border-radius: 3px;
}

input[type=submit].btn-sm,
input[type=button].btn-sm,
.button.btn-sm,
a.button.btn-sm {
  height: 44px;
  padding: 9px 16px;
}

.button.nodisabled[disabled] {
  background-color: #1b7cd1;
  color: #ffffff;
  opacity: 1.0;
}

.btn-block {
  display: block;
  width: 100%;
}

input[type=submit].btn-light,
input[type=button].btn-light,
.btn-light,
a.btn-light {
  color: #fff;
  background-color: #3ba3ff;
}

input[type=submit].btn-light:hover, input[type=submit].btn-light:active, input[type=submit].btn-light:focus,
input[type=button].btn-light:hover,
input[type=button].btn-light:active,
input[type=button].btn-light:focus,
.btn-light:hover,
.btn-light:active,
.btn-light:focus,
a.btn-light:hover,
a.btn-light:active,
a.btn-light:focus {
  background-color: #54aaff;
}

input[type=submit].btn-danger,
input[type=button].btn-danger,
.btn-danger,
a.btn-danger {
  color: #fff;
  background-color: #C12E2A;
}

input[type=submit].btn-danger:hover, input[type=submit].btn-danger:active, input[type=submit].btn-danger:focus,
input[type=button].btn-danger:hover,
input[type=button].btn-danger:active,
input[type=button].btn-danger:focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus,
a.btn-danger:hover,
a.btn-danger:active,
a.btn-danger:focus {
  background-color: #D13632;
}

input[type=submit].btn-warning,
input[type=button].btn-warning,
.btn-warning,
a.btn-warning {
  background-color: #EB9316;
}

input[type=submit].btn-warning:hover, input[type=submit].btn-warning:active, input[type=submit].btn-warning:focus,
input[type=button].btn-warning:hover,
input[type=button].btn-warning:active,
input[type=button].btn-warning:focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
a.btn-warning:hover,
a.btn-warning:active,
a.btn-warning:focus {
  background-color: #FFA92D;
}

input[type=submit].btn-alternate,
input[type=button].btn-alternate,
.btn-alternate,
a.btn-alternate {
  background-color: #e6e7eb;
  color: #4e5259;
}

input[type=submit].btn-alternate:hover, input[type=submit].btn-alternate:focus, input[type=submit].btn-alternate:active,
input[type=button].btn-alternate:hover,
input[type=button].btn-alternate:focus,
input[type=button].btn-alternate:active,
.btn-alternate:hover,
.btn-alternate:focus,
.btn-alternate:active,
a.btn-alternate:hover,
a.btn-alternate:focus,
a.btn-alternate:active {
  background-color: #d7d8db;
}

input[type=submit].btn-default,
input[type=button].btn-default,
.btn-default,
a.btn-default {
  background-color: #dfe2e5;
  border: 1px solid #dfe2e5;
  color: #4e5259;
}

input[type=submit].btn-default:hover, input[type=submit].btn-default:focus, input[type=submit].btn-default:active,
input[type=button].btn-default:hover,
input[type=button].btn-default:focus,
input[type=button].btn-default:active,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
a.btn-default:hover,
a.btn-default:focus,
a.btn-default:active {
  background-color: #ebeff2;
  color: #4e5259;
}

input[type=submit].btn-green,
input[type=button].btn-green,
.btn-green,
a.btn-green {
  background-color: #3fbf70;
  border-color: #3fbf70;
  color: #fff !important;
}

input[type=submit].btn-green:hover, input[type=submit].btn-green:focus, input[type=submit].btn-green:active,
input[type=button].btn-green:hover,
input[type=button].btn-green:focus,
input[type=button].btn-green:active,
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
a.btn-green:hover,
a.btn-green:focus,
a.btn-green:active {
  background-color: #45d17b;
  border-color: #45d17b;
}

.panel-block .btn-default {
  background-color: transparent;
}

input[type=submit].btn_small,
input[type=button].btn_small,
.btn_small {
  padding: 9px 10px;
  font-size: 12px;
  line-height: 19px;
}

input[type=submit].btn-outline,
input[type=button].btn-outline,
.btn-outline,
a.btn-outline {
  background-color: transparent;
  border: 1px solid #e6e9eb;
  color: #4e5259;
}

input[type=submit].btn-outline:hover, input[type=submit].btn-outline:focus, input[type=submit].btn-outline:active,
input[type=button].btn-outline:hover,
input[type=button].btn-outline:focus,
input[type=button].btn-outline:active,
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
a.btn-outline:hover,
a.btn-outline:focus,
a.btn-outline:active {
  background-color: transparent;
  border-color: #007bfc;
  color: #4e5259;
}

.radiolabeldisc {
  display: none;
}

.radiolabeldisc + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-left: 31px;
  margin: 10px 0px;
}

.radiolabeldisc + label::before {
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -12px;
  font-family: "Material-Design-Iconic-Font";
  font-weight: normal;
  font-size: 24px;
  color: #cacdcf;
  content: "\f26c";
}

.radiolabeldisc:checked + label::before {
  content: "\f26f";
  color: #007bfc;
}

.radiolabelbutton {
  display: none;
}

.radiolabelbutton + label {
  font-size: 15px;
  color: #4e5259;
  font-weight: 500;
  line-height: 54px;
  height: 54px;
  margin-bottom: 5px;
  display: inline-block;
  border: 1px solid #E6E9EB;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

.radiolabelbutton + label:hover {
  border-color: #cacdcf;
}

.radiolabelbutton:checked + label {
  color: #ffffff;
  border-color: #007bfc;
  background: #007bfc;
  box-shadow: 0 3px 8px 0px rgba(10, 14, 29, 0.04), 0px 8px 24px 0px rgba(10, 14, 29, 0.08);
}

.radiolabelbutton:disabled + label {
  color: #ffffff;
  background: #c0c0c0;
  border: 1px solid #E6E9EB;
}

label.checkboxlabelbtn {
  font-size: 13px;
  color: #4e5259;
  font-weight: 300;
  line-height: 54px;
  height: 54px;
  margin-bottom: 15px;
  display: inline-block;
  border: 1px solid #DCDEE0;
  border-radius: 0;
  padding: 0px 24px;
}

label.checkboxlabelbtn > input {
  vertical-align: middle;
  position: relative;
  bottom: 3px;
  margin-right: 3px;
}

label.checkboxlabeltext {
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 300;
  color: #4e5259;
}

label.checkboxlabeltext > input {
  position: relative;
  top: 1px;
}

input.checkboxtoggleonoff {
  display: none;
}

input.checkboxtoggleonoff + label {
  position: relative;
  display: block;
  width: 46px;
  height: 22px;
  line-height: 22px;
  padding: 0px 5px;
  border-radius: 12px;
  margin: 8px 0px;
  cursor: pointer;
  font-size: 10px;
  text-align: right;
  color: #8D8D8D;
  background-color: #dadfe5;
  transition: all ease .3s;
}

input.checkboxtoggleonoff + label::before {
  content: "OFF";
}

input.checkboxtoggleonoff + label::after {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  height: 18px;
  width: 18px;
  border-radius: 9px;
  background-color: #ffffff;
  transition: all ease .3s;
}

input.checkboxtoggleonoff:checked + label {
  background-color: #16DB62;
  color: #ffffff;
  text-align: left;
}

input.checkboxtoggleonoff:checked + label::before {
  content: "ON";
}

input.checkboxtoggleonoff:checked + label:after {
  left: 26px;
}

input.checkboxcheckmark {
  display: none;
}

input.checkboxcheckmark + label {
  position: relative;
  display: flex;
  cursor: pointer;
}

input.checkboxcheckmark + label:before {
  display: block;
  content: "";
  height: 16px;
  width: 16px;
  margin-right: 16px;
  transition: all 0.1s ease-in;
  border: 2px solid #DCDEE0;
  border-radius: 3px;
  box-sizing: content-box;
}

input.checkboxcheckmark + label:after {
  position: absolute;
  left: 0;
  display: block;
  content: "\f26b";
  height: 20px;
  width: 20px;
  color: #fff;
  font-family: 'Material-Design-Iconic-Font';
  font-size: 19px;
  line-height: 20px;
  text-align: center;
  transform: scale(0.6);
  transition: all 0.2s ease-in;
  opacity: 0;
  visibility: hidden;
  box-sizing: content-box;
}

input.checkboxcheckmark + label:hover:before {
  border-color: #cacdcf;
}

input.checkboxcheckmark:checked + label:before {
  border-color: #007bfc;
  background-color: #007bfc;
}

input.checkboxcheckmark:checked + label:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

input.checkboxcheckmark:disabled + label::before {
  color: #9399a3;
}

input.checkboxcheckmark:disabled + label:hover::before {
  color: #eaedef;
  cursor: default;
}

input.checkboxcheckmark:disabled + label {
  color: #aaadaf;
}

.checkbox {
  margin-bottom: 16px;
}

input.checkboxcheckmark:disabled + label > a {
  color: #2691d9;
}

input.checkboxtoggleenabledisable {
  display: none;
}

input.checkboxtoggleenabledisable + label {
  position: relative;
  display: block;
  width: 76px;
  height: 22px;
  line-height: 22px;
  padding: 0px 5px;
  border-radius: 12px;
  margin: 8px 0px;
  cursor: pointer;
  font-size: 10px;
  text-align: right;
  color: #8D8D8D;
  background-color: #dadfe5;
  transition: all ease .3s;
}

input.checkboxtoggleenabledisable + label::before {
  content: "DISABLED";
}

input.checkboxtoggleenabledisable + label::after {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  height: 18px;
  width: 18px;
  border-radius: 9px;
  background-color: #ffffff;
  transition: all ease .3s;
}

input.checkboxtoggleenabledisable:checked + label {
  background-color: #007bfc;
  color: #ffffff;
  text-align: left;
}

input.checkboxtoggleenabledisable:checked + label::before {
  content: "ENABLED";
}

input.checkboxtoggleenabledisable:checked + label:after {
  left: 56px;
}

.floatinglabel {
  display: inline-block;
  margin-bottom: 15px;
  position: relative;
}

.floatinglabel > :nth-child(1) {
  position: absolute;
  top: 5px;
  left: 16px;
  pointer-events: none;
  font-size: 11px;
  color: #9DA2A6;
  font-weight: bold;
  line-height: 18px;
  display: none;
  z-index: 100;
}

.floatinglabel > input[type=text],
.floatinglabel > input[type=number],
.floatinglabel > input[type=password],
.floatinglabel > input[type=email],
.floatinglabel > textarea,
.floatinglabel > select {
  width: 100%;
  transition: all 0.1s ease-in-out 0s;
}

.staticlabel > input[type=text],
.staticlabel > input[type=number],
.staticlabel > input[type=password],
.staticlabel > input[type=email],
.staticlabel > input[type=button],
.staticlabel > input[type=submit],
.staticlabel > textarea,
.staticlabel > select {
  width: 100%;
}

.floatinglabelfixed {
  display: inline-block;
  margin-bottom: 15px;
  position: relative;
}

.floatinglabelfixed > :nth-child(1) {
  position: absolute;
  top: 5px;
  left: 16px;
  pointer-events: none;
  font-size: 11px;
  color: #9DA2A6;
  font-weight: bold;
  line-height: 18px;
}

.floatinglabelfixed > input,
.floatinglabelfixed > textarea {
  padding-top: 27px;
  width: 100%;
}

.nav-tabs {
  margin: 0;
  white-space: nowrap;
}

.nav-tabs li {
  display: inline-block;
}

.nav-tabs li a,
.nav-tabs li span,
.nav-tabs li span label,
.nav-tabs li button {
  display: block;
  position: relative;
  padding: 14px 2px;
  margin: 0 14px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #70757d;
  font-size: 15px;
  line-height: 20px;
  transition: color 0.2s ease-in;
  outline: none;
}

.nav-tabs li a:after,
.nav-tabs li span:after,
.nav-tabs li span label:after,
.nav-tabs li button:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  content: "";
  height: 2px;
  width: 0;
  transition: ease-in all .15s;
}

.nav-tabs li:first-child a {
  margin-left: 0;
}

.nav-tabs li.active a,
.nav-tabs li.active span,
.nav-tabs li.active span label,
.nav-tabs li.active button {
  color: #fff;
}

.nav-tabs li.active a:after,
.nav-tabs li.active span:after,
.nav-tabs li.active span label:after,
.nav-tabs li.active button:after {
  width: 100%;
  margin-left: -50%;
  background-color: #007bfc;
}

.nav-tabs li.active a:hover, .nav-tabs li.active a:active, .nav-tabs li.active a:focus,
.nav-tabs li.active span:hover,
.nav-tabs li.active span:active,
.nav-tabs li.active span:focus,
.nav-tabs li.active span label:hover,
.nav-tabs li.active span label:active,
.nav-tabs li.active span label:focus,
.nav-tabs li.active button:hover,
.nav-tabs li.active button:active,
.nav-tabs li.active button:focus {
  color: #fff;
  cursor: default;
}

.nav-tabs input.tabmenu_radio + label {
  margin: -14px -2px;
  page-break-after: 0;
}

input.tabmenu_radio {
  display: none;
}

input.tabmenu_radio:checked + label {
  color: #1e2736;
}

input.tabmenu_radio:checked + label:after {
  width: 100%;
  margin-left: -50%;
}

input.tabmenu_radio:disabled + label {
  display: none;
}

input.tabmenu_radio + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #70757d;
  font-size: 15px;
  line-height: 20px;
  padding: 6px 0;
}

input.tabmenu_radio + label:hover {
  color: #1e2736;
}

input.tabmenu_radio + label:after {
  display: block;
  position: absolute;
  z-index: 10;
  content: "";
  left: 50%;
  bottom: 0;
  height: 2px;
  width: 0px;
  background-color: #007bfc;
  transition: all 0.2s ease-in;
}

#header3_0 .nav-tabs li a,
#header3_0 .nav-tabs li span,
#header3_0 .nav-tabs li span label,
#header3_0 .nav-tabs li button,
.block1290deploy .nav-tabs li a,
.block1290deploy .nav-tabs li span,
.block1290deploy .nav-tabs li span label,
.block1290deploy .nav-tabs li button {
  color: #666B80;
  font-size: 15px;
}

#header3_0 .nav-tabs li a:hover,
#header3_0 .nav-tabs li span:hover,
#header3_0 .nav-tabs li span label:hover,
#header3_0 .nav-tabs li button:hover,
.block1290deploy .nav-tabs li a:hover,
.block1290deploy .nav-tabs li span:hover,
.block1290deploy .nav-tabs li span label:hover,
.block1290deploy .nav-tabs li button:hover {
  color: #142149;
}

#header3_0 .nav-tabs li.active a,
#header3_0 .nav-tabs li.active span,
#header3_0 .nav-tabs li.active span label,
#header3_0 .nav-tabs li.active button,
.block1290deploy .nav-tabs li.active a,
.block1290deploy .nav-tabs li.active span,
.block1290deploy .nav-tabs li.active span label,
.block1290deploy .nav-tabs li.active button {
  color: #142149;
}

#header3_0 .nav-tabs li.active a:hover, #header3_0 .nav-tabs li.active a:active, #header3_0 .nav-tabs li.active a:focus,
#header3_0 .nav-tabs li.active span:hover,
#header3_0 .nav-tabs li.active span:active,
#header3_0 .nav-tabs li.active span:focus,
#header3_0 .nav-tabs li.active span label:hover,
#header3_0 .nav-tabs li.active span label:active,
#header3_0 .nav-tabs li.active span label:focus,
#header3_0 .nav-tabs li.active button:hover,
#header3_0 .nav-tabs li.active button:active,
#header3_0 .nav-tabs li.active button:focus,
.block1290deploy .nav-tabs li.active a:hover,
.block1290deploy .nav-tabs li.active a:active,
.block1290deploy .nav-tabs li.active a:focus,
.block1290deploy .nav-tabs li.active span:hover,
.block1290deploy .nav-tabs li.active span:active,
.block1290deploy .nav-tabs li.active span:focus,
.block1290deploy .nav-tabs li.active span label:hover,
.block1290deploy .nav-tabs li.active span label:active,
.block1290deploy .nav-tabs li.active span label:focus,
.block1290deploy .nav-tabs li.active button:hover,
.block1290deploy .nav-tabs li.active button:active,
.block1290deploy .nav-tabs li.active button:focus {
  color: #142149;
  cursor: default;
}

#header3_0 input.tabmenu_radio label,
.block1290deploy input.tabmenu_radio label {
  color: #666B80;
  font-size: 17px;
}

#header3_0 input.tabmenu_radio label:hover,
.block1290deploy input.tabmenu_radio label:hover {
  color: #fff;
}

#header3_0 input.tabmenu_radio:checked + label,
.block1290deploy input.tabmenu_radio:checked + label {
  color: #fff;
}

#header3_0 .banner-label-orange,
.block1290deploy .banner-label-orange {
  display: none !important;
}

.nav-tabs > li.active_orange > a::after {
  background-color: #fca426;
}

.nav-tabs > li.active_green > a::after {
  background-color: #5FB35C;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

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

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  #header3_0 .nav-tabs li a,
  #header3_0 .nav-tabs li span,
  #header3_0 .nav-tabs li span label,
  #header3_0 .nav-tabs li button,
  .block1290deploy .nav-tabs li a,
  .block1290deploy .nav-tabs li span,
  .block1290deploy .nav-tabs li span label,
  .block1290deploy .nav-tabs li button {
    margin: 0 8px;
    color: #666B80;
    font-size: 15px;
  }
}

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #edeff2;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #edeff2;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tabs-responsive {
  position: relative;
  height: 48px;
  overflow: hidden;
}

.tabs-responsive > .tabs-container {
  position: absolute;
  top: 0;
}

.tabs-responsive > .tabs-container > .btn {
  position: absolute;
  top: -6px;
}

.tabs-responsive > .tabs-container > .btn-next {
  right: 55px;
  width: 30px;
  padding: 12px 0px;
  text-align: right;
}

.tabs-responsive > .tabs-container > .btn-prev {
  left: 0px;
  width: 30px;
  padding: 12px 0px;
  text-align: left;
}

.tabs-responsive > .tabs-container > .disk_type_prev,
.tabs-responsive > .tabs-container > .disk_type_next {
  padding: 19px 0px !important;
}

.tabs-responsive > .tabs-container > .nav-tabs {
  height: 76px;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  transition: all ease-in .15s;
}

.tabs-responsive > .tabs-container > ul > li {
  float: none;
  display: inline-block;
  width: auto;
}

@media (min-width: 1320px) {
  .tabs-responsive > .tabs-container > .btn {
    display: none;
  }
}

@media (max-width: 1320px) {
  .tabs-responsive > .tabs-container {
    padding-left: 12px;
    padding-right: 68px;
  }
  .tabs-responsive > .tabs-container > .btn-next > .fonticon {
    padding-right: 1px;
  }
}

.btn-nonmain-prev, .btn-nonmain-next {
	display: none;
}
@media (max-width: 843px)
{
	.btn-nonmain-prev, .btn-nonmain-next {
		display: inline-block;
	}
}

@media (max-width: 767px) {
  .tabs-responsive > .tabs-container {
    padding-left: 0;
    padding-right: 0;
  }
  .tabs-responsive > .tabs-container:before {
    left: 0;
    background: linear-gradient(90deg, #232e3f 30%, rgba(255, 255, 255, 0) 100%);
  }
  .tabs-responsive > .tabs-container:after {
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #232e3f 70%);
  }
  .tabs-responsive {
    margin-left: -15px;
  }
  .tabs-responsive > .tabs-container > .btn {
    text-align: center;
    display: none;
  }
}

.tail {
  border: 1px solid #F4F5F7;
  padding: 24px;
}

/* Deploy */
.deploy_body {
  width: 100%;
}

.deploy_sidebar .summary-vat {
  display: block;
  margin-top: 16px;
  font-size: 13px;
  line-height: 18px;
}

.deploy_sidebar .summary-vat a {
  display: block;
  margin-top: 8px;
}

.deploy_sidebar .plesk_disclaimer > div > span:first-child,
.deploy_sidebar .summary-vat > div > span:first-child,
.deploy_sidebar .summary-vat a > span:first-child {
  font-family: Material-Design-Iconic-Font;
  font-size: 17px;
  padding-right: 6px;
  color: #007bfc;
  position: relative;
  top: 1px;
}

.deploy_options {
  margin-right: -16px;
}

.deploy_options.deploy_options-eq-height {
  display: flex;
  flex-wrap: wrap;
}

.deploy_options.deploy_options-eq-height label .deploy_checkbox_icon {
  bottom: 24px;
  margin: auto;
}

@media (min-width: 768px) {
  .deploy_main {
    display: flex;
    margin-bottom: 150px;
  }
}

/* Deploy Block */
.deploy_block {
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 32px;
}

.deploy_block h3 {
  margin-bottom: 18px;
}

.deploy_block h3 + .tabs-responsive {
  margin-top: -12px;
}

.deploy_block .tabs-responsive {
  position: relative;
  height: 40px;
  margin: 0 0 32px 0;
}

.deploy_block .tabs-responsive .nav-tabs li span {
  padding-top: 10px;
  padding-bottom: 10px;
}

.deploy_block .tabs-responsive .nav-tabs input.tabmenu_radio + label {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -10px;
  margin-bottom: -10px;
}

.deploy_block .select2 {
  margin-bottom: 16px;
}

.deploy_block:after {
  display: block;
  content: "";
  clear: both;
}

.deploy_block_step {
  position: absolute;
  top: 14px;
  left: -32px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 0;
  background: #007bfc;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
  color: #fff;
  font-size: 17px;
  font-weight: 500;
}

.deploy_checkbox {
  display: none;
}

.deploy_checkbox + label {
  position: relative;
  z-index: 2;
  vertical-align: top;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 98px;
  padding: 24px 8px 24px 93px !important;
  margin: 0px 16px 16px 0px;
  border: 1px solid #e6e9eb;
  border-radius: 0;
  background-color: #fff;
  cursor: pointer;
  box-shadow: none;
  white-space: nowrap;
  transition: border-color 0.2s ease-in;
}

.deploy_checkbox + label .deploy_checkbox_line1,
.deploy_checkbox + label .deploy_checkbox_line2 {
  margin-left: 0 !important;
}

.deploy_checkbox:disabled + label {
  display: none;
}

.deploy_checkbox:not(.deploylocationsoldout) + label:hover {
  border: 1px solid #cacdcf;
}

.deploy_linkbox,
.deployplan + label,
.deploy_checkbox + label {
  width: calc(25% - 19px);
}

.deployplan:not(.deploylocationsoldout):checked + label,
.deploy_checkbox:not(.deploylocationsoldout):checked + label {
  border-color: transparent;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

.deployplan:not(.deploylocationsoldout):checked + label:hover,
.deploy_checkbox:not(.deploylocationsoldout):checked + label:hover {
  border: 1px solid transparent;
}

.deployplan:not(.deploylocationsoldout):checked + label .deploy_checkbox_checkmark,
.deploy_checkbox:not(.deploylocationsoldout):checked + label .deploy_checkbox_checkmark {
  opacity: 1;
}

@media all and (min-width: 1100px) and (max-width: 1393px) {
  input.deploy_checkbox + label,
  input.deployplan + label,
  .deploy_linkbox {
    width: calc(25% - 19px);
  }
}

@media all and (min-width: 925px) and (max-width: 1099px) {
  input.deploy_checkbox + label,
  input.deployplan + label,
  .deploy_linkbox {
    width: calc(33.333% - 19px);
  }
}

@media (max-width: 924px) {
  input.deploy_checkbox + label,
  input.deployplan + label,
  .deploy_linkbox {
    width: calc(50% - 19px);
  }
}

@media (max-width: 767px) {
  .deploy_block {
    margin-bottom: 16px;
  }
  .deploy_block .tabs-container .btn-prev {
    top: 2px;
    left: -10px;
  }
  .deploy_block .tabs-container .btn-next {
    top: 2px;
    right: -10px;
  }
}

@media (max-width: 479px) {
  input.deploy_checkbox + label,
  input.deployplan + label,
  .deploy_linkbox {
    /*width: calc(100% - 19px);*/
        /*width: calc(50% - 8px)!important;*/
        padding:10px;
  margin: 0px 10px 10px 7px;
  }
}

.deploy_checkbox_checkmark {
  display: block;
  position: absolute;
  top: -1px !important;
  right: -1px;
  width: 34px;
  height: 34px;
  background: url(../_images/icons/deploy_checkmark.svg) no-repeat;
  background-size: cover;
  opacity: 0;
  transition: all 0.2s ease-in;
}

.deploy_checkbox_checkmark:before {
  position: absolute;
  top: -2px;
  right: 0;
  height: 20px;
  width: 20px;
  font-size: 19px;
  line-break: 20px;
  text-align: center;
  color: #ffffff;
  content: "\f26b";
  font-family: "Material-Design-Iconic-Font";
}

.deploy_block_step {
  display: none;
}

.deploy_checkbox_icon {
  position: absolute;
  top: 22px;
  left: 24px;
}
.deploy_checkbox_icon_soldout {
  top: 26px;
}

.deploy_checkbox_icon.fonticon_au, .deploy_checkbox_icon.fonticon_de, .deploy_checkbox_icon.fonticon_fr, .deploy_checkbox_icon.fonticon_gb, .deploy_checkbox_icon.fonticon_jp, .deploy_checkbox_icon.fonticon_nl, .deploy_checkbox_icon.fonticon_sg, .deploy_checkbox_icon.fonticon_us, .deploy_checkbox_icon.fonticon_fi {
  margin-top: 6px !important;
  width: 54px !important;
}

.deploy_checkbox_line1 {
  display: block;
  width: 100%;
  margin: 0;
  word-wrap: break-word;
  white-space: normal;
  line-height: 20px;
  color: #1e2736;
  font-weight: 500;
  font-size: 17px;
  max-height: 72px;
}

.deploy_checkbox_line1_soldout {
  padding-top: 5px;
}

.deploy_checkbox_line2 {
  display: block;
  width: 100%;
  padding-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #8a9099;
  font-size: 13px;
  font-weight: 300;
  line-height: 24px;
  white-space: nowrap;
}

.deploy_checkbox_line2 br {
  display: none;
}

.deploy_checkbox_line2-full-desc {
  white-space: normal;
  line-height: 18px;
  margin-top: 4px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .deploy_checkbox_line1 {
    width: 100%;
  }
  .deploy_checkbox_line2 {
    width: 100%;
  }
}

.deploy_linkbox {
  position: relative;
  vertical-align: top;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 98px;
  padding: 0px 0px 0px 100px;
  margin: 0px 16px 16px 0px;
  border: 1px dashed #DCDEE0;
  border-radius: 0;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.2s ease-in;
}

.deploy_linkbox .deploy_checkbox_icon {
  color: #9da2a6;
}

.deploy_linkbox_line1 {
  display: block;
  width: 166px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 23px;
  color: #9da2a6;
  font-weight: bold;
}

.deploy_linkbox:hover {
  border-color: #007bfc;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .deploy_linkbox_line1 {
    width: 100%;
  }
}

.deploy_osversionselector {
  display: block;
  padding: 4px 0px;
}

.deploy_osversionselector:last-child {
  padding-bottom: 0;
}

.deploy_osversionselector:hover {
  color: #007bfc;
}

.deploy_osversioncontainer {
  display: none;
  padding: 16px 0 0 0;
  margin: 0 0 0 -80px;
  width: calc(100% + 80px);
}

.deploy_osversioncontainer .beta_tag {
  margin-left: 4px;
}

.deploy_osversioncontainer > span {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.deploy_osversioncontainer > span > *:first-child {
  margin-left: 0 !important;
}

.deploy_osversioncontainer > span [style="display: inline-block; width: 40%; padding-left: 3%;"] {
  padding-left: 0 !important;
}

#dc_backordered {
  padding: 16px;
  margin-bottom: 16px;
  border: 1px solid #e31519;
  border-radius: 0;
}

.deploy_osversioncontainer_select {
  box-shadow: 0 2px 24px rgba(11, 15, 20, 0.08);
  border: 1px solid #cacdcf !important;
  margin-bottom: -200px !important;
  z-index: 100 !important;
}

@media (max-width: 768px) {
  .deploy_osversioncontainer_select {
    margin-bottom: -60px !important;
  }
}

div.deploylocationsoldoutmsg {
  display: none;
}

input.deploylocationsoldout + label {
  overflow: hidden;
  background-color: #f5f6fa;
}

input.deploylocationsoldout + label .deploy_checkbox_line1,
input.deploylocationsoldout + label .deploy_checkbox_line2,
input.deploylocationsoldout + label .deploy_checkbox_icon {
  transition: all ease-in-out 0.3s;
}

input.deploylocationsoldout + label .deploy_checkbox_icon {
  box-shadow: 0 0 0 1px #e6e7eb;
}

input.deploylocationsoldout + label .label {
  position: absolute;
  top: 0;
  right: 37%;
  font-size: 14px;
}

input.deploylocationsoldout + label div.deploylocationsoldoutmsg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
  background: #f5f6fa;
  display: flex;
  align-items: center;
  font-weight: 400;
  flex-direction: column;
  color: #70757d;
  justify-content: center;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  transform: translateY(8px);
}

input.deploylocationsoldout + label div.deploylocationsoldoutmsg > span {
  display: block;
  color: #007bfc;
  font-weight: 800;
}

input.deploylocationsoldout + label:hover div.deploylocationsoldoutmsg {
  opacity: 1;
  transform: translateY(0px);
}

input.deploylocationsoldout + label:hover .deploy_checkbox_line1,
input.deploylocationsoldout + label:hover .deploy_checkbox_line2,
input.deploylocationsoldout + label:hover .deploy_checkbox_icon {
  opacity: 0;
  transform: translateY(-8px);
}

.deployplan {
  display: none;
}

.deployplan :checked + label {
  border-color: #007bfc;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

.deployplan + label {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: calc(25% - 19px);
  padding: 24px;
  margin: 0px 16px 16px 0px;
  border: 1px solid #e3e6e8;
  border-radius: 0;
  color: #4e5259;
  cursor: pointer;
  text-align: center;
}

.deployplan + label > :nth-child(1) {
  font-size: 17px;
  font-weight: bold;
  padding: 0 0 10px;
}

.deployplan + label > :nth-child(2) {
  color: #007bfc;
  font-size: 21px;
}

.deployplan + label > :nth-child(2) > span {
  font-size: 32px;
  font-weight: 500;
}

.deployplan + label > :nth-child(3) {
  display: block;
  margin-top: 4px;
  color: #8a9099;
  font-size: 13px;
}

.deployplan + label > :nth-child(4) {
  display: block;
  width: 32px;
  height: 2px;
  margin: 20px auto;
  background: #007bfc;
}

.deployplan + label > :nth-child(5) {
  font-size: 15px;
  padding-bottom: 4px;
}

.deployplan + label > :nth-child(6),
.deployplan + label > :nth-child(7),
.deployplan + label > :nth-child(8) {
  font-size: 14px;
  padding-bottom: 1px;
}

input.deployplan_bm + label > :nth-child(10) {
  font-size: 14px;
  padding-bottom: 1px;
  opacity: .7;
}

input.deployplan:disabled + label {
  display: none;
}

input.deployplan.discount + label > *:nth-child(2) {
  color: #007bfc;
}

.deployplansoldouttag {
  display: none;
}

input.deployplansoldout + label {
  background-color: #f8f8f8;
  opacity: .75;
}

input.deployplansoldout + label .deployplansoldouttag {
  display: block;
  position: absolute;
  left: 0px;
  top: -9px;
  width: 100%;
  z-index: 1;
  text-align: center;
  padding: 0px;
  font-size: 0px;
}

input.deployplansoldout + label .deployplansoldouttag > span {
  display: inline-block;
  background-color: #8f8f8f;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  height: 17px;
  line-height: 17px;
  padding: 0px 20px;
}

input.deployplan + label .discount_tag {
  position: absolute;
  display: block;
  left: 0px;
  top: -9px;
  width: 100%;
  z-index: 1;
  text-align: center;
  padding: 0px;
  font-size: 0px;
}

input.deployplan + label .discount_tag > span {
  display: inline-block;
  background-color: #fca426;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  height: 17px;
  line-height: 17px;
  padding: 0px 20px;
}

/**
input.deployplan + label .surcharge_line {
  color: #8a9099;
  padding: 20px 0 0 0;
}
*/

input.deployplan + label .v6_tag {
  position: absolute;
  display: block;
  left: 0px;
  top: -9px;
  width: 100%;
  z-index: 1;
  text-align: center;
  padding: 0px;
  font-size: 0px;
}

input.deployplan + label .v6_tag > span {
  display: inline-block;
  background-color: #ddecfc;
  color: #007bfc;
  font-size: 11px;
  font-weight: 600;
  height: 17px;
  line-height: 17px;
  padding: 0px 20px;
  border-radius: 0;
}

input.deployplan + label .v6_tag > span:before {
  top: 17px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

input.deployplan + label .v6_tag > span:before {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ddecfc;
  border-width: 4px;
  margin-left: -4px;
}

label.deployplan_perf {
  background-image: url(../_images/order/sataperf.png);
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .app-header a.deploy_floating {
    display: none;
  }
}

@media all and (min-width: 0px) and (max-width: 767px) {
  a.deploy_floating {
    top: initial;
    position: fixed;
    bottom: 25px !important;
  }
  .block1290deploy {
    padding-right: 0px;
    margin: -8px 0 36px 0;
  }
  #header4_0 {
    top: -20px;
  }
}

a.deploy_floating {
  display: block;
  position: absolute;
  height: 51px;
  width: 51px;
  border-radius: 100%;
  line-height: 51px;
  text-align: center;
  font-size: 27px;
  background-color: #007bfc;
  color: #ffffff;
  box-shadow: 0 3px 15px -2px rgba(37, 45, 51, 0.4);
  transition: all ease-in .15s;
  top: 20px;
  right: 30px;
  z-index: 101;
}

a.deploy_floating:hover {
  background: #142467;
}

.select2-container--default .select2-selection--single {
  border-color: #DCDEE0;
  height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
}

#server_filters + hr {
  display: none;
}

.deploy-nav li > span:first-child {
  margin-left: 0;
}

@media (max-width: 768px) {
  #header3_0 {
    padding: 0;
  }
  #header3_0 .tabs-responsive {
    margin-left: 0;
  }
  #header3_0 .tabs-responsive > .tabs-container > .btn {
    top: -6px;
  }
  #header3_0 .deploy-nav li > span {
    margin: 0;
    padding: 0;
  }
}

.deploy__box {
  position: relative;
  padding: 0 24px 24px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  min-height: 200px;
  box-shadow: none;
  border: 1px solid #E6E7EB;
  cursor: pointer;
}

.deploy__box .svg-illustration-top,
.deploy__box .svg-illustration-bottom,
.deploy__box .svg-illustration-shadow,
.deploy__box .svg-illustration-light {
  transition: transform .3s ease, opacity .3s;
}

.deploy__box:hover .svg-illustration-top, .deploy__box:focus .svg-illustration-top, .deploy__box:active .svg-illustration-top {
  transform: translateY(-16px) !important;
}

.deploy__box:hover .svg-illustration-bottom,
.deploy__box:hover .svg-illustration-light, .deploy__box:focus .svg-illustration-bottom,
.deploy__box:focus .svg-illustration-light, .deploy__box:active .svg-illustration-bottom,
.deploy__box:active .svg-illustration-light {
  transform: translateY(-8px) !important;
}

.deploy__box:hover .svg-illustration-shadow, .deploy__box:focus .svg-illustration-shadow, .deploy__box:active .svg-illustration-shadow {
  opacity: 0.6 !important;
}

.deploy__box:hover .svg-product__shadow, .deploy__box:focus .svg-product__shadow, .deploy__box:active .svg-product__shadow {
  opacity: 0.06 !important;
}

.deploy__box .label-new {
  position: absolute;
  top: -10px;
  left: 50%;
  display: block;
  margin-left: -80px;
  text-transform: uppercase;
}

.deploy__box .label-new:after {
  position: absolute;
  right: 0;
  bottom: -6px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #e5edfc;
}

.deploy__box .svg-product {
  max-width: 156px;
  margin: 0 auto;
}

.deploy__box-title {
  color: #142149;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}

.deploy__chose-header {
  margin-top: 18px;
}

@media all and (min-width: 0px) and (max-width: 991px) {
  .deploy__box {
    margin-bottom: 16px;
  }
}

input.tabmenu_radio:checked + .deploy__box {
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
  border-color: transparent;
}

input.tabmenu_radio:checked + .deploy__box .deploy_checkbox_checkmark {
  opacity: 1;
  position: absolute;
  top: -1px !important;
  right: -1px;
}

/* Order Summary */
#deploy-summary-info > div {
  display: flex;
  height: 36px;
  border: 1px solid #DCDEE0;
  border-radius: 3px;
}

#deploy-summary-info .instanceCountButton {
  display: block;
  width: 34px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-align: center;
  font-size: 16px;
  color: #9da2a6;
  font-family: Material-Design-Iconic-Font;
  outline: none;
}

#deploy-summary-info .instanceCountButton:hover {
  color: #007bfc;
}

#deploy-summary-info #instanceCount {
  flex: 1;
  font-size: 18px;
  text-align: center;
  line-height: 34px;
}

#deploy-summary-price > span,
#deploy-summary-info > span {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 18px;
  color: #8a9099;
}

#order_total {
  display: inline-block;
  color: #007bfc;
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
}

#deploy-summary-price-label {
  color: #007bfc;
  font-size: 21px;
}

#order_total_spacer {
  display: inline-block;
  color: #8a9099;
  font-size: 13px;
}

#deploy_ordersummary {
  position: fixed;
  bottom: 0px;
  left: 132px;
  right: 0px;
  background-color: #ffffff;
  color: #000000;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
  z-index: 1000;
}

#confirmordersubmit,
#deploy_ordersummary .confirmordersubmit.button {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 24%;
  min-width: 160px;
  background-color: #007bfc;
  color: #fff !important;
  font-size: 17px;
  font-weight: 500;
  transition: all ease-in .15s;
}

#confirmordersubmit:hover, #confirmordersubmit:focus, #confirmordersubmit:active,
#deploy_ordersummary .confirmordersubmit.button:hover,
#deploy_ordersummary .confirmordersubmit.button:focus,
#deploy_ordersummary .confirmordersubmit.button:active {
  background: #142467;
}

#deploy-summary-price {
  flex-grow: 2;
}

#deploy-summary-info {
  padding-right: 40px;
}

.additional-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
  margin: 0px auto;
  max-width: 1290px;
  padding: 6px 30px;
  color: #616366;
  text-align: left;
}

.additional-info:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  height: 1px;
  background: #e6e9eb;
}

.additional-info > span {
  margin-right: 10px;
}

.additional-info > span > span {
  font-family: Material-Design-Iconic-Font;
  font-size: 17px;
  padding-right: 4px;
  color: #007bfc;
}

.additional-info > a {
  color: #007bfc;
}

.additional-info > a > span {
  font-family: Material-Design-Iconic-Font;
  font-size: 15px;
  padding-right: 4px;
  color: #007bfc;
}

@media (max-width: 1199px) {
  #deploy_ordersummary > div {
    padding: 8px 24px;
  }
  #deploy_ordersummary > div > * {
    display: inline-block;
    vertical-align: top;
    margin-right: 24px;
  }
  #deploy_ordersummary input[type=submit] {
    float: right;
    margin: 8px 0 0 0;
  }
  #deploy-summary-info,
  #order_total_spacer {
    margin: 0;
  }
  #order_total {
    font-size: 28px;
  }
  #order_total_spacer {
    display: inline-block;
  }
  #deploy-summary-price > *:nth-child(2) {
    line-height: 40px;
  }
  #deploy-summary-info #instanceCount {
    line-height: 38px;
  }
  #deploy-summary-price > span,
  #deploy-summary-info > span {
    -webkit-margin-after: 2px;
            margin-block-end: 2px;
    font-size: 13px;
  }
  #deploy-summary-info > div {
    height: 40px;
  }
  .deploy-summary-notes {
    padding: 8px 24px;
  }
}

@media (max-width: 767px) {
  .deploy_sidebar {
    left: 0;
  }
  #deploy-summary-price > span:first-child {
    margin-bottom: 0;
    line-height: 14px;
  }
  #deploy-summary-info > span {
    line-height: 14px;
    margin-bottom: 8px;
  }
  #order_total_spacer {
    margin-top: -8px;
    line-height: 14px;
    display: block;
  }
}

@media (max-width: 479px) {
  #deploy_ordersummary input[type=submit] {
    float: none;
    width: 100%;
  }
  #deploy_ordersummary > div > * {
    margin-right: 16px;
  }
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #deploy_ordersummary {
    left: 0px;
    box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
    position: relative;
    padding: 20px 0 0px;
    border-top: 1px solid #edf0f2;
    text-align: center;
  }
  #deploy_ordersummary .empty-block {
    display: none;
  }
  #deploy_ordersummary > div {
    padding-left: 15px;
    padding-right: 15px;
  }
  #deploy_ordersummary .sidebar-info {
    padding: 0 0 20px 0;
  }
  #confirmordersubmit {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    border-radius: 0;
    z-index: 1001;
  }
  #deploy-summary-info,
  #deploy-summary-price {
    width: 50%;
    margin: 0 !important;
    padding: 0 16px;
  }
  #deploy-summary-price {
    flex-grow: 1;
  }
  .deploy_body .hr50 {
    display: none;
  }
  button.instanceCountButton {
    width: 20% !important;
  }
  #instanceCount {
    width: 60% !important;
  }
  #deploy_ordersummary {
    margin-bottom: 0;
  }
  a.deploy_floating {
    top: auto;
    right: 30px;
    z-index: 101;
    position: fixed;
    bottom: 0;
  }
}

.sidebar-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 16px 30px;
  margin: 0 auto;
  max-width: 1290px;
}

.plesk-message {
  font-size: 12px;
  margin: 0px auto;
  max-width: 1290px;
  padding: 6px 30px 6px 30px;
}

.plesk-message div {
  display: inline-block;
  color: #616366;
  white-space: nowrap;
  margin-right: 20px;
  vertical-align: middle;
}

.plesk-message div > span:first-child {
  font-family: Material-Design-Iconic-Font;
  font-size: 17px;
  padding-right: 6px;
  color: #007bfc;
  position: relative;
  top: 1px;
}

.empty-block {
  background-color: #e6e9eb;
  width: 100%;
  height: 1px;
}

.deploy_sidebar {
  z-index: 900;
}

#deploy_block_multidisk + .deploy_block {
  margin-bottom: 52px;
}

.quick-add-actions {
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 999
}

.quick-add-actions .dropdown__menu-item {
  padding: 6px 24px !important
}

.quick-add-actions .dropdown__menu>.dropdown__menu-item:first-child {
  color: #007bfc
}

.quick-add-actions .dropdown__menu>.dropdown__menu-item:first-child .st0 {
  fill: #007bfc
}

.quick-add-btn {
  display: block;
  height: 52px;
  width: 52px;
  border-radius: 100%;
  background-color: #007BFC;
  color: #fff;
  line-height: 52px;
  text-align: center;
  font-size: 24px;
  box-shadow: 0 3px 15px -2px rgba(37, 45, 51, .4);
  transition: all .15s ease-in
}

.quick-add-btn:hover {
  color: #007BF;
 background-color: rgba(23, 98, 227, 0.2);

}

.svg-icon-20 {
  width: 20px;
  height: 20px
}

.svg-icon .st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #8692b0
}

@media (max-width:767px) {
  .quick-add-actions {
    position: fixed;
    top: 47px;
    bottom: 24px;
    right: 18px
  }

  .quick-add-actions .dropdown__menu {
    top: auto;
    bottom: 72px;
    max-height: calc(100vh - 80px)
  }

  .quick-add-actions .dropdown__menu-scroll {
    height: calc(100vh - 140px);
    max-height: 240px
  }

  .quick-add-actions :after,
  .quick-add-actions :before {
    transform: rotate(180deg);
    bottom: -16px;
    top: auto
  }

  .quick-add-actions :after {
    bottom: -15px
  }
}

#tabc_tickets > .button + hr {
  display: none;
}

#tabc_knowledgebase .col-lg-6 {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  border-radius: 0;
  border: 1px solid #E6E7EB;
  text-align: left;
  padding: 24px;
}

#tabc_knowledgebase .col-lg-6 > .hr30 {
  display: none;
}

#tabc_knowledgebase .container-fluid {
  padding: 0 15px;
}

#tabc_knowledgebase h3 {
  font-size: 19px;
  line-height: 32px;
  margin: 0px 0px 24px 0px;
}

#tabc_knowledgebase .accordion {
  flex: 1;
  padding-bottom: 10px;
  padding-top: 5px;
}

@media (min-width: 992px) {
  #tabc_knowledgebase .col-lg-6 {
    max-width: calc(50% - 30px);
    margin: 0 15px;
  }
}

/* Icon List */
#tabc_knowledgebase .iconlist {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  align-content: baseline;
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
}

#tabc_knowledgebase .iconlist > li {
  position: relative;
  width: calc(50% - 4px);
  padding: 0;
  margin-bottom: 8px;
}

#tabc_knowledgebase .iconlist > li .icon {
  position: absolute;
  top: 50%;
  left: 16px;
  width: 32px;
  height: 32px;
  margin-top: -16px;
}

#tabc_knowledgebase .iconlist > li .icon > .fonticon {
  display: block;
  height: 32px;
  width: 32px;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
}

#tabc_knowledgebase .iconlist > li:nth-child(odd) {
  margin-right: 4px;
}

#tabc_knowledgebase .iconlist > li:nth-child(even) {
  margin-left: 4px;
}

#tabc_knowledgebase .iconlist > li > a {
  display: flex;
  align-items: center;
  min-height: 72px;
  padding: 16px 16px 16px 64px;
  border: 1px solid #e3e6e8;
  border-radius: 0;
  color: #4e5259;
  transition: all 0.2s ease-in;
  white-space: pre-wrap;
}

#tabc_knowledgebase .iconlist > li > a:hover {
  border-color: #007bfc;
  color: #1e2736;
}

/* Support Blocks */
#tabc_knowledgebase .support_iconlinks {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

#tabc_knowledgebase .support_iconlinks + hr {
  display: none;
}

#tabc_knowledgebase .support_iconlink {
  position: relative;
  display: block;
  width: 33.3333%;
  padding: 40px 32px;
  background: #fff;
  border-radius: 0;
  text-align: center;
  transition: all 0.2s ease-in;
  border: 1px solid #E6E7EB;
  min-height: 1px;
}

#tabc_knowledgebase .support_iconlink:before {
  background-image: url(../_images/icons/64/faq.svg);
  content: "";
  display: block;
  height: 64px;
  width: 64px;
  background-repeat: no-repeat;
  margin: 0 auto;
  transition: all 0.2s ease-in;
}

#tabc_knowledgebase .support_iconlink:hover {
  border-color: transparent;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

#tabc_knowledgebase .support_iconlink:nth-child(2) {
  margin: 0 30px;
}

#tabc_knowledgebase .support_iconlink:nth-child(2):before {
  background-image: url(../_images/icons/64/docs.svg);
}

#tabc_knowledgebase .support_iconlink:nth-child(3):before {
  background-image: url(../_images/icons/64/api.svg);
}

#tabc_knowledgebase .support_iconlink > div:first-of-type {
  font-size: 17px;
  color: #1e2736;
  font-weight: 500;
  margin-top: 16px;
  transition: all 0.2s ease-in;
}

#tabc_knowledgebase .support_iconlink > div:last-of-type {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.2s ease-in, opacity ease-in 0.35s;
  color: #8a9099;
  font-size: 13px;
}

#tabc_knowledgebase .support_iconlink .support_iconlink:hover div:last-of-type {
  opacity: 1;
  transform: translate3d(0, -8px, 0);
}

#tabc_knowledgebase .support_iconlink .support_iconlink:hover:before,
#tabc_knowledgebase .support_iconlink .support_iconlink:hover div:first-of-type {
  transform: translate3d(0, -16px, 0);
}

@media (max-width: 767px) {
  #tabc_knowledgebase .support_iconlinks {
    margin-bottom: 16px !important;
  }
  #tabc_knowledgebase .support_iconlinks .support_iconlink {
    padding: 16px 8px;
  }
  #tabc_knowledgebase .support_iconlinks .support_iconlink:before {
    height: 40px;
    width: 40px;
  }
  #tabc_knowledgebase .support_iconlinks .support_iconlink > div:last-of-type {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #tabc_knowledgebase .support_iconlinks .support_iconlink:nth-child(2) {
    margin: 0 16px !important;
  }
}

#support_alert_notification .vultr-alert-logo {
  left: 10px !important;
  top: 10px !important;
  height: 40px !important;
  width: 40px !important;
}

/* Ticket */
#ticketreplyform {
  margin-top: 16px;
  padding: 24px;
  background-color: #fff;
  border: 1px solid #DCDEE0;
  border-radius: 3px;
}

div.ticketentries > div {
  position: relative;
  border: 1px solid #DCDEE0;
  border-radius: 3px;
  padding: 60px 24px 20px 24px;
  margin-bottom: 25px;
  background-color: #fff;
}

div.ticketentries .from_staff:after,
div.ticketentries .from_account:after {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  display: blcok;
  content: "";
  width: 3px;
}

div.ticketentries .from_staff:after {
  background-color: #16DB62;
}

div.ticketentries .from_account:after {
  background-color: #007bfc;
}

div.ticketentries > div > div:nth-child(1) {
  position: absolute;
  top: 16px;
  left: 24px;
  color: #4e5259;
  font-weight: bold;
}

div.ticketentries > div > div:nth-child(2) {
  position: absolute;
  top: 20px;
  right: 16px;
  font-size: 13px;
  color: #8a9099;
}

div.ticketnote {
  opacity: .9;
  background-color: #f8f8f8;
  margin: 15px 0px 15px 0px;
  padding: 12px 16px;
  font-size: 13px;
  display: none;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
}

.badge.ticket_staff {
  border-radius: 0;
  background-color: #2fbd6a;
  font-size: 11px;
}

input.ticketentryreview {
  display: none;
}

input.ticketentryreview:checked + label {
  color: #007bfc;
}

.page-manage-service #header2_left [class*="fonticon"] {
  position: absolute;
  left: 0;
  top: 0;
}

.page-manage-service #header2_right.server_actions_mobile {
  position: absolute;
  right: -24px;
  top: 0;
}

.page-manage-service #tabc_subsbackups .block460left,
.page-manage-service #tabc_subsbackups .block520left,
.page-manage-service #tabc_subssnapshots .block460left,
.page-manage-service #tabc_subssnapshots .block520left {
  padding: 20px;
  border-radius: 0;
  border: 1px solid #E6E7EB;
}

.server_actions_mobile > div,
.header2_viewconsole,
.header2_substop,
.header2_subrestart,
.header2_subreinstall,
.header2_subdestroy,
a.header2_subdestroy {
  display: inline-block;
  font-family: "Material-Design-Iconic-Font";
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  cursor: pointer;
  text-align: center;
  color: #8692b0;
  border-radius: 40px;
  background-color: transparent;
  border: 0px;
}

.server_actions_mobile > div:hover, .server_actions_mobile > div:focus, .server_actions_mobile > div:active,
.header2_viewconsole:hover,
.header2_viewconsole:focus,
.header2_viewconsole:active,
.header2_substop:hover,
.header2_substop:focus,
.header2_substop:active,
.header2_subrestart:hover,
.header2_subrestart:focus,
.header2_subrestart:active,
.header2_subreinstall:hover,
.header2_subreinstall:focus,
.header2_subreinstall:active,
.header2_subdestroy:hover,
.header2_subdestroy:focus,
.header2_subdestroy:active,
a.header2_subdestroy:hover,
a.header2_subdestroy:focus,
a.header2_subdestroy:active {
  color: #007bfc;
  outline: none;
}

.header2_subdestroy:hover, .header2_subdestroy:focus, .header2_subdestroy:active,
a.header2_subdestroy:hover,
a.header2_subdestroy:focus,
a.header2_subdestroy:active {
  color: #e31519;
}

.header2_viewconsole:after {
  content: '\f292';
}

.header2_substop:after {
  content: '\f1af';
}

.header2_subrestart:after {
  content: '\f1b9';
}

.header2_subreinstall:after {
  content: '\f3d6';
}

.header2_subdestroy:after {
  content: '\f154';
}

@media (min-width: 992px) {
  #header2_right.server_actions_mobile {
    display: none;
  }
}

@media (max-width: 991px) {
  #header2_right.server_actions {
     /* display: none; */
    position: absolute;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* margin-top: 16px; */
    margin-bottom: -188px;
    right: 11px;

  }
}

/* Server Tiles */
.boxLink {
  transition: all ease-in .15s;
  background: #fff;
  height: 120px;
  padding: 24px;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #E6E7EB;
  color: #1F2939;
}

.boxLink_title {
  color: #8a9099;
  margin-bottom: 8px;
}

.boxLink_content {
  display: inline-block;
  font-weight: 300;
  font-size: 36px;
  line-height: 36px;
  color: #007bfc;
}

.boxLink_content span {
  color: #8a9099;
}

.boxLink_bandwidth_total {
  color: #8a9099;
}

.boxLink:hover {
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
  border-color: transparent;
}

/* Server Details */
#tabc_subsoverview .server-details,
#tabc_overview .server-details {
  margin: 30px 0 0 0;
}

#tabc_subsoverview .server-details > .row:first-child,
#tabc_subsoverview .app-info,
#tabc_overview .server-details > .row:first-child,
#tabc_overview .app-info {
  margin-top: 32px;
}

#tabc_subsoverview .app-info > hr,
#tabc_overview .app-info > hr {
  display: none;
}

#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata .spanlink,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden),
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel .spanlink,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden),
#tabc_overview .server-details > .row:first-child .flexlayoutdata .spanlink,
#tabc_overview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden),
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel .spanlink,
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden) {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-top: -4px;
  text-align: center;
  line-height: 32px;
}

#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata .spanlink .spanlink,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden) .spanlink,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel .spanlink .spanlink,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden) .spanlink,
#tabc_overview .server-details > .row:first-child .flexlayoutdata .spanlink .spanlink,
#tabc_overview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden) .spanlink,
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel .spanlink .spanlink,
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden) .spanlink {
  padding: 0;
}

#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata .spanlink .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata .spanlink [class*="fonticon"],
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden) .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden) [class*="fonticon"],
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel .spanlink .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel .spanlink [class*="fonticon"],
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden) .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden) [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdata .spanlink .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdata .spanlink [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden) .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden) [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel .spanlink .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel .spanlink [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden) .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden) [class*="fonticon"] {
  font-size: 19px;
}

#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata .spanlink:hover .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata .spanlink:hover [class*="fonticon"], #tabc_subsoverview .server-details > .row:first-child .flexlayoutdata .spanlink:focus .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata .spanlink:focus [class*="fonticon"], #tabc_subsoverview .server-details > .row:first-child .flexlayoutdata .spanlink:active .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata .spanlink:active [class*="fonticon"],
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden):hover .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden):hover [class*="fonticon"],
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden):focus .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden):focus [class*="fonticon"],
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden):active .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden):active [class*="fonticon"],
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel .spanlink:hover .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel .spanlink:hover [class*="fonticon"],
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel .spanlink:focus .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel .spanlink:focus [class*="fonticon"],
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel .spanlink:active .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel .spanlink:active [class*="fonticon"],
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden):hover .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden):hover [class*="fonticon"],
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden):focus .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden):focus [class*="fonticon"],
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden):active .fonticon,
#tabc_subsoverview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden):active [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdata .spanlink:hover .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdata .spanlink:hover [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdata .spanlink:focus .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdata .spanlink:focus [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdata .spanlink:active .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdata .spanlink:active [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden):hover .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden):hover [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden):focus .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden):focus [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden):active .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdata > .link-icon:not(.hidden):active [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel .spanlink:hover .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel .spanlink:hover [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel .spanlink:focus .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel .spanlink:focus [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel .spanlink:active .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel .spanlink:active [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden):hover .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden):hover [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden):focus .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden):focus [class*="fonticon"],
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden):active .fonticon,
#tabc_overview .server-details > .row:first-child .flexlayoutdatalabel > .link-icon:not(.hidden):active [class*="fonticon"] {
  color: #007bfc;
}

@media (min-width: 480px) and (max-width: 991px) {
  #tabc_subsoverview .container-fluid > .row:first-child {
    margin-left: -8px;
    margin-right: -8px;
  }
  #tabc_subsoverview .container-fluid > .row:first-child .col-md-4 {
    width: 33.3333%;
    float: left;
    padding: 0 8px;
  }
}

@media (max-width: 991px) {
  #tabc_subsoverview .server-details {
    margin-top: 16px;
  }
  #tabc_subsoverview .server-details .app-info {
    margin-top: 16px;
  }
  #tabc_subsoverview .boxLink {
    height: auto;
    padding: 16px;
  }
  #tabc_subsoverview .boxLink .cpu_graph_container {
    display: none;
  }
  #tabc_subsoverview .boxLink [style="float: left; width: 50%; overflow: hidden;"] {
    width: 100% !important;
  }
  #tabc_subsoverview .boxLink_title {
    font-size: 13px;
    line-height: 18px;
  }
  #tabc_subsoverview .boxLink_content {
    font-size: 28px;
    line-height: 32px;
  }
  #tabc_subsoverview .server-details > .row:last-child .col-md-4 > .flexlayoutdata,
  #tabc_subsoverview .server-details > .row:last-child .col-md-4 > .flexlayoutdatalabel {
    width: calc(50% - 8px);
  }
}

@media (max-width: 479px) {
  #tabc_subsoverview .boxLink {
    height: auto;
    padding: 16px;
    margin-bottom: 16px;
  }
  #tabc_subsoverview .server-details {
    margin-top: 0;
  }
  #tabc_subsoverview .server-details > .row:first-child {
    margin: 0;
    padding: 0;
  }
  #tabc_subsoverview .server-details > .row:first-child .col-md-4 > .flexlayoutdata,
  #tabc_subsoverview .server-details > .row:first-child .col-md-4 > .flexlayoutdatalabel {
    width: calc(100% - 8px) !important;
  }
  #tabc_subsoverview .app-info {
    padding: 16px;
  }
}

/* Service Settings */
#tabc_subssettings > .col-sm-2 {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#tabc_subssettings #tab_records {
  width: 100%;
}

#tabc_subssettings #tab_settings {
  width: 100%;
}

#tabc_subssettings #tab_settings .flex3column_center {
  margin-left: 0;
}

#tabc_subssettings #tab_settings .flex3column_center + hr + div {
  padding: 0 !important;
}

#tabc_subssettings #tab_settings .responsivetable,
#tabc_subssettings #tab_settings .tablelist {
  margin-top: 16px;
  box-shadow: none;
  border: 1px solid #e3e6e8;
  border-radius: 3px;
}

#tabc_subssettings #tab_settings .responsivetable [colspan="4"],
#tabc_subssettings #tab_settings .tablelist [colspan="4"] {
  text-align: center;
}

#tabc_subssettings #tab_settings .responsivetable thead,
#tabc_subssettings #tab_settings .tablelist thead {
  display: none;
}

#tabc_subssettings #tab_settings .responsivetable > *:last-child > *,
#tabc_subssettings #tab_settings .tablelist > *:last-child > * {
  border-bottom: 0;
}

#tabc_subssettings #tab_settings .flexwidth2thirds {
  padding: 32px 16px;
  border: 1px solid #e3e6e8;
  border-radius: 3px;
}

#tabc_subssettings .responsivetable,
#tabc_subssettings #add_extra_ip_form,
#tabc_subssettings #enable_private_form {
  margin-top: 32px;
}

#tabc_subssettings #update_firewall + .button {
  width: 100%;
}

@media (min-width: 768px) {
  #tabc_subssettings {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    margin: 0;
  }
  #tabc_subssettings > .col-sm-2 {
    width: 180px;
    margin: 0;
  }
  #tabc_subssettings > .col-sm-10 {
    flex: 1;
    border-radius: 0;
    margin-left: 30px;
  }
}

@media (max-width: 767px) {
  #tabc_subssettings > .col-sm-2 {
    margin: 0 15px  16px 15px;
  }
  #tabc_subssettings .responsivetable,
  #tabc_subssettings #add_extra_ip_form,
  #tabc_subssettings #enable_private_form {
    margin-top: 20px;
  }
}

/* Service Snapshots */
#tabc_subssnapshots ul {
  margin-top: 6px;
  margin-bottom: 0;
  padding-left: 20px;
  color: #8a9099;
  font-size: 13px;
}

#tabc_settingsapi .tablelist,
#tabc_subssnapshots .tablelist {
  box-shadow: none;
  border: 1px solid #e3e6e8;
  border-radius: 3px;
}

#tabc_subssnapshots .tablelist {
  max-width: none;
}

#tabc_subsddos > h3 {
  display: none;
}

#tabc_subsddos #ddosAttackHistory {
  overflow: unset !important;
}

#tabc_subsddos #ddosAttackHistory .tablelist {
  width: 100%;
  max-width: unset;
}

/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

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

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

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

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

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

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

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

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

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

.countries-autocomplete {
  background-color: #fff;
  border: 1px solid #ccc;
}

.countries-autocomplete ul {
  margin: 0px;
  padding: 0px;
}

.countries-autocomplete li {
  list-style-type: none;
  padding: 5px 3px;
  font-size: 12px;
  font-family: arial;
}

.countries-autocomplete li span {
  margin: 0 2px;
}

.countries-autocomplete li:hover,
.countries-autocomplete li.active {
  cursor: pointer;
  background-color: #eee;
}

#authy-tooltip-close {
  position: absolute;
  top: 5px;
  left: 7px;
  cursor: pointer;
  width: 11px;
  height: 11px;
  background: url("/images/authy/close.gif") no-repeat 0 0;
}

#authy-token {
  padding: 12px 12px 12px 25px;
  background: url("/images/authy/icon.png") no-repeat 2px center;
  background-color: white;
  background-size: 18px 18px;
}

#authy-tooltip {
  position: absolute;
  z-index: 999999;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 15px 10px 10px 10px;
  background-color: #fff;
  display: none;
  width: 330px;
}

#authy-tooltip p {
  color: #444;
}

.countries-autocomplete {
  position: absolute;
  width: 200px;
  display: none;
  max-height: 200px;
  overflow: auto;
  z-index: 99999999;
}

#authy-help {
  color: #35C2F1;
}

#authy-help:hover {
  text-decoration: none;
}

[class^="flag-"],
[class*="flag-"] {
  background: url("/images/authy/flags.png") no-repeat;
}

.aflag {
  width: 16px;
  height: 11px;
  display: inline-block;
}

.flag-af93 {
  background-position: -48px 0;
}

.flag-al213 {
  background-position: -160px -33px;
}

.flag-al355 {
  background-position: -96px 0;
}

.flag-an1264 {
  background-position: -80px 0;
}

.flag-an1268 {
  background-position: -64px 0;
}

.flag-an244 {
  background-position: -144px 0;
}

.flag-an376 {
  background-position: -16px 0;
}

.flag-ar297 {
  background-position: -224px 0;
}

.flag-ar374 {
  background-position: -112px 0;
}

.flag-ar54 {
  background-position: -160px 0;
}

.flag-au43 {
  background-position: -192px 0;
}

.flag-au61 {
  background-position: -208px 0;
}

.flag-az994 {
  background-position: -240px 0;
}

.flag-ba1242 {
  background-position: -208px -11px;
}

.flag-ba1246 {
  background-position: -16px -11px;
}

.flag-ba880 {
  background-position: -32px -11px;
}

.flag-ba973 {
  background-position: -96px -11px;
}

.flag-be1441 {
  background-position: -144px -11px;
}

.flag-be229 {
  background-position: -128px -11px;
}

.flag-be32 {
  background-position: -48px -11px;
}

.flag-be375 {
  background-position: -16px -22px;
}

.flag-be501 {
  background-position: -32px -22px;
}

.flag-bh975 {
  background-position: -224px -11px;
}

.flag-bo267 {
  background-position: 0 -22px;
}

.flag-bo387 {
  background-position: 0 -11px;
}

.flag-bo591 {
  background-position: -176px -11px;
}

.flag-br55 {
  background-position: -192px -11px;
}

.flag-br673 {
  background-position: -160px -11px;
}

.flag-bu226 {
  background-position: -64px -11px;
}

.flag-bu257 {
  background-position: -112px -11px;
}

.flag-bu359 {
  background-position: -80px -11px;
}

.flag-bv {
  background-position: -240px -11px;
}

.flag-ca1 {
  background-position: -48px -22px;
}

.flag-ca1345 {
  background-position: -192px -77px;
}

.flag-ca237 {
  background-position: -192px -22px;
}

.flag-ca238 {
  background-position: -16px -33px;
}

.flag-ca855 {
  background-position: -64px -77px;
}

.flag-catalonia {
  background-position: -64px -22px;
}

.flag-ce236 {
  background-position: -96px -22px;
}

.flag-ch235 {
  background-position: -112px -143px;
}

.flag-ch56 {
  background-position: -176px -22px;
}

.flag-ch86 {
  background-position: -208px -22px;
}

.flag-co2420 {
  background-position: -80px -22px;
}

.flag-co243 {
  background-position: -112px -22px;
}

.flag-co506 {
  background-position: -240px -22px;
}

.flag-co57 {
  background-position: -224px -22px;
}

.flag-co682 {
  background-position: -160px -22px;
}

.flag-cr385 {
  background-position: 0 -66px;
}

.flag-cu53 {
  background-position: 0 -33px;
}

.flag-cw {
  background-position: -32px -33px;
}

.flag-cy357 {
  background-position: -48px -33px;
}

.flag-cz420 {
  background-position: -64px -33px;
}

.flag-de45 {
  background-position: -112px -33px;
}

.flag-dj253 {
  background-position: -96px -33px;
}

.flag-do1767 {
  background-position: -128px -33px;
}

.flag-do1809 {
  background-position: -144px -33px;
}

.flag-do1829 {
  background-position: -144px -33px;
}

.flag-do1849 {
  background-position: -144px -33px;
}

.flag-ec593 {
  background-position: -176px -33px;
}

.flag-eg20 {
  background-position: -208px -33px;
}

.flag-eh {
  background-position: -224px -33px;
}

.flag-el503 {
  background-position: -32px -143px;
}

.flag-england {
  background-position: -240px -33px;
}

.flag-er {
  background-position: 0 -44px;
}

.flag-es372 {
  background-position: -192px -33px;
}

.flag-et251 {
  background-position: -32px -44px;
}

.flag-eu {
  background-position: -48px -44px;
}

.flag-fa298 {
  background-position: -128px -44px;
}

.flag-fa500 {
  background-position: -96px -44px;
}

.flag-fi358 {
  background-position: -64px -44px;
}

.flag-fi679 {
  background-position: -80px -44px;
}

.flag-fm {
  background-position: -112px -44px;
}

.flag-fr33 {
  background-position: -144px -44px;
}

.flag-fr594 {
  background-position: -224px -44px;
}

.flag-fr689 {
  background-position: -224px -110px;
}

.flag-ga220 {
  background-position: -48px -55px;
}

.flag-ga241 {
  background-position: -160px -44px;
}

.flag-ge49 {
  background-position: -80px -33px;
}

.flag-ge995 {
  background-position: -208px -44px;
}

.flag-gh233 {
  background-position: 0 -55px;
}

.flag-gi350 {
  background-position: -16px -55px;
}

.flag-gq {
  background-position: -96px -55px;
}

.flag-gr1473 {
  background-position: -192px -44px;
}

.flag-gr299 {
  background-position: -32px -55px;
}

.flag-gr30 {
  background-position: -112px -55px;
}

.flag-gs {
  background-position: -128px -55px;
}

.flag-gu224 {
  background-position: -64px -55px;
}

.flag-gu245 {
  background-position: -176px -55px;
}

.flag-gu44 {
  background-position: -240px -44px;
}

.flag-gu502 {
  background-position: -144px -55px;
}

.flag-gu590 {
  background-position: -80px -55px;
}

.flag-gu592 {
  background-position: -192px -55px;
}

.flag-gu671 {
  background-position: -160px -55px;
}

.flag-ha509 {
  background-position: -16px -66px;
}

.flag-hm {
  background-position: -224px -55px;
}

.flag-ho504 {
  background-position: -240px -55px;
}

.flag-ho852 {
  background-position: -208px -55px;
}

.flag-hu36 {
  background-position: -32px -66px;
}

.flag-ic {
  background-position: -48px -66px;
}

.flag-ic354 {
  background-position: -192px -66px;
}

.flag-in62 {
  background-position: -64px -66px;
}

.flag-in91 {
  background-position: -128px -66px;
}

.flag-io {
  background-position: -144px -66px;
}

.flag-ir353 {
  background-position: -80px -66px;
}

.flag-ir964 {
  background-position: -160px -66px;
}

.flag-ir98 {
  background-position: -176px -66px;
}

.flag-is44 {
  background-position: -112px -66px;
}

.flag-is972 {
  background-position: -96px -66px;
}

.flag-it39 {
  background-position: -208px -66px;
}

.flag-iv225 {
  background-position: -144px -22px;
}

.flag-ja1876 {
  background-position: -240px -66px;
}

.flag-ja81 {
  background-position: -16px -77px;
}

.flag-je44 {
  background-position: -224px -66px;
}

.flag-jo962 {
  background-position: 0 -77px;
}

.flag-ka7 {
  background-position: -208px -77px;
}

.flag-ke254 {
  background-position: -32px -77px;
}

.flag-ki {
  background-position: -80px -77px;
}

.flag-km {
  background-position: -96px -77px;
}

.flag-ko82 {
  background-position: -144px -77px;
}

.flag-ko850 {
  background-position: -128px -77px;
}

.flag-ku965 {
  background-position: -176px -77px;
}

.flag-kurdistan {
  background-position: -160px -77px;
}

.flag-ky996 {
  background-position: -48px -77px;
}

.flag-la371 {
  background-position: -112px -88px;
}

.flag-la856 {
  background-position: -224px -77px;
}

.flag-le266 {
  background-position: -64px -88px;
}

.flag-le961 {
  background-position: -240px -77px;
}

.flag-li218 {
  background-position: -128px -88px;
}

.flag-li231 {
  background-position: -48px -88px;
}

.flag-li370 {
  background-position: -80px -88px;
}

.flag-li423 {
  background-position: -16px -88px;
}

.flag-lu352 {
  background-position: -96px -88px;
}

.flag-ma222 {
  background-position: -96px -99px;
}

.flag-ma223 {
  background-position: 0 -99px;
}

.flag-ma230 {
  background-position: -144px -99px;
}

.flag-ma261 {
  background-position: -208px -88px;
}

.flag-ma265 {
  background-position: -176px -99px;
}

.flag-ma269 {
  background-position: -112px -165px;
}

.flag-ma356 {
  background-position: -128px -99px;
}

.flag-ma389 {
  background-position: -240px -88px;
}

.flag-ma596 {
  background-position: -80px -99px;
}

.flag-ma60 {
  background-position: -208px -99px;
}

.flag-ma853 {
  background-position: -48px -99px;
}

.flag-ma960 {
  background-position: -160px -99px;
}

.flag-me52 {
  background-position: -192px -99px;
}

.flag-mh {
  background-position: -224px -88px;
}

.flag-mo1664 {
  background-position: -112px -99px;
}

.flag-mo212 {
  background-position: -144px -88px;
}

.flag-mo258 {
  background-position: -224px -99px;
}

.flag-mo373 {
  background-position: -176px -88px;
}

.flag-mo377 {
  background-position: -160px -88px;
}

.flag-mo382 {
  background-position: -192px -88px;
}

.flag-mo976 {
  background-position: -32px -99px;
}

.flag-mp {
  background-position: -64px -99px;
}

.flag-my95 {
  background-position: -16px -99px;
}

.flag-na264 {
  background-position: -240px -99px;
}

.flag-na674 {
  background-position: -128px -110px;
}

.flag-ne31 {
  background-position: -80px -110px;
}

.flag-ne599 {
  background-position: -128px 0;
}

.flag-ne64 {
  background-position: -160px -110px;
}

.flag-ne687 {
  background-position: 0 -110px;
}

.flag-ne977 {
  background-position: -112px -110px;
}

.flag-nf {
  background-position: -32px -110px;
}

.flag-ni227 {
  background-position: -16px -110px;
}

.flag-ni234 {
  background-position: -48px -110px;
}

.flag-ni505 {
  background-position: -64px -110px;
}

.flag-no47 {
  background-position: -96px -110px;
}

.flag-nu {
  background-position: -144px -110px;
}

.flag-om968 {
  background-position: -176px -110px;
}

.flag-pa507 {
  background-position: -192px -110px;
}

.flag-pa595 {
  background-position: -144px -121px;
}

.flag-pa675 {
  background-position: -240px -110px;
}

.flag-pa92 {
  background-position: -16px -121px;
}

.flag-pa970 {
  background-position: -96px -121px;
}

.flag-pe51 {
  background-position: -208px -110px;
}

.flag-ph63 {
  background-position: 0 -121px;
}

.flag-pm {
  background-position: -48px -121px;
}

.flag-pn {
  background-position: -64px -121px;
}

.flag-po351 {
  background-position: -112px -121px;
}

.flag-po48 {
  background-position: -32px -121px;
}

.flag-pu1787 {
  background-position: -80px -121px;
}

.flag-pw {
  background-position: -128px -121px;
}

.flag-qa974 {
  background-position: -160px -121px;
}

.flag-re262 {
  background-position: -176px -121px;
}

.flag-ro40 {
  background-position: -192px -121px;
}

.flag-ru7 {
  background-position: -224px -121px;
}

.flag-rw250 {
  background-position: -240px -121px;
}

.flag-sa1758 {
  background-position: 0 -88px;
}

.flag-sa1869 {
  background-position: -112px -77px;
}

.flag-sa239 {
  background-position: -16px -143px;
}

.flag-sa378 {
  background-position: -176px -132px;
}

.flag-sa685 {
  background-position: -176px 0;
}

.flag-sa685 {
  background-position: -80px -165px;
}

.flag-sa966 {
  background-position: 0 -132px;
}

.flag-scotland {
  background-position: -48px -132px;
}

.flag-se221 {
  background-position: -192px -132px;
}

.flag-se248 {
  background-position: -32px -132px;
}

.flag-se381 {
  background-position: -208px -121px;
}

.flag-sh {
  background-position: -112px -132px;
}

.flag-si232 {
  background-position: -160px -132px;
}

.flag-si65 {
  background-position: -96px -132px;
}

.flag-sl386 {
  background-position: -128px -132px;
}

.flag-sl421 {
  background-position: -144px -132px;
}

.flag-so252 {
  background-position: -208px -132px;
}

.flag-so27 {
  background-position: -128px -165px;
}

.flag-so677 {
  background-position: -16px -132px;
}

.flag-somaliland {
  background-position: -224px -132px;
}

.flag-sp34 {
  background-position: -16px -44px;
}

.flag-sr94 {
  background-position: -32px -88px;
}

.flag-ss {
  background-position: 0 -143px;
}

.flag-st1784 {
  background-position: -208px -154px;
}

.flag-su249 {
  background-position: -64px -132px;
}

.flag-su597 {
  background-position: -240px -132px;
}

.flag-sw268 {
  background-position: -80px -143px;
}

.flag-sw41 {
  background-position: -128px -22px;
}

.flag-sw46 {
  background-position: -80px -132px;
}

.flag-sx {
  background-position: -48px -143px;
}

.flag-sy963 {
  background-position: -64px -143px;
}

.flag-ta255 {
  background-position: -80px -154px;
}

.flag-ta886 {
  background-position: -64px -154px;
}

.flag-ta992 {
  background-position: -176px -143px;
}

.flag-tf {
  background-position: -128px -143px;
}

.flag-th66 {
  background-position: -160px -143px;
}

.flag-ti670 {
  background-position: -208px -143px;
}

.flag-tk {
  background-position: -192px -143px;
}

.flag-to228 {
  background-position: -144px -143px;
}

.flag-to676 {
  background-position: 0 -154px;
}

.flag-tr1868 {
  background-position: -32px -154px;
}

.flag-tu1649 {
  background-position: -96px -143px;
}

.flag-tu216 {
  background-position: -240px -143px;
}

.flag-tu90 {
  background-position: -16px -154px;
}

.flag-tu993 {
  background-position: -224px -143px;
}

.flag-tv {
  background-position: -48px -154px;
}

.flag-ug256 {
  background-position: -112px -154px;
}

.flag-uk380 {
  background-position: -96px -154px;
}

.flag-um {
  background-position: -128px -154px;
}

.flag-un1 {
  background-position: -144px -154px;
}

.flag-un44 {
  background-position: -176px -44px;
}

.flag-un971 {
  background-position: -32px 0;
}

.flag-ur598 {
  background-position: -160px -154px;
}

.flag-uz998 {
  background-position: -176px -154px;
}

.flag-va {
  background-position: -192px -154px;
}

.flag-va678 {
  background-position: -32px -165px;
}

.flag-ve58 {
  background-position: -224px -154px;
}

.flag-vi {
  background-position: 0 -165px;
}

.flag-vi1284 {
  background-position: -240px -154px;
}

.flag-vi84 {
  background-position: -16px -165px;
}

.flag-wales {
  background-position: -48px -165px;
}

.flag-wf {
  background-position: -64px -165px;
}

.flag-ye967 {
  background-position: -96px -165px;
}

.flag-za260 {
  background-position: -160px -165px;
}

.flag-zanzibar {
  background-position: -144px -165px;
}

.flag-zi263 {
  background-position: -176px -165px;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  display: block;
  height: 50px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 15px;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #DCDEE0;
  border-radius: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #4e5259;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #8a9099;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #007bfc;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: 0 0;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888;
  border-width: 0 4px 5px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 0;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 0;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-selection,
.select2-selection:focus {
  outline-width: 0;
}

.select2-container.select2-container--open .editable-select {
  border-top: 1px solid #cdcfd1;
}

.select2-container .select2-selection--single {
  cursor: pointer;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  outline: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-right: 32px;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__rendered:focus {
  outline: 0;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: #fff;
  border: 1px solid #cdcfd1;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
}

.floatinglabel .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-top: 14px;
  line-height: 36px;
}

.select2-container--default .input-xs .select2-selection__rendered {
  line-height: 24px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888;
  border-width: 0 4px 5px;
}

.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 0;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 0;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #000;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none !important;
  padding: 5px;
}

.select2-container--default .select2-search--dropdown {
  position: relative;
  border-bottom: 1px solid #cdcfd1;
}

.select2-container--default .select2-search--dropdown:before {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  content: '\f1c3';
  padding: 8px 20px;
  font-family: Material-Design-Iconic-Font, sans-serif;
  font-size: 24px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  -webkit-appearance: textfield;
  padding-left: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 100;
  font-size: 15px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: 0 0;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: #fff;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 0;
}

.sold-out-item .panel {
  background: #e4e4e4;
  opacity: .5;
}

@media (max-width: 767px) {
  .editable-input .select2-container {
    margin-left: 0;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-right: 15px;
  }
}

/* Affiliate */
.page-affiliate .block520center {
  max-width: none;
  width: 100%;
}

.page-affiliate .block520center > h3 {
  margin-bottom: 40px;
}

.page-affiliate hr {
  display: none;
}

.page-affiliate div.flex3column_left {
  margin-right: 32px;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

@media (min-width: 768px) {
  .affiliate_numberedlist,
  .affiliate_link.innerblock,
  .affiliate_special {
    width: 45%;
  }
  .affiliate_numberedlist {
    float: left;
  }
  .affiliate_link.innerblock,
  .affiliate_special {
    float: right;
  }
}

.affiliate_numberedlist > div {
  position: relative;
  min-height: 42px;
  margin-bottom: 15px;
  padding: 7px 0px 0px 70px;
}

.affiliate_numberedlist > div > div:nth-child(1) {
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -21px;
  height: 42px;
  width: 42px;
  border: 1px solid #D2D8DC;
  color: #8a9399;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
  border-radius: 26px;
}

.affiliate_numberedlist > div > div:nth-child(2) {
  vertical-align: middle;
}

.affiliate_banner {
  display: inline-block;
  border: 1px solid #e6e9eb;
  border-radius: 0;
  padding: 24px;
  margin: 0px 18px 23px 0px;
  max-width: 100%;
  overflow: auto;
}

.affiliate_banner img {
  display: block;
  width: 400px;
  margin-bottom: 15px;
}

.affiliate_banner input[type=button] {
  font-weight: 500;
  background-color: #dfe4eb;
  color: #616366;
}

.affiliate_banner input[type=text] {
  opacity: 0;
  font-size: 1px;
  margin: 0px;
  padding: 0px;
  border: none;
}

.affiliate_logo {
  display: inline-block;
  margin: 0px 18px 33px 0px;
  max-width: 100%;
  overflow: auto;
}

.affiliate_logo > :nth-child(1) {
  border-radius: 0;
  padding: 30px 0px;
  min-width: 275px;
  text-align: center;
}

.affiliate_logo > :nth-child(2) {
  text-align: center;
  padding-top: 10px;
}

.affiliate_link.innerblock.purple,
.affiliate_special {
  display: block;
  position: relative;
  transition: all .4s;
  border-width: 0px;
  background: linear-gradient(45deg, #433aa3 1%, #5856cd 64%, #6769eb 97%);
  color: #ffffff;
  box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5);
}

.affiliate_link.innerblock {
  margin-bottom: 24px;
  background-color: #d4e0fb;
  border: none;
  border-radius: 0;
  color: #007bfc;
  font-size: 17px;
  font-weight: 500;
}

.affiliate_link.innerblock [style="display:block; position:relative;"] {
  margin-top: 12px;
}

.affiliate_link.innerblock h3 + div,
.affiliate_link.innerblock h3 + p + div {
  position: relative;
}

.affiliate_link.innerblock .fonticoncopy {
  color: #007bfc !important;
}

.affiliate_link.innerblock input[readonly] {
  background-color: rgba(23, 98, 227, 0.2) !important;
  border: none;
  font-size: 17px;
}

.affiliate_link.innerblock.purple .panel-title {
  color: #fff;
}

.affiliate_link.innerblock.purple h3 + p {
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
  font-size: 13px;
}

.affiliate_link.innerblock.purple input[readonly] {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15) !important;
}

.affiliate_link.innerblock.purple .fonticoncopy {
  color: #fff !important;
}

.affiliate_special:after {
  background-image: url(../_images/affiliate/affiliates-promo.png);
  background-size: auto 100%;
  background-position: right;
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transition: all .4s;
}

.affiliate_special:before {
  content: '';
  background-image: url(../_images/affiliate/affiliates-star.png);
  background-size: contain;
  display: block;
  width: 90%;
  height: 90%;
  position: absolute;
  top: 16px;
  background-repeat: no-repeat;
  left: 16px;
  transition: all .4s;
}

.affiliate_special .panel-title {
  margin-top: -7px;
  font-size: 36px;
  line-height: 40px;
  font-weight: 900;
}

.affiliate_special .panel-description {
  margin: 10px 0;
}

.affiliate_special .panel-content {
  position: relative;
  z-index: 2;
}

.affiliate_special .button:hover,
.affiliate_special .button:focus,
.affiliate_special .button:active {
  background-color: #45d17b;
  border-color: #45d17b;
  color: #fff;
}

.affiliate_special .big-text {
  font-size: 20px;
  font-weight: 500;
}

.affiliate_speciale_special,
.affiliate_special .button {
  background-color: #3fbf70;
  border-color: #3fbf70;
  color: #ffffff;
}

@media (max-width: 568px) {
  .affiliate_special:after {
    opacity: .2;
  }
}

/* New affiliate promotion */
.affiliate_special-2 {
	display: block;
	position: relative;
	transition: all .4s;
	border-width: 0px;
	background: linear-gradient(45deg, #2539b1 0%, #152777 100%);
	color: #ffffff;
	box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5);
	min-height: 288px;
	padding: 32px 24px;
}

.affiliate_special-2:after {
	background-image: url(/_images/affiliate/affiliates-promo-2.png);
	background-size: auto 100%;
	background-position: right;
	background-repeat: no-repeat;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	transition: all .4s;
}

.affiliate_special-2 .panel-content {
	float: left;
}

.affiliate_special-2 .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 22px;
	line-height: 1;
	font-weight: 100;
}

.affiliate_special-2 .panel-description {
	margin: 12px 0 24px;
	font-size: 22px;
	line-height: 1;
	font-weight: 100;
	text-align: right;
}

.affiliate_special-2 .big-text {
	display: block;
	font-size: 88px;
	font-weight: 700;
	text-align: left;
}

.affiliate_special-2 .panel-content {
	position: relative;
	z-index: 2;
}

.affiliate_special-2 .button {
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	background-color: #ee7f6a;
	border-color: #ee7f6a;
	color: #ffffff;
}

.affiliate_special-2 .button:hover,
.affiliate_special-2 .button:focus,
.affiliate_special-2 .button:active {
	background-color: #db654d;
	border-color: #db654d;
	color: #fff;
}

.affiliate_special-2 .special-campaign {
	display: inline-block;
	position: absolute;
	z-index: 2;
	bottom: 16px;
	right: 16px;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	text-align: right;
}

@media (min-width: 768px) {
	.affiliate_special-2 {
		width: 45%;
	}
	.affiliate_special-2 {
		float: right;
	}
}

@media (max-width: 1200px) and (min-width: 768px) {
	.affiliate_special-2:after {
		opacity: .4;
	}
}

@media (max-width: 568px) {
	.affiliate_special-2:after {
		opacity: .2;
	}
}

.page-add-product .block520center {
  border: 1px solid #e3e6e8;
  padding: 30px;
}

.page-add-product .block520center + .block520center {
  margin-top: 30px;
}

.page-manage-block-storage #attachform {
  padding: 20px;
  margin-bottom: 40px;
  border-radius: 0;
  border: 1px solid #E6E7EB;
}

.page-add-blockstorage .block520center {
  max-width: 768px;
}

.page-add-blockstorage .block520center p {
  margin-bottom: 16px;
}

/* Two factor authentication pages */
.page-conf-2fa #header2_wrap + .block1290deploy {
  display: none;
}

.page-conf-2fa .panel {
  border: none;
}

.page-conf-2fa .back_button_header + .section-desc {
  margin-bottom: 20px;
}

.page-conf-2fa .alert {
  margin: 0;
}

.backup-codes .form-control {
  padding-top: 30px;
  background-color: #fff;
  line-height: 32px;
}

.backup-codes .control-label {
  position: absolute !important;
  top: 10px !important;
  left: 16px !important;
  font-weight: 300 !important;
}

/* Product list pages */
@media all and (min-width: 0px) and (max-width: 767px) {
  .page-products .responsivetable {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -20px;
    border-radius: 0;
    width: calc(100% + 30px);
  }
  .page-products .responsivetable .table-row {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .responsivetable_subs .table-row .cell-checkbox {
    display: none;
  }
  .page-products .responsivetable > * {
    border-bottom: 1px solid #E6E7EB;
    padding: 16px;
  }
  .page-products .responsivetable > *:last-child {
    border: none;
  }
}

.disabled-api_body,
.enable-sso_body {
  border: 1px solid #e6e9eb;
  border-radius: 3px;
  text-align: center;
}

.enable-sso_body > .alert-info,
.enable-sso_body > .back_button_header {
  text-align: left;
}

.enable-sso_body > h3.back_button_header > .btn-link {
  cursor: pointer;
}

.sso_module {
  overflow: hidden;
}

.sso_step_1 {
  opacity: 0;
  position: relative;
  left: 50%;
}

.sso_feature {
  width: 47.5%;
}

span.sso_begin_setup {
  width: 100%;
}

span.sso_begin_setup > div.sso_begin_setup_icon {
  width: 15%;
  float: left;
  margin-top: 6px;
  margin-left: -3px;
}

span.sso_begin_setup > div.sso_begin_setup_description {
  width: 85%;
  float: left;
  text-align: left;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .sso_feature {
    width: initial;
  }
  span.sso_begin_setup > div.sso_begin_setup_icon {
    display: none;
  }
  span.sso_begin_setup > div.sso_begin_setup_description {
    text-align: center;
    width: 100%;
  }
}

.sso_module .sso_error_log {
  position: absolute;
  right: 16px;
  top: 10px;
  padding-left: 0;
  padding-right: 0;
  background-color: none;
  border: none;
  font-weight: 500;
  line-height: 16px;
  transition: all ease-in .1s;
}

.sso_module .sso_error_log:hover, .sso_module .sso_error_log:active, .sso_module .sso_error_log:focus {
  color: #007bfc;
}

#tabc_settingsusers h3 .btn {
  float: right;
  line-height: 16px;
  margin-top: -4px;
}

/* Deploy */
div.servertype_section > label.servertype_label_group {
  height: auto;
  min-height: 89px;
  padding: 8px 0px 0px 0px;
  justify-content: flex-start;
}

@media all and (min-width: 576px) and (max-width: 982px) {
  .deploy_block .deploy__box {
    min-height: 222px;
  }
}

.label-default {
  color: #70757d;
  background-color: #E6E7EB;
}

.deploy_checkbox:not(.deploylocationsoldout) + label .label-default {
  display: none !important;
}

/* Deploy Note */
.deploy__note_container {
	display: none;
	padding: 16px 0 0 0;
	margin: 0 0 0 -80px;
	width: calc(100% + 80px);
}
.deploy__note {
	white-space: normal;
	font-size: 11px;
	line-height: 14px;
	position: relative;
	padding: 10px 0 0;
	color: #8A929C;
	display: flex;
	align-items: center;
	margin-bottom: -14px;
	margin-top: 8px;
}

.deploy__note:before {
	content: '';
	height: 1px;
	background: #EAEDF1;
	position: absolute;
	top: 0;
	left: -14px;
	right: -8px;
}

.deploy__note strong {
	font-weight: 700;
	color: #007BFC;
}
.deploy__note i {
	height: 12px;
	width: 12px;
	min-width: 12px;
	font-size: 12px;
	margin-right: 15px;
	font-style: normal;
	color: #007BFC;
}

.deploy__note a {
	color: #007BFC;
	text-decoration: underline;
	-webkit-text-decoration-style: dotted;
	text-decoration-style: dotted;
	font-weight: 700;
}

/* Canada fonticon */
.fonticon_ca {
  background-image: url(../_images/flags/flag_ca.png);
}

.fonticon_cm_ca {
  display: inline-block;
  height: 18px;
  width: 27px;
}

.fonticon_cm_ca {
  background-image: url(../_images/flags/flagsm_ca.png);
}

.deploy_checkbox_icon.fonticon_ca {
  margin-top: 4px !important;
  width: 54px !important;
}

.fonticon_ca {
  display: inline-block;
  height: 36px;
  width: 54px;
  border-radius: 2px;
  vertical-align: middle;
}

/* fix fontface */
@font-face {
  font-family: Material-Design-Iconic-Font;
  src: url(../_fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format("woff2"), url(../_fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format("woff"), url(../_fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format("truetype");
}

/* Billing UNFUNDED */
@media (min-width: 768px) {
  #tabc_billingaddfunds.flex3column .container-fluid .row > .col-md-2 {
    margin-right: 0px;
  }
}

.cart {
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
  margin: 0px;
  padding: 16px;
  background: #ffffff;
  background-color: #ffffff !important;
  color: #4e5259;
}

.cart .spinner:after {
  top: 115px;
}

tr.billingcarttotal td, tr.billingcartcredit td {
  padding: 8px 0px;
}

tr.billingcarttotal td:last-child, tr.billingcartcredit td:last-child {
  color: #007bfc;
  font-weight: 800;
}

/* Messages */
.success_message, .warning_message, .error_message, .promo_message, .info_message, .resolved_message {
  position: relative;
  font-size: 15px;
  max-width: 1290px;
  margin: 0px auto 40px auto;
  padding: 14px 16px;
  text-align: left;
  border-radius: 0;
  border-width: 0 0 0 3px;
  border-style: solid;
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

.info_message, .info_message a {
  color: #007bfc;
  border-color: #007bfc;
}

.responsivetable .fonticon_iso {
  height: 28px;
  width: 28px;
}

.page-conf-2fa #header2_wrap + .block1290deploy {
  display: none;
  border: none;
}

.page-conf-2fa #header4_0 {
  display: none;
}

.page-conf-2fa .block520center .panel {
  border: 1px solid #E6E7EB;
}

.page-conf-2fa .block520center .panel .panel-body {
  padding: 24px;
}

.responsivetable_users span:last-child {
  display: flex;
}

input[type=submit].btn-warning, input[type=button].btn-warning, .btn-warning, a.btn-warning {
  color: #ffffff !important;
}

/* Reverse DNS */
#tab_settings .reverseDNS {
  border: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 20px !important;
}

/* Affiliate */
.affiliate_logo > div.affiliate_logo_onwhite, .affiliate_logo_icon > div.affiliate_logo_onwhite_mono, div.affiliate_logo_onwhite {
  background-color: #ffffff;
  border: 1px solid #e6e9eb;
}

.affiliate_logo > div.affiliate_logo_ondark, .affiliate_logo_icon > div.affiliate_logo_ondark_mono, .affiliate_logo_icon > div.affiliate_logo_ondark {
  background-color: #333d45;
  border: 1px solid #333d45;
}

.affiliate_logo > div.affiliate_logo_onwhite > div.logo_mono {
  background: url(https://www.vultr.com/media/logo_mono_onwhite.png) no-repeat center;
  background-size: contain;
  height: 40.878px;
}

.affiliate_logo > div.affiliate_logo_ondark > div.logo_mono {
  background: url(https://www.vultr.com/media/logo_mono_ondark.png) no-repeat center;
  background-size: contain;
  height: 40.878px;
}

.affiliate_logo > div.affiliate_logo_onwhite > div.logo {
  background: url(https://www.vultr.com/media/logo_onwhite.png) no-repeat center;
  background-size: contain;
  height: 40.878px;
}

.affiliate_logo > div.affiliate_logo_ondark > div.logo {
  background: url(https://www.vultr.com/media/logo_ondark.png) no-repeat center;
  background-size: contain;
  height: 40.878px;
}

.affiliate_logo_icon > div.affiliate_logo_onwhite > div.badge1 {
  background: url(https://www.vultr.com/media/icon_onwhite.png) no-repeat center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 37px;
}

.affiliate_logo_icon > div.affiliate_logo_ondark > div.badge1 {
  background: url(https://www.vultr.com/media/icon_ondark.png) no-repeat center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 37px;
}

.affiliate_logo_icon > div.affiliate_logo_onwhite_mono > div.badge1 {
  background: url(https://www.vultr.com/media/icon_mono_onwhite.png) no-repeat center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 37px;
}

.affiliate_logo_icon > div.affiliate_logo_ondark_mono > div.badge1 {
  background: url(https://www.vultr.com/media/icon_mono_ondark.png) no-repeat center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 37px;
}

div.affiliate_banner > img.banner_1 {
  background: url(https://www.vultr.com/media/banners/banner_160x600.png?www);
  content: '';
  width: 160px;
  height: 600px;
}

div.affiliate_banner > img.banner_2 {
  background: url(https://www.vultr.com/media/banners/banner_300x250.png?www);
  content: '';
  width: 300px;
  height: 250px;
}

div.affiliate_banner > img.banner_3 {
  background: url(https://www.vultr.com/media/banners/banner_468x60.png?www);
  content: '';
  width: 468px;
  height: 60px;
}

div.affiliate_banner > img.banner_4 {
  background: url(https://www.vultr.com/media/banners/banner_628x628.png?www);
  content: '';
  width: 628px;
  height: 628px;
}

div.affiliate_banner > img.banner_5 {
  background: url(https://www.vultr.com/media/banners/banner_728x90.png?www);
  content: '';
  width: 728px;
  height: 90px;
}

div.affiliate_banner > img.banner_6 {
  background: url(https://www.vultr.com/media/banners/banner_800x418.png?www);
  content: '';
  width: 800px;
  height: 418px;
}

div.affiliate_banner > img.banner_7 {
  background: url(https://www.vultr.com/media/banners/banner_800x800.png?www);
  content: '';
  width: 800px;
  height: 800px;
}

div.affiliate_banner > img.banner_8 {
  background: url(https://www.vultr.com/media/banners/banner_1200x600.png?www);
  content: '';
  width: 1200px;
  height: 600px;
}

div.affiliate_banner > img.banner_9 {
  background: url(https://www.vultr.com/media/banners/banner_1200x628.png?www);
  content: '';
  width: 1200px;
  height: 628px;
}

div.affiliate_banner > img.banner_10 {
  background: url(https://www.vultr.com/media/banners/banner_1200x800.png?www);
  content: '';
  width: 1200px;
  height: 800px;
}

.hidden {
  display: none;
}

div.responsivetable_backups .fonticon_snapshot {
  background: url(../_images/os/misc/icon-snapshot.svg);
  height: 20px;
  width: 20px;
}

/* VULTR CUSTOM CSS */
.floatinglabel .select2-container--default .select2-selection--single .select2-selection__rendered {
  min-width: 100px;
}

.responsivetable_ssolog > * > *:last-child {
  text-align: left;
}

table .fonticon_iso {
  height: 28px;
  width: 28px;
}

#tabc_subsbgp .tablelist tr th:last-child,
#tabc_subsbgp .tablelist tr td:last-child {
  text-align: left;
}

.backup-codes .control-label {
  position: absolute !important;
  top: 37px !important;
  left: 37px !important;
  font-weight: 300 !important;
}

.responsivetable_loadbalancers_sub > *:nth-child(1) > * {
  color: #8a9099;
  font-size: 13px;
  font-weight: normal;
}

/* Mobile Responsive Table Content Labels */
@media all and (min-width: 0px) and (max-width: 767px) {
  .responsivetable_networks > * > *:nth-child(5):before {
    content: "Actions:";
  }
  .responsivetable_objstore_sub > * > * {
    padding-left: 100px;
  }
  .responsivetable_objstore_sub > * > *:before {
    width: 100px;
  }
  .responsivetable_objstore_sub > * > *:nth-child(1):before {
    content: "Storage:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(2):before {
    content: "Location:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(3):before {
    content: "Charges:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(4):before {
    content: "Status:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(5):before {
    content: "Actions:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(4) {
    padding-top: 8px;
  }
  .responsivetable_startup > * > *:nth-child(4):before {
    content: "Actions:";
  }
  .responsivetable_startup > * > *:nth-child(4):before {
    content: "Actions:";
  }
  .responsivetable_dns > * > *:nth-child(3):before {
    content: "Actions:";
  }
  .responsivetable_blockstorage > * > *:nth-child(3):before {
    content: "Attached To:";
  }
  .responsivetable_blockstorage > * > *:nth-child(4):before {
    content: "Charges:";
  }
  .responsivetable_blockstorage > * > *:nth-child(5):before {
    content: "Charges:";
    content: "Status:";
  }
  .responsivetable_blockstorage > * > *:nth-child(5) {
    padding-top: 8px;
  }
  .responsivetable_blockstorage > * > *:nth-child(6):before {
    content: "Actions:";
  }
  .responsivetable_backups > * > * {
    padding-left: 100px;
  }
  .responsivetable_backups > * > *:before {
    width: 100px;
  }
  .responsivetable_backups > * > *:nth-child(1):before {
    content: "Description:";
  }
  .responsivetable_backups > * > *:nth-child(2):before {
    content: "OS:";
  }
  .responsivetable_backups > * > *:nth-child(3):before {
    content: "Size:";
  }
  .responsivetable_backups > * > *:nth-child(4):before {
    content: "Date:";
  }
  .responsivetable_backups > * > *:nth-child(5):before {
    content: "Status:";
  }
  .responsivetable_backups > * > *:nth-child(5),
  .responsivetable_backups > * > *:nth-child(2) {
    padding-top: 8px;
  }
  .responsivetable_backups > * > *:nth-child(6):before {
    content: "Actions:";
  }
  .responsivetable_iso > * > * {
    padding-left: 100px;
  }
  .responsivetable_iso > * > *:before {
    width: 100px;
  }
  .responsivetable_iso > * > *:nth-child(1):before {
    content: "Name:";
  }
  .responsivetable_iso > * > *:nth-child(2):before {
    content: "Status:";
  }
  .responsivetable_iso > * > *:nth-child(3):before {
    content: "MD5:";
  }
  .responsivetable_iso > * > *:nth-child(4):before {
    content: "Size 1:";
  }
  .responsivetable_iso > * > *:nth-child(5):before {
    content: "Actions:";
  }
  .responsivetable_iso > * > *:nth-child(2) {
    padding-top: 8px;
  }
  .responsivetable_iso > * > *:nth-child(6):before {
    content: "Actions:";
  }
  .responsivetable_reservedip > * > *:nth-child(5):before {
    content: "Actions:";
  }
  .responsivetable_custom > * > *:nth-child(3) {
    padding-top: 8px;
  }
  .responsivetable_snapshots > * > *:nth-child(4):before {
    content: "Date:";
  }
  .responsivetable_snapshots > * > *:nth-child(5):before {
    content: "Status:";
  }
  .responsivetable_snapshots > * > *:nth-child(6):before {
    content: "Actions:";
  }
  .responsivetable_snapshots > * > *:nth-child(5),
  .responsivetable_snapshots > * > *:nth-child(2) {
    padding-top: 8px;
  }
  .responsivetable_networks > * > *:nth-child(5):before {
    content: "Actions:";
  }
  .responsivetable_objstore_sub > * > * {
    padding-left: 100px;
  }
  .responsivetable_objstore_sub > * > *:before {
    width: 100px;
  }
  .responsivetable_objstore_sub > * > *:nth-child(1):before {
    content: "Storage:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(2):before {
    content: "Location:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(3):before {
    content: "Charges:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(4):before {
    content: "Status:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(5):before {
    content: "Actions:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(4) {
    padding-top: 8px;
  }
  .responsivetable_sshkeys > * > *:nth-child(3):before {
    content: "Actions:";
  }
  .responsivetable_sshkeys > * > *:nth-child(3),
  .responsivetable_dns > * > *:nth-child(3),
  .responsivetable_startup > * > *:nth-child(4),
  .responsivetable_blockstorage > * > *:nth-child(6),
  .responsivetable_reservedip > * > *:nth-child(5) {
    padding-top: 2px;
  }

  .responsivetable_loadbalancers_rules > * > * {
    padding-left: 100px;
  }
  .responsivetable_loadbalancers_rules > * > *:before {
    width: 100px;
  }
  .responsivetable_loadbalancers_rules > * > *:nth-child(2):before {
    content: "Load Balancer:";
  }
  .responsivetable_loadbalancers_rules > * > *:nth-child(4):before {
    content: "Instance:";
  }
  .responsivetable_loadbalancers_rules > * > *:nth-child(5):before {
    content: "Action:";
  }
  .responsivetable_loadbalancers_rules > * > *:nth-child(5) button {
    float: left;
  }
  .responsivetable_loadbalancers_rules > * > *:nth-child(4) {
    padding-top: 8px;
  }

  .responsivetable_loadbalancers_sub_index > * > * {
    padding-left: 100px;
  }
  .responsivetable_loadbalancers_sub_index > * > *:before {
    width: 100px;
  }
  .responsivetable_loadbalancers_sub_index > * > *:nth-child(1):before {
    content: "Name:";
  }
  .responsivetable_loadbalancers_sub_index > * > *:nth-child(2):before {
    content: "Location:";
  }
  .responsivetable_loadbalancers_sub_index > * > *:nth-child(3):before {
    content: "Charges:";
  }
    .responsivetable_loadbalancers_sub_index > * > *:nth-child(4):before {
    content: "Status:";
  }
  .responsivetable_loadbalancers_sub_index > * > *:nth-child(5):before {
    content: "Action:";
  }

  .responsivetable_loadbalancers_sub > * > * {
    padding-left: 100px;
  }
  .responsivetable_loadbalancers_sub > * > *:before {
    width: 100px;
  }
  .responsivetable_loadbalancers_sub > * > *:nth-child(1):before {
    content: "Name:";
  }
  .responsivetable_loadbalancers_sub > * > *:nth-child(2):before {
    content: "Status:";
  }
  .responsivetable_loadbalancers_sub > * > *:nth-child(3):before {
    content: "Downtime:";
  }
    .responsivetable_loadbalancers_sub > * > *:nth-child(4):before {
    content: "Action:";
  }
  .responsivetable_loadbalancers_sub .vps_attach_dropdown_container {
    padding-left: 0px !important;
  }
}


#tabc_subsbgp .tablelist tr th:last-child,
#tabc_subsbgp .tablelist tr td:last-child {
  text-align: left;
}

table .fonticon_iso {
  height: 28px;
  width: 28px;
}

/*
 * Survey
 */
/* Floating button */
.btn-survey {
  display: block;
  position: relative;
  height: 51px;
  width: 51px;
  border-radius: 100%;
  border-width: 0px;
  line-height: 51px;
  text-align: center !important;
  font-size: 27px;
  background-color: #3fbf70;
  color: #ffffff;
  box-shadow: 0 3px 15px -2px rgba(37, 45, 51, 0.4);
  transition: all ease-in .15s;
  outline: 0;
  cursor: pointer;
}

.btn-survey:hover {
  background-color: #45d17b;
}

.btn-survey.faded {
  background-color: #90D1B0;
}

.btn-survey i {
  display: none;
}

.btn-survey .i-survey {
  background-image: url("../_images/survey/survey-icon.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center center;
  height: 40px;
}

/* Container */
.survey-container {
  position: fixed;
  bottom: 16px;
  right: 24px;
  display: block;
  z-index: 1000;
}

.survey-container .survey-body.is-open {
  display: flex;
}

.survey-container .survey-body {
  position: absolute;
  bottom: calc(100% + 24px);
  right: 0;
  width: 360px;
  height: 230px;
  background-color: #ffffff;
  box-shadow: 0 5px 35px rgba(37, 45, 51, 0.2);
  display: none;
  border-radius: 4px;
  animation-name: fadeInUp;
  animation-duration: .3s;
}

.survey-body .survey-content {
  padding: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.survey-body .survey-content-green {
  min-width: 124px;
  background-color: #3CB878;
  height: 100%;
  position: relative;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-image: url("../_images/survey/survey-right.png");
  background-size: contain;
}

.survey-body .survey-content-green:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -12px;
  right: 16px;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #3CB878 transparent transparent transparent;
}

.survey-title {
  color: #3CB878;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 12px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .survey-title {
    display: none;
  }
  .survey-step-1 {
    height: 180px !important;
  }
}

.survey-title img {
  max-width: 30px;
  margin-left: 8px;
  margin-top: -8px;
}

.survey-description {
  color: #707474;
  font-size: 14px;
  line-height: 22px;
}

.survey-action {
  margin-top: auto;
}

.survey-container .survey-body.survey-horizontal {
  flex-direction: column;
  max-height: calc(100vh - 92px);
  height: auto;
  overflow-y: auto;
}

.survey-container .survey-body.survey-horizontal::-webkit-scrollbar {
  width: 6px;
}

.survey-container .survey-body.survey-horizontal::-webkit-scrollbar-thumb {
  background-color: #3cb878;
  outline: 0;
}

.survey-container .survey-body.survey-horizontal .survey-content {
  flex: 0 1 1;
}

.survey-container .survey-body.survey-horizontal .survey-content .capsule-container {
  margin-top: -56px;
  z-index: 2;
}

.survey-container .survey-body.survey-horizontal .survey-content .capsule-container .capsule {
  border-radius: 4px;
  background-color: #ffffff;
  border-top: 1px solid #3CB878;
  padding: 15px;
  font-size: 14px;
  line-height: 19px;
  box-shadow: 0 2px 8px rgba(37, 45, 51, 0.2);
  margin-bottom: 16px;
  color: #707474;
}

.survey-container .survey-body .survey-content .capsule-container .capsule .capsule-action {
  display: flex;
}

.survey-container .survey-body .survey-content .capsule-container .capsule .capsule-action .btn {
  flex: 1;
}

.survey-container .survey-body .survey-content .capsule-container .capsule .capsule-action .btn:first-child {
  margin-right: 8px;
}

.survey-container .capsule p:nth-child(1) {
  margin-top: 0;
  padding-top: 0;
}

.survey-container .survey-body.survey-horizontal .survey-content-green {
  background-image: url("../_images/survey/survey-top.png");
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  min-height: 118px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.survey-container .survey-body.survey-horizontal .survey-content-green:before {
  content: '';
  border-color: transparent;
}

.survey-container .survey-body.survey-horizontal .survey-content-green .survey-title {
  font-weight: 800;
  font-size: 24px;
  line-height: 28px;
  color: #ffff;
}

/* Green button */
.survey-body .btn-green {
  width: 100%;
  padding: 8px 0px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Capsule */
.capsule .capsule-success {
  display: flex;
  border: 2px solid #3CB878;
  border-radius: 50%;
  font-size: 40px;
  padding: 15px;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  color: #3CB878;
  margin: 0 auto 16px;
}

/* Capsule: Final */
.capsule-final {
  cursor: pointer;
}

/* Range input */
.range-container {
  display: flex;
}

.value-container {
  margin-top: 16px;
}

.range-container .value-container {
  display: flex;
}

.range-container .value-container .value-range {
  display: flex;
  flex: 1;
  padding: 0 2px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.range-container .value-container .value-range.is-active {
  font-weight: 500;
  color: #3cb878;
}

.slidecontainer {
  width: 100%;
  /* Width of the outside container */
}

.content-range {
  flex: 1;
}

.range-emoji img {
  max-height: 24px;
  padding-left: 16px;
  display: none;
}

.range-emoji img.is-active {
  display: block;
}

.survey-container {
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
}

.survey-container .range-slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 30px;
  background: transparent;
  outline: none;
  border-radius: 4px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.survey-container .range-slider::-moz-range-track {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 4px;
  background: transparent;
  outline: none;
  border-radius: 4px;
}

.survey-container .range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  width: 25px;
  height: 25px;
  background: #ffffff;
  z-index: 2;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  cursor: pointer;
  border: none;
  position: relative;
}

.survey-container .range-slider::-moz-range-thumb {
  display: block;
  position: relative;
  z-index: 2;
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: #ffffff;
  /* Green background */
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  cursor: pointer;
}

.survey-container .range-slider::-ms-thumb {
  display: block;
  position: relative;
  z-index: 2;
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: #ffffff;
  /* Green background */
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  cursor: pointer;
}

.survey-container .range-colors {
  position: relative;
}

.survey-container .range-colors .range-bad {
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  width: 60%;
  background-color: #ed7471;
  display: block;
  height: 4px;
  border-radius: 4px;
  z-index: 1;
}

.survey-container .range-colors .range-ok {
  position: absolute;
  top: calc(50% - 2px);
  left: calc(60% + 4px);
  width: calc(20% - 4px);
  background-color: #8ec3f2;
  display: block;
  height: 4px;
  border-radius: 4px;
  z-index: 1;
}

.survey-container .range-colors .range-great {
  position: absolute;
  top: calc(50% - 2px);
  left: calc(80% + 4px);
  width: calc(20% - 4px);
  background-color: #76cda0;
  display: block;
  height: 4px;
  border-radius: 4px;
  z-index: 1;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .survey-container {
    /*---------- IE Hacks ----------*/
    /*.range-colors .range-bad,.range-colors .range-ok,.range-colors .range-great{
            display: none;
        }*/
  }
  .survey-container .range-slider {
    padding: 12px 0;
    height: 50px;
  }
  .survey-container .range-emoji {
    margin-top: 14px;
  }
  .survey-container .value-container {
    margin-top: 0;
  }
  .survey-container input[type=range] {
    padding: 8px 0;
  }
  .survey-container input[type=range]::-ms-track {
    width: 300px;
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
  }
  .survey-container input[type=range]::-ms-thumb {
    border: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  }
  .survey-container input[type=range]::-ms-fill-lower {
    background-color: transparent;
  }
}

@supports (-ms-ime-align: auto) {
  .survey-container .range-slider {
    height: 30px;
  }
  .survey-container .range-emoji {
    margin-top: 0;
  }
}

/* Responsiveness */
@media (max-width: 991px) {
  .survey-container {
    left: 24px;
    bottom: 16px;
  }
  .survey-container .survey-body {
    left: 0;
    flex-direction: row-reverse;
  }
  .survey-body .survey-content-green:before {
    left: 16px;
  }
  .survey-body .survey-content-green {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}

@media (max-width: 430px) {
  .survey-body .survey-content-green {
    display: none;
  }
  .survey-container .survey-body {
    width: auto;
  }
}

/* Animations */

@keyframes fadeInUp {
  0% {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
  opacity: 1;
}

/* Select2 */
.survey-container .select2-selection__rendered {
  padding-top: 0px !important;
}

.storage-calculator {
  float: left;
  display: flex;
  align-items: center;
  height: 274px;
  width: 100%;
  margin-bottom: 16px;
  border: 1px solid #E6E7EB;
}

.storage-calculator__title {
  margin-bottom: 24px;
  color: #1e2736;
  font-size: 17px;
  font-weight: 500;
}

.storage-calculator__content {
  position: relative;
  z-index: 3;
  flex: 1;
  padding: 32px 80px 32px 32px;
  width: 100%;
  max-width: 760px;
}

.storage-calculator__calc {
  display: flex;
  margin-top: 80px;
}

.storage-calculator__calc > div {
  color: #70757d;
  font-size: 15px;
  max-width: 100%;
  padding-right: 16px;
}

.storage-calculator__calc > div .value {
  display: flex;
  margin-top: 10px;
  color: #1e2736;
  font-size: 36px;
  font-weight: 300;
}

.storage-calculator__calc > div .value-price {
  color: #007bfc;
  font-weight: 500;
}

.storage-calculator__calc > div .value .cycle {
  font-size: 24px;
  font-weight: 400;
}

.storage-calculator__illustration {
  position: relative;
  height: 100%;
  width: 396px;
  margin-left: auto;
}

.storage-calculator__illustration .svg-container {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  height: 400px;
  width: 100%;
  min-width: 586px;
}

.storage-calculator__illustration .svg-illustration {
  position: absolute;
  bottom: -80px;
  left: 112px;
}

.storage-calculator [data-sc-ssd-ilustrations] > * {
  transform: translateY(-100px);
  transition: transform .3s,visibility .3s,opacity .3s;
  opacity: 0;
  visibility: hidden;
}

.storage-calculator [data-sc-ssd-ilustrations] > *.is-animated {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.storage-calculator .range-slider {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: none;
  width: 100%;
}

.storage-calculator .range-slider * {
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.storage-calculator .range-slider[disabled] .range-slider-connect {
  background: #B8B8B8;
}

.storage-calculator .range-slider[disabled].range-slider, .storage-calculator .range-slider[disabled].range-slider-handle, .storage-calculator .range-slider[disabled].range-slider-handle {
  cursor: not-allowed;
}

.storage-calculator .range-slider__base {
  cursor: pointer;
  border: 1px solid #d3d6e2;
  border-left: none;
}

.storage-calculator .range-slider__base, .storage-calculator .range-slider__connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  border-right: none;
}

.storage-calculator .range-slider__base {
  z-index: 999;
}

.storage-calculator .range-slider__base:before, .storage-calculator .range-slider__base:after {
  content: '';
  margin-left: -14px;
  position: absolute;
  top: -1px;
  width: 16px;
  height: 115%;
  background: #fff;
  border: 1px solid #d3d6e2;
}

.storage-calculator .range-slider__base:before {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  right: -16px;
  border-left: none;
}

.storage-calculator .range-slider__base:after {
  left: auto;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-right: none;
}

.storage-calculator .range-slider__connects:before {
  content: '';
  position: absolute;
  z-index: 3;
  top: 3px;
  left: -11px;
  width: 16px;
  height: 8px;
  background: #007bfc;
  border-radius: 8px;
}

.storage-calculator .range-slider__connect {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 3px;
  width: 100%;
  transform-origin: 0 0;
  height: 8px;
  background: #007bfc;
}

.storage-calculator .range-slider__origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transform-origin: 0 0;
  left: auto;
}

.storage-calculator .range-slider__handle {
  position: absolute;
  right: -19px;
  left: auto;
  width: 38px;
  height: 32px;
  top: 0;
  bottom: 0;
  margin: auto;
  box-shadow: 0 3px 8px 0px rgba(10, 14, 29, 0.04), 0px 8px 24px 0px rgba(10, 14, 29, 0.08);
  background-color: #007bfc;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy45NzkgMTEuOTgiPjxwYXRoIGRhdGEtbmFtZT0iUHJvc3Rva8SFdCAxIGtvcGlhIDQiIGQ9Ik0xNy45ODkgMTEuOThsLTEtMSA0Ljk5LTQuOTktNC45OS00Ljk5MSAxLTEgNS45OSA1Ljk5LTUuOTkgNS45OXptLTEyIDBMMCA1Ljk4OWw1Ljk5LTUuOTkgMSAxTDIgNS45ODlsNC45OSA0Ljk5LTEgMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 20px 10px;
  border-radius: 3px;
}

.storage-calculator .range-slider__handle:hover, .storage-calculator .range-slider__handle:focus, .storage-calculator .range-slider__handle:active {
  outline: none;
  cursor: pointer;
}

.storage-calculator .range-slider__state-tap {
  transition: transform 0.3s;
}

.storage-calculator .range-slider__state-tap .range-slider-connect,
.storage-calculator .range-slider__state-tap .range-slider-origin {
  transition: transform 0.3s;
}

.storage-calculator .range-slider__state-drag * {
  cursor: inherit !important;
}

.storage-calculator .range-slider--horizontal {
  height: 16px;
  margin-left: 16px;
}

.storage-calculator .range-slider__pips {
  position: relative;
  height: 40px;
  top: 0;
  left: 0;
  width: 100%;
}

.storage-calculator .range-slider__marker {
  display: none;
}

.storage-calculator .range-slider__value {
  top: 0;
  position: absolute;
  white-space: nowrap;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  padding: 8px 0 0;
  transform: translate(-50%, 50%);
  transition: color ease 0.2s;
}

.storage-calculator .range-slider__value:before {
  position: absolute;
  top: 0px;
  left: 50%;
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  margin-left: -2px;
  background: #DCDEE0;
  border-radius: 100%;
  transition: all ease 0.2s;
}

.storage-calculator .range-slider__value.is-active {
  color: #007bfc;
}

.storage-calculator .range-slider__value.is-active:before {
  background: #007bfc;
}

.storage-calculator .range-slider__value:hover {
  color: #007bfc;
}

.storage-calculator .range-slider-container__top {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  width: calc(100% + 32px);
  font-size: 17px;
}

.storage-calculator .range-slider-container__price {
  color: #007bfc;
}

.storage-calculator .storage-calculator__calc > div {
  color: #70757d;
  font-size: 15px;
  max-width: 100%;
  padding-right: 16px;
}


.storage-calculator .sign {
  width: 24px;
  height: 24px;
  border: 1px solid #D3D6E2;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
  transition: all ease-in .15s;
}

.storage-calculator .sign:hover,
.storage-calculator .sign:focus,
.storage-calculator .sign:active {
  border-color: #8A96B3;
}

.storage-calculator .sign:after,
.storage-calculator .sign:before {
  background: #8A96B3;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 10px;
  height: 10px;
}

.storage-calculator .sign-minus:after {
  height: 2px;
}

.storage-calculator .sign-minus:before {
  display: none;
}

.storage-calculator .sign-plus:after {
  height: 2px;
}

.storage-calculator .sign-plus:before {
  width: 2px;
}

.storage-calculator__calc > div:first-child {
  min-width: 250px;
}
.storage-calculator__calc > div {
  color: #70757d;
  font-size: 15px;
  max-width: 100%;
  padding-right: 16px;
}

.storage-calculator__calc > div .value .sign + * {
    margin-left: 8px;
}

.storage-calculator__calc > div .value * + .sign {
    margin-left: 8px;
}

.storage-calculator__input {
    outline: none;
}

.storage-calculator-sm {
  height: 224px;
}

.storage-calculator-sm .storage-calculator__content {
  padding: 24px 80px 24px 16px;
}

.storage-calculator-sm .storage-calculator__title {
  margin-bottom: 20px;
}

.storage-calculator-sm .storage-calculator__calc {
  margin-top: 64px;
}

.storage-calculator-sm .storage-calculator__calc > div .value {
  display: flex;
  margin-top: 10px;
  font-size: 36px;
  font-weight: 300;
}

.storage-calculator-sm .storage-calculator__calc > div .value-price {
  font-weight: 500;
}

.storage-calculator-sm .storage-calculator__calc > div .value .cycle {
  font-size: 24px;
}

.storage-calculator-sm .storage-calculator__illustration {
  width: 260px;
  margin-left: auto;
}

.storage-calculator-sm .storage-calculator__illustration .svg-container {
  height: 320px;
  min-width: 426px;
}

.storage-calculator-sm .storage-calculator__illustration .svg-illustration {
  position: absolute;
  bottom: -50px;
}

.storage-calculator-sm .storage-calculator__slider {
  width: 445px;
}

.storage-calculator--flex {
  height: auto;
  overflow: hidden;
}

.storage-calculator--flex .storage-calculator__content {
  padding-top: 20px;
  padding-bottom: 27px;
}

.storage-calculator--flex .storage-calculator__slider {
  max-width: 580px;
}

.storage-calculator--flex .storage-calculator__slider + .storage-calculator__slider {
  margin-top: 48px;
}

.storage-calculator--flex .storage-calculator__illustration {
  top: -58px;
  left: -7px;
  margin-top: 53px;
}

.storage-calculator--flex .storage-calculator__calc {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  line-height: 18px;
  color: #8a9099;
}

.storage-calculator--flex .storage-calculator__price {
  display: flex;
  align-items: flex-end;
}

.storage-calculator--flex .storage-calculator__price .value-price {
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
}

.storage-calculator--flex .storage-calculator__price .value + .value {
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
  color: #8a9099;
  margin-left: 8px;
  margin-bottom: 4px;
}

.storage-calculator--flex .range-slider__value.is-active {
  padding-top: 0;
}

.storage-calculator--flex .range-slider__value.is-active:before {
  display: none;
}

.storage-calculator--flex .range-slider__value:not(.is-active) {
  overflow: hidden;
  text-indent: -500px;
  width: 4px;
}

.flex-ilustration {
  position: relative;
}

.flex-ilustration__computer, .flex-ilustration__server-back, .flex-ilustration__server-front, .flex-ilustration__ram-container, .flex-ilustration__vCPU-container, .flex-ilustration__vCPU-container {
  position: absolute;
}

.flex-ilustration__server {
  width: 100%;
  height: 390px;
}

.flex-ilustration__server-back {
  z-index: 20;
  height: 388px;
  width: 427px;
}

.flex-ilustration__server-front {
  z-index: 100;
  top: 126px;
  height: 179px;
  width: 425px;
}

.flex-ilustration__vCPU, .flex-ilustration__ram, .flex-ilustration__ssd {
  transform: translateY(-100px);
  transition: 0.3s transform, 0.3s visibility, 0.3s opacity;
  opacity: 0;
  visibility: hidden;
}

.flex-ilustration__vCPU svg, .flex-ilustration__ram svg, .flex-ilustration__ssd svg {
  margin: 0;
}

.flex-ilustration__vCPU.is-animated, .flex-ilustration__ram.is-animated, .flex-ilustration__ssd.is-animated {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.flex-ilustration__vCPU-container {
  z-index: 40;
  position: absolute;
  width: 95px;
  left: 166px;
  top: 128px;
}

.flex-ilustration__vCPU {
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  position: absolute;
  height: 57px;
  width: 92px;
}

.flex-ilustration__vCPU:nth-child(1) {
  bottom: 10px;
  z-index: 60;
}

.flex-ilustration__vCPU:nth-child(2) {
  bottom: 20px;
  z-index: 70;
}

.flex-ilustration__vCPU:nth-child(3) {
  bottom: 30px;
  z-index: 80;
}

.flex-ilustration__vCPU:nth-child(4) {
  bottom: 40px;
  z-index: 90;
}

.flex-ilustration__vCPU:nth-child(5) {
  bottom: 50px;
  z-index: 100;
}

.flex-ilustration__vCPU:nth-child(6) {
  bottom: 60px;
  z-index: 110;
}

.flex-ilustration__vCPU:nth-child(7) {
  bottom: 70px;
  z-index: 120;
}

.flex-ilustration__vCPU:nth-child(8) {
  bottom: 80px;
  z-index: 130;
}

.flex-ilustration__vCPU:nth-child(9) {
  bottom: 90px;
  z-index: 140;
}

.flex-ilustration__vCPU:nth-child(10) {
  bottom: 100px;
  z-index: 150;
}

.flex-ilustration__ram-container {
  z-index: 50;
  position: absolute;
  height: 100px;
  width: 101px;
  top: 84px;
  left: 232px;
}

.flex-ilustration__ram {
  display: block;
  position: absolute;
  height: 100px;
  width: 101px;
  z-index: 50;
}

.flex-ilustration__ram:nth-child(2) {
  top: 7px;
  left: 11px;
  z-index: 60;
}

.flex-ilustration__ram:nth-child(3) {
  top: 13px;
  left: 21px;
  z-index: 60;
}

.flex-ilustration__ram:nth-child(4) {
  top: 19px;
  left: 32px;
  z-index: 70;
}

.flex-ilustration__ram:nth-child(5) {
  top: 25px;
  left: 43px;
  z-index: 80;
}

.flex-ilustration__ram:nth-child(6) {
  top: 32px;
  left: 54px;
  z-index: 80;
}

.flex-ilustration__ram:nth-child(7) {
  top: 38px;
  left: 65px;
  z-index: 90;
}

.flex-ilustration__ram:nth-child(8) {
  top: 44px;
  left: 75px;
  z-index: 100;
}

.flex-ilustration__ssd-container {
  z-index: 60;
  position: absolute;
  height: 79px;
  width: 111px;
  top: 113px;
  left: 40px;
}

.flex-ilustration__ssd {
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  position: absolute;
  height: 79px;
  width: 111px;
  margin: 0;
}

.flex-ilustration__ssd:nth-child(2) {
  top: 38px;
  left: 67px;
}

.flex-ilustration__ssd:nth-child(3) {
  top: 77px;
  left: 135px;
}

.flex-ilustration__lines svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: auto;
  max-width: unset;
  pointer-events: none;
}

.flex-ilustration__lines svg path {
  stroke: #007bfc;
  stroke-width: 1px;
  fill: none;
  transition: 1s stroke-dashoffset;
  transition-timing-function: cubicBezier(0.16, 0, 0, 1);
}

.flex-ilustration__lines svg:nth-child(1) {
  top: 260px;
  left: 16px;
  height: 251.88px;
  width: 135.62px;
}

.flex-ilustration__lines svg:nth-child(1) path {
  stroke-dashoffset: -386.177px;
  stroke-dasharray: 386.177px;
}

.flex-ilustration__lines svg:nth-child(2) {
  top: -13px;
  left: -18px;
  width: 426.97px;
  height: 330.28px;
}

.flex-ilustration__lines svg:nth-child(2) path {
  stroke-dashoffset: 709.204px;
  stroke-dasharray: 709.204px;
}

.flex-ilustration__lines svg:nth-child(3) {
  top: 279px;
  left: 167px;
  width: 258.56px;
  height: 160.34px;
}

.flex-ilustration__lines svg:nth-child(3) path {
  stroke-dashoffset: -373.942px;
  stroke-dasharray: 373.942px;
}

.flex-ilustration__lines svg.is-animated path {
  stroke-dashoffset: 0px !important;
}

@media (max-width: 1200px) {
  .storage-calculator {
    height: 224px;
  }
  .storage-calculator__content {
    padding: 24px 80px 24px 16px;
  }
  .storage-calculator__title {
    margin-bottom: 20px;
  }
  .storage-calculator__calc {
    margin-top: 56px;
  }
  .storage-calculator__calc > div {
    font-size: 13px;
  }
  .storage-calculator__calc > div .value {
    margin-top: 4px;
    font-size: 28px;
  }
  .storage-calculator__calc > div .value .cycle {
    font-size: 24px;
  }
  .storage-calculator__illustration {
    width: 310px;
    margin-left: auto;
  }
  .storage-calculator__illustration .svg-container {
    height: 320px;
    min-width: 446px;
  }
  .storage-calculator__illustration .svg-illustration {
    position: absolute;
    bottom: -56px;
  }
}

@media (max-width: 991px) {
  .storage-calculator {
    height: auto;
    overflow: hidden;
  }
  .storage-calculator__content {
    padding: 16px 56px 16px 16px;
  }
  .storage-calculator__title {
    margin-bottom: 20px;
  }
  .storage-calculator__calc {
    margin-top: 56px;
  }
  .storage-calculator__calc > div {
    font-size: 13px;
  }
  .storage-calculator__calc > div .value {
    margin-top: 4px;
    font-size: 28px;
  }
  .storage-calculator__calc > div .value .cycle {
    font-size: 24px;
  }
  .storage-calculator__illustration {
    display: none;
  }
  .storage-calculator-sm .storage-calculator__slider {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .storage-calculator {
    height: auto;
    overflow: hidden;
  }
  .storage-calculator__content {
    padding: 16px 56px 16px 16px;
  }
  .storage-calculator__calc {
    margin-top: 32px;
  }
  .storage-calculator .range-slider__value {
    text-indent: -9999px;
  }
}

@media (max-width: 555px) {
  .storage-calculator-sm .storage-calculator__calc > div .value {
    font-size: 34px;
  }
  .storage-calculator__calc > div:first-child {
    min-width: 200px;
  }
}
@media (max-width: 479px) {
  .storage-calculator .storage-calculator__calc > div .value {
    font-size: 24px;
  }
  .storage-calculator-sm .storage-calculator__calc > div .value {
    font-size: 20px;
  }
  .storage-calculator__calc > div:first-child {
    min-width: 160px;
  }
}

@media (max-width: 375px) {
  .storage-calculator-sm .storage-calculator__calc > div:first-child {
    min-width: 145px
  }

  .storage-calculator-sm .storage-calculator__slider {
    width: 245px;
  }
}


.tablelist-forwarding-rules .cell-instance div, .tablelist-forwarding-rules .cell-load-balancer div {
  display: flex;
}

.tablelist-forwarding-rules .cell-instance div > input, .tablelist-forwarding-rules .cell-load-balancer div > input {
  margin-right: 8px;
}

.tablelist-forwarding-rules .cell-instance div > .floatinglabel, .tablelist-forwarding-rules .cell-load-balancer div > .floatinglabel {
  margin-right: 8px;
  margin-bottom: 0;
}

.tablelist-forwarding-rules .cell-instance div > *:last-child, .tablelist-forwarding-rules .cell-load-balancer div > *:last-child {
  margin-right: 0;
}

.tablelist-forwarding-rules .cell-instance input, .tablelist-forwarding-rules .cell-load-balancer input {
  min-width: 80px;
}

.tablelist-forwarding-rules .cell-arrow {
  text-align: center;
}

.tablelist-forwarding-rules .cell-arrow .arrow {
  align-items: center;
  justify-content: center;
}

.tablelist-forwarding-rules .cell-arrow svg {
  margin: 0 auto;
}

.tablelist-forwarding-rules .select2 {
  margin-bottom: 0 !important;
}

.tablelist-forwarding-rules .cell-another-rule {
  text-align: left;
}

.tablelist-forwarding-rules .cell-another-rule .button {
  margin-left: -21px;
  background: none;
  text-align: left;
  align-items: center;
  display: flex;
}

.tablelist-forwarding-rules .arrow {
  width: 20px;
  padding-left: 5px;
  position: initial;
}
.input-number-arrows {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    width: 28px;
    border-left: 1px solid #DCDEE0;
}
.input-number-arrow-up {
    transform: rotate(180deg);
}
.input-number-arrow-up, .input-number-arrow-down {
    height: 50%;
    position: relative;
    cursor: pointer;
}

.input-number-arrow-down {
    border-top: 1px solid #DCDEE0;
}

.input-number-arrow-up:after, .input-number-arrow-down:after {
    content: '';
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    position: absolute;
    width: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: border-color ease .3s;
}


#deploy_block_load_balancer .add-rule-panel .button {
    margin-left: -21px;
    background: none;
    text-align: left;
    align-items: center;
    display: flex;
}

#deploy_block_load_balancer .add-rule-panel {
  border-top: none;
}
#deploy_block_load_balancer .add-rule-panel .panel-body {
  padding: 4px;
  padding-left: 15px;
}

.add-forwarding-rule a {
  text-align: left;
  cursor: pointer;
  color: #007bfc;
  font-weight: 800;
}

.add-forwarding-rule {
  border-top: none;
  margin-bottom: none;
}

.http_path_error {
  color: red;
  font-size: 11px;
  z-index: 100;
  position: relative;
  top: -3px;
}

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

label[data-input-number] input[type=number] {
    -moz-appearance:textfield;
}
/* logged out */
.loggedout_body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
  padding: 16px;
  margin: 0;
  background: linear-gradient(90deg,#021048,#1e38a3);
  background-attachment: fixed;
}

.loggedout_fluid_container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.loggedout_vcenter {
  margin: 120px 0px;
}

@media all and (max-width:768px) {
  #loggedout_module {
    margin-bottom: 100px;
  }
}

.loggedout_vcenter > div#loggedout_container > div#loggedout_module {
  min-height: 420px;
  min-width: 365px;
  max-width: 420px;
  padding: 40px;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  overflow-x: hidden;
}

.loggedout_vcenter > div#loggedout_container > div#loggedout_module > a {
  display: block;
  height: 58px;
  width: 227px;
  margin: 0 auto 30px auto;
  background-image: url(/_images/logo__on-white.svg);
  background-size: auto 50px;
  background-repeat: no-repeat;
}

@media (min-width: 768px) and (min-height: 700px)
{
  .loggedout_vcenter { position: absolute; top: 50%; width: 100%; margin-top: -220px; }
}

.products_TableText {
  vertical-align: middle;
  color: #616366;
}

.affiliate_campaign {
  display: inline-block;
  margin-right: 15px;
  color: #363b40;
  font-weight: bold;
}

.legend{
	margin-left: 30%;
}

.ticketmessage{
  padding:20px 24px 20px 24px;
  border-radius:4px;
  margin-bottom:20px;
  background-color:#eeeeee;
}

.theme-switch {
  display:flex;
  margin:0 -12px 24px;
}

.theme-switch__option {
	width: 272px;
	padding: 12px 12px 12px 12px;
	margin: auto;
}

.theme-switch__option input[type=radio] {
  display:none;
}

.theme-switch__preview {
  position:relative;
  background:#fff;
  border:1px solid #e6e7eb;
  cursor:pointer;
  transition:all .2s ease-in;
  width: 248px;
}

.theme-switch__option input[type=radio]:checked+.theme-switch__preview {
  box-shadow:0 8px 16px 0 rgba(10,14,29,.04),0 8px 64px 0 rgba(10,14,29,.08);
  border-color:transparent;
}
.theme-switch__option input[type=radio]:checked+.theme-switch__preview .theme-switch__checkmark {
  opacity:1;
  position:absolute;
}

.theme-switch__img {
  text-align:center;
  padding:24px 0 0;
  overflow:hidden;
}

.theme-switch__img img {
  box-shadow:0 3px 8px 0 rgba(10,14,29,.04),0 8px 24px 0 rgba(10,14,29,.08);
  vertical-align:bottom;
}
.theme-switch__name {
  text-align:center;
  color: rgb(78, 82, 89);
  padding:6px 10px;
  border-top:1px solid #e6e7eb;
}

.theme-switch__checkmark {
  display:block;
  position:absolute;
  top:-1px!important;
  right:-1px;
  width:34px;
  height:34px;
  background:url(../_images/icons/deploy_checkmark.svg) no-repeat;
  background-size:cover;
  opacity:0;
  transition:all .2s ease-in;
}

.theme-switch__checkmark:before {
  position:absolute;
  top:-2px;
  right:0;
  height:20px;
  width:20px;
  font-size:19px;
  line-break:20px;
  text-align:center;
  color:#fff;
  content:"\f26b";
  font-family:Material-Design-Iconic-Font;
}

.theme-switch__option--dark .theme-switch__preview {
  background:#45464d;
  border-color:#45464d;
}

.theme-switch__option--dark .theme-switch__name {
  border-top-color:#5c5c63;
  color: rgba(255,255,255, 0.64);
}

svg:not(:root):not(.svg-product) {
  overflow: hidden;
}
.icon-sm {
  height: 48px;
  width: 48px;
}
.icon-sm .fill-primary {
  fill: #007bfc;
}
.icon-sm>* {
  fill: none;
}
.icon-sm .fill-gradient {
  fill: #cadefe;
  stroke: #cadefe;
  stroke-width: 1;
}
.icon-sm .fill-primary.stroke-primary {
  stroke-width: 1;
}
.icon-sm .stroke-primary, .icon-sm .stroke-primary-l {
  stroke: #007bfc;
}
.icon-sm .stroke-dark, .icon-sm .stroke-primary, .icon-sm .stroke-primary-l {
  stroke-linecap: round;
  stroke-linejoin: round;
}
.icon-sm .fill-primary {
  fill: #007bfc;
}
.icon-sm .stroke-dark {
  stroke: #142149;
}
.nav__item-icon {
  order: 1;
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin-top: 2px;
}