@import url(https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;1,300;1,400&display=swap);
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:var(--blue);position:fixed;z-index:999999999999;top:0;right:100%;width:100%;height:3px; border-radius: 150px;}
body, h1, h2, h3, h4, h5, h6, html, p {
	font-family: Mulish, sans-serif;
}
.remove {
     display: none;
 }
.montserrat {
	font-family: 'Montserrat', sans-serif !important;
}
.offmon, .offquick, .offrobo {
    display: none;
}
.montserrat {
    font-family: 'Montserrat', sans-serif;
}
.montserrat .onquick, .montserrat .onrobo {
    pointer-events: none;
    opacity: 0.7;
}
.montserrat .onmon {
    display: none;
}
.montserrat .offmon {
    display: block;
}
.quicksand {
    font-family: 'Quicksand', sans-serif ;
}
.quicksand .onquick {
    display: none !important;
}
.quicksand .onmon, .quicksand .onrobo {
    opacity: 0.7;
    pointer-events: none;
}
.quicksand .offquick {
    display: block;
}
.quicksand h1,
.quicksand h2,
.quicksand h3,
.quicksand h4,
.quicksand h5,
.quicksand p,
.quicksand span,
.quicksand div {
    font-family: 'Quicksand', sans-serif;
}
.roboto {
    font-family: 'Roboto', sans-serif;
}
.roboto .onmon,
.roboto .onquick {
    opacity: 0.7;
    pointer-events: none;
}
.roboto .onrobo {
    display: none;
}
.roboto .offrobo {
    display: block;
}
.roboto h1,
.roboto h2,
.roboto h3,
.robotoh4,
.roboto h5,
.roboto p,
.roboto span,
.roboto div {
    font-family: 'Roboto', sans-serif;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
@media (min-width:576px) {

	.container,
	.container-sm {
		max-width: 540px
	}
}
@media (min-width:768px) {

	.container,
	.container-md,
	.container-sm {
		max-width: 720px
	}
}
@media (min-width:992px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm {
		max-width: 960px
	}
}
@media (min-width:1450px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1400px
	}
}
:root {
  --blue: #5D8FCB;
  --blueh: #4079BC; 
  --bluel: #DDF2FF; 
  --red: #F27272;
  --green: #61C887;
}
.dark {
  display: none;
}
.text-info {
    color: var(--blue) !important;
}
.list-group.list-options a.list-group-item:hover, .list-group.list-options a.list-group-item:focus, a.list-group-item:hover, a.list-group-item:focus {
    background: #fff !important;
    transition: all .09s ease;
}
html {
    scroll-behavior: smooth;
}
html, body, html.bg-light {
    background: #eef1f3 !important;
}
body {
    background: url(../images/body-light.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-attachment: fixed !important;
}
body {
    min-height: 100vh;
    scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #131313;
}
.section .title {
        color: #383838 !important;
}
.section-title .fas, .categories .fas {
    color: var(--blue);
}
.section-title .fas, .section-title .fa {
    display: none;
}
.categories .bg-light {
    padding: 25px !important;
}
.categories p {
    margin-top: 12px;
}
.categories a {
    font-size: 17px !important;
    font-weight: bold;
    margin-bottom: 20px !important;
}
.bg-light .fas {
    display: none;
}
.virtus-nav {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    z-index: 9999999 !important;
    background: rgba(255,255,255,0.3);
    backdrop-filter: blur(25px);
    box-shadow: 0px !important;
    transition: all .2s ease;
}
.virtus-nav .dropdown-toggle::after {
    margin-left: 5px !important;
}
.virtus-nav .dropdown-menu, .footer-nav .dropdown-menu {
    margin-top: 0px;
    border-radius: 2px;
    z-index: 99999 !important;
    border-color: transparent;
    box-shadow: rgba(149, 157, 165, 0.15) 0 8px 24px !important;
}
.virtus-nav .dropdown-menu .fas, .virtus-nav .dropdown-menu .far {
    display: none;
}
.virtus-nav .nav-item .nav-link {
    padding: 13px 16px 13px 16px;
    font-weight: 500;
    font-size: 1.1em;
    color: #383838 !important;
}
.virtus-nav .nav-item .fas {
    font-size: 17px;
    margin-right: 6px;
}
.virtus-nav .nav-link:hover > .fas {
    color: var(--blue);
}
.virtus-nav .navbar-brand {
    margin-right: 5px;
}
.virtus-nav .navbar-brand img {
    margin-top: -3px;
    height: 52px !important;
}
.virtus-nav ul:hover > .nav-item {
  opacity: 0.70;
  transition: all 0.1s ease;
}
.virtus-nav .navbar-nav .nav-item:hover {
  opacity: 1;
}
.virtus-nav ul > .nav-item img {
    max-width: 26px;
    margin-top: -4px;
    margin-right: 7px;
    border-radius: 0px;
}
.virtus-nav .ml-auto .nav-item img {
    max-width: 24px;
    margin-right: 4px;
     margin-top: -3px;
}
.virtus-nav .dropdown-menu .dropdown-item, .footer-nav .dropdown-menu .dropdown-item {
    padding: 19px 24px 19px 24px !important;
}
.virtus-nav .ml-auto .dropdown-menu {
    border-top: 3px solid var(--blue);
}
.virtus-nav .switch-icon {
  width: 25px;
}
.virtus-nav .theme-selectori .nav-link {
  margin-right: 0px;
  border-right: 1px solid rgba(0,0,0,0.09);
  transition: all .2s ease;
}
.virtus-nav .theme-selectori .dropdown-toggle::after {
    display: none;
}
.virtus-nav .theme-selectori .dropdown-menu {
    margin-left: -43px;
}
.virtus-nav .theme-selectori .dropdown-menu .dropdown-item {
  text-align: center;
  cursor: pointer;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.virtus-nav .navbar-center {
    margin-left: 22px;
}
.navbar-fixed {
	position: fixed;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	z-index: 103099;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(25px);
    box-shadow: rgba(149, 157, 165, 0.15) 0 4px 22px !important;
    transition: all .2s ease;
}
.nav-content nav.navbar .navbar-nav > .active > a, nav.navbar .navbar-nav > .active > a:hover, nav.navbar .navbar-nav > .active > a:focus {
    color: black !important;
}
.list-group-item.credits {
    background-image: url(../images/credits-cover.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 25px 15px 25px 15px !important;
    border-radius: 2px !important;
    font-size: 1.2em !important;
}
.list-group-item.credits:hover, .list-group-item.credits:focus {
    background-image: url(../images/credits-cover.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.credits .currency_value {
    font-weight: 600;
}
.title {
    height: auto !important;
    padding-top: 130px;
    font-weight: 500;
    background: transparent;
    margin-bottom: 30px;
}
.title h3 {
    font-weight: 500;
    color: black;
}
.badge-danger {
    background: #f7b4b4;
}
.goadmin {
	position: fixed;
	bottom: 80px;
	right: 2px;
    font-size: 15px !important;
    -webkit-animation: fadein 0.6s; 
       -moz-animation: fadein 0.6s; 
        -ms-animation: fadein 0.6s;
         -o-animation: fadein 0.6s;
            animation: fadein 0.6s;
            z-index: 9999999999 !important;
}
.goadmin .badge-info {
	padding: 18px;
	box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
	text-decoration: none !important;
	line-height: 12px !important;
	border-radius: 4px !important;
	opacity: 0.97;
	transition: all .3s ease;
	background: #292929 !important;
    font-size: 15.5px !important;
    z-index: 9999999999 !important;
}
.goadmin:hover {
	right: 3px;
}
.goadmin .badge-info:hover {
	transition: all .3s ease;
	opacity: 1;
}
.goadmin img {
    margin-bottom: 15px;
}
.goadmin a {
	text-decoration: none !important;
	color: #FAFAFA;
}
a {
    color: var(--blue);
}
a:hover, a:focus {
    color: var(--blueh)
}
p {
    font-size: 1em;
}
img {
    max-width: 99%;
}
input, .form-control, select, textarea {
    padding: 8px 12px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    transition: 0.1s;
    box-shadow: none !important;
    outline: 0 !important;
}
.md-editor>textarea {
    background: transparent;
    padding: 8px 12px;
}
textarea:hover, textarea:focus, .md-editor:hover, .md-editor:focus {
    box-shadow: none !important;
}
.form-control, select, textarea {
    min-height: 50px;
    padding-left: 22px;
}
input:hover, .form-control:hover, .form-control:focus, select:hover, select:focus, textarea:hover, textarea:focus {
    border-color: var(--blueh);
}
input[type=checkbox] {
         position: relative;
	       cursor: pointer;
           margin-right: 15px;
           border-radius: 2px !important;
}
label {
        font-size: 1em !important;
        font-weight: 600 !important;
}
input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 20px;
         height: 20px;
         top: 0;
         left: 0;
         border: 2px solid rgba(0,0,0,0.09);
         background-color: white;
         border-radius: 2px !important;
}
input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 11px;
         border: solid rgba(0,0,0,0.8);
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 3px;
         left: 8px;
}
input label {
    margin-left: 5px;
}
.card, .list-group {
    -webkit-animation: fadein 0.6s; 
       -moz-animation: fadein 0.6s; 
        -ms-animation: fadein 0.6s;
         -o-animation: fadein 0.6s;
            animation: fadein 0.6s;
            border-radius: 5px !important;
            border: 1px solid rgba(0,0,0,0.04) !important;
            box-shadow: rgba(149, 157, 165, 0.15) 0 4px 22px !important;
            cursor: default;
            border-radius: 7px !important;
}
#my-info .list-group {
    box-shadow: none !important;
    border-color: transparent !important;
}
#my-info .card-blesta>.list-group .list-group-item {
    border-color: transparent !important;
}
#my-info .list-group-item.credits {
    box-shadow: none !important;
    border-color: transparent !important;
}
.list-group-item {
    border: none !important;
    border-radius: 2px;
    background: rgba(255,255,255,0.3);
    border: none !important;
    backdrop-filter: blur(25px);
    transition: all .09s ease;
    padding: 17px 20px 17px 20px !important;
}
.list-group-item:hover {
    background: #fff !important;
    transition: all .09s ease;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background: #fff !important;
    border: none !important;
    transition: all .09s ease;
}
.card-header {
    font-size: 1.18em;
    border-top-right-radius: 7px !important;
    border-top-left-radius: 7px !important;
}
.card-header {
    padding: 15px 23px 15px 23px !important;
}
.card-footer, .card-body {
    padding: 20px 21px 20px 21px !important;
}
.card-footer {
    background: #efefef;
}
.card-body {
    border-top: 1px solid rgba(0,0,0,0.07) !important;
}
.card-blesta > .card-header {
    background: #fff;
    border-color: transparent;
    border-bottom: none;
    color: black;
    line-height: 34px;
}
.cards {
    margin-bottom: 25px;
}
.cards .card {
    background: #fff !important;
    cursor: pointer !important;
    padding: 25px 17px 25px 17px !important;
    transition: all .1s ease-in-out;
    border-bottom: 5px solid var(--blue) !important;
    border-radius: 6px !important;
}
.cards .col {
    padding-left: 10px;
    padding-right: 10px;
}
.cards a {
    background: #fff;
}
.cards .col:first-of-type {
    min-width: 40% !important;
}
.cards .card:hover, .cards .card:focus {
    transform: scale(1.05);
    transition: all .1s ease-in-out;
}
.cards .card .card-content .card-label {
    color: black !important;
    opacity: 0.8;
}
.cards .card .card-content .card-value {
    font-weight: 450;
    font-size: 42px;
}
.cards #client_cards_get_services_count .card-content .card-value {
    font-weight: 600;
}
.card .nav-tabs .nav-item a {
    padding: 14px 17px 14px 17px;
    opacity: 0.9;
}
.card .nav-tabs .nav-item .nav-link.active {
    opacity: 1;
}
#my-info .card-blesta {
    font-weight: 500 !important;
    border-radius: 12px !important;
}
.card-myinfo {
    background: var(--blue);
    background: -moz-linear-gradient(176deg, var(--blueh) 0%, var(--blue) 100%);
    background: -webkit-linear-gradient(176deg, var(--blueh) 0%, var(--blue) 100%);
    background: linear-gradient(176deg, var(--blueh)0%, var(--blue) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5D8FCB",endColorstr="#4079BC",GradientType=1);
    color: #F8F8F8;
    border-radius: 2px !important;
    border-color: transparent !important;
}
.card-myinfo img {
    margin-bottom: 14px;
    border-radius: 150px;
    border: 3px solid rgba(255,255,255,0.15) !important;
    max-width: 62px;
    background: rgba(255,255,255,0.9);
    padding: 7px;
}
.card-myinfo .card-body {
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0 6px 25px !important;
    border-top-color: transparent !important;
    color: #F8F8F8;
    padding: 32px 22px 32px 22px;
}
.card-myinfo .card-body strong {
    font-size: 17px;
}
.card-myinfo .card-footer, .card-myinfo .card-header {
    background: rgba(255,255,255,0.1);
    color: #fff;
    border: none;
    display: none;
}
.card-myinfo a {
   color: #fff;
   font-weight: 700;
}
.card-myinfo hr {
    border-color: rgba(255,255,255,0.1);
}
.card-mycontacts {
    background: transparent;
    border-color: transparent !important;
    box-shadow: none !important;
}
.card-mycontacts .list-group-item {
    border-radius: 0px;
    background: none;
}
.card-mycontacts .card-header {
    background: transparent;
    border: none !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
.card-mycontacts .btn {
    background: rgba(255,255,255,0.7) !important;
    padding: 11px 21px 11px 21px !important;
}
.card-mycontacts .btn:hover, .card-mycontacts .btn:focus {
    background: rgba(255,255,255,0.9) !important;
}
#client_invoices {
    border-top: 4px solid var(--red) !important;
}
#client_services, #client_transactions, #client_quotations, #client_domains, #client_tickets, #client_services_manage, #client_ticket_reply, #open-ticket {
    border-top: 4px solid var(--blue) !important;
}
#client_pay, #client_method, #add-payment-account {
    border-top: 4px solid var(--green) !important;
}
.mypreferences {
    background: #efefef !important;
    border-radius: 50px !important;
    font-size: 14.9px !important;
    margin-top: 9px;
    margin-right: 10px;
    padding: 8px 15px 8px 15px !important;
}
.fade {
    z-index: 99999999 !important;
}
.mypreferences .fa {
    margin-right: 3px;
}
.modal {
    border-radius: 2px;
    z-index: 999999999999 !important;
    cursor: default !important;
}
.modal .btn {
    padding: 9px 19px 9px 19px;
}
.modal .badge {
    background: rgba(0,0,0,0.08);
    padding: 7px 12px 7px 12px;
}
.modal.show .modal-dialog {
    min-width: 32%;
}
.modal .modal-content {
    border: none !important;
    border-radius: 2px !important;
}
.modal-header, .modal-footer, .modal-body {
    padding: 28px 33px 28px 33px;
}
.modal .modal-header {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.modal-preferences {
    margin-top: 130px !important;
}
.ml-auto .mypreferences.nav-link {
    padding: 0px !important;
    padding: 8px 16px 8px 16px !important;
}
.card-links>li, .panel-links>li {
    font-size: 14px;
}
.lnight {
   position: absolute;
   right: 0px;
   top: 0px;
   padding-right: 15px;
   padding-top: 15px;
    padding-left: 35px;
    padding-bottom: 35px;
    transition: all .1s ease-in-out;
}
.lnight:hover {
    opacity: 0.9;
    transition: all .1s ease-in-out;
}
.lnight {
    background: var(--blueh) !important;
    background: -moz-linear-gradient(150deg, var(--blueh) 1%, var(--blue) 100%) !important;
    background: -webkit-linear-gradient( 150deg, var(--blueh) 1%, var(--blue) 100% ) !important;
    background: linear-gradient(150deg, var(--blueh) 1%, var(--blue) 100%) !important;
    color: #fff;
    border-color: #3b95cb !important;
    border-bottom-left-radius: 150px;
}
.lnight img {
    max-width: 36px;
}
.header {
    display: none;
}
.row.login {
    padding-top: 7%;
}
.loginarea {
    position: relative;
}
.loginarea .limg {
    top: -78px;
    width: 44px;
    right: 18px;
    position: absolute;
    opacity: 0.2;
}
.loginarea .logo {
    display: block;
    margin: 0px;
    margin-bottom: 20px;
}
.loginarea .logo img {
    min-width: 190px !important;
    height: 70px !important;
}
.loginarea .panel {
    border-radius: 5px !important;
    padding: 20px 29px 20px 29px !important;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(25px);
    border: 1px solid rgba(0,0,0,0.04) !important;
    padding-top: 18px !important;
    padding-bottom: 22px !important;
    box-shadow: rgba(149, 157, 165, 0.3) 0 7px 27px !important;
    border-top: 4px solid var(--blue) !important;
    cursor: default;
    -webkit-animation: fadein 0.4s; 
       -moz-animation: fadein 0.4s; 
        -ms-animation: fadein 0.4s;
         -o-animation: fadein 0.4s;
            animation: fadein 0.4s;
}
.loginarea .logo img.blesta {
    height: auto !important;
    width: 666px !important;
}
.loginarea .panel h4 {
    text-align: center;
    border-bottom: none;
    padding-bottom: 4px;
    font-size: 2.2em;
}
.loginarea .panel h4 img {
    margin-top: -6px;
    opacity: 0.95;
    width: 28px;
}
.loginarea .panel p {
    text-align: center;
    margin-bottom: 14px !important;
}
.loginarea .panel hr {
    border-color: #F5F5F5;
}
.loginarea .form-control {
    height: 55px;
    border-radius: 2px;
    padding-left: 17px;
    padding-right: 17px;
}
.loginarea .panel-footer {
    padding-top: 5px;
    margin-top: 8px;
    border-color: rgba(0,0,0,0.08);
    background: #fff;
}
.loginarea .panel-footer a {
    background: #797979;
    cursor: pointer;
    margin-top: -8px;
    text-decoration: none;
    padding: 6px 11px 6px 11px;
    color: #fff;
    transition: all .1s ease-in-out;
    border-radius: 50px;
}
.loginarea .panel-footer a:last-of-type {
    padding-bottom: 4px;
}
.loginarea .panel-footer img {
    margin-top: -3px;
    margin-right: 3px;
}
.loginarea .panel-footer a:hover, .loginarea .panel-footer a:focus {
    opacity: 0.9;
    transition: all .1s ease-in-out;
}
.loginarea .panel .btn {
    padding: 15px 25px 15px 25px !important;
    text-transform: uppercase;
}
.loginarea input[type=checkbox] {
    margin-top: 10px;
    margin-bottom: 16px;
}
.loginarea .btn .fas {
    display: none;
}
.loginarea .panel .alert {
    margin-bottom: 15px !important;
}
.preloader .pace {
	display: none;
}
.alert {
    border-radius: 2px;
    -webkit-animation: fadein 0.6s; 
       -moz-animation: fadein 0.6s; 
        -ms-animation: fadein 0.6s;
         -o-animation: fadein 0.6s;
            animation: fadein 0.6s;
            padding-top: 20px !important;
            padding-bottom: 20px !important;
            font-size: 1em !important;
            cursor: default;
            line-height: 27px;
}
.alert strong {
    font-size: 1.1em !important;
    line-height: 38px;
    font-size: 24px !important;
}
.card .alert-info {
           padding-top: 18px !important;
            padding-bottom: 18px !important;
            background: var(--bluel) !important;
            color: black;
            border-color: transparent;
}
.loginarea .alert {
    position: fixed;
    top: 0;
    width: 100% !important;
    border-radius: 0px !important;
    left: 0;
    font-size: 16px !important;
    text-align: center;
    padding-bottom: 22px;
    padding-top: 22px;
    font-weight: 600;
    -webkit-animation: fadein 0.6s; 
       -moz-animation: fadein 0.6s; 
        -ms-animation: fadein 0.6s;
         -o-animation: fadein 0.6s;
            animation: fadein 0.6s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.alert button.close {
    margin-top: -8px;
    font-size: 33px;
}
.alert-success {
    background: #b2f1b8;
  border-color: #b2f1b8;
}
.alert-info {
    background: var(--blueh) !important;
    background: -moz-linear-gradient(150deg, var(--blueh) 1%, var(--blue) 100%) !important;
    background: -webkit-linear-gradient( 150deg, var(--blueh) 1%, var(--blue) 100% ) !important;
    background: linear-gradient(150deg, var(--blueh) 1%, var(--blue) 100%) !important;
    color: #fff;
}
.alert-warning {
    border: none;
    border-left: 6px solid #FFE493;
    background: #FFF9E6;
}
.alert-danger {
    background: #f7b4b4;
    border: 1px solid #f7b4b4;
}
.alert-static {
    display: block !important;
    position: static !important;
    padding: 8px 15px 8px 15px !important;
    font-weight: 400 !important;
}
.pagination .page-item.active .page-link, div.pagination ul.pagination li.active .page-link, div.pagination ul.pagination li.active a {
    background-color: var(--blueh) !important;
    border-color: var(--blueh) !important;
}
.table-curved thead th {
    padding: 17px 10px 17px 15px !important;
    font-size: 1.02em !important;
}
.table-curved tbody td {
    padding: 12px 10px 12px 15px !important;
}
.table>thead>tr>th>a, .table>thead>tr>th>a:focus, .table>thead>tr>th>a:hover {
    text-decoration: none;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background: var(--bluel) !important;
}
tr.expand td:last-of-type::after {
    margin-right: 0px !important;
}
.btn {
    transition: all .1s ease-in-out;
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 55px !important;
}
.btn:hover, .btn-focus {
    transition: all .1s ease-in-out;
}
.btn-warning {
    background: rgb(255,171,0);
    background: -moz-linear-gradient(309deg, rgba(255,171,0,1) 0%, rgba(255,185,42,1) 100%);
    background: -webkit-linear-gradient(309deg, rgba(255,171,0,1) 0%, rgba(255,185,42,1) 100%);
    background: linear-gradient(309deg, rgba(255,171,0,1) 0%, rgba(255,185,42,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffab00",endColorstr="#ffb92a",GradientType=1);
}
.btn-warning:hover, .btn-warning:focus {
    border-color: rgb(255,171,0) !important;
}
.alert .btn {
    padding: 10px 20px 10px 20px;
}
.btn-primary, .btn-success {
    background: var(--blueh) !important;
    background: -moz-linear-gradient(150deg, var(--blueh) 1%, #3b95cb 100%) !important;
    background: -webkit-linear-gradient( 150deg, var(--blueh) 1%, #3b95cb 100% ) !important;
    background: linear-gradient(150deg, var(--blueh) 1%, #3b95cb 100%) !important;
    color: #fff;
    border-color: #3b95cb !important;
    transition: 0.1s;
    box-shadow: none;
    outline: 0;
}
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus {
    background: var(--blue) !important;
    background: -moz-linear-gradient(150deg, var(--blue) 1%, #3b95cb 100%) !important;
    background: -webkit-linear-gradient( 150deg, var(--blue) 1%, #3b95cb 100% ) !important;
    background: linear-gradient(150deg, var(--blue) 1%, #3b95cb 100%) !important;
    color: #fff;
    border-color: var(--blueh) !important;
    transition: 0.1s;
}
#client_cards_get_services_count {
    min-width: 50%;
    background-image: url(../images/services-card.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-color: transparent !important;
}
#client_cards_get_invoices_count {
    background-image: url(../images/invoice-card.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-color: transparent !important;
}
#domains_get_domain_count {
    background-image: url(../images/domains-card.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
#support_manager_get_open_tickets_count {
    background-image: url(../images/tickets-card.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
#order_get_orders_count {
    background-image: url(../images/orders-card.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
#client_cards_get_invoices_count .card-content .card-value {
    color: var(--red);   
}
#client_cards_get_invoices_count {
    background-color: rgba(255,249,249,1) !important;
    border-bottom-color: var(--red) !important;
}
#domains_get_domain_count:hover, #support_manager_get_open_tickets_count:hover, #order_get_orders_count:hover, #client_cards_get_services_count:hover,
#client_cards_get_invoices_count:hover {
    background-color: rgba(255,255,255,0.5) !important;
}
.mybalance .list-group, .mybalance .list-group-item.credits {
    background: transparent !important;
    padding: 0px !important;
    margin: 0px !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.mybalance .list-group-item.credits {
    margin-top: 9px !important;
    font-size: 15px !important;
    margin-right: 14px !important;
    background: #efefef !important;
    padding: 7px 10px 7px 10px !important;
    border-radius: 50px !important;
}
.card-myinfo .mybalance2 .list-group-item.credits {
    margin-top: 5px !important;
    font-size: 15px !important;
    margin-right: 14px !important;
    background: #efefef !important;
    padding: 9px 10px 9px 10px !important;
    border-radius: 50px !important;
}
/**
.card-header, .card, .card-footer {
    border-radius: 20px !important;
}
.cards .card {
    border-radius: 15px !important;
}
.btn {
    border-radius: 15px !important;
}
**/
.list-group .list-group-item {
    background: rgba(255,255,255,0.75);
    backdrop-filter: blur(25px);
    transition: all .1s ease;
}
.list-group .list-group-item:hover {
    padding-left: 24px !important;
    transition: all .1s ease;
}
.modal-content .sheader {
	opacity: 0.8;
	text-align: center;
}
.modal-content .feas {
    text-align: center;
}
.modal-content .feas img {
	transition: all .1s ease;
    border-radius: 50px;
    cursor: pointer;
    max-width: 76%;
}
.modal-content .feas img:hover {
	opacity: 0.85;
	transition: all .1s ease;
}
.addboxy .btn, .addboxy #my-info .card-blesta, .addboxy .loginarea .panel-footer a {
    border-radius: 2px !important;
}
.addboxy .card-header, .addboxy .card, .addboxy .list-group {
    border-radius: 3px !important;
}
.addboxy .form-control, .addboxy textarea, .addboxy input, .addboxy select   {
    border-radius: 4px !important;
}
.modal-preferences .modal-body p {
    font-size: 16px;
}
.footery {
    cursor: default;
    margin-top: 40px;
    background: rgba(255,255,255,0.3);
    border-top: 1px solid rgba(0,0,0,0.08);
    border-bottom: 1px solid rgba(0,0,0,0.08);
    padding-top: 65px;
    padding-bottom: 35px;
    position: relative;
    backdrop-filter: blur(25px);
}
.btn-top {
    position: absolute;
    top: -23px;
    border: none;
    background: rgba(255,255,255,0.8);
    padding: 11px 22px 11px 22px;
    left: 46%;
    border-radius: 150px !important;
}
.section-title h3 {
    font-size: 33px;
}
.section-title p {
    font-size: 17px;
    margin-bottom: 30px;
}
.package ul {
    text-align: left;
    padding: 20px 40px 10px 40px !important;
}
.package h4 {
    font-size: 19px;
    font-weight: 600;
}
.package ul li {
    line-height: 28px !important;
}
.navbar-light .navbar-toggler {
    border-radius: 150px;
}
.package {
    transition: all .2s ease;
}
.package.selected {
    transform: scale(1.07);
    transition: all .2s ease;
}
.package.card {
    background: #fff;
}
.package .price-box {
    background: transparent !important;
    border-bottom: 1px solid rgba(0,0,0,0.07)
}
.price-box .instructions {
    display: none;
}
.article {
    margin-top: 20px;
    font-size: 16px;
    line-height: 29px;
}
.card-order {
    font-size: 15px !important;
}
.footery .col-12 img {
    max-width: 70%;
    margin-bottom: 10px;
    margin-top: 15px;
    min-width: 68% !important;
    height: auto !important;
}
.footery h5 {
    margin-bottom: 15px;
    font-size: 23px;
}
.footery ul li a {
    font-size: 15px;
    text-decoration: none;
    line-height: 33px;
    font-size: 16px;
    transition: all .2s ease;
    font-weight: 500;
}
.footery ul li a:hover, .footery ul li a:focus {
    padding-left: 3px;
    transition: all .2s ease;
    color: var(--blueh) !important;
}
.footer-nav .nav-item .nav-link {
   padding: 16px 11px 16px 11px;
}
.footer-nav ul li a {
    margin: 6px 0px 6px 0px !important;
}
.footery .nav-content nav.navbar .navbar-nav > .active > a, .footery  nav.navbar .navbar-nav > .active > a:hover, .footery  nav.navbar .navbar-nav > .active > a:focus,
.footery nav.navbar .navbar-nav > .active > a:focus {
   color: black !important;
}
.footer-nav .nav-link::before {
  content: "";
  padding-left: 15px;
  opacity: 0.9;
}
.footer-nav .dropup .dropdown-toggle::after {
    display: none;
}
.package-groups  {
   background: transparent !important;
   border-color: transparent !important;
   box-shadow: none !important;
}
#summary-details, #order-summary {
    position: static !important;
}
.row .ticket-reply div.top-bar.staff-reply {
    background: var(--blue) !important;
    color: #fff;
}
.ticket-reply .top-bar {
    border-radius: 2px !important;
    padding: 11px 20px 11px 20px !important;
}
.table-striped-alt tbody tr:hover, .table-striped-alt .tbody tr:focus {
    background: var(---blue) !important;
}
#package-config .radio {
    background: #fff;
    border-radius: 5px;
    margin-top: 10px;
    padding: 11px 20px 11px 20px;
}
.row .ticket-reply div.response {
    padding: 20px 25px 8px 25px;
}
.mrheading .container{
    background: #fff;
    padding: 25px 45px 35px 45px;
    border-radius: 6px;
}
.mrheading h1 {
    margin-top: 39px;
    margin-bottom: 25px;
    font-weight: 400;
    font-size: 45px;
    line-height: 49px;
}
.mrheading h1 b {
    color: var(--blueh);
}
.mrheading .cbuttons .btn {
    font-size: 15.5px;
    text-transform: uppercase;
    padding: 14px 33px 14px 33px;
}
.mrheading .col-md-6 img {
   max-width: 78%;
   display: block;
   margin: auto;
}
.title .container-md {
    display: none;
}
.top-focus-box {
    background: transparent !important;
}
.card-content .tab-pane h4 {
    margin-top: 15px;
    margin-bottom: 20px;
}
#create-account {
    padding: 10px 25px 20px 25px !important;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    box-shadow: rgba(149, 157, 165, 0.15) 0 4px 22px !important;
}
#sticker {
    position: static !important;
}
@media screen and (max-width: 767px) {
    .title {
        padding-top: 100px;
        margin-bottom: 20px;
    }
    .theme-selectori{
        display: none;
    }
    .navbar-nav {
        margin-left: 0px !important;
    }
    .modal {
		z-index: 99999999999999999999999999999;
		position: fixed;
	}
    .modal-preferences {
        margin-top: 55px !important;
    }
    .modal-content {
		top: 10px;
		min-width: 100%;
	}
	.modal-content p {
		margin-bottom: 15px;
	}
	.modal-content .btn {
		margin-bottom: 10px;
	}
    .virtus-nav {
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .virtus-nav .nav-item .nav-link.mypreferences {
        text-align: center;
    }
	.modal-content .col-md-4 {
		width: 49.9%;
	}
    .cards .col:first-of-type {
       min-width: 100% !important;
    }
    .cards .col {
        min-width: 50%;
    }
    .row.login {
        padding-top: 10%;
    }
    .loginarea .panel-footer a {
        display: block;
        margin-top: 5px;
    }
    .lnight img {
        max-width: 20px;
    }
    .lnight {
        padding: 10px 10px 20px 20px;
    }
    .loginarea .panel-footer a:last-of-type {
        padding-bottom: 6px;
    }
    .goadmin {
		display: none !important;
	}
    .btn-top {
        left: 36%;
    }
    .footery {
        padding-top: 35px;
        padding-bottom: 30px;
    }
    .footery small {
        line-height: 60px;
    }
    .package.selected {
        transform: scale(1.01) !important;
    }
    .mrheading .container {
        padding: 15px 30px 25px 30px;
    }
    .mrheading .cbuttons .btn {
        margin-bottom: 35px;
    }
    .mrheading .col-md-6 img {
        max-width: 89% !important;
    }
    .mrheading h1 {
        margin-top: 11px !important;
    }
    nav.navbar .navbar-nav .show .dropdown-menu > a:hover, nav.navbar .navbar-nav .show .dropdown-menu > a:focus, nav.navbar .navbar-nav .show .dropdown-menu > a {
        color: #292929 !important;
    }
}