@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@font-face {
    font-family:'Lato-Semibold';
    src: url('../fonts/Lato-Semibold.eot');
    src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Semibold.woff') format('woff'),
        url('../fonts/Lato-Semibold.ttf') format('truetype'),
        url('../fonts/Lato-Semibold.svg#Lato-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FEFF;
}

html {
  scroll-behavior: smooth;
  font-size: 10px;
  font-family: sans-serif;
  height: 100%;
}
body {
  font-family: 'Lato', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  color: #333 !important;
  background-color: #fff !important;
  font-weight: 400 !important;
  margin: 0;
}
.header {
    padding: 10px 0 0px;
    background-image: linear-gradient(to bottom, #1296bd, #016998, #1c4e80);
    min-height: 90px;
    position: fixed;
    width: 100%;
    z-index: 10;
    display: block;
}
.header-left {
    float: left;
    width: 230px;
    }
.header-left .logo img {
    width: auto;
    position: relative;
    max-height: 60px;
    }
.header-right {
    float: right;
    width: 200px;
    }
.header-right ul {
    width: 100%;
    text-align: center;
    color: #adbeee;
    margin: 0px;
    float: right;
    }
.dropdown.user.user-menu {
    width: 33.3333%;
}
.dropdown.user.user-menu a i {
    border-radius: 50%;
    border: solid 3px #f58634;
    width: 45px;
    height: 45px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 39px;
}
.dropdown-toggle {
    margin: 0 27.45px !important;
    padding: 0 !important;
}

.header-right .dropdown-menu {
    padding: 0;
}
.navbar-nav > li > a::hover {
    background-color: transparent;
}
ul.dropdown-menu:before {
    content: '';
    border-bottom: 16px solid #f48534;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    position: absolute;
    top: -15px;
}
.user-menu.open ul.dropdown-menu  , .d-menu {
    max-width: 300px;
    position: absolute;
    top: 100%;
    border: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    top: 80px;
    right: 0px; 
}
li.dropdown.open .dropdown-menu {
    z-index: 9999;
}
.dropdown-menu li {
    list-style: none;
    float: none;
}
.user-header.bg-light-blue {
    padding: 5px 5px;
    display: inline-block;
    width: 100%;
    background: #f48534;
    border-radius: 4px 4px 0 0;
}
.user-icone i {
    background: #f48534;
    border-radius: 50%;
    border: solid 2px #004485;
    width: 42px;
    height: 42px;
    color: #004485;
    text-align: center;
    font-size: 21px;
    line-height: 36px;
    }
#clientes {
    position: absolute;
    right: -214px; 
}
#conductores {
    position: absolute;
    right: -114px; 
}
#administradores {
    position: absolute;
    right: -15px; 
}
#clientes::before {
    position: absolute;
    top: -15px;
    right: 250px; 
}
#conductores::before {
    position: absolute;
    top: -15px;
    right: 150px;  
} 
#administradores::before {
    position: absolute;
    top: -15px;
    right: 50px; 
}
.dropdown-menu > li > a {
    font-size: 15px;
    padding: 8px 8px;
    color: #034381;
    border-bottom: 1px solid #f7f7f7;
    text-align: left;
    height: 40px;
    text-decoration: none;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 13px;
}
.header-right .dropdown-menu {
    min-width: 300px;
}
.header-right .navbar-nav .open .dropdown-menu {
        z-index: 99999;
    }      
.user-icone {
    float: left;
}
.fa-sign-in-alt {
    align-content: center;
}
.fa, .fab, .fad, .fal, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.client-name {
    margin-top: 4px;
    color: #004485;
    font-size: 22px;
    font-weight: 900;
    text-align: center;
}
.top-resp {
    display: none;
}
.wrapper {
    width: 100%;
    min-height: 100vh;
}
.foto::before {
    content: "En MovilExpress: Su Comodidad, Nuestra Misión; Su Seguridad, Nuestra Obsesión";
    background: url("../images/cabina3.jpg") no-repeat;
    background-size: cover;
    display: inline-block;
    width: 100%;
    height: 300px;
    z-index: 0;
    font-size: 28px;
    font-weight: 900;
    position: relative;
    padding: 200px 45px 0 45px;
    text-align: center;
    color: #fff;
}
#sidebar {
    top: 90px;
    z-index: 999;
    min-width: 295px;
    max-width: 295px;
    background: #1c4e80 url(../images/nav-bg.png) repeat-y;
    color: #fff;
    position: fixed;
    height: 100%;
    transition: all 0.3s;
}
.department {
    padding: 10px;
    /*margin: 10px;*/
    border: solid 2px #fff;
    box-shadow: 0 0 10px #ccc;
    border-radius: 8px;
}
.all-support {
    display: flex;
    width: 100%;
}
.all-support ul {
    display: inline-block;
    width: 100%;
}
.all-support li {
    width: 30%;
    display: inline-block;
    margin: 10px;
}
.all-support li a {
    background: #fff;
    width: 100% !important;
    border: solid 2px #fff;
    padding: 20px;
    box-shadow: 0 0 10px #ccc;
    float: left;
    margin: 10px;
    border-radius: 4px;
    min-height: 220px;
    text-decoration: none;
}
.quest span {
    margin: 10px;
    color: #004384;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    display: block;
    padding-left: 30px;
    text-align: justify;
}
.shift-btn {
    position: absolute;
    bottom: auto;
    float: right;
    background: none;
    border: none;
    margin-right: -18px;
    right: 0px;
}
.footer {
    height: 200px;
    display: inline-block;
    width: 100%;
    box-shadow: 0 0 10px #ccc;
    margin: 10px;
    border: solid 2px #fff;
    padding: 30px;
}
.footer section  {
    border: solid 2px #fff;
    border-radius: 4px;
}
.footer section span {
    font-size: 12px;
    font-weight: 600;
    font-style: italic;
}
.iconos {
    padding: 10px;
    vertical-align: bottom;
    display: inline-block;
}
.footer p {
    text-align: center;
    color: #1c4e80;
    font-size: 13px;
    margin: 0px !important;
}
.nosotros span {
    text-align: left;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin: 10px;  
}
.saludo>div{
    font-size: 1.1em !important;
    padding-right: 40px !important;
    top: 70px;
}
.quest i {
    height: 30px;
    width: 30px;
    display: inline-block;
}
.quest h2 {
    width: 100%;
    display: inline-block;
    margin: 10px 5px;
    color: #1b66ef;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    min-height: 44px;
}
.navbar-right {
    margin-right: 0px;
}
.footer div{
    width: 30%;
}


/*---[servicios]---*/
.cabecera {
    top: 0px;
}
.servicios.wrapper {
    position: relative;
    top: 25px;
}
.movilidad {
    background: url(../images/servicios.jpg) no-repeat;
    min-height: 600px;
    /*opacity: 0.9;*/
    background-color: #1c4e8040;
}
.colaboradores {
    background: url(../images/colaboradores.jpg) no-repeat;
    min-height: 600px;
    /*opacity: 0.9;*/
    background-color: #1c4e8040;
}
.noticias {
    background: url(../images/noticias.jpg) no-repeat;
    min-height: 600px;
    /*opacity: 0.9;*/
    background-color: #1c4e8040;
}
.all-support li .serv-mov {
  list-style: none;
  text-align: left;
}
#dep-15 span {
    line-height: 10px;
    text-align: left;
}
.serv-mov li {
    list-style: circle;
    text-align: left;
}
#sidebar ul li a {
    padding: 15px 14px;
    font-size: 1.1em;
    display: block;
    border-bottom: 1px solid #104274;
    border-left: 1px solid transparent;
    transition: 1s;
    text-decoration: none;
}
#mov {
    display: none;
}
#sidebar.active #mov {
    display: block;
}
.servicio1, .servicio2, .servicio3 {
  width: 32%;
  margin: 5px;
  background: #fff;
  border: solid 2px #fff;
  padding: 5px;
  box-shadow: 0 0 10px #ccc;
  float: left;
  border-radius: 4px;
  min-height: 700px;
  text-decoration: none;

}
ul li::marker {
  color: #ed8335;
  font-size: 1.5em;
}
.serv span {
  margin: 1px;
  color: #004384;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  display: block;
  padding-left: 1px;
  text-align: justify;
}
.serv li {
    width: 95%;
    display: inline-block;
    margin: 5px;
}
.service {
    padding: 10px;
    margin: 10px;
    border: solid 2px #fff;
    box-shadow: 0 0 10px #ccc;
    border-radius: 8px;
    display: inline-block;
    width: 30%;
}
.service img {
    border: 2px solid #f2e9e3;
    border-radius: 10px;
    display: inline-block;
    width: 100%;    
}
.serv ul {
    border-radius: 10px;
    background-color: #ffffff;
    opacity: 0.6;
    border: 1px solid #f28534;
    width: 100%;
}
.serv h2 {
    color: #f58533;
    text-align: center;
    font-size: 24px;
}

/*---[contacto]---*/

.contacto {
    position: relative;
    top: -10px;
    width: 100%;
    display: inline-block;
}
.cont {
    background-size: cover;
    background-image: url(../images/formulario.jpg);
    background-repeat: no-repeat;
    max-height: 680px;
}
.formulario {
    width: 100%;
    display: inline-block;
    margin: 80px;
    padding: 80px;
    background-color:#ffffff;
    opacity: 0.7;
    border: 1px solid #1c4e80;
    border-radius: 20px;
    background-size: cover;
    max-width: 700px;
    color: #1c4e80;
}
.formulario h1{
   text-align: center; 
}
.formulario input {
    position: relative;
   left: 20px; 
}
.formulario textarea {
    position: relative;
   left: 15px; 
}
.formulario span {
    font-weight: 600; 
}
.aviso {
    font-weight: 600; 
}


/*---[registro]---*/

.login-bg {
  padding: 50px 0;
  background: url(../images/login-bg.jpg) no-repeat;
    background-attachment: scroll;
    background-size: auto;
  background-size: cover;
  background-attachment: fixed;
}
.hidden {
  display: none !important;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning, .alert-info, .providerLinkingFeedback.alert.alert-danger {
  width: 100%;
  float: left;
}
.text-center {
  text-align: center;
}
div#page-wrapper {
    padding-bottom: 50px;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.host-row {
    background: url(../images/login-blue-bg.jpg) no-repeat;
    background-size: cover;
    display: inline-block;
    width: 100%;
}
.bg-box {
    padding: 15px 0 33px;
    background: #fff;
    min-height: 650px;
}
.back-arrow {
    margin-left: 20px;
    width: 10%;
}
.back-arrow a {
    color: #000;
    height: 40px;
    border: solid 1px #ccc;
    border-radius: 50%;
    box-shadow: 0 0 10px #ccc;
    display: inline-block;
    text-align: center;
    width: 40px;
    font-size: 18px;
    line-height: 36px;
}
.titel-sup {
    margin-bottom: 24px;
    font-size: 23px;
    padding-left: 15px !important;
    color: #004485;
    font-weight: 900;
    text-transform: uppercase;
    width: 80%;
    text-align: center;
    top: 20px;
}
.info-titel {
    font-size: 18px;
    color: #1c4e80;
    font-weight: 300;
    padding: 0 15px;
    margin-bottom: 25px;
}
.asignarTiempos {
  font-size: 24px;
  font-weight: 600;
}
body h1, h2, h3, h4, h5, h6, p{
    -moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-stroke: 0;
-webkit-overflow-scrolling: touch;
-webkit-font-smoothing: antialiased;
}
.regst-form .form-group {
    margin-bottom: 11px;
    display: inline-block;
    width: 100%;
}
.inputBox {
  position: relative;
  box-sizing: border-box;
}
.inputBox .inputText {
  position: absolute;
  font-size: 13px;
  line-height: 50px;
  transition: .5s;
  opacity: 1;
  color: #898989;
}
.focus .inputText {
  transform: translateY(-30px);
  font-size: 12px;
  opacity: 1;
  color: #00bcd4;
}
.inputBox .input {
  position: relative;
  width: 100%;
  height: 50px;
  font-size: 14px;
  background: transparent;
  border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
  outline: none;
  font-weight: 900;
  border-bottom: 1px solid #d2d2d2;
}
.focus .input {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}
.alert {
  margin: 0px 10px 40px 10px;
  width: 96%;
}
.checkbox.agry label {
    font-size: 13px;
    color: #b0b0b0;
    font-weight: 300;
    padding: 0 0 0 40px;
}
.checkbox label input[type="checkbox"], .radio label input[type="radio"] {
  display: none;
}
.checkbox .cr .cr-icon, .radio .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 20%;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all .3s ease-in;
}
.checkbox label::after, .radio label::after {
  content: '';
  display: table;
  clear: both;
}
.checkbox .cr, .radio .cr {
  position: relative;
  background: #d2d2d2;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}
.checkbox.agry .cr {
    background: #fff;
}
.checkbox.agry input[type="checkbox"] {
    margin-left: 15px;
}
.btn-account.reg {
    text-align: left;
    margin-top: 33px;
}
.btn-account input {
    width: 100%;
    border: none;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 15px;
    letter-spacing: 4px;
    padding: 17px 0;
    background: #0cb4e5;
    border-radius: 4px;
    color: #fff;
    box-shadow: 0 0 10px #ccc;
}
.btn-account.reg input {
    width: 250px;
    padding: 16px 16px;
    margin-left: 15px;
}
.rubuts {
    background: url(../images/cloud-bg.png) no-repeat;
    padding: 40px 20px 20px !important;
    background-size: cover;
    text-align: center;
}
.rubuts h3 {
    font-size: 32px;
    color: #fff;
    line-height: 35px;
    font-weight: 300;
    display: inline-block;
}
.rubuts.servers h3 {
    font-family: inherit;
}
.log-btn {
    background: #f58736;
    font-size: 15px;
    color: #014485;
    padding: 17px 0px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 4px;
    letter-spacing: 5px;
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 0 10px #dfdfdf;
    }
.login-bg p a {
    color: #fff !important;
    width: 70%;
}
.login-logo.logo {
    position: relative;
    margin: 10px;
    top: 10px;
 }
.form-group .btn-account.reg {
    text-align: center;
    width: 49.7%;
    display: inline-block;
}
.btn-account.reg.borrar input {
    background-color: #f58736;
}



/*---[inicio de sesión]---*/

.col-md-6.bg-box {
    min-height: 1px;
    padding: 15px 15px 33px;
}
.login-logo {
    text-align: center;
}
.login-logo a img {
    width: auto;
    height: 100px;
}
.wel-titel {
    padding-top: 25px;
    text-align: center;
    font-size: 20px;
    color: #0cb4e5;
    text-transform: uppercase;
    font-weight: 300;
}
.login-form {
    padding: 60px;
}
.login-form .form-group {
    margin-bottom: 22px;
}
.login-form .inputBox .inputText {
    font-size: 14px;
    color: #292929;
    line-height: 46px;
    opacity: inherit;
}
.login-form .inputBox input {
    font-weight: 600px;
    border-bottom: 2px solid #e2e2e2;
}
.login-form .focus .input {
    border-bottom: 1px solid #d2d2d2;
}
.login-form .inputBox .inputText {
    font-size: 14px;
    color: #292929;
    line-height: 46px;
    opacity: inherit;
}
.login-form .focus .inputText {
    color: #0cb4e5;
}
.form-group.check-top {
    margin-top: 35px;
    margin-bottom: 30px;
}
.login-form .checkbox.pull-left {
    margin: 0;
}
.checkbox.pull-left input[type="checkbox"] {
    margin-left: 00px;
}
.login-form .form-group .checkbox label {
  margin-left: 20px;
}
.login-form .checkbox label, .radio label {
    padding-left: 0;
}
.login-form .checkbox label {
    font-size: 13px;
    color: #b0b0b0;
    font-weight: 300;
}
.need-help {
    font-size: 13px;
    color: #0cb4e5;
    font-weight: 300;
}
.btn-account {
    text-align: center;
}
.btn-account.wgsReg .log-btn{
    width:100%;
}
.col-md-6.rubuts h3 {
    font-family: inherit;
}
.rubuts p {
    padding: 15px 0 90px;
    font-size: 17px;
    color: #fff;
    line-height: 26px;
    font-weight: 300;
}
.rubuts p b {
    padding-bottom: 5px;
    display: inline-block;
}
.nav .user{
    width: 33.3333%;
}
.ocultarAlerta{
    display: none;
}
.mostrarAlerta{
    display: block;
}




/*---[areas]---*/
.saludo{
    height: 48px;
}
#head_alert {
    height: 59px;
    padding-top: 10px;
    width: 50%;
}
.dropdown-toggle i {
    color: #fff;
    font-size: 20px;
}
.header-right.cliente {
  float: right;
  width: 170px;
}
.label.label-success {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: -30px;
    font-size: 10px;
    font-weight: normal;
    width: 20px;
    font-weight: 600;
    color: #0e3e6e;
    border: solid 1px #0e3e6e;
    height: 20px;
    line-height: 13px;
    text-align: center;
    padding: 2px;
    background: #edb800;
}
.fas.fa-bel {
  float: right;
}
.row.reportes {
    margin: 20px;
}
.col-md-2.reporte {
  width: 25%;
}
.desplegable {
  float: right !important;
  margin-right: inherit;
}
.dropdown.user.user-menu.administ {
  width: 50%;
}
.fas.fa-user{
  float: right;
}
#areas {
  margin-top: 5px !important;
}
#areas::before {
  position: absolute;
  top: -15px;
  right: 195px;  
}
.dropdown-menu.d-menu.not {
    min-width: 200px;
    right: -145px;
    position: relative;
    margin-top: -25px !important;
}
.not::before {
    left: 29px;
}
.fas.fa-bell::before {
  position: absolute;
  right: -20px;
  top: 5px;
}
.dropdown-menu .header {
    padding: 12px 0;
    position: inherit;
    border-radius: 4px 4px 0 0;
    min-height: inherit;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 900;
    background: #f48534;
    border-bottom: 1px solid #ccc;
}
.domen-page {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.hl {
  height: 48px;
}
.row.headline {
  font-size: 2em;
  margin-bottom: 0;
  background: #1c4e80;
  color: #f2f2f2;
  padding: 0.15em;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9;
  text-shadow: 0 0 0.1em #000;
}
.renow-block {
  padding: 30px 0 0 30px;
  display: inline-block;
  width: 100%;
}
.expired-col {
  margin-top: 10px;
}
.d-block .tabs {
  display: block;
}
ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  width: 100%;
}
ul.tabs.addons li {
  float: left;
  margin: 0 41px 0 0;
  padding: 19px 0 7px;
  height: inherit;
  text-transform: uppercase;
  border-bottom: solid 3px transparent;
  font-weight: 700;
  font-size: 14px;
  color: #9e9e9e !important;
  line-height: 31px;
  border: none;
  border-radius: inherit;
  background-color: inherit;
  box-shadow: inherit;
  color: #404040;
  text-align: center;
  width: 12%;
}
ul.tabs.addons li:hover {
  color: #545454;
  background: none !important;
  border-bottom: 3px solid #1cb8e6;
}
ul.tabs.addons li.active {
  background: none;
  border-bottom: 3px solid #1cb8e6;
  color: #545454;
}
ul.tabs li {
  float: left;
  margin: 0 13px 0 0;
  cursor: pointer;
  height: 100px;
  line-height: 31px;
  border: solid 1px #ccc;
  border-radius: 8px;
  background-color: #fbfbfb;
  color: #404040;
  width: 14.9%;
  box-shadow: 0 0 8px #dfdddd;
  text-align: center;
  position: relative;
  font-size: 13px;
}
.expired-col li {
  list-style: none;
  display: inline-block;
  margin: 0 50px -8px 0 !important;
  position: relative;
  padding: 0 !important;
  width: auto !important;
}
ul.tabs li:hover {
  background-color: #1cb8e6;
  color: #fff;
}
ul.tabs li:hover {
  background-color: #1ca2c9;
}
ul.tabs li.active {
  background-color: #1ca2c9;
  color: #fff;
  display: block;
}
.server-box {
  padding: 30px;
  background: #f7f6f6;
  display: inline-block;
  width: 100%;
}
.server-inner.colam {
  padding: 0;
}
.server-inner {
  position: relative;
  background: #ffffff;
  display: inline-block;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 24px 0 0;
  width: 100%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.server-box .tab_container {
  margin: 0;
  padding: 0 0 0 0;
  border-radius: 4px;
  border: none;
  background: none;
  box-shadow: inherit;
}
.tab_container {
  margin-top: 25px;
  position: relative;
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
}
.server-box #info {
  padding: 0;
}
.dataTables_length {
    position: absolute;
    top: -55px;
    right: 0;
}
.dataTables_length select {
    border: solid 1px #ccc;
    padding: 4px 11px;
    border-radius: 4px;
}
#listDomainTableWgs_filter {
  display: none;
}
.server-inner .table.table-hover {
  margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
  }  
table.dataTable tbody tr {
  cursor: pointer;
}
.server-inner .table td {
  border-bottom: 1px solid #ccc;
  padding: 15px 20px 15px;
}
.server-inner .checkbox {
  margin: 9px 0 0 0;
    margin-top: 9px;
    margin-bottom: 0px;
}
.server-inner .checkbox label, .radio label {
  padding: 0;
    padding-left: 0px;
  min-height: inherit;
}
.checkbox label input[type="checkbox"], .radio label input[type="radio"] {
  display: none;
}
.server-inner .table td {
  border-bottom: 1px solid #ccc;
  padding: 15px 20px 15px;
}
.reg-date {
  font-weight: 700;
  font-size: 12px;
  margin-top: 8px;
  color: #979797;
}
.auto-updt.active {
  background: #e98337;
  color: #004385;
}
.auto-updt {
  background: #d7d7d7;
  padding: 8px 16px;
  display: inline-block;
  font-size: 12px;
  color: #9e9e9e;
  border-radius: 5px;
}
.status {
  display: block !important;
  font-size: .9em !important;
  line-height: 22px !important;
  border: 2px solid #ccc;
  border-radius: 3px !important;
  background-color: #fff !important;
}
.status-active, .status-completed, .status-open {
  color: #e98337 !important;
}
.mange-server {
  text-align: right;
  margin-top: 6px;
}
.mange-server li {
  list-style: none;
  display: inline;
}
.mange-server li a {
  background: #fff;
  border: solid 1px #ccc;
  border-radius: 4px;
  padding: 3px 6px;
}
.manag-data a {
  color: #3f3f3f;
}
.dataTables_info {
  display: block !important;
  background-color: #fff !important;
  color: #787777 !important;
}
.pagination {
  display: block !important;
}
.pagination {
    display: none!;
}
.all-mark {
  display: inline-block;
  width: 100%;
  margin-top: -5px;
  background: #f2eeee;
  padding: 16px 0;
  margin-bottom: 75px;
}
.lock-info button#menu1 {
  margin: 0 !important;
  background: #0cb4e5;
  color: #fff;
  font-size: 13px;
  padding: 7px 19px !important;
  border: none;
  border-radius: 4px;
}
.lock-info ul.dropdown-menu {
  margin-top: 15px;
}
.lock-info ul.dropdown-menu {
  margin-top: 15px;
}
.icon-left{
    float: left;
    margin-right: 10px;
}
.icon-right{
    float: right;
    margin-left: 10px;
}
.oculta {
    display: none !important;
}
.table thead th, .table tbody td {
    text-align: center !important;
}
#variarColorCelda {
    background-color: #e98337 !important;
    color: #fff !important;    
}
.general {
  background: #fff;
  width: 100%;
  border: solid 2px #fff;
  padding: 10px;
  box-shadow: 0 0 10px #ccc;
  float: left;
  margin: 39px 10px 10px;
  border-radius: 6px;
  min-height: 180px;
  display: block;
}
.tituloOrden {
    height: 120px;
    font-weight: bold;
    padding: 5px !important;
    border: 1px solid #b2ceea !important;
    border-radius: 6px !important;
    margin-bottom: 5px;
    background-color: #e0eefc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    display: block;
}
.logoOrden {
    display: inline-block;
    height: 70px;
    width: 24%;
    vertical-align: top;
    margin-top: 15px;
}
.titulo{
    display: inline-block;
    text-align: center;
    width: 40%;
    font-size: 28px;
    color: #064887;
 }
.tablaDatos{
    font-weight: bold;
    padding: 10px;
    border: 1px solid #b2ceea !important;
    margin-bottom: 5px;
    background-color: #e0eefc;
    border-radius: 6px;
    display: block;
}
.tabla{
    margin-bottom: 0px !important;
    display: inline-block;
    border: 1px solid #b2ceea !important;
    border-radius: 6px !important;
    background-color: #e0eefc;
}
.orden{
    max-width: 39;
    float: inline-end;
}
.cliente{
    max-width: 59%;
}
.pasajeros, .recorrido, .fecha, .costo, .conductor{
    max-width: 49;
}
.pasajeros{
    float: inline-end;
}
.costo{
    float: inline-end;
}
.tabla h4{
    color: #064887;
    float: left;
}
caption > h4{
    color: #0f8eb7 !important;
    float: left;
}
.tabla h5{
    margin-top: 5px;
    font-size: 16px;
    color: #3479bd;
    text-align: left;
    min-width: 140px;
}
.datos{
    min-height: 30px;
    padding: 3px !important;
    float: left;
    text-align: left !important;
    min-width: 300px;
}
.orden .datos{
    min-width: 200px !important;
}
.comentarios{
    min-height: 100px;
}
.wrapper nav{
   display: inline-block;
}
.cuerpo{
   top: 75px;
   position: relative;
}
.contenido{
   top: 0px !important;
   display: inline-block;
 }
 .infoEmpresa{
    border: 1px solid #b2ceea;
    border-radius: 4px;
    display: inline-block;
    height: auto;
    width: 35%;
    text-align: center;
    float: inline-end;
    padding: 3px;
    margin: 1px;
}
.infoEmpresa h6, .infoEmpresa p{
    padding: 0px !important;
    margin: 0px !important;
    font-size: 12px !important;
    color: #004485;
    font-family: 'Lato', sans-serif !important;
    line-height: 1.42857143 !important;
    font-weight: 600;
 }
 .infoEmpresa p{
    font-weight: 400 !important;
    color: #3479bd !important;
    font-size: 11px !important;
}
.header.areas {
  min-height: 65px;
}
.area .mob-nav {
    top: 97px !important;
}
.tab-content {
    margin: 5px 20px 10px 0px;
    border-radius: 6px;
}
.areas span {
    text-align: center;
    color: #fff;
}
.oculto {
    width: 10%;
    display: none;

}
.contenido .login-bg {
    padding: 0px;
}
.confirmar {
  color: #1912ea;
  background-color: #6ad8e6;
  border-color: #0f90e6;
  font-size: 16px;
}
.confirmar strong {
  font-size: 24px;
  font-weight: 900;
}
#tituloOrden {
    width: 100%;
    margin: auto;
    background: #f7f6f6;
    color: #9e9e9e;
    position: relative;
    height: 48px;
    font-size: 32px;
    border-radius: 6px;
}
#tituloOrden span {
  width: 79%;
  display: inline-block;
  text-align: center;
  font-size: 28px;  
}
#botones {
    margin: 10px;
    display: inline-block;
}
#botones button{
   min-width: 175px;
}
.encabezado-pdf{    
  width: 100%;
}
.encabezado-pdf a {  
  width: 20%;
  display: inline-block;
}
.encabezado-pdf h4 {  
  font-size: 24px !important;
  width: 60%;
  display: inline-block;
  text-align: center;
}
.encabezado-pdf i{  
  display: inline-block;
  width: 20%;
}
.encabezado-pdf img{  
  display: inline-block;
  height: 40px;
}
.buscar{  
  padding-left: 10px !important;
}
#reporte.btn-warning{  
 background: #48c8f1;
 border-color: #48c8f1;
}
#botones input{
   color: #9e9e9e;  
}
.areas {
    width: 100%; 
    margin-left: 0px;   
}
.tooltip.right{
    width:110px;
}
#sidebar ul li a span:hover + .tooltip{
    visibility: hidden;
}
.cob-ord {
    width: 19.5px !important;
    display: inline-block !important;
}
/*.asig-cond a, .mod-ord a, .pag-ord a, .cob-ord a {
    width: 20% !important;
    display: inline-block !important;
}*/
.eli-ord a{
    color: #f40a0a !important;
    width: 19.5px !important;
    height: 19.5px !important;
    display: inline-block !important;
}
.noVaria .input{
    border: 1px solid #b2ceea;
    border-radius: 4px;
    width: 50%;    
    float: inline-end;
}
.noVaria .inputText{    
    width: 50%;    
    margin-bottom: 20px;
    text-align: center;
    color: #48c8f1;
}
.fa-file-import::before {
  content: "\f56f";
}
.fa-file-invoice-dollar::before {
  content: "\f571";
}
#enlace {
  color: #2448d5 !important;
}
.botones-consultas .form-group {
  display: inline-block;
  width: 49%;
}
.botones-consultas a {  
  max-width: 300px;
}
.focus label {  
  color: #00bcd4 !important;
}
.consulta {  
  margin-left: 15px;
}
.restablecer {  
  width: 50% !important;
}
.restablecer .col-md-6 {  
  width: 100% !important;
}
.paradaReinicio input {
  width: 100%;
  border: none;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 15px;
  letter-spacing: 4px;
  padding: 17px 0;
  background: #f58634 !important;
  border-radius: 4px;
  color: #fff;
  box-shadow: 0 0 10px #ccc;
}
.inicioFin input {
  width: 100%;
  border: none;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 15px;
  letter-spacing: 4px;
  padding: 17px 0;
  background: #0cb4e5;
  border-radius: 4px;
  color: #fff;
  box-shadow: 0 0 10px #ccc;
}
.tiempos .col-md-3 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.foto .h1 span {
    width: 100% !important;
}
.acciones {
  background-color: #41f054d9 !important;
}
.retorno {
      width: 100%;
      text-align: center;
    }
