:root {
  --black: #000000;
  --white: #ffffff;
  --blue: #349db7;
  --btn_orange: #ef8c4d;
  --btn_blue: #304f5c;
  --btn_green: #dfeded;
  --main_bg_color: #f4f4f4;
  --border_gray: #c4c4c4;
  --green: #28a745;
  --warn: #ff4d4d;

  --primesweb: #4F76F6;
  --pink: #ED58E3;
  --yellow: #F4C70C;
  --jade: #00AD77;
}
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
input[type="file"] {
  width: 100%;
  height: 50px;
  position: relative;
  color: var(--btn_blue);
}
input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}
input[type="file"]::before {
  content: '';
  position: absolute;
  display: inline-block;
  border-radius: 5px;
  border: none;
  padding: 25px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  background-image: url("/images/svg/upload_image.svg");
  background-size: 65%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  color: var(--white);
  background-color: var(--blue);
}
input[type="file"]:active::before {
  background-color: var(--btn_blue);
}
body {
	line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
	color: #333;
}
ol, ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.trumbowyg-editor table td {
    border: 1px dotted black;
    min-width: 10px;
}

button,input,textarea:focus {
	outline: none;
}

a {
	text-decoration: none;
}

p.btn {
  display: inline-block;
  margin: 0;
  padding: 0;
}

p.btn > a {
  display: block;
  margin: 0;
  padding: 10px 15px;
  color: #fff;
}

.btn_black {
  background-color: var(--btn_black);
}

.btn_blue {
  background-color: var(--btn_blue);
  transition-duration: .4s;
}

.btn_blue:hover {
  background-color: var(--blue);
  transition-duration: .4s;
}

a.go_to_page {
  color: #111;
  padding: 10px;
}

.hidden {
	display: none;
}

.purple, .theme {
	background-color: var(--btn_blue);
}

.red {
	background-color: #b30505;
}

.green {
	background-color: #2ca30f;
}

button.btn {
	padding: 8px 15px;
  border-radius: 5px;
	border: none;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

h1 {
	font-weight: 600;
	color: #AAA;
	margin-bottom: 20px;
}

header {
	background-color: var(--primesweb);
  width: 300px;
  height: 100%;
  position: fixed;
	top: 0;
	left: 0;
	overflow-y: auto;
  z-index: 1000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

header div.logo {
	width: 300px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	position: fixed;
	z-index: 1001;
	background-color: var(--primesweb);
}

header div.logo img {
  display: block;
  width: auto;
	height: 40px;
  margin: 20px auto;
}

header nav {
  margin: 0;
  width: 100%;
	padding-top: 77px;
	color: var(--white);
}

header nav dl {
	padding: 25px 0;
}

header nav dl dt {
  color: var(--main_bg_color);
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 600;
  text-shadow:0 1px 1px rgb(0 0 0 / 65%)
}

header nav dl dt:not(:first-of-type) {
	margin-top: 25px;
}

header nav dl dd {
	position: relative;
}

header nav dl dd.home_page {
  margin-bottom: 25px;
}

header nav dl dd.icon::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	left: 25px;
	top: 15px;
	position: absolute;
}

header nav dl dd.home_page::before {
  content: "\e3af";
}

header nav dl dd.icon:hover::before {
	color: #fff;
}

header nav dl dd.articles::before, header nav dl dd.news::before {
  content: "\f1ea";
}

header nav dl dd.cta::before {
  content: "\f25a";
}

header nav dl dd.urgent_notice_button::before {
  content: "\f25a";
}

header nav dl dd.dashboard::before {
  content: "\f3fd";
}

header nav dl dd.domains::before {
  content: "\f0e8";
}

header nav dl dd.edc::before {
  content: "\f5ce";
}

header nav dl dd.files::before {
  content: "\f1c1";
}

header nav dl dd.food_places::before {
  content: "\f2e7";
}

header nav dl dd.footer_contact::before {
  content: "\f095";
}

header nav dl dd.footer_menu::before {
  content: "\f0c9";
}

header nav dl dd.gallery::before, header nav dl dd.hotel_gallery::before  {
  content: "\f87c";
}

header nav dl dd.header_contact::before {
  content: "\f095";
}

header nav dl dd.header_menu::before {
  content: "\f0c9";
}

header nav dl dd.hsc::before, header nav dl dd.bsc::before {
  content: "\f121";
}

header nav dl dd.langs::before {
  content: "\f0ac";
}

header nav dl dd.logo::before {
  content: "\f0a3";
}

header nav dl dd.header_links::before {
  content: "\f0c1";
}

header nav dl dd.media::before{
  content: "\f06e";
}

header nav dl dd.page::before {
  content: "\f0c5";
}

header nav dl dd.page_guides::before {
  content: "\f02d";
}

header nav dl dd.rca::before {
  content: "\f468";
}

header nav dl dd.rfe::before {
  content: "\f487";
}

header nav dl dd.rooms::before, header nav dl dd.hotel_rooms::before {
  content: "\f236";
}

header nav dl dd.settings::before {
  content: "\f085";
}

header nav dl dd.slider_banner::before {
  content: "\f302";
}

header nav dl dd.smm::before {
  content: "\f164";
}

header nav dl dd.hotel_actions::before {
	content: "\f02c";
}
header nav dl dd.hotel_target_region::before {
  content: "\f57d";
}

header nav dl dd.hotel_tours_transfers::before {
  content: "\f55e";
}

header nav dl dd.hotel_stop_sale::before {
	content: "\f05e";
}

header nav dl dd.hotel_pricing::before {
	content: "\f4c0";
}

header nav dl dd.hotel_reservations::before {
	content: "\f59d";
}

header nav dl dd.htaccess::before {
	content: "\f14b";
}

header nav dl dd.robots::before {
	content: "\f544";
}

header nav dl dd.integrations::before {
	content: "\f3fa";
}

header nav dl dd.themes::before {
  content: "\f521";
}

header nav dl dd.users::before {
  content: "\f0c0";
}

header nav dl dd.team::before {
  content: "\f0c0";
}

header nav dl dd.video_gallery::before {
  content: "\f144";
}

header nav dl dd.icons::before {
  content: "\f86d";
}

header nav dl dd.favicon::before {
  content: "\f863";
}

header nav dl dd.market::before {
  content: "\f07a";
}

header nav dl dd.payment_links::before {
  content: "\f53d";
}

header nav dl dd.other_contacts::before {
  content: "\f2b9";
}

header nav dl dd.expanded_form_settings::before {
  content: "\f126";
}

header nav dl dd.faq::before {
	content: "\f10e";
}

header nav dl dd.global_faq::before {
	content: "\f10e";
}

header nav dl dd.blog_group_a::before {
	content: "\f1ea";
}

header nav dl dd.blog_group_b::before {
	content: "\f1ea";
}

header nav dl dd.fixed_nav::before {
	content: "\f141";
}

header nav dl dd.footer_link_tree::before {
	content: "\f6ff";
}

header nav dl dd.blog_banners::before {
	content: "\f5ba";
}

header nav dl dd.comments_confirmation::before {
	content: "\f4ad";
}

header nav dl dd.gallery_categories::before {
	content: "\f1de";
}

header nav dl dd.leads::before {
	content: "\f2c2";
}

header nav dl dd.hotel_information::before {
	content: "\f594";
}

header nav dl dd.translates::before {
	content: "\f1ab";
}

header nav dl dd.website_performance_test::before {
	content: "\f0e7";
}

header nav dl dd.custom_css::before {
	content: "\f1c9";
}

header nav dl dd.custom_js::before {
	content: "\f1c9";
}

header nav dl dd.packages::before {
	content: "\f1b3";
}

header nav dl dd.package_features::before {
	content: "\f0ae";
}

header nav dl dd.package_upgrades::before {
	content: "\e4c7";
}

header nav dl dd.theme_categories::before {
	content: "\f46d";
}

header nav dl dd.evaluations::before {
	content: "\f164";
}

header nav dl dd.questions::before {
	content: "\e4e3";
}

header nav dl dd.notifications::before {
  content: "\f0f3";
}

header nav dl dd.payments::before {
  content: "\f788";
}

header nav dl dd.campaigns::before {
  content: "\25";
}

header nav dl dd.sitemap::before {
	content: "\f0e8";
}

header nav dl dd.testimonials_confirm::before {
	content: "\f4ad";
}

header nav dl dd.user_domains::before {
	content: "\f802";
}

header nav dl dd.product_list::before {
	content: "\f00b";
}

header nav dl dd > a {
	cursor: pointer;
	display: block;
	padding: 15px 20px 15px 50px;
	font-size: 14px;
	color: inherit;
}

header nav dl dd.active > a, header nav dl dd > a:hover {
	background-color: var(--jade);
}

section.top {
  background-color: var(--white);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 300px;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 999;
}
section.top ul {
	text-align: right;
	padding: 20px 30px 20px 25px;
}
section.top ul > li {
  display: inline-block;
	position: relative;
  vertical-align: middle;
}
section.top ul > li > p.go_to_website {
  border-radius: 5px;
  background-color: var(--warn);
}
section.top ul > li > p.go_to_website > a {
  display: block;
  padding: 12px 15px;
  color: #fff;
}

section.top ul > li > p.select_domain {
  position: relative;
  padding: 12px 30px 12px 15px;
  border-radius: 5px;
  cursor: pointer;
  color: var(--white);
  background-color: var(--black);
  transition-duration: 0.5s;
}

section.top ul > li > p.select_domain:hover {
  background-color: var(--jade);
  transition-duration: 0.5s;
}

section.top ul > li > p.select_domain > i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

section.top ul > li#dropdown {
  width: 70px;
}

section.top ul > li#dropdown > span {
  display: block;
  text-align: left;
  position: relative;
  cursor: pointer;
}

section.top ul > li#dropdown > span > img + i {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

ol.langs, ol.website {
  display: none;
  width: 135px;
  position: fixed;
  z-index: 1000;
  top: 73px;
  border-radius: 5px;
  background-color: var(--black);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 1);
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 1);
  transition-duration: 0.5s;
}

ol.website {
  width: auto !important;
}

ol.langs li, ol.website li {
  display: block;
  text-align: center;
}

ol.langs li + li, ol.website li + li {
  border-top: 1px solid #7b7b7b;
}

ol.langs li a, ol.website li a {
  display: block;
  padding: 8px 20px;
  font-size: 12px;
  font-weight: 300;
  color: var(--white);
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition-duration: 0.5s;
}

ol.website li a {
  padding: 12px 20px !important;
}

ol.langs li a:hover, ol.website li a:hover {
  background-color: var(--primesweb);
  transition-duration: 0.5s;
}

ol.langs li:first-of-type a:hover, ol.website li:first-of-type a:hover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

ol.langs li:last-of-type a:hover, ol.website li:last-of-type a:hover {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

ol.langs li a > img {
  width: 25px;
  height: auto;
  margin-right: 10px;
  vertical-align: middle;
}

ol.website li a > i {
  width: 20px;
  height: auto;
  display: inline-block;
  margin-right: 10px;
  font-size: 17px;
  vertical-align: middle;
  text-align: center;
}

section.top ul > li.notifications {
  padding: 10px 13px !important;
  border-radius: 5px;
  cursor: pointer;
  background-color: var(--main_bg_color);
  transition-duration: 0.5s;
}

section.top ul > li.notifications:hover {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(79, 118, 246, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(79, 118, 246, 1);
  box-shadow: 0px 0px 3px 0px rgba(79, 118, 246, 1);
  transition-duration: 0.5s;
}

section.top ul > li.notifications > span.count {
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 2px;
  border-radius: 50%;
  text-align: center;
  color: var(--white);
  background-color: var(--warn);
  position: absolute;
  top: -6px;
  font-size: 15px;
}

section.top ul > li.notifications div.notification_detail {
  display: none;
  width: 330px;
  height: 550px;
  max-height: 550px;
  overflow-y: scroll;
  padding: 25px;
  border-radius: 5px;
  background-color: var(--btn_green);
  z-index: 15;
  position: absolute;
  top: 55px;
  right: 0;
  text-align: left;
  box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
section.top ul > li.notifications div.notification_detail > i {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
}

section.top ul > li.notifications div.notification_detail > i.close_detail {
  color: var(--black);
}

section.top ul > li.notifications div.notification_detail > i + * {
  margin-top: 20px;
}

section.top ul > li.notifications div.notification_detail > i + h3 {
  margin: 0 0 15px 0;
}

section.top ul > li.notifications div.notification_detail > p {
  line-height: 1.5em;
}

section.top ul > li.notifications div.notification_detail > p > a {
  color: var(--blue);
  text-decoration: underline;
}

section.top ul > li.notifications i {
  font-size: 20px;
  color: var(--primesweb);
}

section.top ul > li label {

}

section.top ul > li select {
	background: transparent;
  border: 0;
  outline: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 14px;
  font-family: inherit;
  color: #333;
	cursor: pointer;
}
section.top ul > li > a {
  padding: 0;
}
section.top ul > li a > p {
  display: inline-block;
}
section.top ul > li p#lang_menu {
  padding: 7px 10px;
  border-radius: 5px;
  cursor: pointer;
  background-color: var(--main_bg_color);
  transition-duration: 0.5s;
}
section.top ul > li p#lang_menu:hover {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(79, 118, 246, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(79, 118, 246, 1);
  box-shadow: 0px 0px 3px 0px rgba(79, 118, 246, 1);
  transition-duration: 0.5s;
}
section.top ul > li p#lang_menu > img {
  width: auto;
  height: 25px;
  vertical-align: middle;
}
section.top ul > li p#lang_menu > a {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 13px;
  color: var(--black);
}
section.top ul > li + li {
	margin-left: 25px;
}

section.top ul > li img#profile_photo {
	display: inline-block;
  width: auto;
  height: 40px;
  border-radius: 5px;
  vertical-align: middle;
}

section.top ul > li p#dropdown {
	display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 5px;
}

section.top ul > li p#dropdown i {
	margin-left: 5px;
}

section.top ol.dropdown_menu, section.top ol.notifications_list {
	display: none;
	position: absolute;
	width: 150px;
	top: 55px;
	right: 0;
	border-radius: 5px;
  color: var(--black);
  background-color: var(--white);
	padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

section.top ol.dropdown_menu {
  -webkit-box-shadow: 0px 0px 6px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 6px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 6px 0px rgb(196 196 196);
}

section.top ol.notifications_list {
  width: 330px;
  height: 550px;
  max-height: 550px;
  overflow-y: scroll;
  -webkit-box-shadow: 0px 0px 6px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 6px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 6px 0px rgb(196 196 196);
  background-color: var(--main_bg_color);
}

section.top ol.dropdown_menu > li, section.top ol.notifications_list > li {
	display: block;
	text-align: center;
	padding: 0;
	box-sizing: border-box;
  transition-duration: 0.5s;
}

section.top ol.dropdown_menu > li:hover {
	background-color: var(--black);
  transition-duration: 0.5s;
}

section.top ol.notifications_list > li {
  padding: 15px;
  cursor: pointer;
}

/*section.top ol.notifications_list > li.notification.active > div {
  -webkit-box-shadow: 0px 0px 6px 0px rgba(255, 77, 77, 1);
  -moz-box-shadow: 0px 0px 6px 0px rgba(255, 77, 77, 1);
  box-shadow: 0px 0px 6px 0px rgba(255, 77, 77, 1);
}*/

section.top ol.notifications_list > li.notification.active > div {
  padding-left: 35px
}

section.top ol.notifications_list > li.notification.active > div::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--primesweb);
}

section.top ol.notifications_list > li > button {
  width: 48%;
  height: 45px;
  padding: 10px;
  font-size: 12px;
  cursor: pointer;
  vertical-align: top;
  border-radius: 5px;
  border: 1px solid var(--jade);
  color: var(--jade);
  background-color: transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

section.top ol.notifications_list > li > button.active {
  color: var(--white);
  background-color: var(--jade);
}

section.top ol.notifications_list > li > button + button {
  margin-left: 4%;
}

section.top ol.notifications_list > li + li {
  padding-top: 0;
}

section.top ol.notifications_list > li > div {
  position: relative;
  height: 115px;
  border-radius: 5px;
  padding: 15px;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: left;
  border: 1px solid transparent;
  color: var(--black);
  background-color: var(--white);
  transition-duration: 0.5s;
}

section.top ol.notifications_list > li > div:hover {
  border: 1px solid var(--primesweb);
  transition-duration: 0.5s;
}

section.top ol.notifications_list > li > div > h3 {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 600;
}

section.top ol.notifications > li.active > div {
  border-color: #333;
}

section.top ol.notifications > li.passive > div {
  border-color: #ddd;
}

section.top ol.notifications_list > li div > i.action_menu {
  position: absolute;
  top: 10px;
  right: 10px;
}

section.top ol.notifications_list > li div p {
  line-height: 1.5em;
  font-size: 13px;
}

section.top ol.notifications_list > li div > ol.action_menu {
  display: none;
  position: absolute;
  right: 10px;
  top: 35px;
  border-radius: 5px;
  z-index: 10;
}

section.top ol.notifications_list > li div > ol.action_menu > li {
  display: block;
  padding: 8px 30px;
  border: 1px solid transparent;
  text-align: center;
  color: #fff;
  background-color: var(--warn);
  transition-duration: 0.5s;
}

section.top ol.notifications_list > li div > ol.action_menu > li:hover {
  border: 1px solid var(--warn);
  color: var(--warn);
  background-color: #fff;
  transition-duration: 0.5s;
}

section.top ol.notifications_list > li div > ol.action_menu > li:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

section.top ol.notifications_list > li div > ol.action_menu > li:last-of-type {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

section.top ol.notifications_list > li div > ol.action_menu > li + li {
  margin: 0;
  border-top: 1px solid #7b7b7b;
}

section.top ol.notifications_list > li div > ol.action_menu > li > p {
  font-size: 12px;
  cursor: pointer;
  width: auto;
  line-height: 1.5em;
}

section.top ol.notifications_list > li:first-of-type:hover {
  background-color: inherit;
}

section.top ol.notifications_list > li:first-of-type > select {
  width: 100%;
  padding: 5px;
  border: 1px solid var(--border_gray);
  border-radius: 5px;
}

section.top ol.dropdown_menu > li + li, section.top ol.notifications_list > li + li {
	margin: 0;
}

section.top ol.dropdown_menu > li + li {
  border-top: 1px solid #ddd;
}

section.top ol.dropdown_menu > li:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

section.top ol.dropdown_menu > li:last-of-type {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

section.top ol.dropdown_menu > li > span, section.top ol.dropdown_menu > li > a, section.top ol.notifications_list > li > a {
	padding: 15px;
	margin: 0;
	cursor: pointer;
	display: block;
  color: var(--black);
}

section.top ol.dropdown_menu > li:hover > a {
  color: var(--white);
}

section.top ol.dropdown_menu > li:hover > span {
  color: var(--white);
}

div.search_bar > input[type="text"] {
  margin-right: 10px;
}

div.search_bar > input[type="date"] {
  width: 130px !important;
}

div.search_bar > input {
  vertical-align: middle;
}

ul#text_settings > li > p#default_font {
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  color: var(--blue);
}

ul#text_settings > li > p#default_font:hover {
  text-decoration: underline;
}

ul#text_settings > li > table.list tr:nth-child(even) {
  background-color: var(--main_bg_color);
}

footer {
  background-color: #fff;
	text-align: right;
	display: inline-block;
	width: 100%;
	padding: 10px 0;
}

footer p {
  margin: 10px 15px;
	font-size: 11px;
}

main {
	padding: 90px 35px 25px 340px;
  background-color: var(--main_bg_color);
}

form.std {
	margin-top: 25px;
}

form.std.bottom_zero {
	padding-bottom: 10px;
}

form.std fieldset + div.warn {
  background-color: var(--white);
}

form.std fieldset {
	position: relative;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

form.std fieldset > i.auto_write {
  position: absolute;
  right: 40px;
  top: -23px;
  color: var(--btn_blue);
  font-size: 16px;
  cursor: pointer;
}

/*form.std fieldset fieldset {
	padding: 30px 20px;
	box-sizing: border-box;
}*/

form.std fieldset ul li fieldset > ol > li i {
	margin-left: 10px;
}

form.std fieldset ul li fieldset > ol > li + li {
	margin-top: 25px;
}

form.std fieldset + fieldset {
	margin-top: 30px;
}

form.std fieldset legend {
	color: #666;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 15px;
}

form.std fieldset > ul {
	margin: 0;
	padding: 35px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  background-color: var(--white);
}

form.std fieldset ul.tab_menu_content {
	display: none;
}

form.std fieldset ul.tab_menu_content h3 {
	margin: 0;
	font-size: 15px;
}

form.std fieldset ul.tab_menu_content h3 + label {
  margin: 10px 0;
}

form.std fieldset ul.tab_menu_content li input + p:not([class]) {
	margin-top: 10px;
	font-size: 12px;
}

form.std fieldset ul.tab_menu_content li input[name="campaign_code"] {
  width: 230px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  vertical-align: middle;
}

form.std fieldset ul.tab_menu_content li p#generate_code {
  display: inline-block;
  margin: 0;
  width: 70px;
  height: 31px;
  padding: 10px;
  font-size: 12px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: var(--white);
  background-color: var(--blue);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  vertical-align: middle;
}