.whatsapp {
  position: fixed;
  padding: 9px 15px;
  background: #25D366;
  color: #fff;
  transition: .5s all;
  border-radius: 50px 0 0 50px;
  display: block;
  margin-bottom: 15px;
  z-index: 2;
  top: 85%;
  right: -80px;
  box-shadow: -2px 5px 25px -5px rgba(37, 211, 102, 1);
  animation-delay: .4s;
}
.whatsapp i {
  font-size: 25px;
  margin-right: 15px;
}
.smediatext {
  align-self: center;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.d-flex {
  display: flex;
  text-align: center;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.facebook {
  position: fixed;
  padding: 9px 15px;
  background: #3b5999;
  color: #fff;
  transition: .5s all;
  border-radius: 50px 0 0 50px;
  display: block;
  z-index: 2;
  top: 93%;
  right: -80px;
  box-shadow: -2px 5px 25px -5px rgba(59, 89, 153, 1);
  animation-delay: .5s;
}
.circle-facebook {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: relative;
  margin-right: 15px;
}
.facebook i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
  margin: 0;
}
.fotoNosotros::before {
  content: "Quienes Somos";
  background: url("../images/fotoNosotros.jpg") no-repeat;
  background-size: cover;
  display: inline-block;
  width: 100%;
  height: 450px;
  z-index: 0;
  font-size: 40px;
  font-weight: 900;
  position: relative;
  padding: 350px 0px 0 60px;
  text-align: left;
  color: #f28434;
}
.nosotros {
  padding: 10px;
  margin: 10px;
  width: 100%;
  display: inline-block;
}
.nosotros h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    color: #1c4e80;  
}
.nosotros p {
    text-align: justify;
    font-size: 18px;
    font-weight: 400;
    color: #1c4e80;
    margin: 10px;  
}
.nosotros p span{
    text-align: left;
    font-size: 18px;
    font-weight: 800;
    font-style: italic;
    color: #1c4e80;  
}
.politicas {
  background: #fff;
  width: 100%;
  border: solid 2px #fff;
  padding: 10px;
  box-shadow: 0 0 10px #ccc;
  display: inline-block;
  margin: 10px;
  border-radius: 4px;
}
.polTexto h2 {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    color: #1c4e80;
    margin: 0px, 0px, 30px;  
}
.polTexto p {
    text-align: justify;
    font-size: 16px;
    font-weight: 400;
    color: #1c4e80;
    
}
.polTexto {
  width: 60%;
  padding: 0px 30px;
  display: inline-block;
}
.imagenSeg {
    background-size: cover;
    background-image: url(../images/seguridad.jpg);
    background-repeat: no-repeat;
    background-position: center;
    border: 2px solid #f2e9e3;
    border-radius: 10px;
    width: 39%;
    display: inline-block;
    min-height: 300px;
}
.imagenMedAmb {
    background-image: url(../images/medioAmbiente.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 2px solid #f2e9e3;
    border-radius: 10px;
    width: 39%;
    display: inline-block;
    min-height: 300px;

}



    


/*


.table caption{
    font-size: 16px;
    color: #3479bd;
}


.tresColumnas td{
    width: 16.6666% !important;
}
.comentarios{
    width: 83.3333%;
}
.nombre{
    width: 20%;
    padding-left: 80px !important;
}
.celular{
    width: 30%;
}
.tablaDatos div{
    display: inline-block;
    width: 50% !important;
}
body>div{
   display: inherit;
}

*/
















/*.fas {
    margin-left: 40px;   
}*/
.user span {
    text-align: center;   
}




/*
.fa-sign-in-alt::before {
    content: " ";
    background: url("../images/acceso.png") no-repeat;
}*/
/*#dep_15 a::before{
    content: " ";
    background: url("../images/login-blue-bg.jpg") no-repeat;
}*/
.fa-comments-dollar::before {
    content: "\f70e";
}




.label-success {
    background-color: #5cb85c;
}
.menu {
    padding: 9px 11px;
}


.notf li a {
    padding: 0 !important;
}


#order-standard_cart #transfertld{
    border-radius: 0!important;
       -webkit-appearance: none!important;
    -webkit-border-radius: 0px!important;
}
#order-standard_cart select#transfertld.form-control{
    border-radius: 0!important;
       -webkit-appearance: none!important;
    -webkit-border-radius: 0px!important;
}
.messages-menu {
    margin-top: 6px;
}
#sidebar ul li a:hover i {
    color: #fff;
}
#sidebar ul li a:hover small {
    background: #edb800;
    color: #fff;
}
#sidebar ul li a:hover, #sidebar ul li a.active small {
    background: #edb800;
    color: #fff;
}
#sidebar ul li a:hover span {
    color: #fff;
}

.smsOptIn {
    width: 85%;
    float: right;
}
.smsOptIn p {
    font-size: 14px;
    color: #000;
}
.pull-left.icone-nt i {
    color: #edb800;
    font-size: 19px;
    margin-top: 10px;
}
ul.menu li {
    min-height: 65px;
}





.navbar-custom .navbar-nav li a i.fa.fa-exchange {
    font-family: FontAwesome;
}



    /* border-bottom: 1px solid #f7f7f7; */
}
.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}
.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

#sidebar a, #sidebar a:hover, #sidebar a:focus {
    color: inherit;
}
#sidebar.active {
    margin-left: -200px;
    min-width: 420px;
    /*max-width: 395px;*/
}
#sidebar.active li {
    width: 100%;
}
/*.avia-sab { color: #f9615a;}*/
#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}
#sidebar ul.components {
    padding: 0px 0;
}
#sidebar ul p {
    color: #fff;
    padding: 10px;
}
#frmNewCc input#btnSubmitNewCard{font-size: 14px;}

#sidebar ul li a:hover, #sidebar ul li a.active {
    color: #fff;
    background: inherit;
    border-left: 1px solid #edb800;
    background: #0e3e6e;
}
#sidebar ul li.active > a, ul.CTAs {
    padding: 20px;
}
#sidebar.active ul li a {
    width: auto;
    display: flex;
}
.empty-bottom {
    margin-top: 35px;
}
ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
a.download {
    background: #fff;
    color: #7386D5;
}
a.article, a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}
#content{
    overflow: hidden;
    padding: 30px 30px 0;
    width: calc(100% - 295px);
    position: relative;
    /*min-height: 100vh;*/
    top: 80px;
    transition: all 0.3s;
    left: 295px;
}
#content.active {
    width: calc(100% - 220px);
    left: 220px;
}
@media (max-width: 767px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}
#sidebar.active ul {
    position: relative;
    left: 200px;
    width: 50%;
}
#sidebar.active span, #sidebar.active small {
    display: none;
}
#sidebar.active ul.btm-mn {
    position: absolute;
}
ul.list-unstyled.components i {
    color: #adbeee;
    font-size: 23px;
    padding: 0 50px 0 9px;
    width: 25px;
}
#sidebar.active ul li a i {
    padding-right: 0;
    padding-left: 0;
    width: 20%;
    display: inline-block;
}
#sidebar.active ul li a span {
    font-size: 15px;
    font-weight: 700;
    color: #adbeee;
    margin-left: 21px !important;
    width: 80%;
    display: inline-block;
    text-align: left;
}
/*ul.list-unstyled.components span {
    font-size: 15px;
    font-weight: 700;
    color: #adbeee;
    margin-left: 21px;
    width: 80%;
}*/
.components .badge {
    color: #adbeee;
    background: #0e3e6e;
    font-size: 12px;
    border-radius: 30px;
    padding: 4px 12px;
    font-weight: 400;
    display: inline-table;
}

.hosting-panal {
    text-align: center;
    background: #5cc55a;
    padding: 34px 14px 0;
    border-radius: 10px;
    min-height: 221px;
}
.tick {
    background: #edb800;
}
.tick span {
    background: #dcab01;
    border: solid 2px #b18a01;
}
.invo {
    background: #0cb4e5;
}
.invo span {
    background: #029ac7;
    border: solid 2px #007da2;
}
.regis {
    background: #404040;
}
.regis span {
    background: #2f2f2f;
    border: solid 2px #121212;
}
.hosting-row .col-md-3 {
    padding: 0 7px;
    cursor: pointer;
}
.hosting-panal h2 {
    font-weight: 900;
    color: #fbfafa;
    font-size: 20px;
}
.hosting-panal p {
    color: #fbfafa;
    font-size: 13px;
    line-height: 22px;
}
.host-user {
    position: absolute;
    right: 14px;
    top: 8px;
    width: 25px;
    height: 25px;
    font-size: 12px;
    border-radius: 50%;
    line-height: 20px;
    border: solid 2px #259323;
    color: #fff;
    text-align: center;
    font-weight: 700;
}
button:focus {
    outline: 0 !important;
}
.card-header h1 {
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #404040;
    position: relative;
    font-weight: 700;
    padding-left: 36px;
}
.card-header h1:before {
    content: url(../images/prod-icone.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
}
.act-Product {
    margin: 52px 0 12px;
}
.card-header {
    padding-bottom: 14px;
    border-bottom: 1px solid #f6f6f6;
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 35px;
}
.card-header:before {
    content: '';
    background: #404040;
    height: 1px;
    width: 285px;
    display: inline-block;
    bottom: -1px;
    left: 0;
    position: absolute;
}
.act-Product .item {
    padding: 0 7px 0;
}
.item-pro {
    border: solid 1px #dedede;
    box-shadow: 0 0 8px #dedede;
    display: inline-block;
    width: 100%;
    padding: 0 0px 0 15px;
    margin-bottom: 13px;
    border-radius: 4px;
    background: #fff;
}
.item-pro:hover {
    background: #fbfbfb;
}
#products {
    margin-bottom: 16px;
    display: inline-block;
    width: 100%;
    margin-left: -8px;
}
.doman-url a {
    color: #404040;
    font-size: 16px;
    word-break: break-all;
}
.doman-url span {
    word-break: break-all;
    width: 100%;
    display: block;
}
.data-url li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #ccc;
    padding: 0 6px;
}
.data-url li:last-child {
    border: none;
}
.doman-url {
    margin-bottom: 23px;
}
.ftp-acct a {
    color: #87a61c;
    font-size: 12px;
}
.doman-url i {
    font-size: 15px;
}
.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
}
.activ-left {
    padding: 11px 0;
    float: left;
    width: 87%;
}
.activ-right {
    float: right;
    border-left: 1px solid #f3f3f3;
    min-height: 103px;
}
.activ-right li {
    list-style: none;
    border-bottom: 1px solid #f3f3f3;
}
.activ-right li a {
    padding: 8px 12px;
    color: #727272;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 100%;
}
.activ-right li a:hover {
    color: #fff;
}
.activ-right li:last-child {
    border: none;
}