form.std fieldset ul.tab_menu_content li p.info {
	font-weight: 400;
  font-size: 12px;
	margin: 10px 0 0 0;
}

form.std fieldset ul.tab_menu_content li p.info + div {
  margin-top: 15px;
}

form.std fieldset ul.tab_menu_content li > ol.add_card {
  width: 350px;
  margin-top: 20px;
}

form.std fieldset ul.tab_menu_content li > ol.add_card > li + li {
  margin-top: 15px;
}

form.std fieldset ul.tab_menu_content li > ol.add_card > li > input {
  width: 100%;
  border-radius: 5px;
}

form.std fieldset ul.tab_menu_content li > ol.add_card > li > select {
  width: 49%;
  border-radius: 5px;
}

form.std fieldset ul.tab_menu_content li > ol.add_card > li > select + select {
  margin-left: 2%;
}

form.std fieldset ul.tab_menu_content li > ol.add_card > li > button {
  padding: 10px 30px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  color: var(--white);
  background-color: var(--btn_blue);
  transition-duration: 0.5s;
}

form.std fieldset ul.tab_menu_content li > ol.add_card > li > button:hover {
  background-color: var(--btn_orange);
  transition-duration: 0.5s;
}

form.std fieldset ul.tab_menu_content li.edit_menu.disable_edit {
  opacity: 0.5;
}

form.std fieldset ul.tab_menu_content li.edit_menu {
  opacity: 1;
}

form.std fieldset ul.tab_menu_content li > label {
  font-size: 12px;
}

form.std fieldset ul.tab_menu_content li > img.profile_photo {
  border-radius: 50%;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar {
  padding: 15px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  background-color: var(--main_bg_color);
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar + ol {
  margin-top: 25px;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li {
  display: inline-block;
  vertical-align: middle;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li:nth-child(1) {
  width: 15%;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li:nth-child(2) {
  margin-left: 0;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li + li {
  margin-left: 23px;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li > input[type="range"] {
  -webkit-appearance: none;
  width: 60px;
  height: 20px;
  background: var(--white);
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  vertical-align: middle;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li > input[type="range"]:hover {
  opacity: 1;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li > input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: var(--blue);
  cursor: pointer;
  border-radius: 30px;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li > input[type="range"]::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  color: var(--blue);
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li > p {
  display: inline-block;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li:nth-child(4n), form.std fieldset ul.tab_menu_content li > ol.tool_bar > li:nth-child(5n) {
  width: 12%;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li:nth-child(6n) {
  width: 5%;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li > i {
  font-size: 16px;
  cursor: pointer;
  transition-duration: 0.5s;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li > i + i {
  margin-left: 11px;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li > i.active {
  filter: brightness(0) saturate(100%) invert(16%) sepia(62%) saturate(7493%) hue-rotate(357deg) brightness(98%) contrast(113%);
  transition-duration: 0.5s;
}

form.std fieldset ul.tab_menu_content li > ol.tool_bar > li > input[type="color"] {
  width: 100%;
  padding: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
}

form.std fieldset ul.tab_menu_content li > p.default_style {
  display: block;
  margin-top: 15px;
}

form.std fieldset ul.tab_menu_content li > p.disable_edit {
  display: none;
}

form.std fieldset ul.tab_menu_content li > p.default_style > a {
  color: var(--blue);
  font-size: 14px;
  transition-duration: 0.5s;
}

form.std fieldset ul.tab_menu_content li > p.default_style:hover > a {
  color: var(--btn_orange);
  transition-duration: 0.5s;
}

form.std fieldset ul#payments li {
	padding: 15px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

form.std fieldset ul#payments li p.payment_status, p.payment_date {
	display: inline-block;
	width: 50%;
}

form.std fieldset ul#payments li p.payment_date {
	text-align: right;
}

form.std fieldset ul#payments li > table.list {
  margin-top: 25px;
}

form.std fieldset ul#payments li > table.list tr td > details > summary {
  padding: 5px 0;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: var(--btn_blue);
}

form.std fieldset ul#payments li > table.list tr td > details > div + div {
  border-top: 1px solid var(--border_gray);
}

form.std fieldset ul#payments li > table.list tr td > details > div p {
  display: inline-block;
  padding: 15px;
  font-size: 14px;
  box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

form.std fieldset ul#payments li > table.list tr td > details > div p:not([class]) {
  width: 80%;
}

form.std fieldset ul#payments li > table.list tr td > details > div > p.amount {
  width: 20%;
  font-weight: 600;
  text-align: right;
  color: var(--blue);
}

form.std fieldset ul#payments li > p.btn {
  margin-top: 15px;
  cursor: pointer;
  color: var(--white);
}

form.std fieldset ul#payments li > p.btn a {
  display:block;
  padding: 10px 20px;
}

form.std fieldset ul#my_package li table {
  margin-top: 0;
}

form.std fieldset ul#my_package li table + table {
  margin-top: 25px;
}

form.std fieldset ul#my_package li table tr td {
  padding: 0;
  height: 40px;
  font-size: 14px;
  vertical-align: middle;
}

form.std fieldset ul#my_package li table > tbody > tr > td:nth-child(2) {
  text-align: end;
}

form.std fieldset ul#my_package li table tr td p.upgrade {
  display: inline-block;
  background-color: var(--main_bg_color);
  transition-duration: 0.5s;
}

form.std fieldset ul#my_package li table tr td p.upgrade:hover {
  background-color: var(--btn_blue);
  transition-duration: 0.5s;
}

form.std fieldset ul#my_package li table tr td p.upgrade a {
  display: block;
  min-width: 230px;
  padding: 10px 30px;
  font-size: 13px;
  color: var(--black);
  font-weight: 500;
  text-align: center;
  box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  transition-duration: 0.5s;
}

form.std fieldset ul#my_package li table tr td p.upgrade:hover a {
  color: var(--white);
  transition-duration: 0.5s;
}

form.std ol.sortable + div {
  margin-top: 15px;
}

form.chat_gpt fieldset ul {
  padding: 45px 100px;
  margin-bottom: 10px;
}

form.chat_gpt fieldset ul li {
  display: block;
  padding: 10px 20px;
}

form.chat_gpt fieldset ul li.user {
  background-color: var(--primesweb);
  color: #fff;
  text-align: right;
}

form.chat_gpt fieldset ul li.gpt {
  background-color: var(--jade);
  color: #fff;
}

form.chat_gpt fieldset input {
  width: 95% !important;
  display: inline-block !important;
  padding: 15px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

form.chat_gpt fieldset button {
  width: 5%;
  display: inline-block;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #333;
  color: #fff;
  height: 31px;
  border: none;
  vertical-align: top;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
}

div.select_file {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 15px;
	cursor: pointer;
	background-color: var(--btn_orange);
	transition-duration: 0.5s;
	vertical-align: middle;
}

div.select_file:hover {
	background-color: var(--btn_blue);
	transition-duration: 0.5s;
}

div.select_file > i {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
	color: #fff;
}

button.upload_btn {
	display: none;
	margin: 0 0 0 25px;
	padding: 10px 20px;
	border: 1px solid #000839;
	border-radius: 5px;
	box-shadow: none;
	background-color: #fff;
	transition-duration: 0.5s;
	vertical-align: middle;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

button.upload_btn:hover {
	color: #fff;
	border-color: var(--btn_blue);
	background-color: var(--btn_blue);
	transition-duration: 0.5s;
}

form.std fieldset > ul > div.content {
	margin-top: 25px;
}

form.std fieldset > ul > li + li, form.std fieldset > ul > div.content > li:not(.icons) + li {
	margin-top: 25px;
}

li.icons + li {
  margin-top: 0;
}

form.std fieldset > ul > li.blog_group {
	margin-top: 45px !important;
}

form.std fieldset > ul > li.fields {
	margin-top: 50px;
}

form.std fieldset > ul > li > p#default_color {
  display: inline-block;
  font-size: 12px;
	color: var(--blue);
	cursor: pointer;
}

form.std fieldset > ul > li > p#default_color:hover {
	text-decoration: underline;
}

li.icons {
	position: relative;
  text-align: right;
  width: 40%;
  float: right;
  display: inline-block;
}

li.icons > i, i.info {
	font-size: 18px;
	cursor: pointer;
	display: inline-block;
	color: var(--blue);
  transition-duration: 0.5s;
}

li.icons > i:hover, i.info:hover {
	color: var(--btn_blue);
  transition-duration: 0.5s;
}

li.icons > div.desc, i.info + div.desc {
	max-width: 250px;
	visibility: hidden;
	padding: 10px;
  background-color: var(--btn_blue);
	text-align: left;
	position: absolute;
  right: -15px;
  border-radius: 5px;
  top: 25px;
  z-index: 9999;
	box-sizing: border-box;
	opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
	border-bottom: 5px solid #000839 !important;
}

section.user_payment > section {
  position: relative;
  max-height: 90%;
  overflow: scroll;
}

table.user_payments tr:not(:first-of-type) {
  cursor: pointer;
}

i.info {
  position: absolute;
  top: 8px;
  left: 34px;
}

i.info + div.desc {
  width: max-content;
  visibility: inherit;
  display: none;
  top: 35px;
  right: auto;
}

li.icons > div.desc > p, i.info + div.desc > p {
	color: #fff;
	font-weight: 300;
	font-size: 12px;
	line-height: 1.5em;
}

li.icons > i:hover + div.desc {
	visibility: visible;
  opacity: 1;
	transition: visibility 0.5s, opacity 0.5s linear;
}

i.info:hover + div.desc {
	display: block;
  opacity: 1;
	transition: visibility 0.5s, opacity 0.5s linear;
}

li.icons > i:nth-child(1n+1) {
	margin-left: 15px;
}