.activ-right li.upgard{
    p
}
.renew a:hover {
    background: #1cb8e6;
}
.renew .tooltip-inner {
    background: #1cb8e6;
}
.renew .tooltip.left .tooltip-arrow {
    border-left-color: #1cb8e6;
}
.upgard a:hover {
    background: #edb800;
}
.upgard .tooltip-inner {
    background: #edb800;
}
.upgard .tooltip.left .tooltip-arrow {
    border-left-color: #edb800;
}
.manag a:hover {
    background: #727272;
}
.manag .tooltip-inner {
    background: #727272;
}
.manag .tooltip.left .tooltip-arrow {
    border-left-color: #727272;
}
.list-group-item {
    /*padding: 0 !important;*/
    border: none !important;
}
.card-header .col-md-6 {
    padding-left: 0;
    padding-right: 0;
}
.list-grid a {
    font-size: 18px;
    color: #e2e2e2;
    margin: 0 0 0 6px;
}
.none-div {
    width: 100%;
    display: none;
}
.dis-more span {
    font-size: 17px;
    font-size: 14px;
    color: #787777;
    margin: 7px 17px 0 0;
    float: left;
}
.btn.less {
    font-weight: 900;
    background: #0063a5;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.btn.less:hover {
    color: #fff;
    background: #025084;
}
.btn.less:after {
    font-family: FontAwesome;
    content: url(../images/more.png);
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    position: relative;
    left: 7px;
    top: -2px;
}
.item.list-group-item:nth-of-type(odd):hover, .item.list-group-item:hover {
    background: #ffffff;
    padding: 0;
}
.item.list-group-item:nth-of-type(odd) {
    display: inline-block;
    background: #fff;
    padding: 0;
}
.item.list-group-item:before, .item.list-group-item:after {
    display: table;
    content: " ";
    padding: 0;
}
.domains-row .card-header h1 {
    color: #5cc55a;
}
.domains-row .card-header h1:before {
    content: url(../images/small-icone.png);
}
.domains-row .card-header:before {
    background: #5cc55a;
    width: 145px;
}
.row-equal > div[class*='col-'] {
    display: flex;
    flex: 1 0 auto;
}
.row-equal .card {
    width: 100%;
}
.grate {
    text-align: center;
    background: #fff;
    display: inline-block;
    box-shadow: 0 0 10px #ccc;
    border: solid 1px #ccc;
    padding: 15px 20px 20px;
    border-radius: 4px;
    width: 100%;
    min-height: 249px;
}
.grate h2 {
    font-size: 20px;
    color: #404040;
    margin: 0;
}
.grate p {
    font-size: 16px;
    color: #6a6a6a;
}
.btn-domin {
    margin-top: 26px;
}
.btn-domin {
    margin-top: 22px;
    display: inline-block;
    width: 100%;
    margin-bottom: 21px;
}
.grate h2 {
    font-size: 20px;
    color: #404040;
    margin: 11px 0 8px;
}
.btn-domin a {
    background: #1cb8e6;
    font-size: 16px;
    color: #fff;
    padding: 12px 30px;
    font-weight: 700;
    border-radius: 5px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.btn-domin a:hover {
    color: #fff;
    background: #1293b9;
}
.anot {
    color: #1cb8e6;
    text-decoration: underline;
    font-size: 14px;
}
.grate h4 {
    font-size: 18px;
    color: #404040;
    margin: 18px 0 30px;
}
.email-pack {
    background: linear-gradient(to right, #0a45b0 0%, #1b66ef 100%);
    display: inline-block;
    width: 100%;
    margin-top: 16px;
    padding: 40px 18px;
    border-radius: 5px;
}
.email-pack span.icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}
.email-pack .icon {
    float: left;
    margin-right: 24px;
    margin-top: 2px;
}
.ort strong {
    text-transform: uppercase;
    color: #b1cdff;
}
.email-pack .des h2 {
    margin: 0px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}
.email-pack .des p {
    color: #fff;
    font-size: 14px;
    margin: 0;
}
.email-pack button.add-pack {
    padding: 15px 30px;
    background: #0a45b0;
    border: none;
    font-weight: 300;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.email-pack button.add-pack:hover {
    background: #08368a;
}
.email-pack button.cancel {
    padding: 0 10px;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    font-weight: 300;
    text-decoration: underline;
    background: none;
    border: none;
}
.mrp {
    text-decoration: line-through;
}
.com span {
    font-weight: 300;
    font-size: 18px;    color: #545454;
}
.email-pack span {
    text-transform: uppercase;
}
.addon-row {
    display: inline-block;
    padding: 31px 0 0;
    width: 100%;
}
.addon-row .card-header h1:before {
    content: url(../images/addon.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
}
.addon-row .card-header:before {
    width: 140px;
}
.ssl {
    padding: 20px;
    display: inline-block;
    background: linear-gradient(to right, #349d16 0%, #5cc552 100%);
    color: #fff;
    border-radius: 5px;
    width: 100%;
}
.cdn {
    padding: 20px;
    display: inline-block;
    background: linear-gradient(to right, #0a88a6 0%, #0cafbf 100%);
    color: #fff;
    border-radius: 5px;
    width: 100%;
}
.cdn-price {
    width: 100%;
}
.cdn-price-img {
    width: 25%;
    display: inline-table;
}
.cdn-price-right {
    width: 73%;
    display: inline-table;
    text-align: right;
}
.cdn-price-right form.form-inline {
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    padding: 7px 20px;
}
.cdn-price-right form.form-inline:hover {
    background: #e2e2e2;
}
.cdn-price-right select {
    color: #000;
    border: none;
    padding: 9px 11px;
}
.addon_price {
    width: 50%;
    text-align: right;
    padding: 10px;
    float: right;
    margin-left: 30px;
    background: #fff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    position: relative;
    right: -20px;
    color: #fff;
    margin-bottom: 25px;
    margin-top: 5px;
    background-image: linear-gradient(to right top, #cfe0cb, #c2debb, #70c757, #66ca4e, #8ed47a);
}
.com {
    padding: 20px;
    display: inline-block;
    background: linear-gradient(to right, #f3f3f3 0%, #fcfcfc 100%);
    color: #000;
    border-radius: 5px;
    width: 100%;
}
.ssl, .cdn, .com, .addonbox-even, .addonbox-odd{
    min-height: 285px;
}
.ssl h2, .cdn h2, .com h2, .addonbox-even h2, .addonbox-odd h2 {
    font-size: 28px;
    font-weight: bold;
    margin: 0px;
}
img.ssl-url {
    width: 265px;
    float: right;
    position: relative;
    right: -20px;
    padding: 15px 0;
}
.ssl ul {
    display: inline-table;
    width: 100%;
}
.ssl ul li.add-new, .addonbox-even ul li.add-new, .addonbox-odd ul li.add-new {
    display: inline-block;
}
.ssl ul li.manage, .addonbox-odd ul li.manage, .addonbox-even ul li.manage {
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.ssl ul li.manage:hover, .addonbox-odd ul li.manage:hover, .addonbox-even ul li.manage:hover {
    background: #e2e2e2;
}
.ssl ul li, .addonbox-odd ul li, .addonbox-even ul li {
    padding: 7px 10px;
}
.ssl ul li.add-new a, .addonbox-odd ul li.add-new a, .addonbox-even ul li.add-new a {
    text-decoration: underline;
    color: #fff;
}
.addonbox-even ul {
    width: 100%;
    display: inline-table;
}
.addonbox-odd ul li.manage, .addonbox-even ul li.manage, .ssl ul li.manage {
    width:60%;
    float: right;
}

.addonbox-even {
    padding: 20px;
    display: inline-block;
    background: linear-gradient(to right, #08466b 0%, #1095cb 100%);
    color: #fff;
    border-radius: 5px;
    width: 100%;
}
.addonbox-odd {
    padding: 20px;
    display: inline-block;
    background: linear-gradient(to right, #310879 0%, #673AB7 100%);
    color: #fff;
    border-radius: 5px;
    width: 100%;
}
.ssl ul li.manage a {
    color: #333;
}
.cdn ul {
    display: inline-block;
    width: 100%;
    padding: 0;
}
.cdn ul li.add-cdn {
    line-height: 40px
}
.cdn ul li.add-cdn a {
    text-decoration: underline;
    color: #fff;
}
img.cdn-img {
    max-width: 85px;
    width: 100%;
}
.cdn ul li {
    display: inline-block;
}
.com h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 35px;
}
.com button.find-com {
    background: #0063a5;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 12px 20px;
    margin-top: 40px;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.com button.find-com:hover {
    background: #02568e;
}
.cdn ul li.sub-per {
    float: right;
    position: relative;
    right: -20px;
    background: url(../images/sb.png) no-repeat;
    width: 210px;
    height: 40px;
    top: 0px;
    line-height: 40px;
    text-align: right;
    padding-right: 5px;
    background-position: left;
    background-size: 300px 100px;
}
.btn-learn a {
    background: #fdfdfd;
    font-size: 12px;
    color: #727272;
    padding: 12px 18px;
    border: solid 1px #cccccc;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.btn-learn a:hover {
    background: #e2e2e2;
}
.btn-domin.actv a {
    background: #5cc55a;
}
.btn-domin.actv a:hover {
    background: #3ea23c;
}
.server-mng {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-top: 18px;
}
.domains-row {
    margin-bottom: 10px;
}
.grate.active-dom {
    padding-left: 0;
    padding-right: 0;
}
.server-mng li {
    list-style: none;
    display: inline;
    margin: 0 5px;
}
.server-mng li a {
    color: #1b66ef;
}
.ref-btn i {
    color: #1cb8e6;
}
.ref-btn .tooltip-inner {
    background: #1cb8e6;
}
.ref-btn .tooltip.top .tooltip-arrow {
    border-top-color: #1cb8e6
}
.tooltip.top .tooltip-arrow{  border-top-color: #b2282d!important;}
#sidebar .tooltip.top .tooltip-arrow{  border-top-color: #000!important;}
.times-sc i {
    color: #d75a4b;
}
.times-sc .tooltip-inner {
    background: #d75a4b;
}
.times-sc .tooltip.top .tooltip-arrow {
    border-top-color: #d75a4b
}
.cog i {
    color: #3f3f3f;
}
.cog .tooltip-inner {
    background: #3f3f3f;
}
.cog .tooltip.top .tooltip-arrow {
    border-top-color: #3f3f3f
}
.mg-servers .tooltip-inner {
    background: #1b66ef;
}
.mg-servers .tooltip.top .tooltip-arrow {
    border-top-color: #1b66ef
}
.domains-post .col-md-4.col-sm-6 {
    padding-left: 0;
    padding-right: 14px;
}
.addon-row .col-md-4 {
    padding-left: 0;
}
.newdomin-row .col-md-6 {
    padding-left: 0;
}
.newdomin-row {
    display: inline-block;
    width: 100%;
    margin-top: 42px;
}
.find-domin {
    min-height: 221px;
    background: url(../images/bg-dom.jpg) no-repeat;
    background-size: cover;
    border: solid 3px #1cb8e6;
    padding: 23px 23px;
    border-radius: 10px;
}
.titel-heding {
    margin: 0;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000000;
}
#full_screen{display:block;}
#mobile_screen{display:none;}
.stylish-input-group {
    margin: 30px 0;
}
.stylish-input-group input {
    height: 55px;
    border: solid 1px #ccc;
    box-shadow: 0 0 7px #ccc;
}
.stylish-input-group .input-group-addon {
    background: #1cb8e6;
    color: #fff;
    font-size: 24px;
    font-weight: 200;
}
.stylish-input-group .input-group-addon button {
    background: no-repeat;
    border: none;
}
.dezig span {
    font-size: 18px;
    color: #404040;
    padding: 0 6px 0 0;
}
.dezig a {
    font-size: 14px;
    color: #5cc55a;
    border-left: 1px solid #ccc;
    padding-left: 7px;
}
.yet-domin {
    border: dashed 3px #000;
    padding: 43px 25px;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    min-height: 221px;
}
.yet-pro h2 {
    font-size: 22px;
    font-style: italic;
    color: #000000;
}
.shoop-btn {
    text-align: right;
    margin-top: 37px;
    margin-right: 20px;
}
.shoop-btn a {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    border-radius: 5px;
    text-transform: uppercase;
    background: #eeb800;
    padding: 16px 17px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.shoop-btn a:hover {
    background: #cea107;
    color: #000;
}

.renew i {
    color: #1cb8e6;
}
.upgard i {
    color: #eeb800;
}
.manag i {
    color: #727272;
}
.activ-right li a:hover i {
    color: #fff;
}
.emil .label.label-success {
    background: #0cb4e5;
    color: #fff;
}
.shift-btn.active {
    width: 36px;
    height: 43px;
    margin-right: -16px;
    background: url(../images/nav-arrow.png) no-repeat;
}
.shift-btn {
    width: 36px;
    height: 43px;
    background: url(../images/nav-arrowactive.png) no-repeat;
}
.ssl p {
    font-size: 14px;
    margin-top: 5px;
    color: #ffffff;
}
.cdn p {
    font-size: 14px;
    margin-top: 5px;
    color: #ffffff;
}
.domains-post .carousel-inner {
    padding: 14px 0;
}

/* Slider */
.slick-slide {
    margin: 0px;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    padding: 5px 0;
    overflow: hidden;
    margin: 0;
}
.slick-list:focus {
    outline: none !important;
}
.slick-list.dragging {
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-dots button {
    background: none;
    display: none;
    font-size: 0;
    border: none;
}
.slick-dots li {
    background: #cbc8c8;
    width: 10px;
    height: 10px;
    margin: 15px 2px 0px;
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
}
.slick-dots .slick-active {
    background: #686868 !important;
    width: 10px;
    height: 10px;
}
ul.slick-dots {
    text-align: center;
}
.domains-post .col-md-4 {
    padding-left: 10px;
    padding-right: 10px;
}
.ssl ul li.manage select, .addonbox-odd ul li.manage select, .addonbox-even ul li.manage select {
    color: #000;
    border: none;
    padding: 9px 11px;
    width:100%;
}
.addonbox-even .addon_price {
    background-image: linear-gradient(to right top, #c4d7f1, #0f99c9, #1095cb, #128ad1, #128ad1);
}
.addonbox-odd .addon_price {
    background-image: linear-gradient(to right top, #e3d9f5, #8069a9, #6134b0, #6533bd, #5c25bd);
}
.header.messag {
    background: #0cb4e5;
    color: #fff;
}
.header.langlist {
    background: #63b155;
    color: #fff;
}
li.dropdown.messages-menu.lang ul.dropdown-menu:before{
    content: '';
    border-bottom: 16px solid #63b155;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    position: absolute;
    right: 12px;
    top: -15px;
}
.emil .pull-left.icone-nt i {
    color: #0cb4e5;
}
.emil .dropdown-menu:before {
    border-bottom: 16px solid #0cb4e5;
}
ul.btm-mn {
    position: absolute;
    bottom: 60px;
    display: block;
    width: 100%;
}
.hosting-panal {
    transition: 2s;
    cursor: pointer;
}
.hosting-panal:hover {
    background: #259323;
}
.tick:hover {
    background: #b18a01;
}
.invo:hover {
    background: #007da2;
}
.regis:hover {
    background: #121212;
}
.invoices-content {
    padding: 40px 17px 0;
    display: inline-block;
    width: 100%;
}
.invoices {
    background: #f7f6f6;
}
.alert.alert-info.remid i {
    color: #0cb4e5;
    margin-right: 10px;
}
.alert.alert-info.remid a {
    color: #0cb4e5;
}
.alert.alert-info.remic i {
    color: #f47564;
    margin-right: 10px;
}
.alert.alert-info.remic a {
    color: #0cb4e5;
}
.alert-msg h5 {
    font-size: 16px;
    color: #7f7f7f;
    margin: 0 0 25px;
    text-transform: uppercase;
}
.open-inv {
    color: #6d7e91;
    font-size: 21px;
    margin-top: 3px;
}
.invo-hist .btn.btn-info {
    background: #f2f6fa;
}
.invo-hist .domen-serch input {
    background: #f2f6fa;
}
.invo-hist {
    /*border-top: 2px solid #f2f6fa;*/
    padding-top: 33px;
    margin-top: 50px;
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
}
.sorting-desc.list-tr .dataTables_filter {
    display: none;
}

.invo-hist .col-md-5 {
    padding-right: 0;
}
.paid {
    background: #5cc55a;
    color: #fff;
    padding: 5px 00;
    border-radius: 5px;
    font-size: 13px;
    width: 99%;
    display: inline-block;
    text-align: center;
}
tr.spaceUnder.Paid {
    border-left: 3px solid #5cc55a;
}
tr.spaceUnder.unpaid {
    border-left: 3px solid #ff6e5b;
}
.un-paid {
    background: #ff6e5b;
    color: #fff;
    padding: 5px 0;
    border-radius: 5px;
    width: 99%;
    display: inline-block;
    text-align: center;
    font-size: 13px;
}
.sorting-desc .checkbox .cr, .radio .cr {
    background: no-repeat;
}
.sorting-desc th {
    border: none !important;
    font-weight: normal;
    color: #b9bdc0;
    vertical-align: top !important;
    padding: 14px 20px !important;
}
.sorting-desc th:first-child {
    background: none !important;
}
.sorting-desc .checkbox, .radio {
    margin-top: 0;
    margin-bottom: 0;
}
.sorting-desc .checkbox label, .radio label {
    padding-left: 0;
}
.sorting-desc td {
    border: none !important;
    vertical-align: middle !important;
    padding: 14px 15px !important;
    width: 16%;
}
.sorting-desc tr {
    border: none;
}
.panel-header {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    padding: 0 0 19px;
}
.tab_container.table-xl {
    margin-top: 6px;
}
.tab_container .tab_content {
    padding-top: 0;
}
tr.spaceUnder.even>td {
    padding-bottom: 1em;
}
.spaser {
    background: no-repeat;
    padding: 6px 0 !important;
}
.sapse-dt {
    background: none !important;
    padding: 4px 0 !important;
}
.list-tr tr {
    float: left;
    background: #f2f6fa;
    margin: 0 0 8px;
    width: 100%;
    border-radius: 4px;
    border-right: 2px solid #d5dce3;
    border-bottom: 2px solid #d5dce3;
}
tr.spaceheade th {
    width: 16% !important;
    padding: 5px 0px 7px 10px !important;
}
.sorting-desc tr th:first-child {
    width: 1% !important;
}
.spaceheade {
    border: none;
    background: inherit !important;
    border: none !important;
}
.sorting-desc tr td:first-child {
    width: 1% !important;
}
.input-group.domen-serch button.btn.btn-info {
    background: #f2f6fa !important;
}
.dataTables_info {
    display: none;
}

.rev {
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
}
.pric-dol {
    margin: 12px 0 21px;
    font-size: 36px;
    color: #ffffff;
    font-weight: 900;
    display: inline-block;
    width: 100%;
}
.revenue a {
    color: #fff;
    text-decoration: underline;
}
.revenue {
    background: #0cb4e5 url(../images/invice.png) no-repeat right bottom;
    padding: 20px 26px;
    display: inline-block;
    border-radius: 5px;    
    margin-bottom: 10px;
    min-height: 144px;
    width: 100%;
    background-position: 92% 105px;
}
.revenue.fund {
    margin: 15px 0;
    background: #5cc55a url(../images/found.png) no-repeat left bottom;
    background-position: 24px 31px;
    position: relative;
    padding-top: 38px;
    padding-bottom: 0;
}
.fund-btn {
    text-decoration: none !important;
    position: absolute;
    text-align: center;
    top: 48px;
    /*left: 53%;*/
    left: auto;
    background: #fff;
    color: #000 !important;
    padding: 10px 17px;
    font-size: 16px;
    border-radius: 4px;
    right: 15px;
}
.fund-btn:before {
    content: url(../images/pluse.png);
    padding: 0 8px 0 0;
}

.revenue.invic {
    background: #eeb800 url(../images/doller-invo.png) no-repeat right bottom;
    padding: 20px 26px;
    display: inline-block;
    border-radius: 5px;
    min-height: 144px;
    width: 100%;
    background-position: 92% 91px;
}
.fund-btn:before {
    content: url(../images/pluse.png);
}
p.pingmm {
    margin: 25px 0 0 0;
    padding: 0;
    line-height: normal;
}

@media (min-width:320px) and (max-width:766px) {
    .recod .col-md-4.col-xs-6 {
        width: 100% !important;
    }
    .pull-right .list-grid {
        display: none;
    }
    #adv-search {
        padding: 21px 9px;
        margin: 0 auto!important;
    }
    #adv-search {
        margin-bottom: 55px !important;
    }
    #order-standard_cart .regi-domain {
        background-size: cover!important;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*#content {
        width: 100%;
        left: 95px;
    }*/
    /*#content.clientes{
      width: calc(100% - 295px);
      left: 295px;
    }
    #content.clientes.active, {
      width: calc(100% - 95px);
      left: 95px;
    }*/



    ::i-block-chrome, #content {
        width:78%;
    }
    ::i-block-chrome, .ssl {
        background:#56bf4a;
    }
    ::i-block-chrome, .cdn {
        background:#0b98b0;
    }
    ::i-block-chrome, .com {
        background:#fbfbfb;
    }
    ::i-block-chrome, .email-pack {
        background:#0A45B0;
    }
    ::i-block-chrome, .prot-data {
        background:#0B96AF;
    }
    ::i-block-chrome, .data-show {
        background:#494949;
    }
}
.domains-head.depart p {
    font-size: 13px;
}


.supp a:hover {
    border: solid 2px #87a61c;
}
.sale h2 {
    color: #edb800;
}
.sale a:hover {
    border: solid 2px #edb800;
}
.bill h2 {
    color: #404040;
}
.bill a:hover {
    border: solid 2px #404040;
}
.custm a:hover {
    border: solid 2px #0cb4e5;
}
.quest a:hover {
    border: solid 2px #1b66ef;
}
.ticket-head {
    display: inline-block;
    width: 100%;
    background: #545454;
}
.ticket-inner {
    padding: 23px 30px 18px 30px;
    display: inline-block;
    width: 100%;
}
.ticket-colam li {
    list-style: none;
    display: inline-block;
    margin: 0 19px 0 0;
}
.left-arrow a {
    font-size: 30px;
    color: #fff;
}
.custom-select {
    position: relative;
}
.left-arrow {
    width: auto !important;
    margin: 0 14px 0 0!important;
}
.ticket-colam li {
    list-style: none;
    float: left;
    margin: 7px 19px 0 0;
    width: 185px;
}
.date-tickt {
    width: 135px !important;
}
.date-tickt input {
    color: #fff;
    background: #87a61c;
    border: none;
    font-size: 12px;
}
.date-tickt .input-group-addon {
    background: #87a61c;
    border: none;
    color: #fff;
    font-size: 15px;
}
.date-tickt .input-group-addon:first-child {
    border-right: 1px solid #a3bb51;
}
.quest .select-selected {
    padding: 0;
    background: #edb800;
    border: none;
    color: #fff;
    border-radius: 0 4px 4px 0;
    height: 35px;
    padding: 0 12px;
    line-height: 33px;
}
.quest span.input-group-addon {
    background: #edb800;
    border: none;
    color: #fff;
    border-radius: 4px 0 0 4px;
    font-size: 12px;
    border-right: 1px solid #f1c83b;
}
.opent-tickt .select-selected {
    padding: 0;
    background: #0cb4e5;
    border: none;
    color: #fff;
    border-radius: 0 4px 4px 0;
    height: 35px;
    padding: 0 12px;
    line-height: 33px;
}
.opent-tickt {
    min-width: 230px !important;
}
.opent-tickt span.input-group-addon {
    background: #0cb4e5;
    border: none;
    color: #fff;
    border-radius: 4px 0 0 4px;
    font-size: 12px;
    border-right: 1px solid #44c5eb;
}
.ticket-colam .select-items {
    left: 0;
    right: 0;
}
.ticket-colam .select-selected {
    display: table-cell;
}
.ticket-colam .select-selected:after {
    border-color: #fff transparent transparent transparent;
}
.ticket-colam .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 9px !important;
}
.medium-tick .select-selected {
    display: table-cell;
}
.medium-tick .select-selected {
    padding: 0;
    background: #0cb4e5;
    border: none;
    color: #fff;
    border-radius: 0 4px 4px 0;
    height: 35px;
    padding: 0 12px;
    line-height: 33px;
        position: relative;
}
.medium-tick span.input-group-addon {
    background: #0cb4e5;
    border: none;
    color: #fff;
    border-radius: 4px 0 0 4px;
    font-size: 12px;
    border-right: 1px solid #44c5eb;
}
.urg {
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 29px;
    margin-right: 28px;
}
.medium-tick {
    margin: 7px 0 0 0;
}
.medium-tick .select-items {
    right: 0 !important;
}
.medium-tick .select-selected:after {
    border-color: #fff transparent transparent transparent;
}
.medium-tick .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 9px !important;
}
.form-group.textarea textarea {
    border-right: 1px solid #ddd!important;
}
.form-group.textarea textarea {
}
.uplod-file .btn.btn-primary {
    background: #f1f1f1;
    border: none;
    color: #000;
    padding: 11px 20px;
}
.uplod-file span {
    margin-right: 10px;
}
.btn-footer.qustion {
    margin-top: 0px;
}
.domains-head.depart {
    padding-bottom: 20px;
    padding-top: 23px;
}
.tickt-id strong {
    font-weight: 900;
}
.tickt-id {
    font-size: 24px;
    color: #fff;
    margin: 5px 22px !important;
}
.btn-close a {
    background: #fff;
    margin: 0 10px;
    padding: 14px 21px;
    border-radius: 5px;
}
.ticket-head a:hover {
    color: #fff;
}
.btn-close a, .btn-close button {
    background: #ff5353;
    margin: 0 3px;
    padding: 11px 12px;
    border-radius: 5px;
    color: #fff;
    width: 47%;
    font-size: 15px;
    display: inline-block;
    text-align: center;
    border: 1px solid transparent;
}
.reply {
    background: #0cb4e5 !important;
}
.btn-close i {
    margin: 0 8px;
}
.comments {
    max-width: 100%;
    padding-bottom: 100px;
}
.comment-wrap {
    margin-bottom: 36px !important;
    display: table;
    width: 100%;
    min-height: 5.3125rem;
}
.photo {
    padding-top: 1.625rem;
    display: table-cell;
    width: 3.5rem;
}
.photo .avatar {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-size: contain;
    margin-right: 17px;
    background-repeat: no-repeat;
    background-position: center;
}
.comment-block {
    padding: 19px 15px 8px;
    position: relative;
    background-color: #fff;
    display: table-cell;
    vertical-align: top;
    border: solid 1px #d4d4d4;
}
.comment-block textarea {
    width: 100%;
    resize: none;
}
.comment-text {
    margin-bottom: 1.25rem;
}
.top-comment {
    display: inline-block;
    width: 100%;
    margin-bottom: 22px;
}
.comment-date {
    float: left;
}
.comment-actions {
    float: right;
}
.comment-actions li {
    display: inline;
    margin: -2px;
    cursor: pointer;
}
.comment-actions li.complain {
    padding-right: 0.75rem;
    border-right: 1px solid #e1e5eb;
}
.comment-actions li.reply {
    padding-left: 0.75rem;
    padding-right: 0.125rem;
}
.comment-actions li:hover {
    color: #0095ff;
}
.name-client {
    font-size: 18px;
    font-weight: 700;
}
.date-time {
    font-size: 12px;
    color: #a8a8a8;
}
.comment-block:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    display: block;
    border-width: 13px 16px 13px 0;
    border-style: solid;
    border-color: transparent #d4d4d4;
    top: 20px;
    left: -16px;
}
.comment-wrap.replay-me .comment-block:after {
    display: none;
}
.comment-wrap.replay-me .comment-block:before {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    display: block;
    border-width: 13px 0 13px 16px;
    border-style: solid;
    border-color: transparent #edf7fa;
    top: 20px;
    right: -16px;
}
.replay-me .comment-block {
    background: #edf7fa;
    border-color: #edf7fa
}
.replay-me .photo {
    padding-top: 5.625rem;
    display: table-cell;
    width: 6.5rem;
    margin-left: 20px;
    position: relative;
    left: 14px;
}
.replay-me p {
    font-weight: 500;
}
.today-help {
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}
.today-help h4 {
    font-size: 14px;
    color: #0cb4e5;
    background: #e6f7fc;
    position: relative;
    z-index: 999;
    display: inline-block;
    padding: 7px 18px;
    margin: 0;
    border-radius: 5px;
}
.today-help:after {
    content: '';
    background: #ccc;
    height: 1px;
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
}
.reply-row {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    display: inline-block;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 27px #f4f6f6;
    border-top: 1px solid #f4f4f4;
}
.start-chat {
    padding: 30px 30px 0 30px;
}
.start-chat textarea {
    width: 100%;
    padding: 15px 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    height: 150px;
}
.col-sm-1.reply-text {
    width: auto;
    text-align: center;
    font-size: 38px;
    margin-top: 100px;
    color: #ff5353;
    cursor: pointer;
}
.ticket-side h2 {
    margin: 0;
    color: #404040;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #f4f4f4;
    padding: 11px 16px;
}
.ticket-side i {
    margin-right: 10px;
}
.ticket-side li {
    color: #aeaeae;
    font-size: 14px;
    list-style: none;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px 19px;
}
.ticket-side li:nth-child(1) {
    border-left: solid 2px #87a61c;
}
.ticket-side li:nth-child(2) {
    border-left: solid 2px #edb800;
}
.ticket-side li:nth-child(3) {
    border-left: solid 2px #1cb8e6;
}
.ticket-side li:nth-child(4) {
    border-left: solid 2px #545454;
}
.ticket-side li:nth-child(5) {
    border-left: solid 2px #ff5353 ;
}
.ticket-side li:last-child {
    border: none;
    border-left: solid 2px #895850;
}
.ticket-side {
    border: solid 1px #f4f4f4;
    padding: 0;
    margin-bottom: 40px;
}
.ticket-side li span {
    color: #404040;
    display: inline-block;
    width: 100%;
}
.first-child {
    border-left: solid 2px #edb800 !important;
}
li.edit-btn {
    border: none !important;
    text-align: center;
    padding: 0;
}
li.edit-btn a {
    font-size: 18px;
    background: #f5f5f5;
    padding: 13px 0;
    width: 100%;
    display: inline-block;
    color: #404040;
    border-radius: 0 0 4px 4px;
    font-weight: 700;
}
.ticket-side.info {
    border-radius: 0 0 4px 4px;
}
.sm-gutter {
    background: #f2f2f2;
    padding: 37px 15px;
    margin-bottom: -5px;
    display: inline-block;
    width: 100%;
}
.card-info-box .content {
    background: #fff;
    font-size: 14px;
    min-height:200px;
    position: relative;
    top:0;
    left:0;
    border-radius: 5px;
    color: #424242;
    padding:35px 16px 26px;
    font-weight: 400;
}
.card-info-box {
    background: #fff;
    border-radius: 5px;
    text-align: center;
}
.card-info-box.tran-no {
    background: #f4d1d1;
}
.card-info-box .icone {
    min-height: 72px;
    background: #1296bd;
    width: 72px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    text-align: center;
}
.card-info-box .icone img {
    width: 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.text {
    font-size: 17px;
    color: #3c3b3b;
    margin-top: 15px;
    font-weight: 900;
}
.card-info-box .content:hover .icone, .card-info-box .content:active .icone, .card-info-box .content.active .icone{
    background: none;
    border: 1px solid #fff;
}
.card-info-box .content:hover, .card-info-box .content:active {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #0cb4e5 0%, #1296bc 100%) repeat scroll 0 0;
}
.card-info-box .content:hover .text, .card-info-box .content:active .text {
    color: #fff;
}

.card-info-box .content.active{
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #0cb4e5 0%, #1296bc 100%) repeat scroll 0 0;
}
.card-info-box .content.active .text{
    color: #fff;
}
.sm-gutter .col-md-3 {
    padding: 0 10px;
}
.regi-domain {
    background: url(../images/domain-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding: 50px 0 170px;
}
.dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    padding: 6px 20px;
}
.input-group-btn .btn-group {
    display: flex !important;
}
.btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
}
.btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group .form-horizontal .btn[type="submit"] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
@media screen and (min-width: 768px) {
    #adv-search {
        width: 660px;
        margin: 0 auto;
    }
    .dropdown.dropdown-lg {
        position: static !important;
    }
    .dropdown.dropdown-lg .dropdown-menu {
        min-width: 471px;
    }
}
#adv-search {
    background: #000;
    border-radius: 5px;
    padding: 21px 19px;
}
#adv-search input {
    height: 50px;
    box-shadow: none;
    border: none;
    border-radius: 6px 0 0 6px;
}
#search_concept {
    border-left: 1px solid #dfdfdf;
    padding: 2px 0 5px 7px;
}
#adv-search .dropdown.dropdown-lg {
    background: #fff;
    height: 50px;
    margin-right: 12px;
    border-radius: 0 5px 5px 0;
}
#adv-search .dropdown.dropdown-lg {
    background: #fff;
    height: 50px;
}
#adv-search .dropdown-menu-right {
    right: 150px;
    left: auto;
}
#adv-search .dropdown.dropdown-lg button {
    border: none;
    padding: 0 16px !important;
    border-left: 1px solid #ccc;
    background: none;
    box-shadow: none;
    margin-top: 13px !important;
}
.btn.btn-search {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px !important;
    padding: 0 33px;
    background: #0cb4e5;
}
.dropdown.dropdown-lg.open input {
    border: solid 1px #ccc !important;
    height: auto !important;
    border-radius: 5px;
}
.reg-titel h1 {
    margin: 0;
    font-size: 22px;
    text-transform: uppercase;
}
.titel-page {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.cont-cart {
    padding: 13px 0;
    width: 153px;
    height: 143px;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 15px #aac6f3;
    right: 20px;
    border-radius: 4px;
    top: 85px;
}
.cont-cart span {
    display: inline-block;
    width: 100%;
}
.cart-btng {
    margin: 10px 0;
    display: inline-block;
    background: #87a61c;
    color: #fff;
    padding: 8px 13px;
    border-radius: 4px;
}
.cart-btng:hover {
    color: #fff;
}
.avia-sab {
    margin: 24px 0 0;
    font-size: 24px;
    text-align: center;
}
.host-block {
    background: #0cb4e5;
    display: inline-block;
    width: 90%;
    padding: 28px 0;
    margin: 60px 54px 0;
    border-radius: 5px;
}
.host {
    font-size: 30px;
    color: #fff;
    font-weight: 900;
    margin: 0;
}
.renw {
    float: left;
}
a.cart-btn {
    float: right;
    background: #fff;
    padding: 11px 20px;
    color: #000;
    font-size: 15px;
    font-weight: 900;
    border-radius: 4px;
}
.yer-line {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 12px;
    margin-top: 7px;
}
.renw {
    margin-top: 10px;
    color: #fff;
    float: left;
    font-size: 18px;
}
.renw small {
    font-size: 13px;
}
.reset-domen {
    background: #f2f2f2;
    padding: 0 60px 100px;
    display: inline-block;
    width: 100%;
}
.col-host {
    box-shadow: 0 0 4px #dfdfdf;
    background: #fff;
    width: 18.2%;
    padding: 0 0 40px 0;
    border-radius: 5px;
    float: left;
    font-size: 12px;
    margin: 0 8px;
    color: #595959;
    font-weight: 900;
    text-align: center;
    position: relative;
}
.in-titel {
    background: #fff;
    width: 65px;
    font-size: 18px;
    color: #0cb4e5;
    height: 65px;
    font-weight: 900;
    margin: -27px auto 0;
    border-radius: 50%;
    line-height: 66px;
    left: 32%;
}
.usd-price {
    padding: 0 0 25px;
}
.cart-blue a {
    font-weight: 300;
    font-size: 12px;
    background: #0cb4e5;
    padding: 6px 11px;
    border-radius: 4px;
    color: #fff;
}
.cart-blue a:hover {
    color: #fff;
    background: #12a1cb;
}
.add-price {
    color: #00a63f;
    font-size: 19px;
}
.close-host a {
    color: #000000;
    display: inline-block;
    margin-top: 15px;
    font-size: 13px;
}
.close-host a:hover {
    color: #F30;
}
.hosting-postal {
    margin-top: -72px;
}
.sted {
    display: inline-block;
    width: 100%;
    margin-top: 50px;
}
.sted span {
    float: left;
    font-size: 20px;
    color: #0cb4e5;
    font-weight: 900;
    font-style: italic;
    margin-right: 16px;
}
.sted .custom-select {
    display: table-cell;
    position: relative;
    width: 31%;
}
.sted .select-selected {
    padding: 0;
    border: none;
    background: #fff;
    padding: 7px 0 6px 7px;
    border-radius: 4px;
}
.input-group-btn.search-panel button {
    height: 50px;
    border: none;
    border-radius: 0;
    width: 62px;
    background: #fff;
    margin: 0 !important;
    font-size: 14px;
    font-weight: 900;
}
.input-group.form-box {
    margin-right: 15px;
}
.input-group-btn.adv button {
    background: #0cb4e5;
    border: none;
    height: 49px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    width: 166px;
    border-radius: 4px !important;
    float: left;
}
.input-group-btn.adv button i {
    margin-right: 10px;
}
#adv-search ul.dropdown-menu:before {
    display: none;
}
#adv-search .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background: #fff !important;
}
.sale-host {
    padding-top: 20px;
}
.web-host h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 900;
    display: contents;
}
.sale-red {
    background: #ff3131;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    padding: 6px 16px;
    color: #fff;
    border-radius: 5px;
    margin-left: 11px;
}
.sale-table {
    background: #fff;
    padding: 26px 10px;
    display: inline-block;
    margin-bottom: 10px;
    min-height: 86px;
    width: 100%;
    border-radius: 4px;
}
.price-usd span {
    font-size: 14px;
    color: #c2c2c2;
    font-weight: 500;
    margin: 0 8px 0 20px;
}
.dooler-price small {
    font-size: 13px;
}
.dooler-price strong {
    font-size: 18px;
}
.btn-cart {
    font-weight: 500;
    font-size: 13px;
    background: #0cb4e5;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
}
.btn-cart i {
    margin-left: 10px;
}
.btn-cart:hover {
    color: #fff;
    background: #12a1cb;
}
.dooler-price {
    padding: 8px 0 0;
    float: left;
    width: 43%;
}
.price-usd {
    padding: 8px 0 0 21px;
    float: left;/* width: 38%; */
}
.cart-check {
    float: right;
}
.cart-add {
    float: right;
}
.cart-add .close-host {
    margin-left: -7px;
}
.cart-add .add-price {
    color: #00a63f;
    font-size: 19px;
    margin: -12px 0 -16px -15px;
}
.sale-prem {
    background: #3e3e3e;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    padding: 6px 16px;
    color: #fff;
    border-radius: 5px;
    margin-left: 11px;
}
.renen {
    display: inherit;
    font-size: 12px;
    color: #c2c2c2;
    line-height: 22px;
}
#adv-search .dropdown-menu {
    left: -6px;
    min-width: 57px;
}
.sm-gutter .face.back {
    font-size: 13px;
    color: #fff;
    line-height: 24px;
}
.right {
    display: none;
    position: fixed;
    right: 20px;
    z-index: 1;
    top: 225px;
}
.domains-head.configur h1 {
    padding: 0;
}
.domains-head.configur p {
    padding: 0;
}
.domains-head.configur h1:before {
    display: none;
    padding: 0;
}
.page-spase {
    padding: 40px 15px;
}
.signd-titel {
    text-align: center;
}
.signd-titel a {
    font-size: 30px;
    color: #0cb4e5;
    font-weight: 900;
}
.eriod-col {
    font-size: 16px;
}
.eri-btn {
    border: solid 2px #0cb4e5;
    padding: 8px 13px;
    border-radius: 4px;
    margin-left: 10px;
    font-size: 13px;
    color: #0cb4e5;
    font-weight: 900;
}
.sting-col {
    font-size: 16px;
}
.sting-col a {
    margin-left: 10px;
    text-transform: uppercase;
    color: #0cb4e5;
    font-size: 13px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+12,ffffff+47,f2f2f5+100,f2f2f5+101 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 12%, #ffffff 47%, #f2f2f5 100%, #f2f2f5 101%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 12%, #ffffff 47%, #f2f2f5 100%, #f2f2f5 101%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 12%, #ffffff 47%, #f2f2f5 100%, #f2f2f5 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f5', GradientType=0 ); /* IE6-9 */
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    box-shadow: 0 0 10px #f2f2f5;
    padding: 12px 39px;
}
.period {
    background: #f8f9fe;
    width: 100%;
    float: left;
    padding: 38px 24px;
    margin: 40px auto;
    border-radius: 5px;
}
.signd-contnr {
    margin: 0 auto;
    width: 64%;
}
.prot-dns {
    display: inline-block;
    width: 100%;
}
.increased {
    min-height: 274px;
    border-radius: 4px;
    border: solid 1px #ebebeb;
    background-image: linear-gradient(131deg, #f4f4f4, #fdfdfd);
    padding: 20px;
    position: relative;
}
.green-cart:hover {
    background: #419c3f;
}
.increased h2 {
    margin: 14px 0 0 0;
    font-size: 20px;
    color: #000;
    font-weight: 900;
}
.increased p {
    margin: 10px 0 14px;
    font-size: 13px;
    color: #545454;
    font-weight: 300;
}
.increased span {
    margin: 0;
    font-size: 18px;
    color: #343434;
    font-weight: 300;
    display: inline-block;
    width: 100%;
}
.increased span strong {
    margin: 0;
    font-size: 18px;
    color: #343434;
    font-weight: 900;
}
.green-cart {
    background: #5cc55a;
    padding: 11px 23px;
    margin-top: 14px;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    font-weight: 900;
    font-size: 13px;
}
.green-cart:hover {
    color: #fff;
}
.checkbox.icon-check label {
    margin: 0;
    padding: 0;
}
.checkbox.icon-check {
    position: absolute;
    top: 12px;
    right: 10px;
}
.checkbox.icon-check .cr {
    background: #fff;
    border: solid 1px #5cc55a;
}
.checkbox.icon-check .cr i {
    color: #5cc55a;
}
.nameserv-head {
    text-align: center;
}
.nameserv-head h1 {
    margin: 0;
    font-size: 30px;
    color: #0cb4e5;
    font-weight: 900;
}
.nameserv-head p {
    margin: 10px 0 30px 0;
    font-weight: 300;
    font-size: 13px;
    color: #9e9e9e;
}
.nameserv-row {
    padding: 50px 0;
}
.panel {
    margin: 0 auto;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}
.panel .front {
    height: inherit;
    position: absolute;
    top: 53px;
    z-index: 900;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.panel .back {
    height: inherit;
    position: absolute;
    top: 40px;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    left: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.panel.flip .front {
    z-index: 900;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
.panel.flip .back {
    z-index: 1000;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}
.domains-head.configur {
    padding-bottom: 15px;
    padding-top: 15px;
}
.cont-cart span {
    color: #87a61c;
    font-size: 32px;
}
.filter-year .select-selected:after {
    display: none;
}
.eriod-col {
    font-size: 16px;
    width: 213px;
}
.eri-rigst {
    margin-top: 3px;
    float: left;
}
.custom-select.filter-year {
    float: right;
}
.custom-select.filter-year .select-selected {
    border: solid 2px #0cb4e5;
    padding: 6px 13px;
    border-radius: 4px;
    margin-left: 10px;
    font-size: 13px;
    color: #0cb4e5;
    font-weight: 900;
}
.progr-row {
    padding: 50px 80px;
    box-shadow: 0 0 5px #dfdfdf;
    background: #fff;
}
.progres-bar li a {
    background: #fff;
    padding: 0 8px;
    font-size: 16px;
    color: #000;
}
.check-bar {
    color: #0eb4e8;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    font-weight: 300;
    border: solid 1px #76d6ef;
    margin-right: 12px;
}
.progres-bar li {
    list-style: none;
    display: inline-block;
    width: 219px;
    position: relative;
    text-align: center;
    z-index: 9;
}
.progres-bar:after {
    content: '';
    height: 2px;
    background: #76d6ef;
    display: inline-block;
    width: 77%;
    left: 54px;
    position: absolute;
    top: 20px;
}
.progres-bar {
    position: relative;
    margin: 0 auto;
    width: 1000px;
}
.check-bar.active {
    background: #0eb4e8;
}
.accout-left {
    margin-top: 0;
    background: #fff;
    padding: 20px 20px;
}
.crny {
    font-size: 14px !important;
    color: #000 !important;
    margin-right: 20px;
}
.accout-right {
    margin-top: 15px;
}
.full-sign {
    background-image: linear-gradient(127deg, #1051c7, #1b66ef);
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    padding: 20px;
}
.sign-titel {
    color: #fff;
    margin: 0;
    font-size: 25px;
}
.acct-box h3 {
    color: #fff;
    font-weight: 900;
    font-size: 17px;
    margin: 10px 0 8px;
}
.acct-box p {
    color: #fff;
    font-size: 14px;
}
.crt-ntn {
    background: #fff;
    color: #000;
    padding: 10px 22px;
    border-radius: 4px;
    margin-top: 7px;
    font-size: 17px;
    width: 65%;
    font-weight: 900;
    display: inline-block;
    text-align: center;
}
.crt-ntn:hover {
    background: #fbfbfb;
}
.account-colam {
    float: left;
    width: 50%;
}
.account-colam.have {
    /*margin-top: 27px;*/
}
.account-colam.have .crt-ntn {
    background: #0cb4e5;
    color: #fff;
}
.accout-row {
    display: inline-block;
    width: 100%;
}
.account-colam.have .crt-ntn:hover {
    background: #2edef4;
}
.pay-row {
    padding-top: 20px;
}
.fild-titel {
    color: #000;
    margin: 0 0 26px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 900;
}
.pay-row .col-md-6 {
    padding-left: 0;
    margin-bottom: 18px;
}
.pay-row .change-pass .inputText {
    left: 10px;
}
.pay-row .change-pass .inputBox {
    background: #fff;
}
.treet-titel {
    color: #747474;
    margin: 20px 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
}
.payment {
    display: block;
    position: relative;
    cursor: pointer;
    color: #323232;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.payment input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 24px;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: solid 2px #6ad1ee;
    border-radius: 50%;
}
.payment:hover input ~ .checkmark {
    background-color: #ccc;
}
.payment input:checked ~ .checkmark {
    border: solid 2px #2196F3;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.payment input:checked ~ .checkmark:after {
    display: block;
}
.payment .checkmark:after {
    top: 2px;
    left: 2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0bb6e4;
}
.card {
    text-transform: uppercase;
    cursor: pointer;
    line-height: 27px;
    font-size: 11px;
    text-align: center;
}
.pay-list li {
    list-style: none;
    float: left;
    /* width: 110px; */
    width: 350px;
    margin: 0 10px;
    text-align: center;
    min-height: 90px;
    border-radius: 4px;
    padding: 7px 0 0;
    box-shadow: 0 0 8px #ccc;
}
.Payment-row {
    background: #fff;
    border-bottom: 2px solid #ccc;
    display: inline-block;
    padding: 15px 25px 25px;
    width: 100%;
}
.border_bottom{
    border-bottom: 2px solid #ccc;
}
.border_top{
    border-top: 2px solid #ccc;
}
.col-md-7.no-spase {
    padding-left: 0;
}
.Payment-row h4 {
    color: #000000;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
}
.card-type {
    background: #fff;
    display: inline-block;
    width: 100%;
}
.card-cont {
    margin: 33px auto;
    width: 65%;
    background: #fff;
    display: -webkit-box;
    padding: 26px 15px 10px;
}
.card-cont .select-selected {
    background: #fff;
    padding-left: 10px !important;
    border-radius: 4px;
    border-right: 2px solid #ccc !important;
    border-bottom: 2px solid #ccc !important;
}
.card-cont .inputBox {
    background: #fff;
    color: #000;
}
.card-cont .inputText {
}
.card-cont .col-md-6 {
    margin-bottom: 15px;
}
.card-cont .col-md-12 {
    margin-bottom: 15px;
}
.order-btn {
    text-align: center;
    background: #fff;
    padding: 30px 0;
    margin-top: -5px;
}
.order-btn input {
    background-image: linear-gradient(127deg, #1051c7, #1b66ef);
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
    padding: 19px 39px;
    border-radius: 4px;
    color: #fff;
}
.order-btn input:hover {
    background-image: linear-gradient(127deg, #1b66ef, #1051c7);
}
.col-md-7.no-spase {
    padding-left: 0;
    border-right: 2px solid #e8e8e8;
    padding-right: 0;
}
.items-titel {
    color: #000;
    margin: 0 0 22px;
    font-size: 22px;
    font-weight: 900;
}
.cart-colam {
    border: solid 1px #ccc;
    display: inline-block;
    padding: 15px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 4px;
}
.crt-regist h4 {
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 900;
}
.crt-regist span {
    font-size: 13px;
    color: #b0b0b0;
}
.crt-drop .select-selected {
    border: solid 1px #ccc;
    padding: 0;
    background: #fff;
    border-radius: 4px;
    padding: 7px 7px;
    font-size: 12px;
    margin: 10px 0;
}
span.crt-price {
    font-size: 13px;
    color: #b0b0b0;
}
.year-price {
    margin: 0 0 6px;
    font-size: 17px;
    text-align: right;
    font-weight: 900;
}
span.st {
    display: inline-block;
    width: 100%;
    text-align: right;
    margin-bottom: 4px;
    font-size: 13px;
    color: #b0b0b0;
}
.off-year {
    font-size: 16px;
    font-weight: 900;
    color: #1961e6;
    text-align: right;
    margin-bottom: 11px;
}
.trash a {
    border: solid 1px #1961e6;
    padding: 4px 18px;
    color: #1961e6;
    border-radius: 20px;
}
.trash a:hover {
    background: #1961e6;
    color: #fff;
}
.trash {
    text-align: right;
}
.cart-colam.server {
    background: #ebfaff;
}
.cart-colam.ssl-item {
    background: #f7f7f7;
}
.value {
    float: right;
}
.cart-summary-line {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.label-text {
    color: #000;
    font-size: 14px;
}
.shipping .label-text {
    font-weight: 900;
    border-bottom: 1px solid #000;
}
.cart-grid-total {
    border-bottom: 3px solid #000;
    border-top: 3px solid #000;
    padding: 16px 0;
    margin: 27px 0 10px;
}
.pric-clt {
    float: right;
    font-weight: 900;
    color: #0ab4e5;
    font-size: 22px;
}
.total-clt {
    font-weight: 900;
    font-size: 22px;
}
.promo a {
    font-size: 13px;
    color: #000;
    font-weight: 900;
}
a.find-this {
    margin-top: 14px;
    display: inline-block;
    font-size: 14px;
    color: #1c4e80;
}
.pay-box {
    background: #f5fbfd;
    padding: 15px 20px
}
.pay-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0 0 15px 23px;
    user-select: none;
}
.pay-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.pay-check .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
}
.pay-check:hover input ~ .checkmark {
    background-color: #fff;
}
.container input:checked ~ .checkmark {
    background-color: #0cb4e5;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.pay-check input:checked ~ .checkmark:after {
    display: block;
}
.pay-check .checkmark:after {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0cb4e5;
}
.pay-check:last-child {
    border: none;
}
.col-md-6.no-spase {
    padding-left: 0;
}
.paymt-form .form-group {
    margin-bottom: 32px;
}
.paymt-form label {
    font-weight: 300;
    font-size: 18px;
}
.paymt-form input {
    font-size: 14px;
    background: #fff;
    border: solid 1px #ccc;
    box-shadow: inherit;
    height: 52px;
}
.pay-btn {
    text-align: center;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
.pay-btn button {
    text-align: center;
}
.pay-btn button {
    text-align: center;
    background: #0cb4e5;
    border: none;
    width: 100%;
    text-transform: uppercase;
    height: 50px;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 6px;
}
.paymt-form .select-selected {
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 4px;
    padding: 0 0 0 8px;
    height: 50px;
    font-size: 21px;
    line-height: 46px;
    color: #000;
}
.paymt-form .select-selected.select-arrow-active:after {
    top: 44px !important;
}
.paymt-form .select-selected:after {
    top: 53px;
}
.pay-row .pay-titel {
    color: #0cb4e5;
    margin: 0;
    padding-bottom: 30px;
    font-weight: 900;
    font-size: 24px;
}
.paymt-form .col-md-6 {
    padding: 0 8px;
}
.body-page {
    background: #f5f7f8;
    padding-bottom: 50px;
}
.term-box {
    background: #ffffff;
    padding: 15px;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.select-lanth h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 900;
}
.term-list {
    margin: 30px 0;
}
.term-list li {
    list-style: none;
    color: #fff;
    padding: 15px 0;
    border-radius: 4px;
    background: #5cc55a;
    text-align: center;
    width: 23.6%;
    margin: 0 3px;
    display: inline-block;
}
.term-list strong {
    font-size: 18px;
    font-weight: 900;
}
.term-list span {
    font-size: 16px;
    display: inline-block;
    width: 100%;
}
.term-list li:nth-child(2) {
    background: #edb800;
}
.term-list li:nth-child(3) {
    background: #0cb4e5;
}
.term-list li:nth-child(4) {
    background: #404040;
}
.second-term-list li:nth-child(1) {
    background: #0aab9c;
}
.second-term-list li:nth-child(2) {
    background: #1560ab;
}
.urable-form .custom-select {
    margin-bottom: 30px;
}
.urable-form {
    margin-top: 25px;
}
.web-rank {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    border-top: dashed 1px #e6f0f3;
    padding-top: 40px;
}
.pay-check.web-chek {
    border: none;
    float: left;
}
.mo-price {
    float: right;
    font-size: 20px;
}
.daily-web {
    display: inline-block;
    width: 100%;
}
.rank-item {
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #ebebeb;
    box-shadow: 0 0 5px #ebebeb;
    cursor: pointer;
}
.daily-web .pay-check.web-chek {
    padding-bottom: 0;
    margin: 0;
    padding-left: 30px;
}
.pro-heding {
    margin: 0;
    font-size: 22px;
    font-weight: 900;
}
.daily-web {
    display: inline-block;
    width: 100%;
    margin: 24px 0 20px 0;
}
.daily-web label {
    font-size: 20px;
    font-weight: 900;
    text-transform: inherit;
}
.daily-web .checkmark {
    width: 20px;
    height: 20px;
    border-color: #5cc55a;
}
.daily-web .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background: #5cc55a;
}
.scans-cont {
    font-size: 16px;
    line-height: 22px;
}
.rank-item.active {
    background: #f0fff0;
    border: solid 1px #5cc55a;
}
.rank-item:hover {
    background: #f0fff0;
    border: solid 1px #5cc55a;
}
.order-summary {
    background: #0cb4e5;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    margin-top: 30px;
    padding: 15px 10px;
}
.titel-ord {
    margin: 0 0 15px;
    font-size: 14px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
}
.stack {
    color: #fff;
    font-size: 15px;
    float: left;
}
.usd-tp {
    font-weight: bold;
    float: right;
    color: #fff;
}
.cloud-item {
    display: inline-block;
    width: 100%;
    padding: 13px 0;
    border-top: 1px solid #fff;
}
.custom-select.drop-yr {
    width: 70px;
}
.custom-select.drop-yr .select-selected {
    padding: 0;
    margin: 0;
    border: none;
    margin-top: 18px;
    background: #0083a9;
    border-radius: 5px;
    padding: 7px 0;
    text-align: center;
    color: #fff;
}
.custom-select.drop-yr .select-selected:after {
    display: none;
}
.centos-item {
    margin-bottom: 15px;
}
.centos {
    font-size: 12px;
    color: #fff;
    font-weight: 900;
}
span.centos-price {
    font-size: 12px;
    color: #fff;
    font-weight: 900;
    float: right;
}
.cloud-item.fess span {
    font-size: 14px;
}
.cloud-item.amount .centos {
    font-size: 16px;
    margin-top: 14px;
    display: inline-block;
}
.cloud-item.amount .centos-price {
    font-size: 36px;
}
.stap-btn {
    text-align: center;
    margin-top: 30px;
}
.stap-btn a {
    font-size: 16px;
    font-weight: 900;
    background: #5cc55a;
    border-radius: 4px;
    color: #fff;
    padding: 15px 48px;
    text-transform: uppercase;
}
.stap-btn a:hover {
    color: #fff;
}
.icon-small {
    height: 18px;
    margin: 0;
    padding: 0;
}
.icon-medium {
    height: 22px;
    margin: 0;
    padding: 0;
}
.navbar-lang .dropdown-toggle {
    margin: 0 !important;
    padding: 0;
}
.navbar-lang img {
    width: 36px;
    background: no-repeat;
    border: none;
}
.lang-drop {
    text-align: left;
    background: #fff;
    padding: 13px 63px 15px;
    margin-top: 18px;
    box-shadow: 0 0 5px #dfdfdf;
}
.navbar-lang .navbar-nav li {
    float: none;
}
.navbar-lang .navbar-nav {
    float: none;
}
.lang-drop a {
    font-size: 14px;
    color: #6c6c6c;
}
.lang-drop span {
    color: #a6a6a6;
    font-size: 12px;
}
.lang-drop .navbar-nav>li>.dropdown-menu {
    margin-top: 15px;
    left: -78px;
    width: 321px;
    border-radius: inherit;
    box-shadow: inherit;
}
/*.lang-drop ul.dropdown-menu:before {
    display: none;
}*/
.sap-row {
    padding: 25px 25px;
    background: #fff;
    display: inline-block;
    width: 100%;
    box-shadow: 0 0 7px #dfdfdf;
}
.pur-titel {
    font-size: 31px;
    font-weight: 900;
}
.step {
    list-style: none;
    margin: .2rem 0;
    width: 100%;
}
.step .step-item {
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    margin-top: 0;
    min-height: 1rem;
    position: relative;
    text-align: center;
    width: 33%;
    display: inline-block;
}
.step .step-item:not(:first-child)::before {
    background: #000000;
    content: "";
    height: 6px;
    left: -50%;
    position: absolute;
    top: 9px;
    width: 100%;
}
.step .step-item a {
    color: #000;
    display: inline-block;
    padding: 30px 10px 0;
    text-decoration: none;
    font-size: 14px;
}
.step .step-item a::before {
    background: #5cc55a;
    border-radius: 50%;
    content: "";
    color: #fff;
    display: block;
    height: 28px;
    left: 50%;
    position: absolute;
    top: -5px;
    transform: translateX(-50%);
    width: 28px;
    z-index: 1;
}
.step .step-item.active a::before {
    background: #000000;
    left: 49%;
}
.step .step-item.active ~ .step-item::before {
    background: #999999;
}
.step .step-item.active ~ .step-item a::before {
    background: #fff;
}
.stp-cot {
    position: absolute;
    font-size: 17px;
    font-weight: 900;
    text-align: center;
    left: 82px;
    z-index: 99;
    line-height: 16px;
}
.step-item.active span {
    color: #fff;
}
.stp-cot.check {
    color: #fff;
    left: 79px;
}
#sticky.stick {
    position: fixed;
    top: 68px;
    right: 15px;
    z-index: 10000;
    width: 320px;
}
.domen-page.active .stp-cot.check {
    left: 96px  ;
}
.domen-page.active .stp-cot {
    left: 206px;
}
.viewcart li.step-item {
    width: 24% !important;
}
.viewcart .stp-cot {
    left: 50% !important;
    margin-left: -9px;
}
.viewcart cot.check {
    left: 149px !important;
}
.default-captcha.default-captcha-register-margin div {
    display: inline-block;position: relative;
}
#captchaContainer div#tooltip642{left: 80px}
.regi-domain .tooltip.right .tooltip-arrow {
    border-left-color: #c52626;
    float: right;
    left: 69px;
    border-width: 5px 0px 5px 5px;
    position: absolute;
}
.regi-domain #captchaContainer .tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
    float: left;
    left: -80px!important;
    position: absolute;
        width: 78px;
}
/*---[login]---*/
















.login-form span.cr {
    background: #fff;
}




span.input-group-btn.adv button {
    border-radius: 0 5px 5px 0 !important;
}
.btn-account input:hover {
    background: #48c8f1;
}


.rubuts.servers p {
    padding-bottom: 10px;
}


.form-box {
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}













.order-cart {
    display: inline-block;
    width: 100%;
    padding: 18px 30px 9px;
}
.order {
    color: #181717;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
}
.order span {
    margin-right: 15px;
}
.item-cart {
    background: #0cb4e5;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    font-size: 13px;
    display: inline-block;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 11px;
    top: -8px;
}
.cart-bkt {
    margin: 0 18px 0 0;
}
.cart-shop {
    position: relative;
}
.cat {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    margin-top: 0;
    display: inline-block;
    padding: 0 0 0;
}
.host-nav {
    display: inline-block;
    width: 100%;
    background: #545454;
    padding: 20px 30px;
}
.host-nav li {
    float: left;
    margin-right: 10px;
    list-style: none;
    margin-bottom: 10px;
}
.drop-nav {
    background: #0cb4e5;
    padding: 10px 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-weight: 900;
    border-radius: 4px;
}
.drop-nav:hover {
    color: #fff;
}
.host-nav .dropdown-menu {
    width: 265px;
    margin-top: 16px;
}
.host-nav .dropdown-menu:before {
    content: '';
    border-bottom: 15px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 12px;
    top: -13px;
    right: inherit;
}
.host-nav .dropdown-menu li {
    border-bottom: 1px solid #ccc;
}
.host-nav .dropdown-menu li a {
    font-size: 15px;
    padding: 9px 14px;
}
.host-nav .dropdown-menu li a:hover {
    color: #0cb4e5;
    text-decoration: underline;
}
.host-nav .dropdown-menu li:last-child {
    border: none;
}
.drop-nav.server {
    background: #edb800;
}
.drop-nav.cloud {
    background: #ff5353;
}
.drop-nav.sslnv {
    background: #87a61c;
}
.drop-nav.domain {
    background: #8a3ee8;
}
.choose-pack {
    padding: 0 30px;
}
.pack-hed {
    text-align: center;
}
.pack-hed h2 {
    font-size: 28px;
    color: #181717;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}
.pack-hed p {
    font-size: 13px;
    color: #9c9c9c;
    text-align: center;
}
.pakg-palan ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 5px 0;
    height: inherit;
    line-height: 31px;
    border: none;
    border-radius: 0;
    background-color: #f5f5f5;
    color: #797979;
    width: 20%;
    box-shadow: none;
    text-align: center;
    position: relative;
    font-size: 13px;
}
.pakg-palan {
    margin: 0 auto;
    width: 55%;
}
.pakg-palan ul.tabs li:last-child {
    border-radius: 0 50px 50px 0;
}
.pakg-palan ul.tabs li:first-child {
    border-radius: 50px 0 0 50px;
}
.pakg-palan .tabs {
    margin-left: 54px;
}
.generic_content {
    border: solid 1px #d2d2d2;
    padding-bottom: 26px;
}
.head {
    background: #3498db;
    padding: 0px 0 9px;
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    color: #fff;
}
.price {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 33px;
    font-weight: 900;
    color: #7d7d7d;
    padding: 14px 0 17px;
    letter-spacing: -1px;
}
.generic_feature_list li {
    list-style: none;
    font-size: 16px;
    margin: 0 12px;
    color: #7d7d7d;
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    padding: 7px 21px;
}
.generic_feature_list li:first-child {
    border-top: 1px solid #d2d2d2;
}
.generic_feature_storag li {
    list-style: none;
    padding: 6px 16px 5px;
    font-size: 13px;
}
.month {
    font-size: 21px;
    position: relative;
    font-weight: 500;
    left: -7px;
}
.open-host i {
    color: #2ecc71;
    font-size: 15px;
    margin-right: 6px;
}
.colse-host i {
    margin-right: 6px;
    color: #e74c3c;
    font-size: 15px;
}
.colse-host {
    color: #d2d2d2;
}
.generic_feature_storag {
    padding: 15px 0 23px;
}
.generic_price_btn {
    text-align: center;
    margin-bottom: 12px;
}
.generic_price_btn a {
    background: #0cb4e5;
    color: #fff;
    box-shadow: 0 0 10px #dfdfdf;
    padding: 10px 22px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 6px;
    position: relative;
    top: 20px;
}
.generic_price_btn a:hover {
    color: #fff;
    background: #3498db;
}
.flag {
    text-align: center;
    margin-top: 36px;
}
.head span.star {
    display: inline-block;
    width: 100%;
    font-size: 16px;
} 
.generic_content.basic {
    background: #fcfcfc;
}
.head.basic {
    background: #2ecc71;
}
.head.dard {
    background: #f1c40f;
}
.head.ultim {
    background: #9b59b6;
}
.choose-pack {
    padding: 0 30px 30px;
    display: inline-block;
    width: 100%;
}
.pak-row .tabs li:hover {
    background: #0cb4e5;
}
.pak-row .tabs li.active {
    background: #0cb4e5;
}
.pak-row .tabs li.active:after {
    display: none;
}
.pak-row .tabs li:hover:after {
    display: none;
}
.pak-row {
    margin-top: 40px;
}
.cart-bkt {
    font-size: 16px;
}
.pak-row .tab_container {
    margin-top: 35px;
}
.page-content {
    padding: 0 !important;
}
a.submt-btn {
    padding: 6px 14px !important;
    border: solid 2px #fff;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 4px;
    margin: -4px 0 0 0;
}
.submt-btn:hover {
    color: #000;
    background: #fff !important;
}
.spport-row {
    padding: 50px 0 80px;
    background: url(../images/hed-bg01.jpg) no-repeat;
    background-size: cover;
}
.cool-titel {
    font-size: 30px;
    text-align: center;
    color: #fff;
}
.own-right {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}
#custom-search-input {
    padding: 0;
    border: none;
    border-radius: 4px;
    background-color: #fff;
    margin: 30px auto 18px;
    width: 61%;
}
#custom-search-input input {
    border: 0;
    box-shadow: none;
    font-size: 14px;
    padding: 7px 31px 0 0;
    text-align: left;
    color: #000;
}
#custom-search-input button {
    background: none;
    box-shadow: none;
    margin: 0;
    border: 0;
}
#custom-search-input button:hover {
    border: 0;
    box-shadow: none;
}
#custom-search-input .glyphicon-search {
    font-size: 23px;
}
.cat-col {
    background: #f5f5f5;
}
.art-col {
    background: #eeeeee;
}
.rest-titel {
    font-size: 17px;
    color: #17adda;
    font-weight: 900;
}
.rest-titel:hover{color:#23527c; }

.cont-ser {
    width: 30px;
    height: 24px;
    background: #17adda;
    float: right;
    text-align: center;
    font-size: 17px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    font-weight: 900;
        margin: 0px 0px 0 3px;
}
.restor-cont {
    margin-top: 15px;
}
.restor-cont p {
    font-size: 13px;
    color: #989898;
    line-height: 18px;
}
.box-cat {
    background: #fcfcfc;
    box-shadow: 0 0 5px #dfdfdf;
    padding: 13px 13px;
    margin-bottom: 21px;
    min-height: 130px;
}
.col-md-9.cat-col {
    padding: 0 10px;
}
.col-md-9.cat-col .cate-titel {
    padding: 27px 10px;
}
.col-md-3.art-col {
}
.cat-col .col-md-4 {
    padding: 0 11px;
}
.cate-titel {
    padding: 27px 0;
    font-size: 22px;
    font-weight: 900;
}
.flare-list li {
    list-style: none;
}
.flare-list a {
    font-size: 17px;
    font-weight: 900;
    color: #0cb4e5;
}
.flare-list p {
    font-size: 13px;
    font-weight: 400;
    color: #8d8d8d;
    line-height: 22px;
    margin-top: 10px;
}
.flare-list li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 6px 0;
}
.flare-list li:last-child {
    border: none;
}
.serch-left {
    cursor: inherit !important;
    border: none !important;
    font-size: 14px !important;
    color: #898989 !important;
    font-weight: 400;
}
.serch-left i {
    color: #edb800;
}
.serch-left i {
    color: #edb800;
    margin-right: 7px;
}
.btn-lg.right-btn {
    color: #fff;
    padding: 16px 26px;
    background: #edb800 !important;
    font-size: 18px;
    margin-right: -3px !important;
}
.tickt-header li {
    list-style: none;
    float: left;
    margin: 0 0;
}
.delet i {
    margin-right: 8px;
}
.delet {
    display: inherit;
    background: #0cb4e5;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 19px !important;
    font-size: 12px !important;
    margin: 2px 10px 0 0 !important;
    border-radius: 4px;
}
a.dropdown-toggle.delet {
    margin: 0 !important;
    padding: 10px 26px !important;
}
li.dropdown.user.tickt-drop.more {
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
}
.tickt-drop a {
    margin: 10px 0 0 !important;
    font-size: 22px;
    display: inline-block;
    line-height: 15px;
    color: #fff;
}
.tickt-drop .dropdown-menu li a {
    font-size: 13px;
    cursor: pointer;
}
/*.tickt-drop .dropdown-menu:before {
    display: none;
}*/
.tickt-drop .dropdown-menu {
    margin-top: 20px;
}
.tickt-drop .dropdown-menu li {
    list-style: none;
    display: inline-block;
    margin: 0px 0 4px;
    border-bottom: 1px solid #ccc;
    width: 100%;
}
.tickt-drop {
    margin: 0 17px !important;
}
.tickt-drop .dropdown-toggle:focus {
    color: #fff !important;
}
.total {
    font-size: 13px;
    margin-top: 10px;
    color: #bdd2db;
    display: inherit;
}
.tickt-drop.short a {
    font-size: 13px;
}
.tickt-drop.short span {
    color: #bdd2db;
}
.tickt-drop a i {
    font-size: 16px;
    color: #767676;
    margin-left: 6px;
}
.search-tickets {
    width: 16.9%;
}
.search-tickets input {
    background: no-repeat;
    border: none;
    font-size: 12px;
    height: 40px;
}
.search-tickets .btn.btn-danger {
    background: #545454;
    border: none;
}
.search-tickets .input-group {
    border: solid 1px #8e8e8e;
    border-radius: 4px;
}
.filt {
    padding: 10px 31px;
    background: #fff;
    font-size: 14px;
    color: #a3b2ba;
    display: inherit;
    margin: 0 5px 0 12px;
    border-radius: 5px;
}
.filt:hover {
    color: #000 !important;
}
.add-tick {
    padding: 11px 15px;
    background: #0cb4e5;
    font-size: 14px;
    color: #fff;
    display: inherit;
    margin: 0 0;
    border-radius: 5px;
}
.add-tick i {
    margin-right: 4px;
}
.ticket-table-top {
    width: 100%;
    display: inline-block;
}
.ticket-table {
    background: #f2f6fa;
    margin-bottom: 14px;
    display: table;
    width: 100%;
    border-radius: 5px;
    box-shadow: 4px 5px 6px -4px #778fa6;
}
.ticket-table h4 {
    font-size: 13px;
    color: #5e5e5e;
    font-weight: 900;
}
.ticket-table p {
    font-size: 11px;
    color: #8f8f8f;
}
span.checkbox.chek {
    display: inline-block;
    float: left;
}
.cont-check {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: #6a6fd1;
    text-align: center;
    line-height: 24px;
    color: #fff;
    border-radius: 50%;
    margin: 6px 0 0 10px;
    font-size: 11px;
}
.tragat-table th {
    padding: 11px 0;
}
.tragat-table td {
    padding: 5px 0;
}
.tragat-table img {
    margin-left: 8px;
}
.col-md-8.left-colam {
    padding-left: 43px;
    width: 72%;
}
.col-md-12.left-colam {
    padding-left: 43px;
    width: 100%;
}
.tragat-table .cr {
    background: none !important;
}
.col-md-4.right-col {
    margin-top: 69px;
    padding-right: 30px;
    width: 28%;
}
.open-tickt {
    padding: 20px 15px 32px;
    border-radius: 5px;
    margin-bottom: 18px;
}
.tick-xl {
    font-size: 15px;
    color: #fff;
    margin-top: 11px;
    display: inline-block;
}
.cont-xl {
    font-size: 30px;
    color: #fff;
    font-weight: 900;
    float: right;
    margin-right: 12%;
}
.open-tickt .progress {
    margin: 0;
    height: 10px;
    display: inline-block;
    border-radius: 30px;
    width: 100%;
    background: #e7e7e7;
    margin-top: 10px;
}
.open-tickt .progress-bar-success {
    background: #698509;
}
.open-tickt.yellodark .progress-bar-success {
    background: #c09500;
}
.open-tickt.bluedark .progress-bar-success {
    background: #0091bb;
}
.open-tickt.grey {
    background: #b5b2b2;
}
.open-tickt.grey .progress-bar-success {
    background: #807b7b;
}
.open-tickt.navyblue {
    background: #224488;
}
.open-tickt.reddark {
    background: #8c0a0a;
}
.open-tickt.reddark .progress-bar.progress-bar-success {
    background: #5f0303;
}
.open-tickt.navyblue .progress-bar-success {
    background: #02256b;
}
li.dropdown.user.tickt-drop.filt {
    padding: 0;
}
.dropdown-toggle.filt {
    color: #000;
    font-size: 15px;
    padding: 13px 19px !important;
    margin: 0 !important;
}
.dropdown.user.tickt-drop.filt.open .dropdown-toggle:focus {
    color: #000 !important;
}
/*Custom Css*/
ul.menu.notf {
    margin-top: 47px;
}
ul.menu.notf.language {
    width: 100%;
    top: 40px;
    position: relative;
    min-height: 313px;
    margin-top: 8px;
}

ul.menu.notf.language li {
    min-height: 30px;
    float: left;
    width: 25%;
}
ul.menu.notf.language li a {
    width: 100%;
    border: none;
    font-size: 14px;
}
li.dropdown.messages-menu.lang.open ul.dropdown-menu {
    min-width: 450px;
}
.providerPreLinking {
    min-height: 52px;
}
.social-signin-btns {
    text-align: center;
}
.social-signin-btns .btn {
    margin-bottom: 5px;
}
.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,.2);
}
.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0,0,0,.2);
}
.error-container.boxed {
    text-align: center;
}
.flag-container {
    height: 36px;
    margin-top: 4px;
}
.alert-danger ul {
    list-style: none;
}
.alert-danger {
    width: 100%;
    display: inline-table;
}
.progress {
    margin: 25px 0 0 0;
}
#registration {
    margin: 0;
    padding: 0 0 0 0;
}

.focus .inputText.phonenumber {
    margin-left: 0;
}
.inputText.phonenumber {
    margin-left: 85px;
}
.open.lang ul.dropdown-menu {
    width: 450px;
}

button#btnSelectAll-contactPermissions {
    background: #8eb8e2;
    color: #fff;
    text-shadow: 0 0 black;
}
.delete-contact {
    padding: 11px 28px !important;
    margin-left: 10px;
    border: none !important;
    text-transform: uppercase;
    font-weight: 700 !important;
}
span.domainrequired {
    color: #ff0000;
    font-size: 14px;
}
.popover.fade.right.in {
    width: 78% !important;
}
.uplod-file {
    margin-bottom: 10px;
}
i.fas.fa-star.active {
    color: #edb800;
}
i.star.far.fa-star:hover {
    color: #edb800;
}
i.star.far.fa-star {
    cursor: pointer;
}
.ticket-reply .attachments {
    margin: 0;
    padding: 10px 0 !important;
    border-top: 1px dashed #edf7fa !important;
    background-color: #edf7fa !important;
    font-size: .8em;
    line-height: 20px !important;
}
.ticket-reply {
    margin: 0;
    padding: 0;
    border: none !important;
    background-color: #fff !important;
}
i.far.fa-star {
    color: #a8a8a8;
}
.attachments.client {
    background-color: #fff !important;
    border-top: 1px dashed #cccccc !important;
}
.chat_inner {
    width: 100%;
    display: table;
}
.attachments_file {
    width: 320px;
}
.attachments_file.scrollar {    
    height: 235px;
    overflow-y: scroll;
}
label.btn.btn-primary.remove {
    color: #ff5353;
}
th.sorting_asc:first-child, th.sorting_disabled {
    background: none !important;
}
/*Cpanel CSS Start*/
div#cPanelPackagePanel, div#cPanelUsagePanel{
    position: relative;
    background: #ffffff;
    min-height: 330px;
    display: inline-block;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    background-color: white;
    border: none;
}
div#cPanelExtrasPurchasePanel {
    position: relative;
    background: #ffffff;
    min-height: 180px;
    display: inline-block;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    background-color: white;
    border: none;
}
div#cPanelQuickShortcutsPanel {
    position: relative;
    background: #ffffff;
    min-height: 580px;
    display: inline-block;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    background-color: white;
    border: none;
}
#cPanelPackagePanel .panel-heading, #cPanelUsagePanel .panel-heading, #cPanelExtrasPurchasePanel .panel-heading, #cPanelQuickShortcutsPanel .panel-heading  {
    padding: 20px 0;
    background-image: linear-gradient(127deg, #0a45b0, #1b66ef);
    border-radius: 0;
}
#cPanelUsagePanel .panel-heading {
    background: #545454;
}
#cPanelExtrasPurchasePanel .panel-heading {
    background: #1ca2c9;
}
#cPanelQuickShortcutsPanel .panel-heading{
    background-image: linear-gradient(127deg, #0a85a4, #0cb2c1);
}
#cPanelPackagePanel .panel-heading h3.panel-title, #cPanelUsagePanel .panel-heading h3.panel-title, #cPanelExtrasPurchasePanel .panel-heading h3.panel-title, #cPanelQuickShortcutsPanel .panel-heading h3.panel-title {
    font-weight: 900;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    text-align: center;
}
.cpanel-package-details em {
    font-size: 24px;
    text-transform: uppercase;
    color: #1cb8e6;
    font-weight: 700;
    margin: 0;
}
.cpanel-package-details h4 {
    font-size: 16px;
    font-weight: 300;
    color: #7d7d7d;
    margin: 10px 0px 0px !important;
    display: inline-block;
    width: 100%;
}
.cpanel-package-details a {
    font-size: 22px;
    color: #404040;
    margin: 16px 0 30px 0;
    display: inline-block;
    width: 100%;
}
#cPanelPackagePanel a.btn.btn-default.btn-sm {
    font-size: 12px;
    color: #404040;
    border: solid 1px #404040;
    padding: 9px 0;
    border-radius: 4px;
    text-transform: uppercase;
    width: 27%;
    display: inline-block;
    margin: 0 6px;
}
#cPanelPackagePanel input.btn.btn-info.btn-sm {
    font-size: 12px;
    color: #ffffff;
    border: solid 1px #1cb8e6;
    padding: 9px 0;
    border-radius: 4px;
    text-transform: uppercase;
    width: 27%;
    display: inline-block;
    margin: 0 6px;
    background: #1cb8e6;
}
#cPanelPackagePanel input.btn.btn-info.btn-sm:hover {
    background: #1ca2c9;
    color: #fff;
}
a.btn.btn-default.btn-sm:hover {
    background: #404040;
    color: #fff !important;
}
.cpanel-usage-stats .text-info.limit-near {
    color: #a4a4a4;
    text-align: center;
    font-size: 13px;
    margin-top: 15px;
}
#cPanelExtrasPurchasePanel select.form-control.input-sm {
    font-size: 12px;
    border-radius: 4px;
    width: 27%;
    display: inline-block;
    height: 35px;
}
#cPanelExtrasPurchasePanel button.btn.btn-default.btn-sm {
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
    height: 35px;
}
#cPanelQuickShortcutsPanel .col-sm-3 a {
    text-align: center;
    color: #404040;
    font-size: 16px;
    width: 100%;
    padding: 21px 0;
    display: inline-block;
    border-radius: 4px;
    margin-bottom: 30px;
}
.modal-footer button.btn.btn-save.wgs_custom-btn {
    padding: 7px 22px;
}
#cPanelQuickShortcutsPanel .col-sm-3 a:hover {
    background: #fff;
    color: #5cc55a;
    box-shadow: 0 0 10px #ccc;
}
div#cPanelQuickEmailPanel, div#cPanelBillingOverviewPanel{
    position: relative;
    background: #ffffff;
    min-height: 180px;
    display: inline-block;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    background-color: white;
    margin-top: 40px;
}
#cPanelQuickEmailPanel .panel-heading, div#cPanelBillingOverviewPanel .panel-heading {
    padding-bottom: 14px;
    border-bottom: 1px solid #f6f6f6;
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 15px 0;
    margin-bottom: 35px;
    background: #fff;
}
#cPanelQuickEmailPanel .panel-heading::before, div#cPanelBillingOverviewPanel .panel-heading::before{
    content: '';
    background: #1cb8e6;
    height: 1px;
    width: 27%;
    display: inline-block;
    bottom: -1px;
    left: 0;
    position: absolute;
}
#cPanelQuickEmailPanel .panel-heading h3.panel-title, div#cPanelBillingOverviewPanel .panel-heading h3.panel-title {
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    color: #404040;
    position: relative;
    font-weight: 700;
    padding-left: 20px;
}
div#cPanelBillingOverviewPanel .panel-heading::before {
    width: 17%;
}
#frmCreateEmailAccount input.form-control {
    height: 46px;
    box-shadow: inherit;
}
#frmCreateEmailAccount button.btn.btn-primary.btn-block:hover {
    background: #1ca2c9;
}
#frmCreateEmailAccount button.btn.btn-primary.btn-block {
    background: #1cb8e6;
    font-weight: 300;
    width: 78%;
    font-size: 20px;
    line-height: 7px;
    height: inherit;
    color: #fff;
    padding: 12px 0;
    border: 1px solid transparent;
}
#cPanelBillingOverviewPanel .col-md-5 {
    margin-left: 20px;
}
#recurringAmount .col-xs-6.text-right, div#billingCycle .col-xs-6.text-right, div#paymentMethod .col-xs-6.text-right, #registrationDate .col-xs-6.text-right, #nextDueDate .col-xs-6.text-right {
    text-align: left;
    list-style: none;
    font-size: 14px;
    padding-left: 20px;
    background: url(../images/doots.png) no-repeat left;
    color: #404040;
    margin-bottom: 15px;
    position: relative;
    z-index: 0;
}
#recurringAmount .col-xs-6.text-right::before, div#billingCycle .col-xs-6.text-right::before, #registrationDate .col-xs-6.text-right::before {
    content: '';
    background: #1cb8e6;
    height: 23px;
    width: 2px;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 16px;
    bottom: 0;
}
#recurringAmount .col-xs-6:last-child, #billingCycle .col-xs-6:last-child, #paymentMethod .col-xs-6:last-child, #registrationDate .col-xs-6.col-md-7, #nextDueDate .col-xs-6.col-md-7 {
    font-weight: 900;
    color: #404040;
}
#registrationDate .col-xs-6.col-md-7, #nextDueDate .col-xs-6.col-md-7{
    width: 50%;
}
.files-item.downloads {
    width: 25%;
}
.files-item.downloads .file-icone i.fas.fa-download {
    font-size: 35px;
}
i.fas.fa-long-arrow-alt-left {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    font-size: 22px;
    left: -9px;
}
div#customFieldsContainer {
    margin-top: 40px;
    display: inline-block;
    width: 100%;
}
.server-box .tbs-icone {
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 5px;
}
ul.sidebar_items {
    left: 0 !important;
    width: 100% !important;
}
ul.sidebar_items li {
    list-style: none !important;
}
.news-hd{
    margin:0px;
    padding:0px;
}
.domains-head .news-hd h1{
    margin:0px;
    padding:0px !important;
    font-size: 27px;
    font-weight: 700;
    color: #404040;
    vertical-align: middle;
}
.news-hd h1 i{
    margin-right:20px;
    font-size:30px;
    vertical-align:middle;
}
.domains-head .news-hd h1:before{
    display:none !important;
}
.news-detail-box {
    margin: 0;
    padding:20px 56px 20px 44px;
}
.news-d-row {
    background: #fff;
    margin:0px 0px 30px;
    padding:28px 20px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    border-left: 4px solid #47d764;
    box-shadow: 5px 0px 27px 1px rgba(0,0,0,0.12);
}
.news-date {
    margin: 0 22px 10px 0px;
    float: left !important;
    width: 100%;
    height: 64px;
    background: #47d764;
    font-size: 16px;
    color: #fff;
    font-weight: 900 !important;
    text-align: center;
    border-radius: 50% !important;
    padding: 14px 0 0;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: top;
    box-shadow: 0px 3px 14px rgba(0,0,0,0.16);
    max-width:64px !important;
}
.t-cont-btn i.fa.fa-angle-right {
    margin: 2px 4px 0 4px;
    vertical-align: top;
}
.fa-angle-right:before {
    content: "\f105";
    border: 1px solid #fff;
    padding: 1px 5px;
    border-radius: 50%;
    line-height: normal;
    margin: 0;
    font-size: 11px;
}
a.t-cont-btn:hover {
    background: #1c7cd6;
    color: #fff;
}
a.t-cont-btn:focus {
    color: #fff;
}