form.std fieldset input + ul.checkbox_area {
  margin-top: 25px;
}

form.std fieldset ul.checkbox_area {
	margin-top: 5px;
	padding: 15px;
  border-radius: 5px;
	background-color: rgba(88, 115, 254, 0.04);
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
}

form.std fieldset ul.checkbox_area span.select_region {
	display: block;
	margin-bottom: 35px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}

form.std fieldset ul.checkbox_area span.select_region > h4 {
	margin: 0 0 10px 0;
}

form.std fieldset ul.checkbox_area span.select_region > p {
	display: inline-block;
}

form.std fieldset ul.checkbox_area li {
	width: 238px;
	display: inline-block;
	margin-top: 0;
}

form.std fieldset ul.checkbox_area li:nth-child(2n+5) {
  margin-top: 15px;
}

form.std fieldset ul.checkbox_area li label {
	width: auto;
  margin-bottom: 0;
}

form.std fieldset ul.checkbox_area li label + * {
	margin-top: 10px !important;
}

form.std fieldset ul.checkbox_area li label > input {
	margin: 0 10px 0 0;
  vertical-align: sub;
  accent-color: var(--blue);
}

form.std fieldset ul.tab_menu_content.active {
	display: block;
}

form.std fieldset ul li img.logo {
	max-width: 15%;
}

form.std fieldset ul > span.group {
	display: block;
	margin-top: 25px;
	border: none;
  border-radius: 5px;
	padding: 15px 15px 50px 15px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
}

form.std fieldset ul > span.group > li {
	display: inline-block;
	width: 48%;
  vertical-align: top;
}

form.std fieldset ul > span.group > li + li {
	margin-left: 4%;
}

form.std fieldset ul > span.group > li > input + label {
	margin-top: 25px;
}