.news-date span{font-size:12px; font-weight: 900;}
.news-artical {
    margin: 0px;
    padding: 0px 0 0;
    width: 86%;
    display: inline-block;
}
.news-artical h4 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: #212121;
    font-weight: bold;
}
.news-artical p {
    margin: 10px 0px 0;
    padding: 0;
    font-size: 13px;
    color: #8f8f8f;
    line-height: 23px;
}
.nd-row2{
    border-color:#2f86eb;
}
.nd-row2 .news-date{
    background:#2f86eb;
}
.nd-row3{
    border-color:#ffc021;
}
.nd-row3 .news-date{
    background:#ffc021;
}
.nd-row4{
    border-color:#ff6e5b;
}
.nd-row4 .news-date{
    background:#ff6e5b;
}
.link-account-sec{
    margin:0px 0 30PX;
    padding:0px;
    display:inline-block;
    width:100%;
}
.link-account-sec h4{
    margin:8px 40px 0px 0px;
    padding:0px;
    display:inline-block;
    font-size:20px;
    color:#404040;
    font-weight:700;
    float:left;
}
.link-account-sec i {
    vertical-align: BOTTOM;
    margin-right: 12px;
    FONT-SIZE: 20PX;
}
.fb-btn {
    margin:0px 5px 10px;
    border: 2px solid #3b5998 !important;
    border-radius: 8px;
    font-size: 16px;
    color: #3b5998 !important;
    padding:8px 20px;
    font-weight:700;
}
.fb-btn:hover {
    background:#3b5998 !important;
    color:#fff !important;
}
.g-btn {
    margin:0px 5px 10px;
    border: 2px solid #dd4b39 !important;
    background:#dd4b39 !important;
    border:none;
    border-radius: 8px;
    font-size: 16px;
    color: #fff !important;
    padding:8px 20px;
    font-weight:700;
}
.g-btn:hover {
    background:#fff !important;
    color:#dd4b39 !important;
}
.action-t {
    color: #898989;
    font-size: 13px;
    opacity: 0.5;
    margin-top: -10px;
    margin-bottom: 7px;
}
.btn-unlink{
    background: #1cb8e6;
    border: none;
    padding: 8px 16px ;
    font-weight: normal;
    color: #ffffff;
    border-radius: 5px
}
.btn-unlink:hover {
    background: #1c7cd6;
}
.security-que .alert-space {
    margin-bottom: 55px;
    margin-left: -25px;
    margin-right: -25px;
    border-radius: 0;
    border: none;
    padding: 22px 25px;
}
.settting-ques {
    position: relative;
}
.settting-ques .inputText {
}
.settting-ques .focus .inputText {
}
.change-pass .inputText {
}
.settting-ques .select-selected {
}
.settting-ques .select-selected::after {
    top: 20px;
}
.security-que h5 {
    font-size: 20px;
    color: #404040;
    padding: 45px 0px 15px;
}
.secourty-head-usr h1::before {
    display: none;
}
.secourty-head-usr h1 {
    padding-left:0px!important;
}
.on-off-btn-setting span {
    font-size: 13px;
    color: #1cb8e6;
}
.security-que .disable {
    font-style: italic;
    max-width: 962px;
    margin-top: 50px;
}
/* toggle css */
.security-que .btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}
.security-que .btn-toggle:before,
.security-que .btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}
.security-que .btn-toggle:before {
    content: 'Off';
    left: -4rem;
}
.security-que .btn-toggle:after {
    content: 'On';
    right: -4rem;
    opacity: .5;
}
.security-que .btn-toggle > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}
.security-que .btn-toggle.active {
    transition: background-color 0.25s;
}
.security-que .btn-toggle.active > .handle {
    left: 1.6875rem;
    transition: left .25s;
}
.security-que .btn-toggle.active:before {
    opacity: .5;
}
.security-que .btn-toggle.active:after {
    opacity: 1;
}
.security-que .btn-toggle.btn-sm:before,
.security-que .btn-toggle.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.4125rem;
    width: 2.325rem;
}
.security-que .btn-toggle.btn-sm:before {
    text-align: right;
}
.security-que .btn-toggle.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.security-que .btn-toggle.btn-sm.active:before {
    opacity: 0;
}
.security-que .btn-toggle.btn-sm.active:after {
    opacity: 1;
}
.security-que .btn-toggle.active {
    background-color: #1cb8e6;
}
.security-que .btn-toggle.btn-sm {
    margin: 0 0.5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 3rem;
    width: 7rem;
    border-radius: 1.5rem;
}
.btn.btn-sm.btn-toggle {
    box-shadow: 0px -1px 2px #b6b6b6;
}
.security-que .btn-toggle.btn-sm::before, .security-que .btn-toggle.btn-sm::after {
    line-height: 3rem;
    width: 0.5rem;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}
.security-que .btn-toggle.btn-sm:before {
    content: 'Off';
    left: -0.5rem;
}
.security-que .btn-toggle.btn-sm:after {
    content: 'On';
    right: -0.5rem;
    opacity: .5;
}
.security-que .btn-toggle.btn-sm > .handle {
    position: absolute;
    top: 0.378rem;
    left: 0.508rem;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
    border: 3px solid #e0eaf4;
}
.security-que .btn-toggle.btn-sm.active {
    transition: background-color 0.25s;
}
.security-que .btn-toggle.btn-sm.active > .handle {
    left: 4.388rem;
    transition: left .25s;
    right: 0;
}
.security-que .btn-toggle.btn-sm.active:before {
    opacity: .5;
}
.security-que .btn-toggle.btn-sm.active:after {
    opacity: 1;
}
.security-que .btn-toggle.btn-sm.btn-sm::before {
    width: 100%;
}
.security-que .btn-toggle.btn-sm.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.4125rem;
    width: 2.325rem;
}
.security-que .btn-toggle.btn-sm.btn-sm:before {
    text-align: right;
}
.security-que .btn-toggle.btn-sm.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.security-que .btn-toggle.btn-sm.btn-sm.active:before {
    opacity: 0;
}
.security-que .btn-toggle.btn-sm.btn-sm.active:after {
    opacity: 1;
}
.btn-facebook {
    background-color: #fff !important;
    border: 2px solid #3b5998 !important;
    color: #3b5998 !important;
    padding: 8px 20px !important;
    font-weight: 700!important;
    font-size: 15px!important;
    border-radius: 8px!important;
    margin-right:15px;
}
.btn-facebook:hover {
    background: #3b5998 !important;
    color: #fff !important;
}
.btn-google{
    padding: 8px 20px !important;
    border: 2px solid #dd4b39 !important;
    font-weight: 700!important;
    font-size: 15px!important;
    border-radius: 8px!important;
}
.btn-google:hover{
    background: #fff !important;
    color: #dd4b39 !important;
}
.providerPreLinking{
    float:left;
}
span.price small {
    font-size: 19px;
}
.generic_feature_list li:last-child {
    display: none;
}
.ticket-ser-box{
    padding-bottom:0px !important;
    height:100%;
}
.ticket-sec {
    margin: 0px;
    background: #fff;
    display: inline-block;
    width: 100%;
    padding: 26px 23px 30px;
    border-left: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    height: 100%;
}
.news-hd h1 i.fas.fa-tags {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.ticket-cnt-box {
    margin: 60px auto 120px;
    padding: 0px;
    max-width: 587px;
    box-shadow: 2px 3px 4px rgba(0,0,0,0.12);
    border-radius: 8px;
    background: #f2f6fa;
}
.t-box-hd {
    background: #47d764;
    text-align: center;
    padding:20px;
    margin:0px;
    border-radius: 8px 8px 0 0;
}
.t-box-hd h4{
    margin:0px;
    padding:0px;
    font-size:18px;
    color:#fff;
    font-weight:normal;
}
.t-box-hd h4 i.fa.fa-check-circle {
    font-size: 36px;
    vertical-align: middle;
    margin: 0px 16px 0 0;
}
.ticket-cn-inr{
    padding:75px 0;
    margin:0px;
    text-align:center;
}
.ticket-cn-inr h5{
    margin:0px auto;
    padding:0px;
    font-weight:bold;
    font-size:16px;
    color:#6b6b6b;
    max-width:80%;
    line-height:32px;
}
.t-cont-btn {
    padding: 12px 22px;
    background: #0cb4e5;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin: 30px 0 0;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: top;
    box-shadow: 0px 3px 14px rgba(0,0,0,0.16);
}
.t-cont-btn i.fa.fa-angle-right {
    margin: 2px 4px 0 4px;
    vertical-align: top;
}
.fa-angle-right:before {
    content: "\f105";
    border: 1px solid #fff;
    padding: 1px 5px;
    border-radius: 50%;
    line-height: normal;
    margin: 0;
    font-size: 11px;
}
a.t-cont-btn:hover {
    background: #1c7cd6;
    color: #fff;
}
a.t-cont-btn:focus {
    color: #fff;
}
.menu.notf li a {
    display: inline-block;
    border: 0;
}
ul.menu.notf {
    padding: 0;
}
ul.menu.notf li {
    padding: 9px 11px;
    border-bottom: 1px solid #f7f7f7;
}
ul.menu.notf li:hover {
    background: #dddddd61;
}


.news-artical p {
    word-break:break-all;
}
.login-bg .providerPreLinking {
    text-align: center;
    width: 100%;
}
.login-bg button.btn.btn-social {
    border-radius: 0 !important;
}
.login-bg .btn-google {
    padding: 8px 33px !important;
}
#domainregister span.input-group-btn.adv, #domaintransfer span.input-group-btn.adv, #domainsubdomain span.input-group-btn.adv {
    width: 29%!important;
}
#frmProductDomain span.input-group-btn.adv {
    width: 29%!important;
}
#products .activ-right {
    height: 105px;
    padding: 0;
}
.ticket-head .filt ul.dropdown-menu:before {left: 58px;top: -14px;border-bottom: 16px solid #fff;right: auto;}
.ticket-head .short ul.dropdown-menu:before {top: -14px;border-bottom: 16px solid #fff;right: 72px;}

.domen-page .stp-cot.check {
    color: #fff!important;
    left: 50%!important;
    margin-left: -9px!important;
}
.domen-page .step .step-item.active ~ .step-item a::before {
    background: #ccc!important;
}
.manageMobileLI a {
    padding: 3px 5px;
}
.manageMobileLI a:hover i {
    color: #fff;
}
.renew .tooltip.right .tooltip-arrow {
    border-left-color: #1cb8e6;
}
.manag .tooltip.right .tooltip-arrow {
    border-left-color: #727272;
}
.upgard .tooltip.right .tooltip-arrow {
    border-left-color: #edb800;
}

.manageMobileLI {
    display: none;
}
.activ-right{
    display: block;
}
.no-navbar {
    width: 100% !important;
    left: 0 !important;
}
.stp-cot {
    left: 50%!important;
    margin-left: -7px!important;
}
.cont-cart {
    padding: 13px 8px!important;
    min-width: 209px!important;
    min-height: 158px!important;
}
.domain-configration .period {
    max-width: 800px!important;
}
.eriod-col {
    width: 237px!important;
}
.corner-ribbon span {
    top: 11px !important;
    font-size: 10px!important;
}
.product-addons {
    margin-bottom: 30px!important;
    display: inline!important;
}
.cart-colam:nth-child(2n+2) {
    background: #ebfaff;
    border: solid 1px #d1e9f1;
}
.no-cartx #order-standard_cart .pull-md-right.col-md-9{
    float: right;
}
.no-cartx span.price {
    width: auto;
    font-size: inherit;
    font-weight: 400;
}
.no-cartx .spotlight-tld {
    min-height: 140px;
}
.no-cartx .label.label-success {
    position: inherit;
    top: 0;
    right: 0;
    width: auto;
    color: inherit;
    border: inherit;
    line-height: inherit;
    background: #ffc600;
    display: inline-block;
    margin-bottom: 4px;
    padding: 3px 6px;
    font-size: 90%;
    font-weight: 400;
    border-radius: 2px;
    height: auto;
}

.no-cartx .price {
    color: inherit;
    font-size: initial;
    /*display: block;*/
    min-height: auto;
    background: transparent;
    line-height: normal;
}
.no-cartx .providerPreLinking{
    float:none;
}
.no-cartx .flag-container{
    margin-top:0px;
}
.renew .tooltip.right .tooltip-arrow {
    border-right-color: #1cb8e6;
}
.upgard .tooltip.right .tooltip-arrow {
    border-right-color: #edb800;
}
.manag .tooltip.right .tooltip-arrow {
    border-right-color: #727272;
}
.cancelreq .tooltip.right .tooltip-arrow {
    border-right-color: #a94442;
}
.contact-us.server-box.right-padd {
    background: transparent !important;
}

.art-row.row {
    margin: 0 !important;
        background: #eee;
}
.sidebar_items li a i {
    font-size: 20px !important;
    color: #17b8fb !important;
}
.sidebar_items li a span {
    font-size: 14px !important;
    color: #17b8fb !important;
}

ul.tabs li.active::after,ul.tabs li:hover::after {
    left: 47%!important;
}
.bookmarkRibbonRed h3 {
    padding: 19px 2px !important;
}
.bookmarkRibbonRed h3 {
    font-size: 14px!important;
}
.bookmarkRibbonRed {
    background-size: 108px 102px !important;
    width: 108px!important;
}
button.btn-resend-verify-email {
    padding: 6px !important;
    margin-left: 13px;
}
.hosting-row .col-md-3:first-child {
    padding-left: 0;
}
.domains-post .col-md-4 {

}
.hosting-row .col-md-3:first-child {
    padding-left: 15px;
}



.mc-promos .header {
    padding: 0 !important;
    background: none !important;
    position: relative !important;
    z-index: 99;
    min-height: auto;
}
.mc-promo span.text {
    margin: 0;
    color: inherit;
}
#order-standard_cart .mc-promos {
    max-width: 100%;
}
.mc-promo.ssl {
    background: none;
    min-height: auto;
    padding: 0;
    color: inherit;
}
.mc-promo li {
    padding: 0 !important;
}
.addon-promo-container .pull-right strong {
    color: #0cb4e5;
}
#order-standard_cart .modal {
    z-index: 99999 !important;
}
.modal.fade {
    z-index: 99999 !important;
}
.more-opt ul.tabs.addons.dropdown-menu {
    padding: 0 10px;
    min-width: 200px !important;
}
.avtarClassForHeader{
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.avtarClassForHeaderInside{
    width: 42px;
    height: 42px;
    border-radius: 50%;
}


p .btn-sm {
    padding: 9px 10px;
}




.domain-action ul.dropdown-menu {
    padding: 0 !important;
}

/*------------------------5-9-18----------------------*/
.cdn-price-right select{
    width:100%;
}
.list-grid{
    text-align:right;
}
.bar-slider .inputText {
    margin-top: -8px;
}
.step .step-item a{vertical-align:top;}
.p_addons .order-cart {
    border-bottom: 1px solid #f3f3f3;
}
.tooltip-inner{display:inline-block;}
.d-block.custum-block ul.tabs li a {
    padding: 12px 0 11px !important;
    margin: 0;
    line-height: 8px;
}
#products .list-group-item {
    padding: 0 !important;
}
@media (min-width: 951px) and (max-width: 1200px) {
    #sidebar>ul {
        max-height: 397px;
        overflow-y: scroll;
    }
    .shift-btn {
        top: 401px!important;
    }
    #sidebar>ul {
        overflow-x: hidden;
    }
}
/*** register btn login page ***/