form.std fieldset ul > span.group i {
	display: inline-block;
  padding: 10px;
  font-size: 15px;
  color: #fff;
  background-color: var(--warn);
  cursor: pointer;
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

form.std fieldset ul > span.group i.delete_area {
	left: 0;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

form.std fieldset ul > span.group i.add_area {
	right: 0;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

form.std label {
	display: block;
	color: #666;
	text-align: start;
	position: relative;
  margin-bottom: 10px;
}

form.std label i {
	cursor: pointer;
}

form.std input[type=text], form.std input[list], form.std input[type=email], form.std input[type=number], form.std input[type=tel], form.std input[type=date], form.std textarea, form.std select, form.std input[type=password], form.std input[type=search], form.std input[type=time], form.std input[type=datetime-local] {
	font-family: inherit;
	width: 300px;
	height: 31px;
	border: none;
	border-radius: 2px;
	padding: 5px 10px;
	border-radius: 5px;
  outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  background-color: var(--white);
}

form.chat_gpt_form input[type='text'], form.chat_gpt_form textarea, form.search_img_api input[type='text'], form.search_icon input[type='text'] {
  font-family: inherit;
	width: 300px;
	height: 31px;
	border: none;
	padding: 5px 10px;
	border-radius: 5px;
  outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  background-color: var(--white);
}

form.chat_gpt_form ul.article li input[type='text'], form.search_img_api ul li input[type='text'], form.search_icon ul li input[type='text'] {
  display: inline-block;
  width: 90%;
  height: 35px;
  resize: vertical;
  vertical-align: middle;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

form.chat_gpt_form ul.article li button[type='submit'], form.search_img_api ul li button[type='submit'], form.search_icon ul li button[type='submit'] {
  display: inline-block;
  width: 10%;
  height: 35px;
  vertical-align: middle;
  color: #fff;
  background-color: var(--btn_orange);
  border: none;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  cursor: pointer;
}

form.chat_gpt_form ul.article li button[type='submit'] img, form.search_img_api ul li button[type='submit'] img, form.search_icon ul li button[type='submit'] img {
  height: 100%;
  width: 100%;
  filter: invert(58%) sepia(50%) saturate(650%) hue-rotate(328deg) brightness(140%) contrast(87%);
}

form.chat_gpt_form ul.article li label.checkbox {
  margin-bottom: 0;
}

form.chat_gpt_form ul li aside, form.search_img_api ul li aside, form.search_icon ul li aside {
	padding: 15px;
	margin: 15px 0 0 0;
	color: #000;
  font-size: 12px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
}

form.chat_gpt_form ul li aside:not([class]), form.search_img_api ul li aside:not([class]), form.search_icon ul li aside:not([class]) {
  display: none;
}

form.chat_gpt_form ul li aside.warn, form.search_img_api ul li aside.warn, form.search_icon ul li aside.warn {
  display: block;
  background-color: var(--warn);
	/*background-color: #EEB3B3;*/
}

form.chat_gpt_form ul li aside.success, form.search_img_api ul li aside.success, form.search_icon ul li aside.success {
  display: block;
	background-color: #C6EFC6;
}

form.search_img_api ul li.results, form.search_icon ul li.results {
  display: none;
}

form.search_img_api ul li.results ol.result_gallery > li, form.search_icon ul li.results ol.result_gallery > li {
  display: inline-block;
  position: relative;
  width: 30%;
  height: 225px;
  box-sizing: border-box;
}

form.search_icon ul li.results ol.result_gallery.icons > li {
  height: 175px;
}

form.search_img_api ul li.results ol.result_gallery > li + li, form.search_icon ul li.results ol.result_gallery > li + li {
  margin-left: 5%;
}

form.search_img_api ul li.results ol.result_gallery > li:nth-child(3n+1), form.search_icon ul li.results ol.result_gallery > li:nth-child(3n+1) {
  margin-left: 0;
}

form.search_img_api ul li.results ol.result_gallery > li a, form.search_icon ul li.results ol.result_gallery > li a {
  display: block;
}

form.search_img_api ul li.results ol.result_gallery > li > a > picture, form.search_icon ul li.results ol.result_gallery > li > a > picture {
  display: inline-block;
  width: 100%;
  height: 200px;
  position: relative;
  background-color: transparent;
  overflow: hidden;
  text-align: left;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

form.search_img_api ul li.results ol.result_gallery > li > a > picture > img, form.search_icon ul li.results ol.result_gallery > li > a > picture > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  object-fit: cover;
}

form.search_icon ul li.results ol.result_gallery.icons > li > a > picture > img {
  width: 70px;
  height: 70px;
  margin: auto;
  left: 0;
  right: 0;
}

form.search_img_api ul li.results ol.result_gallery > li > span, form.search_icon ul li.results ol.result_gallery > li > span {
  display: block;
  width: 100%;
  height: 27px;
  position: absolute;
  bottom: -2px;
  left: 0;
  padding: 4px 0;
  border: 1px solid #ddd;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
  box-sizing: border-box;
}

form.search_img_api ul li.results ol.result_gallery > li > span > i, form.search_icon ul li.results ol.result_gallery > li > span > i {
  font-size: 18px;
  cursor: pointer;
  color: #333;
}

form.search_img_api ul li.results ol.result_gallery > li.pagination, form.search_icon ul li.results ol.result_gallery > li.pagination  {
  border: 1px solid #ddd;
  vertical-align: top;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  transition-duration: .4s;
}

form.search_img_api ul li.results ol.result_gallery > li.pagination:hover, form.search_img_api ul li.results ol.result_gallery > li.pagination.active, form.search_icon ul li.results ol.result_gallery > li.pagination:hover, form.search_icon ul li.results ol.result_gallery > li.pagination.active {
  background-color: var(--btn_orange);
  color: #fff;
  transition-duration: .4s;
}

form.search_img_api ul li.results ol.result_gallery > li.pagination > div, form.search_icon ul li.results ol.result_gallery > li.pagination > div {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

form.search_img_api ul li.results ol.result_gallery > li.pagination > div > i, form.search_icon ul li.results ol.result_gallery > li.pagination > div > i {
  font-size: 30px;
}

form.search_img_api ul li.results ol.result_gallery > li.pagination > div > p, form.search_icon ul li.results ol.result_gallery > li.pagination > div > p {
  margin-top: 15px;
  font-weight: 600;
  font-size: 13px;
}

form.std input.country_codes {
	width: 100px;
}

form.std input.with_country_code {
	width: 190px;
  margin-left: 10px;
	border-left: none;
}

form.std input[type=time] {
	width: 150px;
}

form.std input.color_code {
	width: 85px !important;
	margin-left: 10px;
}


form.std textarea {
	height: 100px;
}

form.std fieldset textarea {
	width: 100%;
	height: 150px;
  min-height: 150px;
  max-height: 200px;
  resize: vertical;
}

form.std fieldset textarea.special_code {
	width: 100%;
	height: 300px;
  min-height: 300px;
  max-height: 500px;
  resize: vertical;
}

form.std aside {
	padding: 15px;
	margin: 15px 0 0 0;
	color: #000;
  font-size: 12px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
}

form.std aside:not([class]) {
  display: none;
}

form.std aside + * {
	margin: 15px 0 0 0 !important;
}

p.warn {
  color: var(--warn);
}

p.success {
  color: var(--green);
}

p.info {
  color: var(--btn_blue);
}

form.std aside.warn {
  background-color: var(--warn);
	/*background-color: #EEB3B3;*/
}

form.std aside.success {
	background-color: #C6EFC6;
}

main > div.warn {
  background-color: var(--white);
}

main > div.warn:nth-child(1) {
  margin-top: 15px !important;
}

div.warn, div.info {
  position: relative;
	background-color: var(--main_bg_color);
  border-radius: 5px;
	padding: 10px 15px 10px 45px;
	letter-spacing: 1px;
	font-size: 12px;
  line-height: 1.5em;
}

div.info {
  background-color: var(--white);
}

div.warn > a, div.info > a {
  font-weight: 700;
  color: var(--blue) !important;
}

* + div.warn, div.info {
  margin-top: 15px !important;
}

* + div.info {
  margin-top: 45px !important;
}

div.warn i {
  font-size: 17px;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  filter: brightness(0) saturate(100%) invert(15%) sepia(93%) saturate(7451%) hue-rotate(360deg) brightness(99%) contrast(113%);
}

div.info i {
  font-size: 17px;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--blue);
}

div.warn > b {
  color: var(--warn);
}

form.std i.new_color, i.delete_color {
	cursor: pointer;
	margin-left: 10px;
}

form.std i.new_subs, i.delete_subs {
	cursor: pointer;
	position: absolute;
	right: 0;
}

form.std i.new_line + i.delete_line {
	margin-left: 10px;
}

form.search {
	margin: 50px 0 0 0;
	padding: 0;
}

form.lang input[type=text], select {
	width: 200px;
}

section.dynamic button:not([class]), form.std > button:not([class]), form.std button.standart {
	background-color: var(--primesweb);
  border: none;
  font-size: 13px;
	cursor: pointer;
	color: #fff;
	min-width: 100px;
  padding: 10px;
  border-radius: 5px;
  transition-duration: 0.5s;
}

section.dynamic img.drag_loading {
  display: none;
  position: fixed;
  z-index: 10000;
  width: 450px;
  height: 320px;
  left: 0;
  right: 0;
  margin: auto;
}

section.dynamic button:not([class]):hover, form.std > button:not([class]):hover, form.std button.standart:hover {
  background-color: var(--jade);
  transition-duration: 0.5s;
}

form.std > * + button:not([class]) {
  margin-top: 25px;
}

section.dynamic button[name='preview'], form.std > button[name='preview'] {
	background-color: var(--blue);
	border: none;
  font-size: 13px;
	cursor: pointer;
	color: #fff;
	min-width: 100px;
  padding: 10px;
}

section.dynamic button + button, form.std > button + button {
	margin-left: 20px;
}

main form.std * + button.standart {
  margin-top: 15px !important;
}

main form.std button.standart {
	border: none;
  font-size: 13px;
  cursor: pointer;
  color: #fff;
  min-width: 100px;
  padding: 8px 10px;
}

main form.std ul.sortable > li {
	border: 1px solid #ddd;
}

main form.std ul.sortable > li > ol.sortable_list {
	background-color: #fff;
	padding: 10px;
}

main form.std ul.sortable > li > ol.sortable_list > li {
	display: inline-block;
	cursor: pointer;
}

main form.std ul.sortable > li > ol.sortable_list > li:first-of-type {
	cursor: grab;
}

main form.std ul.sortable > li > ol.sortable_list > li + li {
	margin-left: 15px;
}

main form.std ul.sortable > li > ol.sortable_list > li:first-of-type {

}

main form.std ul.sortable > li > ol.sortable_list > li a {
	color: #000;
}

main form.std button:not([class]) + img {
	display: none;
	margin-top: 15px;
}

form.actions input[type='button'], form.actions a.btn, form.actions input[type='submit'] {
	background-color: var(--jade);
	border: 1px solid var(--jade);
  font-size: 12px;
	cursor: pointer;
	color: var(--white);
	letter-spacing: 1px;
  padding: 10px 25px;
	border-radius: 5px;
	font-weight: 700;
	letter-spacing: 1px;
}

form.actions p.btn {
	display: inline-block;
	background-color: var(--jade);
	border: 1px solid var(--jade);
	border-radius: 5px;
}

form.actions p.btn a {
	display: block;
	color: var(--white);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
  padding: 11px 25px;
}

form.actions input[name='delete'] {
	display: none;
}

form.actions select, input[type='date'], ul.filter > li > select {
  padding: 9px 5px;
  border: 1px solid #ddd;
  border-radius: 5px;
  outline: none;
  font-size: 14px;
  font-family: inherit;
  color: #333;
  vertical-align: middle;
  background-color: var(--white);
}

form.actions select[name="perpage"] {
  width: 50px;
}

form.std fieldset button + ul.gallery {
  margin-top: 0;
}

form.std fieldset ul.gallery > li {
  margin-top: 25px;
	border: 1px solid #eee;
  display: inline-block;
  position: relative;
  width: 23.5%;
  border-radius: 5px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

form.std fieldset ul.gallery > li + li {
	margin: 0 0 0 2%;
}

form.std fieldset ul.gallery > li:nth-child(4n+5){
	margin-left: 0;
}

form.std fieldset ul.gallery > li:nth-child(n+5){
	margin-top: 15px;
}

form.std fieldset ul.gallery > li figure {
	display: inline-block;
	overflow: hidden;
	height: 130px;
	width: 100%;
	background-color: #000;
	position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
  vertical-align: top;
}

form.std fieldset ul.gallery > li > figure img {
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

form.std fieldset ul.icon_gallery > li {
	border: 1px solid #eee;
	display: inline-block;
	position: relative;
	width: auto;
	margin: 15px 0;
	background-color: #ccc;
}

form.std fieldset ul.icon_gallery > li + li {
	margin-left: 10px;
}

form.std fieldset ul.icon_gallery > li:nth-child(13n+1){
	margin-left: 0;
}

form.std fieldset ul.icon_gallery > li > img {
	width: 40px;
	height: 40px;
	margin: 10px;
}

form.std fieldset ul.icon_gallery > li > ol {
	border-top: 1px solid #666;
}

form.std fieldset ul.icon_gallery > li > ol > li {
  text-align: center;
}

form.std fieldset ul.icon_gallery > li > ol > li i {
	padding: 10px 20px;
  cursor: pointer;
}

form.std fieldset ul.sortable > li > figure img {
	cursor: grab;
}

form.std fieldset ul li div.file {
	background-color: #333856;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	border: 2px solid #fff;
	margin: 10px;
	width: 100px;
	color: #fff;
	overflow: hidden;
}

form.std fieldset ul li div.file > i {
	margin: 15px 0;
}

form.std fieldset ul li div.file > p {
	font-size: 11px;
	margin: 3px 0 7px 0;
}

form.std fieldset ul li div.file a {
	display: block;
	padding: 15px 0;
	text-align: center;
	background-color: #000;
	color: inherit;
}

form.std fieldset ul li div.file2 {
	text-align: center;
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	overflow: hidden;
	background-color: #CCC;
	width: 200px;
}

form.std fieldset ul li div.file2 a {
	background-color: #000839;
	display: block;
	padding: 25px;
	text-align: center;
	color: inherit;
}

form.std fieldset ul li div.file2 a i {
	font-size: 50px;
}

form.std fieldset ul li div.file2 > i {
	font-size: 15px;
	margin: 10px 0;
	color: #000;
	cursor: pointer;
}

form.std fieldset ul li.base_room {
	display: none;
}

form.std ul.gallery li ol {
	text-align: center;
}

form.std ul.gallery li ol > li {
	display: inline-block;
}

form.std ul.gallery li ol > li.hidden {
	display: none;
}

form.std ul.gallery li ol > li i {
	padding: 10px;
	cursor: pointer;
}

form.std * + ul.gallery {
  margin-top: 25px;
}

form.std legend + ul.gallery {
  margin-top: 0 !important;
}

form.std ul.gallery li.profile_photo {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
  box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
}

form.std fieldset > ol.sortable > li.ui-sortable-placeholder {
	background-color: #A8D8DD;
  border-radius: 5px;
	border: 1px dashed rgba(0,0,0,0.2);
	padding: 25px;
	margin: 10px 0;
	visibility: visible !important;
}

form.std fieldset ol > li.ui-sortable-placeholder {
	background-color: #A8D8DD;
  border-radius: 5px;
	border: 1px dashed rgba(0,0,0,0.2);
	padding: 25px;
	margin: 10px 0 0 30px;
	visibility: visible !important;
}
/* Tab Menu */
form.std dl.tab_menu_title {
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #fff;
	background-color: var(--btn_blue);
}

form.std dl.tab_menu_title + ul {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

form.std dl.tab_menu_title dt:first-child {
	width: 15%;
}

form.std dl.tab_menu_title dt {
	padding: 10px 0;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	width: 17%;
	display: inline-block;
	transition-duration: 0.5s;
}

form.std dl.tab_menu_title dt:hover, form.std dl.tab_menu_title dt.active {
	background-color: var(--blue);
	transition-duration: 0.5s;
}

form.std dl.tab_menu_title dt:first-of-type:hover, form.std dl.tab_menu_title dt:first-of-type.active {
	border-top-left-radius: 5px;
}

form.std dl.tab_menu_title dt:last-of-type:hover, form.std dl.tab_menu_title:last-of-type dt:last-of-type.active {
	border-top-right-radius: 5px;
}


form.std dl.wizard_tab_title {
  margin: 0;
  color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

form.std dl.wizard_tab_title + * {
  margin-top: 10px !important;
}

form.std dl.wizard_tab_title dt {
  display: inline-block;
  width: 20%;
	padding: 15px 10px;
  border-radius: 5px;
  border: 1px solid var(--main_bg_color);
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  color: var(--btn_blue);
  background-color: var(--btn_green);
  transition-duration: 0.5s;
}

form.std dl.wizard_tab_title dt:hover, form.std dl.wizard_tab_title dt.active {
  color: var(--white);
	background-color: var(--blue);
  transition-duration: 0.5s;
}

form.std dl.wizard_tab_title dt > a {
  color: #fff;
}

form.std img.loading {
	width: 43px;
	margin: auto;
	padding: 10px;
	display: block;
}

form.actions {
	margin: 25px 0;
	padding-bottom: 25px;
	border-bottom: 1px solid #DEDEDE;
}

form.actions > * + * {
	margin-left: 10px;
}

form.actions > input[type="search"] {
	min-width: 200px;
  padding: 10px;
  border: 1px solid #ddd;
  border-right: 0;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  vertical-align: middle;
}

form.actions > input[type="submit"] {
	padding: 12px;
	margin-left: 0;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-color: #ddd;
  font-size: 10px;
  vertical-align: middle;
}

i.page_info {
  position: absolute;
  right: 35px;
  cursor: pointer;
  font-size: 17px;
  padding: 2px;
  box-sizing: border-box;
  border-radius: 50%;
  color: var(--primesweb);
  border: 1px solid var(--primesweb);
}

table.head {
	margin-top: 0 !important;
}

table.list {
	border-spacing: 0;
	margin-top: 25px;
	width: 100%;
	border-bottom: medium double var(--btn_blue);
	position: relative;
}

table.list tr:first-of-type > th:first-of-type {
  border-top-left-radius: 5px;
}

table.list tr:first-of-type > th:last-of-type {
  border-top-right-radius: 5px;
}


table.list tr td > button.add_basket {
  background-color: var(--btn_blue);
}

table.list tr td.answer {
	padding-left: 25px;
	font-weight: 300;
}

table.price_table {
	margin-bottom: 50px;
}

table.price_table tr td {
	max-width: 300px;
	min-width: 300px;
}

table.price_table tr td.new {
	max-width: 35px;
	min-width: 35px;
	padding: 20px 10px;
}

table.price_table tr td.new i {
	cursor: pointer;
	font-size: 14px;
}

table.price_table tr td.new i + i {
	margin-left: 10px;
}

table.price_table tr td.double {
	max-width: 180px;
	min-width: 180px;
}

table.price_table tr td.prices {
	max-width: 120px;
	min-width: 120px;
}

table.price_table tr td input {
	width: 140px !important;
}

table.price_table tr td.double input[type=number] {
	width: 80px !important;
}

table.price_table tr td.prices input[type=number] {
	width: 100px !important;
}

table.list th {
	background-color: var(--primesweb);
	color: #fff;
	font-weight: bold;
	text-align: left;
}
table.list tr td {
	position: relative;
}
table.list th, table.list td {
	font-size: 12px;
	padding: 9px;
	position: relative;
}
table.list tr:not(:last-child) td {
	border-bottom: 1px solid #E5E5E5;
}
table.list tr:nth-child(odd) td {
	background-color: #fff;
}
table.list tr td > a {
	text-decoration: none;
	color: inherit;
	display: block;
}

table tr.reload {

}

table tr.reload td i {
	cursor: pointer;
	font-size: 15px;
}

table tr.reload td i + i {
	margin-left: 5px;
}

div.icon_info {
	margin-top: 15px;
}

div.icon_info p {
	display: inline-block;
	width: 30%;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

div.icon_info p + p {
	margin-left: 5%;
}

ul.pages_nums {
	display: inline-block;
	vertical-align: top;
	margin: 50px 0 0 0;
	padding: 0;
}
ul.pages_nums li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
ul.pages_nums li + li {
	margin-left: 3px;
}
ul.pages_nums li.current {
	background-color: var(--primesweb);
	border: 1px solid var(--primesweb);
	color: #fff;
	padding: 6px 4px;
	width: 17px;
}
ul.pages_nums li a {
	display: block;
	padding: 6px 4px;
	width: 17px;
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 1px solid #ddd;
}
ul.pages_nums li a:hover {
	background-color: var(--primesweb);
	border-color: var(--primesweb);
	color: #fff;
}

/* Sortable And Draggable Menü List  */
ol.menu {
}

ol.menu > li:not(.fixed) {
	cursor: all-scroll;
}

ol.menu li > div {
	padding: 10px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
}

ol.menu li + li {
	margin-top: 10px;
}

ol.menu li > div p {
	display: inline-block;
	margin-right: 25px;
}

ol.menu li > div p i {
	cursor: pointer;
}

ol.menu li > div p i:first-child {
	margin-right: 10px;
}

ol.menu li > ol li div {
	margin-left: 30px;
}

ul.add_menu > li + li {
  margin-top: 15px;
}

section.dynamic {
	position: relative;
}

section.dynamic > section {
	display: inline-block;
 	vertical-align: top;
}

section.dynamic > section.left {
	width: 30%;
  position: sticky;
  top: 100px;
  z-index: 100;
}

section.dynamic > section.right {
	width: 70%;
	padding-left: 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

section.dynamic > section.left > dl.tabs {
	display: block;
	background-color: var(--btn_blue);
	border: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

section.dynamic > section.left > dl.tabs dt {
	width: 50%;
	display: inline-block;
	padding: 10px 0;
	color: #fff;
	font-size: 14px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

section.dynamic > section.left > dl.tabs dt:first-of-type {
	border-top-left-radius: 5px;
}

section.dynamic > section.left > dl.tabs dt:last-of-type {
	border-top-right-radius: 5px;
}

section.dynamic > section.left > dl.tabs dt.active {
	background-color: var(--blue);
}

section.dynamic > section.left > ul {
	width: 100%;
  height: 550px;
  overflow-y: scroll;
}

section.dynamic > section.left > ul > li {
	display: none;
}

section.dynamic > section.left > ul > li.active {
	display: block;
}

section.dynamic > section.left > ul > li > ol {
	width: 100%;
	border: 1px solid #eee;
	border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
	padding: 15px;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fff;
}

section.dynamic > section.left > ul > li > ol > li {
	padding: 5px;
	border-radius: 3px;
	margin: 10px 5px;
	height: 30px;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background-color: #A8D8DD;
	border: 1px solid rgba(0,0,0,0.2);
	color: #333;
}

section.dynamic > section.left > ul > li > ol#sender_2 > li {
	width: 85%;
	display: inline-block;
}

section.dynamic > section.left > ul > li > ol#sender_2 > li > i {
	position: absolute;
  top: 15px;
  right: -25px;
  font-size: 16px;
  cursor: pointer;
}



section.dynamic > section.left > ul > li > ol li > div {
	border: none;
	margin: 0;
	padding: 10px;
}

section.dynamic > section.left > ul > li > ol li > div > p {
	color: inherit;
	text-align: center;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.5px;
	margin: 0;
	padding: 0;
	display: block;
}

section.dynamic > section.left > ul > li > ol li:not(.fixed) {
	cursor: all-scroll;
}

section.dynamic > section.left > form.std > ol {
	padding: 25px;
}

section.dynamic > section.right > form.std > ol li > div {
	border: none;
}

section.dynamic > section.right form.std fieldset span.remove {
	position: absolute;
	right: 0;
	top: -27px;
	cursor: pointer;
}

section.dynamic > section.right form.std fieldset span.remove i {
	font-size: 22px;
	color: var(--warn);
}

section.dynamic > section.right form.std div.slider_area, form.std div.slider_area {
  border-radius: 5px;
	border: 1px dotted #AAA;
	padding: 20px;
	position: relative;
	margin-top: 25px;
}

section.dynamic > section.right form.std div.li_count, form.std div.li_count {
	padding-bottom: 25px !important;
}

form.std div.li_count > span.line_info {
  display: block;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  color: #ddd;
  opacity: 0.7;
}

form.std div.li_count > span.faq {
	display: inline-block;
}

form.std div.li_count > span.faq + span.faq {
	margin-left: 50px;
}

form.std div.li_count li + li {
	margin-top: 15px;
}

/*form.std div.faq_area div.li_count, form.std div.banners_area div.li_count {
	margin: 5px;
}*/

form.std div.faq_area div.li_count + div.li_count, form.std div.banners_area div.li_count + div.li_count {
	margin-top: 25px;
}

section.dynamic > section.right form.std div.li_count:first-of-type, form.std div.li_count:first-of-type {
	margin-top: 20px;
}

section.dynamic > section.right form.std div.li_count.closed, form.std div.li_count.closed  {
	height: 50px;
	overflow: hidden;
}

section.dynamic > section.right form.std div.li_count button.interact, form.std div.li_count button.interact {
	right: -1px;
	bottom: -1px;
	position: absolute;
	padding: 15px;
	background-color: var(--blue);
	color: #fff;
	width: 70px;
	border: none;
	cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

form.std div.li_count button.add_row {
	left: auto !important;
	right: -1px;
}

section.dynamic > section.right form.std div.li_count button.delete_area, form.std div.li_count button.delete_area, form.std div.li_count button.add_row {
	left: -1px;
  bottom: -1px;
  position: absolute;
  padding: 15px;
  background-color: var(--btn_orange);
  color: #fff;
  width: 70px;
  border: none;
	cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

section.dynamic > section.right form.std div.li_count li.price_line input, i {
	display: inline-block;
}

section.dynamic > section.right form.std div.li_count li.price_line i {
	margin-left: 5px;
	cursor: pointer;
}

section.dynamic > section.right form.std div.li_count li.price_line input + input {
	margin-top:10px;
}

section.dynamic > section.right form.std div.li_count li.price_line input:first-of-type {
	width: 300px;
}

section.dynamic > section.right form.std div.li_count li.price_line input:last-of-type {
	width: 140px;
}


section.dynamic > section.right form.std div.slider_area span.slider, section.dynamic form.std div.filler_gallery span.slider {
	position: absolute;
  right: 0;
  top: 0;
  padding: 15px 40px 15px 15px;
	font-size: 23px;
	color: #E5E5E5;
	font-weight: bold;
	font-family: Arial, Tahoma, sans-serif;
}

section.dynamic > section.right form.std div.slider_area span.slider::after, section.dynamic form.std div.filler_gallery span.slider::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	right: 10px;
	top: 15px;
	cursor: pointer;
	position: absolute;
  content: "\f146";
}

section.dynamic > section.right form.std div.slider_area span.slider.open::after, section.dynamic form.std div.filler_gallery span.slider.open::after {
  content: "\f0fe";
}

section.dynamic > section.right form.std div.slider_area li {
	margin: 10px;
}

section.dynamic > section.right form.std div.filler_gallery {
  border-radius: 5px;
	background-color: rgba(88, 115, 254, 0.04);
	padding: 10px;
	margin: 15px 0;
	position: relative;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
}

section.dynamic > section.right form.std div.filler_gallery li {
	margin: 10px;
}

section.dynamic > section.right form.std div li:last-of-type {
	margin-bottom: 50px;
}

section.dynamic > section.right form.std div.filler_gallery + div.filler_gallery {
	margin-top: 25px;
}

section.dynamic > section.right form.std section.slider_images_area, form.std section.slider_images_area {
  border-radius: 5px;
	overflow: scroll;
	height: 200px;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  background-color: var(--white);
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
}

section.dynamic > section.right form.std section.slider_images_area figure, form.std section.slider_images_area figure {
	display: inline-block;
	vertical-align: top;
	background-color: #EEE;
	width: 125px;
	height: 80px;
	position: relative;
	margin: 5px;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0);
	cursor: pointer;
}

section.dynamic > section.right form.std section.slider_images_area figure.selected, form.std section.slider_images_area figure.selected, form.std section.slider_images_area div.selected {
	border-color: red;
}

section.dynamic > section.right form.std section.slider_images_area figure img, form.std section.slider_images_area figure img {
	width: inherit;
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

section.dynamic > section.right > form.std {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	vertical-align: top;
	position: relative;
  border-radius: 5px;
	border: 1px solid #eee;
	padding: 40px 20px;
	background-color: #fff;
}

section.dynamic > section.right > form.std > ol.sortable > li:not(:first-child) {
	margin-top: 50px;
}

section.dynamic > section.right > form.std > ol.sortable > li.ui-sortable-placeholder {
	background-color: #A8D8DD;
  border-radius: 5px;
	border: 1px dashed rgba(0,0,0,0.2);
	padding: 25px;
	margin: 50px 0;
	visibility: visible !important;
}

section.dynamic > section.right > form.std dl.tab_menu_title dt {
	width: 14.286%;
}

/* Panel Initial CSS */

* + table.site_language {
  margin-top: 25px;
}

table.site_language, table.features {
	width: 100%;
}

table.site_language tr:nth-of-type(2n+2), table.features tr:nth-of-type(2n+2) {
	background-color: var(--main_bg_color);
}

table.site_language tr th, table.site_language tr td, table.features tr th, table.features tr td{
	padding: 15px;
}

table.site_language tr:nth-child(odd) {
  background-color: var(--btn_green);
}

table.site_language tr td, table.features tr td {
	border-top: 1px solid #ccc;
}

table.features {
	text-align: left;
}

/* Login Page CSS */

body.login {
	position: relative;
	background-color: var(--main_bg_color);
}

/*main.login {
	width: 600px;
	margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	text-align: center;
	border-radius: 15px;
	padding: 50px;
	background-color: var(--white);
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	-webkit-box-shadow: 0px 0px 10px -3px rgba(112, 112, 112, 1);
	-moz-box-shadow: 0px 0px 10px -3px rgba(112, 112, 112, 1);
	box-shadow: 0px 0px 10px -3px rgba(112, 112, 112, 1);
}

main.login > img {
	width: 50%;
	filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(7472%) hue-rotate(60deg) brightness(105%) contrast(106%);
}

main.login > section > form.login {
	margin-top: 50px;
}

main.login > section > form.login ul li {
	width: 300px;
	margin: 0 auto;
	text-align: center;
}

main.login > section > form.login ul li + li {
	margin-top: 20px;
}

main.login > section > form.login ul li input {
	padding: 10px 10px;
	width: 100%;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 4px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 4px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 4px 0px rgb(196 196 196);
}

main.login > section > form.login ul li aside {
	font-family: Tahoma, Calibri, sans-serif;
	background-color: #FEC600;
	padding: 15px;
	color: #000;
	display: none;
}

main.login > section > form.login ul li button {
	width: 100%;
	background-color: var(--btn_orange);
	border: none;
	padding: 12px 30px;
  border-radius: 5px;
	color: var(--white);
	font-size: 15px;
	cursor: pointer;
	transition-duration: 0.5s;
}

main.login > section > form.login ul li button:hover {
	background-color: var(--btn_blue);
	transition-duration: 0.5s;
}

main.login > section > form.login ul li p#refresh {
	color: #fff;
	cursor: pointer;
}

main.login > section > form.login ul li p#refresh:hover {
	text-decoration: underline;
}*/

main.login {
  position: relative;
  height: 100vh;
  padding: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  animation: bgimage 10s infinite alternate;
  -webkit-animation: bgimage 10s infinite alternate;
  -moz-animation: bgimage 10s infinite alternate;
}

main.login::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
}

@keyframes bgimage {
  0%{
    background-image: url("/images/newyork1.webp");
  }

  50%{
    background-image: url("/images/newyork2.webp");
  }

  100%{
    background-image: url("/images/newyork3.webp");
  }
}

main.login > div {
  width: 350px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

main.login > div img {
  width: 80%;
  height: auto;
  vertical-align: middle;
  filter: brightness(0) saturate(100%);
}

main.login > div form.login {
  margin-top: 25px;
}

main.login > div form.login > ul > li  + li {
  margin-top: 15px;
}

main.login > div form.login > ul > li > input {
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  border: none;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
}

main.login > div form.login > ul > li > button {
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  color: var(--white);
  background-color: var(--blue);
  transition-duration: 0.5s;
}

main.login > div form.login > ul > li > button:hover {
  background-color: var(--btn_blue);
  transition-duration: 0.5s;
}

main.login > div form.login > ul > li > p#refresh {
  font-size: 12px;
  cursor: pointer;
  color: var(--btn_blue);
  text-decoration: underline;
}

main.login > section {
  display: inline-block;
  width: 35%;
  margin: 0 auto;
  padding: 50px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 10px;
  z-index: 100;
  text-align: center;
  background-color: #fff;
  animation: gradient 100s ease infinite;
  background-size: 200% 200%;
  background-image: url('/images/advantages.png');
  -webkit-box-shadow: 0px 0px 5px 0px rgba(123, 123, 123, 1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(123, 123, 123, 1);
  box-shadow: 0px 0px 5px 0px rgba(123, 123, 123, 1);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

main.login section > img {
	width: auto;
  height: 100px;
  vertical-align: middle;
}

main.login > section > form.login {
	margin-top: 50px;
  text-align: center;
}

main.login > section > form.login ul li {
	text-align: center;
}

main.login > section > form.login ul li + li {
	margin-top: 20px;
}

main.login > section > form.login ul li input {
	padding: 12px 15px;
	width: 100%;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(213 213 213);
  -moz-box-shadow: 0px 0px 4px 0px rgba(213, 213, 213, 1);
  box-shadow: 0px 0px 3px 0px rgb(213 213 213);
  background-color: #fff;
}

main.login > section > form.login ul li input:focus {
  -webkit-box-shadow: 0px 0px 3px 0px rgb(79 118 246);
  -moz-box-shadow: 0px 0px 3px 0px rgba(79, 118, 246, 1);
  box-shadow: 0px 0px 3px 0px rgb(79 118 246);
}

main.login > section > form.login ul li aside {
  display: none;
	padding: 15px;
  border-radius: 5px;
  font-family: Tahoma, Calibri, sans-serif;
  color: var(--white);
  background-color: var(--warn);
}

main.login > section > form.login ul li button {
	width: 100%;
	background-color: var(--primesweb);
	border: none;
	padding: 12px 30px;
  border-radius: 5px;
	color: var(--white);
	font-size: 15px;
	cursor: pointer;
	transition-duration: 0.5s;
}

main.login > section > form.login ul li button:hover {
	background-color: var(--jade);
	transition-duration: 0.5s;
}

main.login > section p.google_login {
  margin: 20px 0 0 0;
  border: 1px solid #c2c8d0;
  text-align: left;
  border-radius: 5px;
  transition-duration: .4s;
}

main.login > section p.google_login:hover {
  background-color: #f5f5f5;
  transition-duration: .4s;
}

main.login > section p.google_login a {
  font-size: 15px;
  letter-spacing: .4px;
  display: block;
  padding: 10px 8px 10px 16px;
  color: #333;
}

main.login > section p.google_login a img {
  width: 20px;
  vertical-align: middle;
  height: 20px;
  margin-right: 15px;
  border-right: 1px solid #c2c8d0;
  padding-right: 15px;
}

main.login > section > p.btn {
  width: 100%;
  background-color: var(--primesweb);
  border: none;
  border-radius: 5px;
  transition-duration: 0.5s;
}

main.login > section > p.btn a {
  display: block;
  padding: 12px 30px;
  color: var(--white);
  font-size: 15px;
}

main.login > section > p.btn:hover {
  background-color: var(--jade);
  transition-duration: 0.5s;
}

main.login > section > form.login ul li p#refresh {
	color: #fff;
	cursor: pointer;
}

main.login > section > form.login ul li p#refresh:hover {
	text-decoration: underline;
}

main.login > p.copyright {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  color: var(--border_gray);
  z-index: 1000;
}

div.dashboard_info_card {
  margin-top: 25px;
}

div.dashboard_info_card::-webkit-scrollbar {
  height: 5px;
}

/* Track */
div.dashboard_info_card::-webkit-scrollbar-track {
  background-color: #ddd;
  border-radius: 10px;
}

/* Handle */
div.dashboard_info_card::-webkit-scrollbar-thumb {
  background: var(--btn_blue);
  border-radius: 10px;
}

/* Handle on hover */
div.dashboard_info_card::-webkit-scrollbar-thumb:hover {
  background: var(--blue);
}

div.dashboard_info_card > div {
  display: inline-block;
  width: 30%;
  height: 200px;
  max-height: 200px;
  padding: 30px 0;
  border-radius: 5px;
  vertical-align: top;
  position: relative;
  transition-duration: 0.5s;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  background-image: url(/images/svg/circle.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right;
}

div.dashboard_info_card > div:hover {
  transition-duration: 0.5s;
}

div.dashboard_info_card > div + div {
  margin-left: 5%;
}

div.dashboard_info_card > div:nth-child(3n+4) {
  margin-left: 0;
}

div.dashboard_info_card > div:nth-child(n+4) {
  margin-top: 50px;
}

div.dashboard_info_card > div:nth-child(1), div.dashboard_info_card > div:nth-child(1) > span {
  background-color: var(--black);
}

div.dashboard_info_card > div:nth-child(2), div.dashboard_info_card > div:nth-child(2) > span {
  background-color: var(--primesweb);
}

div.dashboard_info_card > div:nth-child(3), div.dashboard_info_card > div:nth-child(3) > span {
  background-color: var(--jade);
}

div.dashboard_info_card > div:nth-child(4), div.dashboard_info_card > div:nth-child(4) > span {
  background-color: var(--warn);
}

div.dashboard_info_card > div:nth-child(5), div.dashboard_info_card > div:nth-child(5) > span {
  background-color: #474747;
}

div.dashboard_info_card > div:nth-child(6), div.dashboard_info_card > div:nth-child(6) > span {
  background-color: #ab9c81;
}

div.dashboard_info_card > div:nth-child(7), div.dashboard_info_card > div:nth-child(7) > span {
  background-color: #dab24a;
}

div.dashboard_info_card > div:nth-child(8), div.dashboard_info_card > div:nth-child(8) > span {
  background-color: #dc143c;
}

div.dashboard_info_card > div:nth-child(9), div.dashboard_info_card > div:nth-child(9) > span {
  background-color: #8968cd;
}

div.dashboard_info_card > div > span {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: -20px;
  left: -20px;
  border: 1px solid var(--white);
}

div.dashboard_info_card > div > span > i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--white);
}

div.dashboard_info_card > div > h2 {
  margin: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: var(--white);
}

div.dashboard_info_card > div > h3 {
  margin: 0;
  position: absolute;
  right: 0;
  left: 0;
  top: 40%;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: var(--white);
}

div.dashboard_info_card > div > h4 {
  margin: 0;
  position: absolute;
  right: 0;
  left: 0;
  top: 60%;
  font-weight: 400;
  text-align: center;
  color: var(--main_bg_color);
}

div.dashboard_info_card > div > h4 > a {
  color: var(--yellow);
}

div.dashboard_info_card > div > p:not([class]) {
  width: 85%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  text-align: center;
  color: var(--white);
}

div.dashboard_info_card > div > p.btn {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  background-color: var(--black);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition-duration: 0.5s;
}

div.dashboard_info_card > div > p.btn:hover {
  opacity: 0.7;
  transition-duration: 0.5s;
}

div.dashboard_info_card > div > p.btn > a {
  display: block;
  padding: 10px;
  font-size: 12px;
}

div.scroll_button {
  top: -245px;
  margin-top: 15px;
  position: relative;
  text-align: center;
}

div.scroll_button > span {
  display: block;
  height: 176px;
  position: absolute;
  padding: 12px 15px;
  cursor: pointer;
  background-color: var(--btn_blue);
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
}

div.scroll_button > span:first-of-type {
  left: 0;
}

div.scroll_button > span:last-of-type {
  right: 0;
}

div.scroll_button > span > i.scroll {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: var(--white);
}

ol.owl-dots {
  width: 30%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  text-align: center;
  z-index: 2;
}

ol.owl-dots button {
  display: none !important;
}

ol.owl-dots li {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.5;
  background-color: var(--blue);
}

ol.owl-dots li.active {
  opacity: 1;
}

ol.owl-dots li + li {
  margin-left: 10px;
}

main span.color {
	display: inline-block;
  width: 31px;
	height: 31px;
  box-sizing: border-box;
  padding: 0;
	margin-left: 10px;
  vertical-align: top;
  border-radius: 5px;
	border: 1px solid #ddd;
}

form.std fieldset ul.apps li {
	display: inline-block;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
}

form.std fieldset ul.apps li + li {
	margin-left: 15px;
}
form.std fieldset ul.apps li a {
	display: block;
}

form.std fieldset ul.apps li a img {
	width: 120px;
	height: auto;
}

form.std fieldset ul.apps li a span {
	border-top: 1px solid #ddd;
	display: block;
	margin-top: 10px;
	padding-top: 5px;
}

form.std fieldset ul.apps li a span h3 {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin: 0;
	vertical-align: middle;
}

form.std fieldset ul.apps li a span i {
	float: right;
	color: #333;
	vertical-align: middle;
	margin-top: 2px;
	font-size: 13px;
}

form.std fieldset ul.apps li > i.integrations_delete {
	position: absolute;
	right: 10px;
	bottom: 13px;
	font-size: 13px;
	cursor: pointer;
}

table.speed_table > thead > tr {
	border-bottom: 1px solid #ddd;
}

table.speed_table > thead > tr > th + th, table.speed_table > tbody > tr > th + th {
	border-left: 1px solid #ddd;
}

section.info_storage_size {
  margin-top: 50px;
}

section > details.data {
  margin-bottom: 15px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  background-color: var(--white);
}

section > details.data > summary {
  padding: 25px;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  color: #666;
  border-bottom: 1px solid #ddd;
}

section > details.data > summary::after {
  content: "";
  width: 15px;
  height: 20px;
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/images/svg/arrow_lines.svg);
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
}

section > details.data[open] > summary::after {
  background-image: url(/images/svg/line.svg);
}

section > details.data > div {
  padding: 25px;
}

section > details.data > div > ul.filter {
  margin-bottom: 25px;
}

section > details.data > div > ul.filter > li {
  display: inline-block;
}

section > details.data > div > ul.filter > li + li {
  margin-left: 15px;
}

section > details.data > div > ul.filter > li > label {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
}

section > details.data > div > ul.filter > li > button {
  height: 38px;
  padding: 0 13px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  color: var(--white);
  background-color: var(--blue);
  transition-duration: 0.5s;
}

section > details.data > div > ul.filter > li > button:hover {
  background-color: var(--btn_blue);
  transition-duration: 0.5s;
}

section > details.data > div > ul.filter > li > button + button {
  margin-left: 15px;
  background-color: var(--btn_orange);
}

section > details.data > div > aside.info {
  padding: 15px;
  border-radius: 5px;
  font-size: 13px;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  color: var(--warn);
  background-color: var(--white);
}

label.switch {
  display: inline-block !important;
  position: relative !important;
  width: 55px;
  height: 30px;
  margin: 0 !important;
}

label.switch > input {
  opacity: 0;
  width: 0;
  height: 0;
}

label.switch > span {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
  background-color: var(--border_gray);
  border-radius: 35px;
  transition: 0.4s;
}

label.switch > span::before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 4px;
  bottom: 4px;
  border-radius: 50%;
  background-color: white;
  transition: 0.4s;
}

label.switch > input:checked + span {
  background-color: var(--jade);
}

label.switch > input:checked + span::before {
  transform: translateX(26px);
}

form.lang > fieldset {
  padding: 25px;
  border-radius: 5px;
  border: 1px solid var(--border_gray);
}

form.lang > fieldset > legend {
  margin: 0 !important;
}

form.lang > fieldset > p {
  display: inline-block;
}

form.lang > fieldset > p + p {
  margin-left: 25px;
}

form.lang > fieldset > p > b {
  color: var(--warn);
}

section.modal {
	width: 100%;
	height: 100%;
	display: none;
  position: fixed;
  left: 0;
  top: 0;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  z-index: 999999;
}

section.modal > section {
	width: 45%;
  max-height: 90%;
  overflow: scroll;
	position: absolute;
	top: 50%;
  left: 0;
  right: 0;
	transform: translateY(-50%);
	margin: 0 auto;
  padding: 25px;
	background: var(--white);
  border-radius: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
}

section.modal > section h2 {
	margin: 0;
	padding-bottom: 25px;
	border-bottom: 1px solid var(--primesweb);
  color: var(--primesweb);
}

section.modal section img#close, section.modal section img#icon_modal_close  {
  width: 20px;
  height: auto;
  position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;
}

section.modal section i.close_modal {
  font-size: 25px;
  position: absolute;
  top: 20px;
  right: 25px;
  cursor: pointer;
}

section.modal > section > form {
	padding: 0;
}

section.modal > section > div.warn {
  margin-top: 25px;
}

section.select_domain_modal > section > div.warn {
  margin-top: 25px !important;
}

section.modal > section > img.loading {
  display: block;
  width: 150px;
  height: auto;
  margin: 0 auto;
  vertical-align: middle;
}

section.modal > section > input {
  display: inline-block;
  width: 70%;
  padding: 10px;
  margin-top: 25px;
  border-radius: 5px;
  border: 1px solid var(--border_gray);
  background-color: var(--white);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

section.modal > section > button {
  display: inline-block;
  width: 28%;
  padding: 11px;
  margin-left: 2%;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  color: var(--white);
  background-color: var(--primesweb);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition-duration: 0.5s;
}

section.modal > section > button:hover {
  background-color: var(--jade);
  transition-duration: 0.5s;
}

section.modal > section form {
  margin-top: 15px;
}

section.modal > section form ul li + li {
  margin-top: 15px;
}

section.modal > section form ul li > label {
  display: block;
  margin-bottom: 15px;
  font-weight: 600;
}

section.modal > section form ul li > input#user_domain, section.modal > section form ul li > input[name="verify_code"] {
  width: 70%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid var(--border_gray);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

section.modal > section form ul li > input[name="verify_code"] {
  width: 100%;
}

section.modal > section form fieldset > button[type="submit"] {
  margin-top: 15px;
  padding: 12px 60px;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  color: var(--white);
  background-color: var(--btn_orange);
  transition-duration: 0.5s;
}

section.modal > section form fieldset > button[type="submit"]:hover {
  background-color: var(--blue);
  transition-duration: 0.5s;
}

section.modal > section form fieldset > aside {
  display: none;
  margin-top: 15px;
  color: var(--warn);
}

div.two_step_verification {
  padding: 25px;
  border-radius: 5px;
  text-align: left;
  cursor: pointer;
  border: 1px solid var(--border_gray);
}

div.two_step_verification + div.two_step_verification {
  margin-top: 15px;
}

div.two_step_verification.active {
  border-color: var(--jade);
}

div.two_step_verification > input[type="radio"]{
  width: 17px;
  height: 17px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  accent-color: var(--green);
}

div.two_step_verification > p:not([class]) {
  display: inline-block;
  margin: 0 0 0 10px;
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle;
}

div.two_step_verification > i {
  font-size: 20px;
  vertical-align: middle;
  filter: brightness(0) saturate(100%) invert(24%) sepia(58%) saturate(345%) hue-rotate(152deg) brightness(94%) contrast(88%);
}

ol.my_registered_cards {
  margin-top: 25px;
}

ol.my_registered_cards > li {
  display: inline-block;
  width: 45%;
  text-align: center;
}

ol.my_registered_cards > li + li {
  margin-left: 10%;
}

ol.my_registered_cards > li > h4 {
  margin: 0;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}

ol.my_registered_cards > li > h4 > i {
  position: absolute;
  right: 0;
  cursor: pointer;
}

ol.my_registered_cards > li > h4 > i + i {
  right: 30px;
}

ol.my_registered_cards > li > div {
  margin: 15px 0;
  padding: 15px;
  position: relative;
  border: 1px solid var(--border_gray);
  border-radius: 5px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  background-color: var(--main_bg_color);
}

ol.my_registered_cards > li > div > p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
}

ol.my_registered_cards > li > div > p > span {
  position: absolute;
  left: 15px;
  bottom: 15px;
}

ol.my_registered_cards > li > div > p > span > img {
  width: 50px;
  height: auto;
  vertical-align: middle;
}

ol.my_registered_cards > li > div > p + p {
  text-align: right;
  margin-top: 25px;
}

input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin: 0 15px 0 0;
  vertical-align: sub;
  cursor: pointer;
  accent-color: var(--blue);
}

div.select_domain_box {
	padding: 20px;
  border-radius: 5px;
  background-color: var(--white);
}

div.select_domain_box > label {
	display: block;
	font-size: 12px;
  margin-bottom: 10px;
  color: #666;
}

div.select_domain_box > select {
  font-family: inherit;
  width: 300px;
  height: 31px;
  border: none;
  border-radius: 2px;
  padding: 5px 10px;
  border-radius: 5px;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 3px 0px rgba(196, 196, 196, 1);
  box-shadow: 0px 0px 3px 0px rgb(196 196 196);
  background-color: var(--white);
}

div.select_domain_box > p {
  margin-top: 10px;
  font-size: 12px;
  color: #666;
  font-style: italic;
}