.btn-account.wgsReg a:hover {
    color: #fff;
    background: #0cb4e5;
}
/***** server status page *******/
.box-server-status{
    background-color: #fff;
    min-height: 235px;
    box-shadow: 0 0 13px rgba(0,0,0,0.08);
    text-align: center;
    padding: 25px;
    border: 3px solid transparent;
    cursor:pointer;
}
.box-server-status span, .box-server-status p {
    float: left;
    width: 100%;
    text-align: center;
}
.box-server-status span{
    font-size: 70px;
    letter-spacing: 1px;
    color: #0e3e6e;
    font-weight: 700;
    line-height: 70px;
    min-height: 70px;
    padding: 5px 0px;
}
.box-server-status p {
    font-size: 18px;
    letter-spacing: 0px;
    color: #878787;
}
.box-server-status.server-status-act{
    border-color: #1c4e80;
}
.box-server-status.server-status-act p{
    color: #1c4e80;
}
span.pay-price.server-dscs p {
    display: inherit;
}
.server-stat-subhead h2{
    color: #0e3e6e;
}
.server-stat-subhead p{
    color: #a09898;
}
.server-no-issues{
    margin-top: 35px;
    margin-bottom: 35px;
}
.server-stat-subhead{
    margin-top: 35px;
}
table.wgs-tbl-server-status>tbody>tr>td{
    border-bottom: 1px solid #ccc;
    padding: 15px 20px 15px;
}
table.wgs-tbl-server-status>thead>tr>th {
    padding: 24px 17px 17px;
    vertical-align: bottom;
    border-bottom: 1px solid #ccc;
}
.wgs-server-stat-btn{
    margin-top:25px;
} 

/*Scrool Bar CSS Start*/
.wgssidefontcoloraddon::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.wgssidefontcoloraddon {
    height: 700px;
    overflow-y: scroll;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
.paddingLeftTd .doman-url {
    margin-bottom: 0px;
}
/*Scrool Bar CSS End*/
.wgs-submit-ticks #google-recaptcha-domainchecker {
    margin-left: 15px;
}
.wgs-submit-ticks .col-xs-6.captchaimage {
    max-width: 150px;
}
.wgs-submit-ticks div#default-captcha-domainchecker p{
    text-align: left;
    padding: 0px 15px;
}
#frmDomainTransfer .default-captcha div {
    display: flex;
}
#frmDomainTransfer img#inputCaptchaImage {
   margin: 0px 10px;
}
.wgs-checkout-captch #google-recaptcha-domainchecker {
    margin-left: 15px;
}
.wgs-checkout-captch div#default-captcha-domainchecker p{
    text-align: left;
    padding: 0px 15px;
}
.wgs-checkout-captch .col-xs-6.captchaimage {
    max-width: 150px;
}
.wgs-checkout-captch img#inputCaptchaImage {
   margin: 0px 10px;
}
.wgs-checkout-captch #default-captcha-domainchecker #inputCaptcha {
    float: left;
}
.wgslogin-captch .col-md-8.col-xs-10{
    text-align: center;
    width: 100%;
}



/*====navbar-custom==== */
.navbar-custom {
    padding: 0px 10px;
}
.navbar-brand object {
    width: 160px;
}
.nav > li {
    position: unset;
    display: inline-block;
}
/*.navbar-custom .navbar-nav.navbar-right .dropdown-menu {
    left: 0px;
    width: 100%;
    border-radius: 0px;
    padding:0px;
    border: 0px solid #ccc;
    background: #f9f9f9;
}*/
.navbar-custom .navbar-nav.navbar-right .dropdown-menu {
    width: auto;
    border-radius: 0px;
    padding: 0px;
    border: 0px solid #ccc;
    background: #f9f9f9;
    margin: 0 auto;
    right: auto;
    left: auto;
    position: absolute;
    left: 0;
    right: 0;
    max-width: 100%;
    margin: 0 150px;
    /*display: none;*/
    max-width: 100%;
}
.navbar-custom .navbar-header .navbar-brand img {
    position: relative;
    top: 0px;
    max-height: 45px;
}
.ul-right-top li {

    display: inline;
    padding: 0px 15px;
}
.topnav {
    width: 25px;
    height: 24px;
    opacity: 0.5;
}
.services-sub {
    position:relative;
}
.nav.navbar-nav.navbar-right li {
    padding: 0px 7px;
    text-align: center;
}
.nav.navbar-nav.navbar-right {
    padding-right: 6%;
}
.ul-right-top {
    position: absolute;
    top: 25px;
    right: 15px;
}
.navbar-default.navbar-custom {
    background: #0e3e6e;
    margin-bottom: 0px;
    border:0px;
    border-radius: 0px;
    position: fixed;
    width: 100%;
    z-index: 99999;
    padding: 19px 0px 0px;
    min-height: 83px;
}
.nav.navbar-nav.navbar-right li {
    padding: 0px 13px;
}
.ul-right-top li:last-child {
    padding-right: 0px;
}
.navbar-default.navbar-custom .navbar-nav > li > a {
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 10px 30px!important;
    position: relative;
}
.navbar-custom .navbar-nav.navbar-right .dropdown>a:hover::after{
    content: "";
    bottom:0px;
    left: 50%;
    margin-left: -10px;
    border-color: #fff transparent;
    border-style: solid;
    border-width: 12px 12px 0;
    height: 0;
    margin-top: 0px;
    position: absolute;
    right: 50%;
    width: 0;
    margin-right: -71px;
    transform: rotate(180deg);
}
#wgs-top-bar-menu .opendropmenu::after{
   content: "";
   left: 0px;
   bottom: 0px;
   left: 50%;
   margin-left: -10px;
   border-color: #fff transparent;
   border-style: solid;
   border-width: 12px 12px 0;
   height: 0;
   margin-top: -3px;
   position: absolute;
   right: 50%;
   width: 0;
   margin-right: -71px;
   transform: rotate(180deg);
       bottom: -0px;
}
.navbar-custom .navbar-right .navbar-nav.navbar-right .dropdown-menu {
    top: 81px;
}
.navbar.navbar-custom > .container .navbar-brand, .navbar.navbar-custom > .container-fluid .navbar-brand {
    margin-left: 0;
}
.ul-right-top li a {
    color: #fff;
    font-size: 18px;
}

.ul-right-top .badge.badge-warning {

    background: #edb800;
    height: 20px;
    width: 20px;
    text-align: center;
    padding: 3px 0px;
    position: relative;
    top: -12px;
    left: -6px;
    border: 1px solid #0e3e6e;
    color: #0e3e6e;

}
.ul-right-top .fas.fa-user {
    border: 2px solid #edb800;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    padding-top: 8px;
}
.ul-right-top .fas.fa-language {
    font-size: 21px;
}
.services-sub li p {
    color: #15083e;
    font-size: 15px;
    float: left;
    width: 100%;
    margin-top: 8px;
}
.navbar-default.navbar-custom .navbar-nav > .open > a, .navbar-default.navbar-custom .navbar-nav > .open > a:focus, .navbar-default.navbar-custom .navbar-nav > .open > a:hover {
    color: #555;
    background-color: transparent;
}
.find-domain p a:hover {
    color: #f0bb03;
    text-decoration: none;
}
.services-sub li {
    list-style: none;
    display: inline-block;
    width:auto;
    border-right: 1px solid #deeff8;
    padding: 30px 0px !important;
}
.services-sub {
    position: relative;
    text-align: center;
}
#wgs-top-bar-menu.navbar-right {
    float: none !important;
    text-align: center;
}
#wgs-top-bar-menu.nav.navbar-nav.navbar-right li {
    padding: 0px;
    float: none;
    display: inline-block;
    position: static;
}
#wgs-top-bar-menu.navbar-nav > li > .dropdown-menu {
    margin-top: 0px !important;
}
#wgs-top-bar-menu  ul.dropdown-menu::before {
    display:none;
}
#wgs-top-bar-menu .dropdown-toggle {
    margin: 0 0 0 0px !important;
}
#wgs-top-bar-menu .dropdown-menu {
   /* margin: 0 auto;*/
    background-color: transparent;
    border-radius: 7px;
    box-shadow: inherit;
}
#wgs-top-bar-menu .dropdown-menu .drop-menu {
   width: auto;
    float: none;
    background-color: #fefefe;
    border-radius: 7px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: table;
    vertical-align: top;
    text-align: center;
    margin: auto;
    box-shadow: 0px 1px 4px 0px #c1bebe;
    background: #fff;
    max-width: 100%;
        padding: 20px 0;
}
.drop-menu .col {
    display: table-cell;
    width: 250px;
    text-align: left;
    padding: 0px;
    -ms-flex-preferred-size: 0;
    /* flex-basis: 0; */
    -ms-flex-positive: 1;
    /* flex-grow: 1; */
    /* max-width: 100%; */
    position: relative;
}
.drop-menu .col::after {
    position: absolute;
    content: "";
    border-right: 1px solid #e7e7e7;
    width: 1px;
    height: 95%;
    top: 0;
}
.drop-menu .col:hover{background-color: #faf9ff;}
#wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu {
    padding: 0;
    margin: 0;
    width: 100%;
    /*display: flex;*/
}
#wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li {
  list-style: none;
    float: none!important;
    border-right: 1px solid #dadada;
    padding: 10px 10px 10px 10px;
    text-align: left;
    display: inherit;
    vertical-align: top;
        display: inline-block;
}
/*#wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li:hover {
  background-color: #faf9ff;
}*/
#wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li:last-child {
  border-right: none;
}
ul#wgs-top-bar-menu li:last-child .dropdown-menu {
    right: -20%;
}
#wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li a {
   color: #6b6b6b;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-decoration: none;
    /* display: inline-block; */
    text-align: left;
    padding: 8px 5px;
    width: 100%;
    vertical-align: text-bottom;
}
i.fa.fa-registered {
    margin-left: 5px;
    vertical-align: middle;
}
.sub-menu i.fa.fa-registered {position: relative;top: 8px;}
.sub-menu i.fa.fa-exchange {
    float: left;
    vertical-align: baseline;
    height: 35px;
    line-height: 35px;
}
#wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li a b {
    display: inline;
    line-height: 16px;
    margin: 10px 0 0;
    vertical-align: bottom;
        position: relative;
    top: 4px;
}
#wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li a p {
  font-size: 13px;
  margin: 0;
  word-break: break-all;
  clear: both;
}
.drop-menu .row {
    margin: 0;
}
#wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li a img {
  max-width: 22px;
  margin-right: 10px;
}
.wgsSuper5 ul.sub-menu{
    display: inline-table !important;
}
.wgsSuper5 .drop-menu ul.sub-menu li {
    width: 100% !important;
}
.wgsSuper5 .sub-menu li:nth-child(5) {
    border-right: 0px !important;
}
.wgsSuper5 .sub-menu li:nth-child(10) {
    border-right: 0px !important;
}
.wgsSuper5 .sub-menu li:nth-child(15) {
    border-right: 0px !important;
}
.wgsSuper5 .sub-menu li:nth-child(20) {
    border-right: 0px !important;
}
li.wgsCountMargin {
    margin-top: 10px;
}
.icon-img-sprite {
    margin: 0 0px 0px 0px;
    padding: 0;
    background: url(../images/sprite_menu-icon.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    float: left;
}
.home_icon_cx {
    background-position: -1px 5px;
}
.cart_icon_cx {
    background-position: -37px 5px;
}
.service_icon_cx {
    background-position: -72px 5px;
}
.addon_icon_cx {
    background-position: -107px 5px;
}
.detail_icon_cx {
    background-position: -142px 5px;
}
.domain_icon_cx {
    background-position: -177px 5px;
}
.register_icon_cx {
    background-position: -212px 5px;
}
.transfer_icon_cx {
    background-position: -247px 5px;
}
.ticket_list_icon_cx {
    background-position: -2px -63px;
}
.contact_icon_cx {
   background-position: -1px -31px;
}
.announcement_icon_cx {
    background-position: -36px -31px;
}
.knowledgebase_icon_cx {
    background-position: -72px -31px;
}
.downloads_icon_cx {
    background-position: -107px -31px;
}
.network_icon_cx {
    background-position: -142px -31px;
}
.affiliates_icon_cx {
    background-position: -177px -31px;
}
.submitticket_icon_cx {
    background-position: -212px -31px;
}
.invoice_icon_cx {
    background-position: -247px -31px;
}
.quotes_icon_cx {
    background-position: -72px -67px;
}
.masspay_icon_cx {
    background-position: -282px -31px;
}
.addfunds_icon_cx {
    background-position: -317px -31px;
}
.logout_icon_cx {
    background-position: -107px -74px;
}
.thumbup_icon_cx {
    background-position: -316px 6px;
}
.support_icon_cx {
    background-position: -282px 5px;
}
.rupee_icon_cx {
    background-position: -36px -64px;
}
.hosting_kit_icon1_cx{
    background-position: -142px -62px;  
}
.hosting_kit_icon11_cx{
    background-position: -142px -98px;  
}
.hosting_kit_icon21_cx{
    background-position: -142px -134px; 
}
.hosting_kit_icon31_cx{
    background-position: -142px -170px; 
}
.hosting_kit_icon41_cx{
    background-position: -142px -203px; 
}

.hosting_kit_icon2_cx{
    background-position: -177px -64px;  
}
.hosting_kit_icon12_cx{
    background-position: -177px -98px;  
}
.hosting_kit_icon22_cx{
    background-position: -177px -134px; 
}
.hosting_kit_icon32_cx{
    background-position: -177px -170px; 
}
.hosting_kit_icon42_cx{
    background-position: -177px -203px; 
}

.hosting_kit_icon3_cx{
    background-position: -212px -66px;  
}
.hosting_kit_icon13_cx{
    background-position: -212px -98px;  
}
.hosting_kit_icon23_cx{
    background-position: -212px -134px; 
}
.hosting_kit_icon33_cx{
    background-position: -212px -170px; 
}
.hosting_kit_icon43_cx{
    background-position: -212px -203px; 
}

.hosting_kit_icon4_cx{
    background-position: -247px -65px;  
}
.hosting_kit_icon14_cx{
    background-position: -247px -98px;  
}
.hosting_kit_icon24_cx{
    background-position: -247px -134px; 
}
.hosting_kit_icon34_cx{
    background-position: -247px -170px; 
}
.hosting_kit_icon44_cx{
    background-position: -247px -203px; 
}

.hosting_kit_icon5_cx{
    background-position: -282px -63px;  
}
.hosting_kit_icon15_cx{
    background-position: -282px -98px;  
}
.hosting_kit_icon25_cx{
    background-position: -282px -134px; 
}
.hosting_kit_icon35_cx{
    background-position: -282px -170px; 
}
.hosting_kit_icon45_cx{
    background-position: -282px -203px; 
}

.hosting_kit_icon6_cx{
    background-position: -317px -64px;  
}
.hosting_kit_icon16_cx{
    background-position: -317px -98px;  
}
.hosting_kit_icon26_cx{
    background-position: -317px -134px; 
}
.hosting_kit_icon36_cx{
    background-position: -317px -170px; 
}
.hosting_kit_icon46_cx{
    background-position: -317px -203px; 
}

.hosting_kit_icon7_cx{
    background-position: -2px -100px;   
}
.hosting_kit_icon17_cx{
    background-position: -2px -134px;   
}
.hosting_kit_icon27_cx{
    background-position: -2px -170px;   
}
.hosting_kit_icon37_cx{
    background-position: -2px -202px;   
}
.hosting_kit_icon47_cx{
    background-position: -2px -235px;   
}

.hosting_kit_icon8_cx{
    background-position: -36px -98px;   
}
.hosting_kit_icon18_cx{
    background-position: -36px -134px;  
}
.hosting_kit_icon28_cx{
    background-position: -36px -170px;  
}
.hosting_kit_icon38_cx{
    background-position: -36px -202px;  
}
.hosting_kit_icon48_cx{
    background-position: -36px -235px;  
}

.hosting_kit_icon9_cx{
    background-position: -72px -98px;   
}
.hosting_kit_icon19_cx{
     background-position: -72px -134px; 
}
.hosting_kit_icon29_cx{
     background-position: -72px -170px; 
}
.hosting_kit_icon39_cx{
     background-position: -72px -202px; 
}
.hosting_kit_icon49_cx{
     background-position: -72px -237px; 
}

.hosting_kit_icon10_cx{
    background-position: -107px -98px;  
}
.hosting_kit_icon20_cx{
    background-position: -107px -134px; 
}
.hosting_kit_icon30_cx{
    background-position: -107px -170px; 
}
.hosting_kit_icon40_cx{
    background-position: -107px -202px; 
}
.hosting_kit_icon50_cx{
    background-position: -107px -241px; 
}
/*====navbar-custom==== */
/*====find-domain====*/
.find-domain {
    background-color: #15083e;
    padding: 100px 0px 85px;
    background-image: url(../images/find-domainbg.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.find-domain h1 {
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
}
.find-domain .form-group {
    width: 591px;
    margin: 0 auto;
    position: relative;
    max-width: 100%;
}
.find-domain .form-group .form-control {
    width: 100%;
    height: 78px;
    border-radius: 8px;
    background-color: #ffffff;
    font-size: 17px;
    padding: 14px 53px 14px 22px;
    margin: 38px auto 35px;
    max-width: 100%;
    font-weight: 500;
     font-family:'Lato-Semibold';
    border: none;
}
.find-domain .form-group .fa-search {

    font-size: 23px;
    color: #17b8fb;
    position: absolute;
    right: 26px;
    top: 28px;
    cursor: pointer;
}
.find-domain p {
    color: #eaeaea;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    padding: 0;
     font-family:'Lato-Semibold';
}

.color1{color:#f0bb03;}
.color2{color:#5f70c8;}
/*====find-domain====*/


/*====how-can-we-help====*/

.no-padding{padding:0px;}
.icon-1-help {
    width: 60px;
    height: 53px;
}
.icon-2-help {
    width: 60px;
    height: 50px;
}
.icon-3-help {
    width: 61px;
    height: 63px;
}
.icon-4-help {
    width: 55px;
    height: 50px;
}
.icon-img {
    height: 67px;
}
.how-can-we-help h2, .news-sec h2 {
    font-size: 27px;
    color: #3b366c;
    text-align: center;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 10px;
     font-family:'Lato-Semibold';
}
.how-can-we-help h2 {
    margin-bottom: 22px;
}
.news-title-sec h2 {
    margin-bottom: 20px;
}
.how-title-sec p {
    max-width: 590px;
    margin: 0 auto;
    width: 100%;
}
.how-can-we-help p,.inner-help-box h5,.news-sec p {
    font-size: 16px;
    color: #708097;
    text-align: center;
    font-weight: 500;
     font-family:'Lato-Semibold';
}
.how-can-we-help p {
    font-weight: 500;
    line-height: 25px;
}
.how-can-we-help h5 {
    font-weight: 700;
}
.how-can-we-help h5:hover {
    color: #0e3e6e;
}
.how-can-we-help,.news-sec {
    padding: 40px 0px 60px;
}
.news-sec {
    padding:39px 0px 70px;
}
.how-can-we-help {
    padding: 54px 0 60px;
}
.image-right-body a p:hover {
    color: #17b8fb;
}
.inner-help-box {
    text-align: center;
    margin-top: 55px;
    padding: 18px 0px;
}
.inner-help-box a {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    display: block;
    cursor: pointer;
}
.inner-help-box a:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.col-sm-3.no-padding::after {
    border-right: 1px solid #f1f1f0;
    position: absolute;
    display: table-cell;
    width: 1px;
    min-height: 140px;
    top: 55px;
    content: "";
    right: 0;
}
.col-sm-3.no-padding:last-child::after{
display: none;
}
/*.border-r-l{border-left:1px solid #f1f1f0; border-right:1px solid #f1f1f0;}
.border-l{border-left:1px solid #f1f1f0;}*/

/*====how-can-we-help====*/
/*====news-sec====*/
.news-sec {
    background-color: #f0f6f8;
}
.icon-5 {

    width: 50px;
    height: 50px;

}
.image-right-body h4 {
    font-size: 16px;
    color: #221758;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    vertical-align: top;
}
.image-right-body p {
    color: #708097;
    font-size: 14px;
    font-weight: 500;
    text-align: left !important;
    padding-top: 10px;
    margin-bottom: 0px !important;
    word-wrap: break-word;
    font-family: 'Lato', sans-serif;
    line-height: 22px;
}
.news-sec .media-news {
    border-radius: 4px;
    box-shadow: 0 0 13px rgba(0,0,0,0.04);
    background-color: #ffffff;
    padding: 27px 30px;
    margin-top: 15px;
    display: flex;
}

.left-img-icon {
    float: left;
    width: 78px;
    margin: 5px 0 0;
    padding: 0;
}
.image-right-body {
    width: 80%;
    text-align: left;
    margin: 0;
    padding: 0;
}
.news-sec p {
    margin-bottom: 20px;
}
.navbar-custom .navbar-nav li a i {
    margin-right: 6px;
    font-size: 23px;
    color: #0e3e6e;
}
.navbar-custom .navbar-brand {
    padding: 0px;
}

.navbar-custom .services-sub li:nth-child(1) {
    border-left: none;
}
.navbar-custom .services-sub li:last-child {
    border-right: none;
}

/** 10 june  **/
ul.menu.notf.language li a {
    color: #767575;
}
.ul-right-top .dropdown-menu {
    right: 0;
    left: auto;
    margin-top: 13px;
    padding: 0px 0;
}
.ul-right-top .dropdown-menu .header {
    width: 100%;
}
.stp-cot {
    z-index: 9!important;
}


ul.menu.notf li {
    padding: 9px 11px;
    border-bottom: 1px solid #f7f7f7;
    float: left;
}
.ul-right-top li {
    padding: 0px 0px;

}

.ul-right-top .dropdown.user.user-menu a i.fa-user {
    line-height: 22px;
}
.ul-right-top .dropdown.user.user-menu {
    
    top: -4px;
}
.ul-right-top .label.label-success.wgs-custom-label-notify ,.ul-right-top  .wgs-custom-label-cart{
    top: -12px;
    right: -6px;
}
.ul-right-top .dropdown-toggle {
    margin: 0 0 0 37px !important;
    
}
.ul-right-top li.bg-light-blue .fas.fa-user {
    
    padding-top: 0px;
}
.nav.navbar-nav.navbar-right#wgs-top-bar-menu {
    padding-right: 0;
}
.navbar-custom .navbar-brand {
    position: absolute;
}

#content.no-navbar{
   width: calc(100% - 0px) !important;
   left: 0px !important;
}

/** end  **/
/*====news-sec====*/
@media (min-width: 1201px) and (max-width: 7000px){
.row.news-box-row {
    width: 1040px;
    margin: 0 auto;
}
.dropdown-menu .container {
    width: 936px;
}
.row.help-row-inner {
    width: 985px;
    margin: 0 auto;
}
}
@media (min-width: 1451px) and (max-width: 1650px){
    #wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li {padding: 10px;}
    .drop-menu .col {width: 180px;}
    #wgs-top-bar-menu .opendropmenu a::after{bottom: -2px}
    #wgs-top-bar-menu .dropdown-menu::after {display: none;}
}
@media (min-width: 1301px) and (max-width: 1450px){
    .navbar-default.navbar-custom .navbar-nav > li > a {font-size: 14px; padding: 15px 6px 30px!important;position: relative;}
    .navbar-custom .navbar-nav.navbar-right .dropdown-menu.wgsCountMain5{width:68%;}
    .navbar-custom .navbar-nav li a i {margin-right: 4px;float: left;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li a b{line-height: 16px;margin:10px 0 0;font-size: 15px;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li a p {font-size: 13px;text-align: left;clear: both;}
    .sub-menu i.fa.fa-registered {margin-left: 5px;vertical-align: middle;margin-top: 7px;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li a{min-height: 120px;}
    .drop-menu .col {width: 200px;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu {width: 200px;}
    #wgs-top-bar-menu .opendropmenu a::after{bottom: -2px}
    #wgs-top-bar-menu .dropdown-menu::after {display: none;}

}

@media (min-width: 1200px) and (max-width: 1400px){
    .server-box .server-inner .table td {
        padding: 15px 8px 15px;
    }
    .table .mange-server li a {
        padding: 2px 3px;
    }
    ul.mange-server a i {
        font-size: 12px;
    }
    #customFieldsContainer .col-sm-3 {width: 50%;}
    .pric-dol {font-size: 26px;}
    .fund-btn{left:auto;right: 15px;}
    
   
}


@media (min-width: 1141px) and (max-width: 1300px){
    .navbar-default.navbar-custom .navbar-nav > li > a {font-size: 13px; padding:20px 3px !important;} 
    .navbar-custom .navbar-brand .logo img{width: 115px!important;height: auto;}  
    .navbar-custom .ul-right-top .dropdown-toggle {margin: 0 0 0 10px !important;}
    .urg {font-size: 15px;margin-right: 6px;}
    .medium-tick .select-selected:after {top: 16px;}
    #wgs-top-bar-menu .opendropmenu::after { bottom: -5px;}
    .navbar-custom .navbar-nav.navbar-right .dropdown-menu.wgsCountMain5{width:68%;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li {padding: 10px 6px 10px;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li a b{letter-spacing: normal;font-size: 14px;}
    .navbar-custom .navbar-nav.navbar-right .dropdown>a:hover::after {bottom: -5px;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu {padding: 10px 0;}
    .drop-menu .col {width: 170px;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li a{padding: 8px 5px 0 0;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu {width: 170px;}
    /*.dropdown-menu.wgsSuper5 .drop-menu {width: 950px!important;left: -36%!important;transform: translate(-0%, 0%);}
    .dropdown-menu.wgsSuper4 .drop-menu {width: 950px!important;}
    .dropdown-menu.wgsSuper4 .drop-menu ul.sub-menu li{width: 20%}*/
    .navbar-custom .navbar-nav li a i {margin-right: 4px;float: left;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li a b{line-height: 16px;    margin:10px 0 0;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li a p {font-size: 13px;text-align: left;clear: both;}
    .sub-menu i.fa.fa-registered {margin-left: 5px;vertical-align: middle;margin-top: 7px;}
    #wgs-top-bar-menu .opendropmenu a::after{bottom: -5px}
    #wgs-top-bar-menu .dropdown-menu::after {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #dep_15 {
      text-align: left;
    }


    #wgs-top-bar-menu .opendropmenu::after {display: none;}
    .navbar-default.navbar-custom{height: 100px;}
    .navbar-custom .ul-right-top {right: 90px;}
    .navbar-custom .navbar-toggle {display: block;right: 0;top: 15px;text-align: right;position: absolute;}
    .navbar-custom .navbar-collapse.collapse {display: none!important;}
    .navbar-custom .navbar-collapse.collapse.in {display: block!important;}
    #wgs-top-bar-menu.nav.navbar-nav.navbar-right li {width: 100%;}
    .navbar-default.navbar-custom .navbar-nav > li > a {position: relative;padding: 10px 10px !important;border-bottom: 1px solid #0b3662;}
    .navbar-custom.navbar-default .navbar-collapse, .navbar-custom.navbar-default .navbar-form {top:100px;position:absolute;margin:0;width:100%;background:#0e3e6e;left:0;border-color:#ffffff59;}
    #wgs-top-bar-menu.navbar-nav > li > .dropdown-menu {position: relative;margin: 0 auto;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu {width: 100%;}
    .drop-menu .col {display: inherit;width: auto;}
    #wgs-top-bar-menu .dropdown-menu .drop-menu ul.sub-menu li {border-bottom: 1px solid #e7e7e7;}
    /*.drop-menu .col:last-child li {border-bottom: none!important;}*/
    #wgs-top-bar-menu .navbar-right { margin-right: -15px;margin-left: -15px;}
    #wgs-top-bar-menu .navbar-right .dropdown-menu li a{text-align: center;}
    .navbar-custom .navbar-right .dropdown-menu li a {display: inline-block; }
    .navbar-custom .navbar-custom .navbar-nav li a i {display: inline-block;}
    .navbar-custom .services-sub li p {float: none;width: auto; display: inline-block;}
    ul#wgs-top-bar-menu li:last-child .dropdown-menu {right:0%;}
    .navbar-custom .services-sub li {padding: 10px 0px !important;border-bottom: 1px solid #dbe1e6;}
    .navbar-custom.navbar-default .navbar-collapse, .navbar-custom.navbar-default .navbar-form {top:100px;position:absolute;margin:0;padding:0;width:100%;background:#0e3e6e;left:0;border-color: #ffffff59;height: 100%!important;min-height: 62vh;overflow-y: scroll!important;}
    #wgs-top-bar-menu.nav.navbar-nav.navbar-right li {padding: 0px;float: none;display: inline-block;width: 100%;}
    .navbar-default.navbar-custom .navbar-nav > li > a {position: relative;border-bottom: 1px solid #0b3662;padding: 10px 10px !important;}
    .pay-list li{margin: 5px;}
    }
 
    


@media (min-width: 320px) and (max-width: 767px){
    ul.step.d-flex.flex-nowrap {display: block !important;}
    .inner-help-box {text-align: center;
        margin-top: 23px;padding: 22px 0px;}
    .navbar-custom .navbar-header {position: relative;z-index: 999;}
    .navbar-default.navbar-custom {min-height: 150px;}
    .navbar.navbar-custom > .container .navbar-brand, .navbar.navbar-custom > .container-fluid .navbar-brand{position: absolute;margin: 0 auto;left: 0;right: 0;padding: 0;width: 100%;text-align: center;}
    .navbar-custom .ul-right-top {position: absolute;top: 103px;left: 21px;direction: initial;}
    .navbar-custom .navbar-toggle {top: 71px;right:5px;float: right;}
    .navbar-custom.navbar-default .navbar-collapse, .navbar-custom.navbar-default .navbar-form {top: 144px;position:absolute;margin:0;
        padding: 0;width: 100%;background: #0e3e6e;left: 0;border-color: #ffffff59;height: 100%;min-height: 62vh;overflow: scroll;}
    #wgs-top-bar-menu.nav.navbar-nav.navbar-right li {padding: 0px;float: none;display: inline-block;width: 100%;}
    ul#wgs-top-bar-menu li:last-child .dropdown-menu {right:0%;}
    body.iti-mobile .intl-tel-input.iti-container{
        top: 159px!important;
        left: 0px;
        right:0px;
        width: 85%!important;
        margin: 0 auto;
            max-width: 300px!important;
    }

    .find-domain h1 {
        font-size: 24px;}
    li.dropdown.messages-menu.lang ul.dropdown-menu:before {
        content: '';
        border-bottom: 16px solid #63b155;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        position: absolute;
        right: auto;
        top: -15px;
        left: 5px;
        display: block;
    }
    .navbar-default.navbar-custom .navbar-nav > li > a {position: relative;border-bottom: 1px solid #0b3662;padding: 10px 10px !important;}
    .navbar-custom .dropdown.user.user-menu a i {
        height: 30px !important;
        line-height: 35px;
    }
    .navbar-custom .dropdown-toggle i {vertical-align: middle;}
    #wgs-top-bar-menu.navbar-nav > li > .dropdown-menu {background: #ebeef1;}
    .navbar-custom ul.dropdown-menu.d-menu {margin: 16px auto 0!important;position: relative;} 
    .navbar-custom .ul-right-top .dropdown-menu {left: 0;position: absolute;}
    .navbar-custom .open.lang ul.dropdown-menu {width: 100%;max-width: 310px;display: table;}
    .navbar-custom ul.menu.notf.language li {padding: 7px;}
    .navbar-custom ul.menu.notf.language li a {font-size: 12px;}
}

 @media (min-width: 320px) and (max-width: 420px){
    .user-menu.open ul.dropdown-menu, .d-menu { min-width: 100%;position: relative;}
    .navbar-custom li.dropdown.messages-menu.lang.open ul.dropdown-menu {margin: 22px 0 0;}
    .navbar-custom .ul-right-top .dropdown-menu{min-width: 100%;}
    .pric-dol {font-size: 20px;}
    .fund-btn{padding: 8px;font-size: 13px;}
    .fund-btn:before {padding: 0px 5px 0 0;top: 2px;position: relative;}
    .revenue {padding: 20px 10px;}
    
    .clientx.header.wgsheaderfromaddon .wgs-custom-label-notify {
        background: #ff8c35 !important;
    }
    #customFieldsContainer .inputBox input[type=checkbox], input[type=radio] {position: inherit;}
    #customFieldsContainer .inputBox{padding-bottom: 20px;}
}


@media  screen and (min-width: 1141px) {
    .navbar-custom .navbar-nav.navbar-right .dropdown:hover .dropdown-menu {
   display: block;
    }
} 
@media (min-width: 768px) and (max-width: 1500px){
    .ssl-artical-main-sec .container{
        width: 100%;
        max-width: 1170px;
     }
}



.hdpymt{
    display: none;
}


.swpymt{
    display: block;
    width: 100% !important;
}

.swpymt label{
    width: 100%;
    text-align: left;
}
.swpymt .payment{
    float: left;
    top: 30px;

margin-left: 10px;

margin-right: 20px;
}
.swpymt .card{
    display: inline-block;
    padding-top: 20px;
    text-align: left;
}




.modal-header.panel-heading{
background-image: linear-gradient(to right top, #0e3e6e, #184c80, #225b92, #2b6aa4, #337ab7);
}
.modal_ok.btn-info {
    color: #fff;
    background-color: #104172;
    border-color: #2f73ae;
}
.modal_ok.btn-info:hover {
    color: #fff;
    background-color: #2f73ae;
    border-color: #269abc;
}







@media only screen and (min-width: 1700px)  {
   .Payment-row .pay-list li {width: 109px;min-height: 105px;}
    .card img {margin-bottom: 6px;}
    .Payment-row .payment {margin-top: 5px;}
    .Payment-row .card {line-height: normal;} 
    .general {
      background: #fff;
      width: 100%;
      border: solid 2px #fff;
      padding: 10px;
      box-shadow: 0 0 10px #ccc;
      float: left;
      margin: 39px 10px 10px;
      border-radius: 6px;
      min-height: 180px;
      display: block;
    }
}
    
@media (min-width: 1600px) and (max-width: 1700px) {
    .Payment-row .pay-list li {width: 109px;margin: 5px 5px;min-height: 100px;}
    .card img {margin-bottom: 6px;}
    .Payment-row .payment {margin-top: 5px;}
    .Payment-row .card {line-height: normal;}
    }

@media (min-width: 1401px) and (max-width: 1599px) {
   .Payment-row .pay-list li {width: 30%} 
    }

@media (min-width: 992px) and (max-width: 1400px) {
    .navbar-nav > li > .dropdown-menu {
        margin-top: 13px!important;
    }


    .custom-ser-hd .user-accout .tabs li {width: 15.9%;}
    .domains-post-register .col-host {margin: 0 7px;}
    .grate p {margin: 0;}
    .server-mng {padding-top: 21px;margin-top: 23px;}

    .card-info-box .content {min-height: 224px!important;}
    .eriod-col {font-size: 14px!important;width: 127px!important;}

    .sting-col .cLick-btn {
        font-size: 11px!important;
        padding: 12px!important;
    }
    .period .pull-right {
        width: 75%!important;
    }
    .ssl h2, .cdn h2, .com h2, .addonbox-even h2, .addonbox-odd h2 {
        font-size: 22px;
    }
    .item-pro {
        min-height: 110px;
    }
    .cdn-price-right select,.ssl ul li.manage select, .addonbox-odd ul li.manage select, .addonbox-even ul li.manage select {
        width: 100%;
    }
    .addon_price {
        width: 56%;
    }
    .cdn-price-right {
        margin-top: 8px;
        width: 72%;
        margin-bottom: 16px;
    }
    .cdn ul li.sub-per {
        width: 71%;
    }
    .cdn ul li.add-cdn {
        float: left;
        width: 62px;
    }
    .addonbox-even {
        /*min-height: 311px;*/
    }
    .ssl, .cdn, .com, .addonbox-even, .addonbox-odd{
        min-height: 255px;
    }
    .acct-btn.pull-right {
        width: auto!important;
    }
    .wgs-Pending:last-child td {
        min-width: 130px;
    }
    div.header-lined h1 {
        padding: 6px 0 6px 10px;
    }
    .domen-page .col-md-4.right-col {
        width: 28%;
    }
    .news-artical p {
        word-break: break-all;
    }
    .price {
        font-size: 27px;
    }
    ul.menu.notf.language {
        min-height: 330px;
    }
    
    .generic_feature_list li {
        font-size: 15px;
        margin: 0 0px;
        padding: 7px 3px;
    }
    .fund-btn {
        padding: 10px 10px;
    }
    .ticket-inner {
        padding: 23px 21px;
    }
    .ssl{
        /*min-height: 311px;*/
    }
    .com {
        /*min-height: 309px;*/
    }
    .grate.pending-dom .btn-domin a {
        display: block;padding: 12px;font-size: 14px;
    }
    /*----------- start 5-9-18-----------*/ 
    .newdomin-row .yet-domin .pull-left {
        width: 60%;
    } 	.newdomin-row .yet-domin .pull-right {
        width: 40% !important;
    } 
    .yet-domin{
        padding: 24px 25px;
    }
    /*----------- end 5-9-18-----------*/ 
    .period-domain .eriod-col {width: 180px!important;}
    .eri-rigst{margin: 0;}
    .period-domain .period .pull-right {width: 52%!important;margin: 0!important;}
    .domain-configration .period{padding: 25px 10px 48px!important;}
    .sting-col {font-size: 14px;}
    .domain-configration .sting-col .cLick-btn {font-size: 10px!important;padding: 12px 8px!important;margin-left: 3px;}
    .card img {margin-bottom: 6px;}
    .Payment-row .payment {margin-top: 5px;}
    .Payment-row .card {line-height: normal;}
    .Payment-row .pay-list li{margin: 5px;}
    .Payment-row .pay-list li{width: 30%;}
    .total-bar a#continueShopping{padding: 10px 12px;}
    .domain-price button.cart-btn{padding: 11px 15px;}
}


@media (min-width: 992px) and (max-width: 1199px) {

    .domains-post-register .col-host {width:30.2%;margin-bottom: 40px;padding-bottom:20px;}
    .addon-row .ssl h2, .addon-row .cdn h2, .addon-row .com h2, .addon-row .addonbox-even h2, .addon-row .addonbox-odd h2 {
        font-size: 17px;line-height:20px;}
    .addon-row .ssl ul li, .addon-row .addonbox-odd ul li, .addon-row .addonbox-even ul li {padding: 7px 0px;}
    .product-addons .addonbox-even {min-height: 273px;}
    .pull-right.disa-auto.col-xs-6{margin-top:-5px !important; width:50% !important;}
    .domains-head.user .pull-right {margin-top:0px !important;}
    .tab_container .addon-row{padding-top:0px;}
    .step .step-item{width:30% !important;}
    #sidebar.active ul li a {display: flex;}
    #frmConfigureProduct .web-rank {padding-top: 0px;margin-top: 20px;}
    #order-cartx .pur-titel {font-size: 25px;}
    .term-box .addon-promo-container p {display: inherit;}
    .term-box .addon-promo-container p a {margin: 20px 0;top: 0;width: inherit;text-align: center;display: inline-block;padding: 8px 20px;}
    .addon-promo-container .radio-inline span.pull-right { float: left!important;clear: both;
        width: 100%!important;margin: 0!important;padding: 0!important;text-align: left!important;  }
    .ticket-colam li{width:50%;}
    .urg {font-size: 15px;margin-right: 6px;}
    .medium-tick .select-selected:after {top: 16px;}
    #customFieldsContainer .col-sm-3 {width: 50%;}
    #inputPhone{width:200px;}
    /*.custum-block ul.tabs.addons li {width: 22%!important;}
    .custum-block ul.tabs.addons li {width: 14%!important;margin: 0px 8px;}*/
    .d-block.custum-block ul.tabs li a {padding: 0;margin: 0;line-height: 31px;}
    .domains-head.custum-key .acct-btn {font-size: 13px;padding: 10px 8px 10px 15px;width: 150px !important;margin-top: 8px !important;}
    .domains-head.custum-key h3{margin-top:12px;}
    .domains-head .acct-btn i.fas.fa-long-arrow-alt-left {padding-right: 8px;font-size: 18px;left: 0px;}
    .custom-sldr .slick-track{width:100% !important;}
    .custom-sldr .slick-track .col-md-3 {width: 33% !important;}
    .row-wgs-mrgn ul.tabs.servicestab li{width: 22.9%;}
    .total-bar .empty-cart {text-align: center !important;margin: 10px 20px 6px 0 !important;display: table;width: 100%;float: none;}
    .total-bar a#continueShopping {display: table;float: none;text-align: center;margin: 0 auto;}
    .total-bar .promocode_cont .col-sm-8, .promocode_cont .col-sm-4{width:100%;}
    .dataTables_wrapper .dataTables_paginate {padding: 6px 10px 0;}
    .total-bar .pull-right{margin-top:10px !important;}
    #paymentGatewaysContainer .pay-list li {margin: 5px 5px;}
    .domains-post .slick-track .cdn ul li.sub-per {width: 60%;right: -8px;}
    .domains-post .slick-track .cdn {padding: 20px 8px;}
    .sm-gutter .col-md-3.col-xs-6.custpm_box {width: 33%;}
    .activ-right li a{padding:8px 4px;}
    .hosting-panal p{line-height:18px;}
    .anot{font-size:13px;}
    .yet-domin .pull-right img{width:100%;}
    open-tickt {padding: 20px 6px 32px;}
    .cont-xl {font-size: 25px;float: right;margin-right:5%;}
    .dataTables_wrapper .dataTables_paginate {padding: 6px 5px 0;}
    .tickt-header .tickt-drop h3{font-size:19px;}
    .tickt-header .tickt-drop {margin: 0 10px !important;}
    .tickt-header .supportTotalH3{margin-right: 15px;}
    .tickt-header li.dropdown.user.tickt-drop.short {width: 102px!important;}
    .sm-gutter .card-info-box.tran-no {margin-bottom: 10px;}
    .pric-dol{font-size:25px;}
    .fund-btn{display: inline-block;max-width: 116px;left: inherit;right: 5px;}
    .ticket-head .btn-close a, .ticket-head .btn-close button{width:45%;font-family:13px;padding: 11px 4px;}
    .card-detal .pull-right {margin-top: 0px !important;}
    .table .mange-server li a {padding: 2px 2px;}
    ul.mange-server a i {font-size: 12px;}
    .server-box .server-inner .table td {padding: 15px 8px 15px;}
     .domen-page .how-can-we-help .container, .domen-page .find-domain .container, .domen-page .news-sec .container{width: 100%;}

}

@media (max-width: 1080px) {
   .col-md-4 {
      width: 33.333333333%;
    }
    .imputBox .input, .imputBox .inputText {
        width: 47%;
        float: inline-end;
    }
}

@media (min-width: 992px) {
    .col-md-8 {
     width: 66.66666667%;
    }
    .col-md-9.ordenes {
      width: 100% !important;
    }
    .variarOrden {
    width: 100% !important;
    }
   .col-md-4 {
      width: 33.333333333%;
    }
    .imputBox .input, .imputBox .inputText {
        width: 47%;
        float: inline-end;
    }
    



}

@media (min-width: 992px) and (max-width: 1199px){
    
    .pull-right {width: 100% !important;margin: 0 auto;text-align: center !important;margin-top: 30px !important;} 
    #content {
        width: calc(100% - 95px);
        left: 95px;
    }
    .costo {
      float: left;
    }
    .logoOrden {
        width: 24%;
        display: inline-block;
    }
    .logoOrden img{

        width: 100%;
    }
    .titulo {
        width: 35%
        display: inline-block;
    }
    .retorno , .titulo h4{
        width: 100%;
        text-align: center;
    }
    .infoEmpresa {
      width: 35%;
      display: inline-block;
    }

}

@media (min-width: 991px) and (max-width: 1024px) {
    .inv-cont-res .inv-100{width:100%;}
    .custom-sldr .slick-track{width:100% !important;}
    .custom-sldr .slick-track .col-md-3 {width: 33% !important;}
    .urg {font-size: 15px;margin-right: 6px;}
    .medium-tick .select-selected:after {top: 16px;}
    
}

@media (min-width: 768px) and (max-width: 1550px){
    ul.tabs li {
        width: 18.9%;
    }
    ul.tabs li {
        margin: 9px 3px;
        width: 18.7%;
        font-size: 11px;
    }

}

@media (min-width: 768px) and (max-width: 1250px){
    .content-block .col-sm-7 br {display: none;}
    ul.tabs li {
        margin: 9px 3px;
        width: 20.7%;
        font-size: 11px;
    }
}


 
@media (min-width: 768px) and (max-width: 991px) {
	#content{width: calc(100% - 54px);left: 54px;}
	ul.step.d-flex.flex-nowrap {display: block !important;	}
    .medium-tick .custom-select {clear: both;}
    .ticket-colam li{width:100%;}
    .yet-domin{text-align:center;}
    .yet-domin .pull-left{width:100%;}
    .yet-domin .pull-right{width:100%;}
    .shoop-btn {text-align: center;margin-bottom: 35px;}
    .more-opt ul.tabs.addons.dropdown-menu {margin-top: 10px;position:relative;}
    .custom-ser-hd .form-colam {margin-bottom: 20px;}
    .pull-left.renw-auto.col-xs-6 {width: 60%;}
    .pull-right.disa-auto.col-xs-6 {width: 38%;}
    .pull-right.disa-auto.col-xs-6 input{margin-top:-5px;}
    .domains-head.custum-key .acct-btn {font-size: 13px;padding: 10px 8px 10px 15px;width: 150px;margin-top: 8px;}
    .domains-head.custum-key h3{margin-top:12px;}
    .domains-head .acct-btn i.fas.fa-long-arrow-alt-left {padding-right: 8px;font-size: 18px;left: 0px;}
    /*.custum-block ul.tabs.addons li {width: 22%!important;}*/
    .custum-block ul.tabs.addons li {width: 90%!important;margin: 0px auto;padding-left: 0;padding-right: 0;float: none;}
    .popover.fade.right.in {width: 100% !important;left: -30px !important;top: -20px!important;}
    .popover-content img{width:100%;}
    .account-header  ai.fas.fa-long-arrow-alt-left {padding-right: 0;}
    .account-header .back-act a{font-size:13px;}
    .account-header .web-url{font-size: 17px;}
    .btn-100{width: 100%;clear: both;margin: 10px 0 0;display: inline-block;}
    .btn-close.btn-100 a {width: 100px;}
    .name-client {font-size: 15px;margin-bottom: 10px;}
    .dataTables_wrapper .dataTables_paginate {padding: 6px 10px 0;}
    #primaryLookupResult .host-block {width: 94%;}
    #productServicesWgsTable th {width: 150px !important;padding: 5px!important;}
    #productServicesWgsTable td {width: 150px !important;padding: 5px!important;}
    #productServicesWgsTable td:first-child {width: 280px!important;}
    #productServicesWgsTable th:first-child {width: 280px!important;}
    .user .acct-btn{width:124px;}
    /*	#sidebar {background-position: -24px 0;}*/
    #frmConfigureProduct .web-rank {padding-top: 0px;margin-top: 20px;}
    .term-box .addon-promo-container p {display: inherit;}
    .term-box .addon-promo-container p a {margin: 20px 0;top: 0;width: inherit;text-align: center;display: inline-block;padding: 8px 20px;}
    ul.step.d-flex.flex-nowrap{display:none;}
    table.dataTable thead>tr>th.sorting {width: 138px!important;}
    .tragat-table td {padding: 5px;width: 15%!important;}
    .tab_container .addon-row{padding-top:0px;}
    .addon-row .product-addons .col-md-4 {margin-bottom: 20px;}
    #order-standard_cart .ssl, .cdn, .com {margin-bottom: 0;}
    #sidebar.active ul li a{display:flex;}
    #order-cartx .sap-row h4.pur-titel {text-align: center;}
    .row-wgs-mrgn ul.tabs.servicestab li{margin-bottom:12px;width: 31.7%;}
    .period .pull-right {width: 392px!important;}
    .ticket-head .filt ul.dropdown-menu:before {left: 58px;top: -14px;border-bottom: 16px solid #fff;right: auto;}
    .ticket-head .short ul.dropdown-menu:before {top: -14px;border-bottom: 16px solid #fff;right: 73px;}
    .table .mange-server li a {padding: 2px 3px;}
    ul.mange-server a i {font-size: 12px;}
    .server-box .server-inner .table td {padding: 15px 5px 15px;}
    .regi-domain #adv-search {width: 80%;}
    .domains-head .col-md-9 {width: 75%;float:left;}	
    .domains-head .col-md-3 {width: 25%;float:left;}
     .domen-page .how-can-we-help .container, .domen-page .find-domain .container, .domen-page .news-sec .container{width: 100%;}
    .col-md-8.left-colam {
        width: 100%!important;
        padding: 0px 30px 0px 35px!important;
    }
    #productServicesWgsTable {
        min-width: 1000px;
    }
    .server-box .col-sm-3 {
        width: 50%;
        height: 80px;
    }
    .change-pass .col-md-4 {
        height: 80px;
    }
    .link-account-sec h4 {
        margin: 8px 40px 15px 0px;
    }
    #listDomainTableWgs {
        min-width: 1110px;
    }
    .wgs-Pending:last-child td {
        min-width: 100px;
    }
    .domains-head p {
        font-size: 16px;
    }
    .categories-collapsed .pull-left.form-inline {
        width: 100%;
        padding: 10px;
    }
    div.header-lined h1 {
        padding: 6px 0 6px 14px;
    }
    .news-artical p {
        word-break: break-all;
    }
    .cool-titel {
        padding: 0px 15px;
    }
    #myQouteListWgs {
        min-width: 823px;
    }
    .inputBox .input {
        font-size: 13px!important;
    }
    .security-que .inputText {
        font-size: 11px!important;
    }
    .btn-close a, .btn-close button {
        width: 25%;
    }
    .chat_inner {
        width: 97%;
    }
    .reply-row {
        margin-left: 7px;
    }
    .tab_container #frmNewCc{padding: 30px 0px 0px 0px;}
    .domen-page .form-horizontal {
        padding: 30px 40px 0px 0px;
    }
    .domen-page .form-group .col-sm-7 {
        width: 75%;
    }
    .host-row .col-md-6.bg-box {
        min-height: 811px;
    }
    #registration .inputBox {
        height: 80px;
    }
    .mob-pwreset .col-md-6.bg-box {
        min-height: 504px ;
    }
    .col-md-9.cat-col {
        padding: 0 27px 0;
    }
    .cate-titel {
        padding: 27px 0 27px 10px;
    }
    .flare-list {
        padding-left: 23px;
    }
    .custom-ser-hd .user-accout .tabs li {width: 100%;}
    .user-accout .tabs li {
        width: 16%;
    }
    
    .ticket-head .col-md-3{clear: both;}
    /*.eriod-col {width: 122px!important;font-size: 14px;text-align: center;}
    .custom-select.filter-year {float: none!important;clear: both;}
    .period-domain .eriod-col {width: 150px!important;}
    .eri-rigst {float: none;}
    .period-domain .sting-col {margin-top: 0;max-width: 195px;text-align: center;}
    .period-domain .period{padding-bottom: 30px!important;display: inline-block;}
    .period-domain .period .pull-right { width: auto!important;}
    .period-domain .sting-col a {padding: 12px 7px;display: block;font-size: 12px;}
    .user-menu.open ul.dropdown-menu, .d-menu { min-width: 100%;position: relative;}
    .navbar-custom .ul-right-top .dropdown-menu{min-width: 100%;}*/
    .navbar-custom li.dropdown.messages-menu.lang.open ul.dropdown-menu {margin: 22px 0 0;}

    .period .pull-right { width: 376px!important; float: left!important;}
    .domain-configration .period {display: inline-block;}
    .period .sting-col a { padding: 12px 8px;font-size: 12px;}
    /*.card img {margin-bottom: 6px;}
    .Payment-row .payment {margin-top: 5px;}
    .Payment-row .card {line-height: normal;font-size: 11px;}
    .Payment-row .pay-list li{margin: 5px;}*/
    .Payment-row .pay-list li{width: 30%;}
    .regi-domain {background: #15083e url(../images/find-domainbg.png) no-repeat !important;}
    .ticket-head .col-md-4{clear: both;}
    .fund-btn {left: auto;right: 20px;}
    #sslDetail .col-sm-4 {
        width: 100%;
        margin-bottom: 20px;
    }
    .costo {
      float: left;
    }
    .logoOrden {
        width: 14%;
        display: inline-block;
    }
    .logoOrden img{
        width: 100%;
    }
    .titulo {
        width: 40%;
        display: inline-block;
    }
    .retorno , .titulo h4{
        width: 100%;
        text-align: center;
    }
    .infoEmpresa {
      width: 40%;
      display: inline-block;
    }
    #content {
        width: calc(100% - 95px);
        left: 95px;
    }
}









@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }



}


@media (min-width: 640px) and (max-width: 768px) {
    .domains-head.kye-edge .col-md-9{float:left;width:65%;}

}
@media (min-width: 481px) and (max-width: 767px) {
    #tabAutorenew .pull-right.disa-auto {margin-top: 0;}
    .eriod-col {width: 122px!important;font-size: 14px;text-align: center;}
    .custom-select.filter-year {float: none!important;clear: both;}
    .period-domain .eriod-col {width: 150px!important;}
    .eri-rigst {float: none;}
    .period-domain .sting-col {margin-top: 0;}
    .period-domain .period{padding-bottom: 0!important;}
}



@media (max-width: 767px) {
    .header {
        z-index: 9;
        padding: 16px 0 0;
    }
    .header-left {
        width: auto;
    }
    .header-right .nav > li {
        position: inherit;
    }




}






@media (min-width: 320px) and (max-width: 767px) {
    .costo {
      float: left;
    }
    .logoOrden {
        width: 19%;
        display: inline-block;
    }
    .logoOrden img{
        width: 100%;
    }
    .titulo {
        width: 40%
        display: inline-block;
    }
    .retorno , .titulo h4{
        width: 100%;
        text-align: center;
    }
    .infoEmpresa {
      width: 40%;
      display: inline-block;
    }
    #content {
        width: calc(100% - 95px);
        left: 95px;
    }
    .header-left {
        display: inline-block;
        padding-bottom: 0px;
        width: 100%;
        }
    .header-left .logo img {
        width: 100px;
        min-height: auto;
        margin-top: 5px;
        }
    .header-right {
        float: right;
        width: 100%!important;
        z-index: 999999;
        display: inline-block;
        }
    .header-right .nav > li {
        vertical-align: top;
    }   
    .dropdown.user.user-menu {
        width: 32%;
       } 
    .dropdown.user.user-menu a .fa-sign-in-alt::before {
        position: relative !important;
        top: 0px !important;
        }
    .dropdown.user.user-menu a i {
        border-radius: 50%!important;
        width: 35px !important;
        height: 35px !important;
    }
    ul.dropdown-menu::before {
        content: '';
        border-bottom: 16px solid #f48534;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        display: block !important;
        position: absolute;
        top: -25px;
    } 
    #clientes, #conductores, #administradores {
        position: absolute;
        right: -15px;
        margin-top: -35px !important;
        box-shadow: none !important; 
    }
    
    #clientes::before {
        position: absolute;
        top: -15px;
        left: 40px;
    } 
    #conductores::before
     {
        position: absolute;
        top: -15px;
        left: 140px;
    }
    #administradores::before  {
        position: absolute;
        top: -15px;
        left: 240px;
    }         
    .login-bg {
        padding: 15px 0;
    }
    .alert-warning, .alert-info, .providerLinkingFeedback.alert.alert-danger {
        width: 100%;
        float: unset !important;
        clear: both;
    }
    .alert-warning {
        margin: 0 auto !important;
        width: 98% !important;
    }   
    div#page-wrapper {
        padding-bottom: 16px;
    }
    .fas.fa-arrow-left {
        margin-top: 9px;
    }
    .inputBox {
        height: 60px !important;
        margin: 14px 0 0;
    }
    .host-row .inputBox {
        height: 50px !important;
    }
    .alert {
        width: 93%;
    }
    #sidebar.active {
        z-index: 9;
    }
    .top-resp {
        margin-top: 8px !important;
    }
    .wrapper {
        overflow: visible!important;
    }
    #content::before {
        padding: 45px 45px 0 45px;
    }
    #sidebar {
        top: 174px !important;
        left: -50px !important;
    }
    #sidebar.active {
        top: 174px !important;
        left: 0px !important;
    }
    .department {
        padding: 30px 0 0;
         margin: 140px 0 0 0px;
    }
    .all-support ul {
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .all-support li {
        text-align: center;
        width: auto;
        display: inline-block;
        margin: 0 2%;}
    .all-support li .serv-mov {
        list-style: none;
        text-align: left;
    }
    #dep-15 span {
        line-height: 10px;
        text-align: left;
    }
    .serv-mov li {
        list-style: circle;
        text-align: left;
    }
    #dep_15 {
        text-align: left;
    }
    .movilidad .all-support {
        position: relative;
        left: 10px;
        top: 30px;
    }
    .login-form {
        padding: 20px;
    }
    .log-btn {
        font-family: "Open Sans",Verdana,Tahoma,serif;
    }
    .navbar-right {
    float: right !important;
    margin-right: inherit;
    min-width: 200px;
    }
    .cliente ul li {
      width: 48%;
    }
    .dropdown.user.user-menu.administrador {
      width: 48%;
    }
    .label.label-success {
        top: -5px;
        right: 50px;
    }
    .fas.fa-bell::before {
      position: absolute;
      right: 60px;
      top: 10px;
    }
    .desplegable {
      min-width: 140px;
      float: right;
    }
    .accesoTres {
      margin-top: 10px;
    }
    .cliente, .conductor, .administrador {
      max-width: 100%;
    }
    .accesoDos {
      margin-top: 10px;
      width: 60% !important;
    }
    .administ, .alerta {
      max-width: 49%;
    }
    #head_alert {
      height: 50px !important;
      width: 49% !important;
      padding-top: 0px !important;
    }
    .accesoTres .navbar-right {
        float: none !important;
    }
    .container-fluid {
      padding-right: 10px;
      padding-left: 10px;
      margin-right: auto;
      margin-left: auto;
    }
    .menu {
      margin-top: 0px !important;
      position: relative;
    }
    .areas {
        width: 100%;
        margin-left: 0px;
        height: 30px;
    }
    .areas .header-left {
        width: 40%;
    }
    .saludo > div {
        top: 65px;
    }
    .saludo .row {
        z-index: 8;
        padding: 5px 20px 5px 5px!important;
    }
    .areas .top-resp {
        display: block;
        position: relative;
        top: -12px;
    }
    .header.F {
        height: 80px;
    }
    .saludo .content {
        top: 102px !important;
    }
    #content.contenido {
        top: 102px !important;
    }
    .area #sidebar.active {
        top: 138px !important;
        width: 100%;
    }
    .area #sidebar.active ul {
        left: 0px;     
    }
    .area #sidebar.active ul a{
        text-align: left; 
        width: 100%;
    }
    .area #sidebar.active ul span {
        display: inline-block !important;     
    }
    .department {
        padding: 5px;
        margin: 5px;
    }
    .all-support li {
        width: 90%;
        margin: 0px !important;        
    }
    .quest h2 {
      width: 70%;   
      text-align: center;
    }
    .quest span {
        text-align: justify;
        padding: 10px;
    }
    .form-group .btn-account.reg {
      text-align: center;
      width: 100%;
      display: inline-block;
    }
    .btn-account.reg input {
      width: 100%;
      padding: 17px 5px;
      margin: 3px;
    }
    .area #content.contenido {
      top: 55px !important;
      left: 5px;
      width: 100%;
    }
    .mob-nav{
        display: none; 
    }
    .restablecer {
      width: 100% !important;
    }
    .footer div{
        width: 100%;
    }
    #areas {      
        position: absolute;
        right: 195px;
        margin-top: 10px !important;      
    }
    #areas::before {     
      right: 70px;      
    }
    .areas .header-left {
      display: inline-block;
      padding-bottom: 0px;
      width: 40%;
    }
    .saludo {
      width: 100%;
    }
    #tituloOrden .back-arrow {
      margin-left: 5px;
      width: 10%;
      padding: 0px !important;
    }
    #tituloOrden .back-arrow a{
      float: left;
    }
    .oculto {
      width: 0%;
      display: none;
    }

    
            


    
    
    


        


    .server-box .inputBox {margin: 14px auto 0;width: 94%;}
    .md-editor .btn-group {width: auto !important;}
    #myQouteListWgs tr th {width: 140px!important;padding: 9px 2px!important;}
    .col-sm-4.text-right {text-align: center;}
    #pricing .price { color: #fff;}
    .landing-page .hero img{width:80%;}
    .domen-page .landing-page .hero h2 { font-size: 1.7em;}
    #tableLinkedAccounts_wrapper .dataTables_empty{text-align:left;}
    .popover.fade.right.in {width: 100% !important;left: -30px !important;top: -20px!important;}
    .popover-content img{width:100%;}
    .form-colam .inputBox  .tooltip.right{left: inherit !important;right: 0;}
    .name-client {font-size: 15px;margin-bottom: 10px;}
    .dataTables_wrapper .dataTables_paginate {padding: 6px 0px 0;}
    .pric-dol {font-size: 25px;}
    .fund-btn {display: inline-block;max-width: 146px;left: inherit;right: 5px;}
    .inv-cont-res .invo-hist .col-md-5 {padding-right: 0;padding-left: 0;}
    .inv-cont-res .invo-hist{padding-top: 10px;margin-bottom: 10px;}
    .newdomin-row .yet-domin{margin-bottom: 30px;}
    .host-block .domain-price button.cart-btn{float:none;margin:20px auto 0;text-align:center;}
    #primaryLookupResult .host-block .col-md-6 {text-align: center!important;margin-bottom:10px;}
    .domain-price .renw {text-align:center;float:none;left: 15px;}
    #primaryLookupResult .host-block {width: 94%;}
    .domains-post-register .col-host {padding-bottom:16px;}
    .ssl-artical-sec .what-is-ssl {padding: 0px 0px;}
    ul.what-ssl-list li {display:flex;}
    .ssl-artical-sec .ssl-artical-main-sec .ssl-artical-sec .container {width: 100%;}
    .ssl-artical-sec .ssl-benefits {padding: 0;}
    .valid-content {width:100%;}
    .ssl-benefits .ssl-ftr-row {width: auto;}
    .ssl-artical-main-sec .ssl-artical-sec .ssl-ftr-box{margin-bottom:20px;}
    #productServicesWgsTable th {width: 135px !important;padding: 5px!important;font-size: 12px;}
    #productServicesWgsTable td {width: 135px !important;padding: 5px!important;vertical-align: top;font-size:12px;}
    #productServicesWgsTable td:first-child {width: 250px!important;}
    #productServicesWgsTable th:first-child {width: 210px!important;}
    #productServicesWgsTable .doman-url {padding: 0px 25px 0 0;word-break: break-all;}
    .renow-block.domain-list ul.tabs.addons{display:block;}
    .renow-block.domain-list.expired-col {margin-bottom: 14px;display: inline-block;width: 100%;}
    #sidebar {background-position: -24px 0;}
    #frmConfigureProduct .web-rank{padding-top:0px;margin-top: 20px;}
    .term-box .addon-promo-container p {display: inherit;font-weight: normal;}
    .term-box .addon-promo-container p a {margin: 20px 0;top: 0;width: inherit;text-align: center;display: inline-block;padding: 8px 20px;}
    .addon-promo-container .radio-inline span.pull-right {float: left!important;clear: both;width: 100%;}
    .addon-promo-container label.radio-inline input[type="radio"], #productConfigurableOptions input[type="radio"] {
        vertical-align: middle;margin-top: 0;}
    background-position: -23px 0;
    background-position: -20px 0px;
    .fund-btn {left: 0;display: inline-block;width: 147px;right: 0;margin: 0 auto;}
    table.dataTable thead>tr>th.sorting {width: 138px!important;}
    .tragat-table td {padding: 5px;width: 15%!important;}
    
    .comment-block:after {content: '';height: 0;width: 0;position: absolute;display: block !important;top: -21px;left: 18px;
                          border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #d4d4d4;}
    a.anchorClassColor {text-decoration: underline;}
    .avtar-cont p.text-center {margin-top: 0 !important;}
    .ticket-reply .top-comment {margin-bottom: 0;}
    .using-password-strength div#passwordStrengthBar {margin-top: 0;}
    .using-password-strength .stren {margin: 0;}
    .addonbox-odd .addon_price{margin-bottom:15px;}
    .p_addons .pak-row {margin-top: 0;}
    .p_addons .addon-row{padding-top:0px;}
    .avtarClassForHeader {width: 35px!important;height: 35px !important;}
    .avtar-cont{text-align:center;}
    .alert-success{margin-top:20px;}
    
    #full_screen{display:none;}
    #mobile_screen{display:block !important;}
    div#applyCreditContainer h3 {font-size: 22px;line-height: 28px;}
    #order-standard_cart .apply-credit-container .radio {padding-left: 4px;margin: 0;line-height: 24px;}
    #order-standard_cart .col-md-7.no-spase{border-right:none;}
    #order-standard_cart .regi-domain {padding: 50px 0 !important;}
    #order-standard_cart #adv-search {padding: 21px 9px 8px;width:94%;}
    .domains-head.kye-edge .acct-btn {margin-top: 0;}
    #recurringAmount .col-xs-6.text-right, div#billingCycle .col-xs-6.text-right, div#paymentMethod .col-xs-6.text-right, #registrationDate .col-xs-6.text-right, #nextDueDate .col-xs-6.text-right{
        width: 44%;
    }
    #cPanelBillingOverviewPanel .col-md-5 {margin-left: 13px;}
    #recurringAmount .col-xs-6:last-child, #billingCycle .col-xs-6:last-child, #paymentMethod .col-xs-6:last-child, #registrationDate .col-xs-6.col-md-7, #nextDueDate .col-xs-6.col-md-7{float:right;}
    .input-group{margin-bottom:12px;}
    #frmCreateEmailAccount button.btn.btn-primary.btn-block{margin-top:12px;}
    .row-wgs-mrgn ul.tabs.servicestab li{width:30%;}
    .row-wgs-mrgn #tabOverview{display:block !important;}
    .border-r-l{border: none!important;}
    .ticket-head .filt ul.dropdown-menu:before {left: 58px;top: -14px;border-bottom: 16px solid #fff;}
    .ticket-head .short ul.dropdown-menu:before {left: 82px;top: -14px;border-bottom: 16px solid #fff;}
    .table .mange-server li a {padding: 2px 3px;}
    ul.mange-server a i {font-size: 12px;}
    .server-box .server-inner .table td {padding: 15px 5px 15px;}
    .regi-domain .tooltip.right .tooltip-arrow {left: 30px;position: absolute;top: 4%!important;border-right: none;border-color: #b2282d transparent;border-style: solid;
        border-width: 0 6px 6px;border-right-color: transparent!important;}
    .regi-domain #captchaContainer .tooltip.right {top: 60px!important;left: 32%!important;}

    /*.clientx.header, .clientx .header {
        padding: 28px 0 0;
    }*/
    #sidebar.active span, #sidebar.active small {
        margin: 0 0 0 25px;
    }
    /*ul.list-unstyled.components i {
       display: inline;
   
    }*/
    #sidebar.active .list-unstyled.components li a i{
        display: inline-block;
        width: 25px;
    }
    .domains-head.kye-edge .col-md-9 {display:flex;}
    .domains-head.kye-edge .col-md-9 h3{font-size:18px;}
    .card-info-box {
        max-width: 300px;
        margin: 13px auto;
    }
    .tag-inv h2,.invoice-page .col-md-6 {
        text-align: center!important;
    }
    .in-titel {
        margin-top: 30px!important;
    }
    .DomainSearchResults .wgssptl {
        margin: 30px 0px -44px 10px !important;
    }
    .domain-renewals span.label.label-success {
        top: -49px!important;
    }
    .form-horizontal .col-sm-6 {
        padding: 0px!important;
    }
    .period {
        float: left !important;
        margin-bottom: 15px !important;
        padding: 25px 12px 45px!important;
    }
    .domain-renewal {
        padding: 0px !important;
    }
    a#continueShopping {
        padding: 7px 10px!important;
    }
    .sting-col .cLick-btn {
        width: 100%!important;
        float: left!important;
        font-size: 10px!important;
        padding: 7px 7px!important;
        margin-left: 0px!important;
    }
    .cont-cart {
        padding: 13px 8px!important;
        min-width: 209px!important;
        min-height: 158px!important;
    }
    .sting-col {
        text-align: center!important;
    }
    /* #content {
         top: 140px !important;
     }*/
    .cdn-price-right {
        margin-bottom: 10px!important;
    }
    .cdn ul li.sub-per {
        padding-right: 30px!important;
    }
    .domains-head {
        padding: 21px 0 5px 3px!important;
    }
    .yet-domin {
        padding: 10px 23px 30px!important;
    }
    
    .cdn-price-img {
        margin-bottom: 10px;
    }
    .slide.col-md-4.slick-slide {
        text-align: center;
    }
    #adv-search {
        padding: 21px 9px;
    }
    #order-standard_cart .col-xs-6 {
        width: 100%;
        padding-right: 2px;
        text-align: center;
    }
    .regi-domain {
        padding: 50px 0 0px!important;;
    }
    .reset-domen {
        padding: 0px 15px 15px!important;;
    }
    .spotlight-tlds {
        margin: 35px 15px 11px 0px!important;

    }
    .reply-row {
        position: relative;
        padding-top:12px;
    }
    .start-chat {
        padding: 0px 0px 0 0px;
        width: 85%;
    }
    .tax-cont .col-sm-6 {
        padding-left: 0;
        padding-right: 0px;
    }
    .btn-close a, .btn-close button {
        width: 100%;
        margin-bottom: 10px;
    }
    .department .form-colam .col-sm-3 {
        padding: 0px 15px;
    }
    .Pers-titel {
        padding-left: 15px;
    }
    .domains-head.user .col-md-9 {
        text-align: center;
    }
    i.fas.fa-long-arrow-alt-left {
        left: 4px!important;
    }
    .domains-head h1 i {
        font-size: 28px;
        padding-right: 4px;
        vertical-align: middle;
    }
    .acct-btn {
        padding: 4px 12px 5px 6px;
    }
                                        /*.host-row .inputBox {
                                            height: 50px!important;
                                        }*/
    .user-accout .tabs {
        display: block;
    }
    .server-box .tab_container {
        margin: 15px auto !important;
    }
    .foem-addx .custom-select {
        margin: 0 auto !important;
        min-width:100% !important;
        font-size:13px !important;
    }
    .tab_container .well {
        padding: 0px 10px 10px!important;
    }
    .btn-footer {
        text-align: center;
        width: 100%;
        display: inline-block;
        padding-bottom: 15px
    }
    .btn.btn-danger.delete-contact {
        margin: 10px 0px 0px 0px;
    }
    .server-box ul.tabs li.active::after {
        left: 47%!important;
    }
    .server-box ul.tabs li:hover::after {
        left: 47%!important;
    }
    .server-box ul.tabs li {
        width: 100%;
    }
    .tab_container .col-md-5 {
        padding-right: 0px;
    }
    .link-account-sec h4 {
        width: 100%;
        text-align: center;
        margin: 0px 0px 10px 0px;
    }
    #tableLinkedAccounts_wrapper {
        min-width: 100%;
        overflow: scroll;
    }
    
    /*.fas.fa-arrow-left {
        margin-top: 9px;
    }*/
    .providerPreLinking {
        float: none;
    }
    .btn-google {
        padding: 8px 31px !important;
    }
    .btn-facebook {
        padding: 8px 29px !important;
        margin-right: 0px;
    }
        #content.active {
        left: 0px;
        width: 100%;
    }
    
    
    
    .login-bg p a {
        color: #cdcdcdcd;
    }
    
    .drop-nav {
        font-size: 12px;
    }
    .news-detail-box {
        padding: 20px 20px 20px 20px;
    }
    .news-artical p {
        word-break: break-all;
    }
    .news-artical {
        width: 100%;
    }
    .news-date {
        float: none !important;
        margin: 0 auto;
    }
    .news-artical h4 {
        font-size: 19px;
        text-align: center;
        margin-top: 17px;
    }
    .col-md-9.cat-col {
        padding: 0 0 0 0px;
    }
    .cate-titel {
        padding: 27px 0 20px 15px;
    }
    .form-horizontal {
        padding: 15px 15px;
    }
    #sidebar.active ul {
        width: 100%;
        max-height: 420px;
        overflow-y: scroll;
    }
    .cdn-price-right select {
        padding: 9px 11px;
        width: 100%;
        min-width: 215px;
    }
    .list-unstyled.components {
        margin-top: 50px;
    }
    .nav.navbar-nav {
        text-align: center;
        width: 100%;
    }
    
    
    #productServicesWgsTable_wrapper {
        /*min-width: 1000px;*/
        min-width: 100%;
        padding:5px 10px 10px;
    }
    #content {
        top: 155px !important;
    }
    .domains-head h1 {
        font-size: 21px!important;
        margin: 0 0 8px!important;
        padding: 0 0 0 8px!important;
    }
                                                /*.inputBox {
                                                    height: 60px!important;
                                                    margin: 14px 0 0;
                                                }*/
    .client-cf .inputBox {
        height: 70px!important;
        margin: 15px 0 0;
    }
    .form-colam .col-sm-3 {
        padding: 0px;
    }
    #order-standard_cart {
        padding: 15px;
    }
    #order-standard_cart .field, #order-standard_cart .form-control {
        min-width: 100% !important;
    }
    .server-box .btn-group-vertical > .btn,.server-box .btn-group > .btn {
        position: relative;
        float: none;
    }
    .server-box .btn-group {
        text-align: center;
        width: 100%;
    }
    #productServicesWgsTable{min-width:100%;}
    #productServicesWgsTable th:nth-child(2) {display: block;}
    #productServicesWgsTable th:nth-child(4) {display: none;}
    #productServicesWgsTable th:nth-child(3) {display: none;}
    #productServicesWgsTable td:nth-child(2) {display: block;}
    #productServicesWgsTable td:nth-child(3) {display: none;}
    #productServicesWgsTable td:nth-child(4) {display: none;}
    #productServicesWgsTable .doman-url a {word-break: break-all;font-size: 13px;}
    #productServicesWgsTable .doman-url i {font-size: 15px;display: inherit;}
    table.dataTable {min-width: 658px;}
    .cool-titel {
        font-size: 24px;
        padding: 0px 15px;
    }
    .term-box-funds {
        width: 100%!important;
        float: none;
    }
    .server-box.page .col-md-6:last-child {
        padding-left: 15px!important;
    }
    #adv-search #registersld{
        width: 100% !important;
        min-width:100%!important;
    }
    .input-group-btn.adv button {
        margin-top: 10px;
    }
    .pers-info .form-horizontal {
        padding: 15px 0px;
    }
    .pers-info {
        padding: 26px 15px 30px;
    }
    #content.active {
        width: 100%!important;
        left: 0px!important;
        margin:0 auto!important;
    }
    
    .dropdown.messages-menu.lang .dropdown-toggle {
        margin-left: 0px !important;
    }
    .dropdown.user.user-menu a .fa-user::before {
        position: relative!important;
        top: -4px!important;
    }
    li.dropdown.messages-menu.lang.open ul.dropdown-menu {
        min-width: 290px!important;
        height: 329px!important;
    }
    #adv-search .input-group {
        display: inline-block!important;
    }
    #adv-search .input-group-lg > .form-control {
        border-radius: 6px 6px 6px 6px!important;
    }
    #adv-search .input-group-lg > .input-group-btn > .btn {
        width: 100%!important;
        border-radius: 6px !important;
        margin-top:10px!important;
    }
    #adv-search .input-group-btn {
        display: unset!important;
    }
    /*div#order-standard_cart {
        padding: 15px!important;
    }*/
    .categories-collapsed .pull-right,.categories-collapsed .pull-left {
        width: 100%!important;
    }
    #listDomainTableWgs_wrapper {
        min-width: 1100px!important;
    }
    #tableInvoicesListWgsCustom_wrapper {
        min-width: 100%!important;
        overflow: scroll!important;
        padding: 15px 0px!important;
    }

    .host-nav li {
        width: 100%!important;
        margin-bottom: 15px;
    }
    #order-standard_cart h2 {
        font-size: 27px;
    }
    .footer {
        font-size: 12px;
    }
    .domen-page .domains-head p {
        padding: 0 50px;
        position: relative;
        top: -15px;
        left: 8px;
    }
    .pak-row .tab_content {
        display: block !important;
    }
    .list-unstyled.components {
        margin-top: 4px !important;
    }
    .find-domin {
        min-height: 168px !important;
    }
   
    .mob-pwreset .col-md-6.bg-box {
        min-height: 373px!important;
        /*padding-bottom: 0px!important;*/
    }
    .mob-pwreset .login-form {
        padding: 30px 0 0px!important;
    }
    div#subacct-container {
        padding: 0 10px 30px!important;
    }
    .btn-footer button {
        margin-bottom: 5px;
    }
    .manageMobileLI {
        display: block;
    }
    .activ-right{
        display: none;
    }
    input#registersld, input#transfersld, input#owndomainsld, input#subdomainsld {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    select#incartsld {
        width: 100% !important;
        margin-bottom: 10px!important;
    }
    input#registersld, input#transfersld, input#owndomainsld, input#subdomainsld {
        width: 100% !important;
    }
    .domen-page .page-spase {
        padding: 0px 15px;
    }
    input#registersld, input#transfersld, input#owndomainsld, input#subdomainsld {
        width: 100% !important;
    }

    input#registersld, input#transfersld, input#owndomainsld, input#subdomainsld {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    select#incartsld {
        width: 100% !important;
        margin-bottom: 10px!important;
    }input#registersld, input#transfersld, input#owndomainsld, input#subdomainsld {
        width: 100% !important;
    }
    .domen-page .page-spase {
        padding: 0px 15px!important;
    }
    .domen-page .pers-info {
        padding: 0px 10px 0!important;
        margin-top:15px !important;
    }
    .domen-page .ticket-sec {
        padding-top: 0px!important;
    }
    .domen-page .ticket-cnt-box {
        margin: 28px auto 0px!important;
    }
    .domen-page .domains-head p {
        left: 20px!important;
    }
    .invoice-page .row {
        padding-top: 6px!important;
    }
    .col-md-6.tag-inv {
        text-align: center!important;
    }
    .tag-inv h2 {
        padding: 10px 0px!important;
    }
    .floatRight {
        text-align: center!important;
    }
    .btnFloatRight {
        float: none!important;
        text-align: center!important;
        width: 100%!important;
    }
    .invoice-page > .row {
        margin: 0!important;
        padding: 40px 2px 0!important;
    }
    .footer-page {
        padding: 30px 27px!important;
    }
    .col-md-8 .invoice-panal {
        max-width: 222px!important;
        margin: auto !important;
        display: block;
        left: auto!important;
        right: auto!important;
        float: none !important;
    }
    .invoice-page .col-md-8 ul li {
        margin-top: 15px!important;
    }
    .address-invoice h2 {
        margin: 13px 0 17px!important;
    }
    #order-standard_cart .field, #order-standard_cart .form-control {
        z-index: 1!important;
    }
    .input-group-btn.adv .btn {
        z-index: 1 !important;
        position: relative!important;
    }
    .table-condensed.cf {
        width: 704px !important;
    }
    .invoice-page .row {
        overflow: scroll;
        padding: 11px !important;
    }
    .sab-tot {
        font-size: 17px!important;
    }
    .DomainSearchResults .wgssptl {
        margin: 30px 0px -44px 10px !important;
    }
    .wgscstm {
        padding: 95px 10px 100px !important;
        margin-top: -70px !important;
    }
    #DomainSearchResults .price-usd {
        display: none!important;
    }
    #DomainSearchResults .sale-table .col-md-6 {
        padding: 0px 5px!important;
    }
    .empty-cart button#btnEmptyCart {
        padding: 11px 9px!important;
        margin-right: 0px!important;
    }
    .product-addons {
        margin-bottom: 30px;
        display: unset!important;
    }
    .addonbox-odd ul li.manage, .addonbox-even ul li.manage, .ssl ul li.manage {
        width: 100%;
        float: right;
        padding: 0px;
    }
    .product-addons .col-md-4 {
        margin-top: 21px;
    }
    .regi-domain .tooltip.fade.left.in{opacity:0!important;}


    /*------------------5-9-18-----------------*/
    .form-main .Pers-titel {font-size: 16px;padding: 0;font-weight: 900;color: #000;}
    #tabNameservers .form-colam{margin-bottom:0;    }
    .form-main .form-colam{margin-bottom:0;}
    .addons-tabs.d-block{padding:0;}
    .d-block .tabs {text-align: center;}
    .d-block .tabs.addons li {text-align: center;margin: 0 auto!important;display: inline-block;float: none;width: 70%!IMPORTANT;PADDING: 10PX 0!IMPORTANT; clear:both;}
    .d-block .tabs.addons li a{padding:0px;}
    .d-block .tabs.addons li ul.dropdown-menu {padding: 0 10px;left: 0px;}
    .d-block ul.tabs.addons .dropdown-menu li {box-shadow: none;width: 100%;margin: 0;}
    ul.dropdown-menu.d-menu {margin: -40px auto 0!important;left: 0;right: 0;}
    ul.dropdown-menu.d-menu .header{padding:10px 0;}
    .domen-page .addons-tabs{margin-top: 5px;}
}

@media (min-width: 320px) and (max-width: 980px) {
    #tabAutorenew .renw-auto a{ padding: 7px 20px;}
    .row-wgs-mrgn ul.tabs.servicestab li{width:100% !important;}
    #cPanelPackagePanel a.btn.btn-default.btn-sm {padding: 9px 10px;width: auto;margin: 8px;}
    #cPanelPackagePanel input.btn.btn-info.btn-sm {padding: 9px 10px;width: auto;margin: 0 6px;}
    #sidebar{background-position: -24px 0px;}
    .custom-select.filter-year {float: left!important;clear: inherit!important;margin: 3px 10px;}
    .sting-col {display: flex;}
    .sting-col .cLick-btn {max-width: 200px; display: table; left: 10px; position: relative;}
    .period .pull-right{float: left!important; width: 100%;}
    .focus {
    margin: 20px auto 0;
    width: 94%;
    }  

}

@media screen and (max-width: 1200px){
    .contenido, .table-resposible, .tab-content, .general, .tablaDatos,.orden, .cliente, .pasajeros, .recorrido, .fecha, .costo, .conductor {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      border: 1px solid #ddd;
      
    }
}