@charset "utf-8";
/* CSS Document */
.white_bg {
	background-color:#FFF;
}
.dark_bg {
	background-color:#04243c;
}
.light_bg {
	background-color:#0F75BC;
}
.white_bg {
	background-color:#FFF;
}
.white_text {
	color:#FFF;
}
.dark_text {
	color:#04243c;
}
.hide_this, #edit_license_data, .sub_menu, .sub_menu_label {
	display:none;
}
.back_dim, .back_dim {
	border:#ccc solid 1px;
}
.back_dim:hover, .back_dim:focus {
	border:#000 solid 1px;
}
/************************************/
/*           MENU                   */
/************************************/
.navbar-fixed-top {
  top: 125px;
  position: fixed;
  max-height:50px;
  background-color:#000;
  width:100%;
  z-index:999;
}
#pre_nav {
	top: 0;
	position: fixed;
	background-color:#FFF;
	height: 125px;
	width: 100%;
	color:#000;	
	z-index:999;
}
li.nav-item {
	padding-right:35px;
}
li.nav-item .np {
	padding-right:0px;
}
li.key_b {
	list-style-type:none;
	color:#49731b;
}
#body_container {
	padding-top: 195px;
}
.collapse .dropdown-menu .dropdown-item {
	color:#FFF !important;
}
.navbar-collapse, .collapse .dropdown-menu {
	background: #0F75BC;
}

.navbar-collapse .member, .collapse .dropdown-menu .member {
	background: #212529;/*#0F75BC*/
}

.collapse .dropdown-menu {
	border:none;
}
.collapse .dropdown-menu :hover{
	background: #0F75BC;
	color:#FFF;
}
.dropdown-menu.member_dropdown {
	background: #212529;
	color:#FFF;
	border-radius:0;
}

a.dropdown-item.member:hover {
	background: #212529 !important;
	color:#000;
	border-radius:0;
}
#error_container {
	z-index: 9999999 !important;
}
.card,.card-body {
	z-index: 99;
}
.to_top {
	top:50%;
	right:2%;
	position:fixed;
	display:none;
}
#error_container{
	position:fixed;
	top:195px;
}
.header_icon {
	text-decoration:none;
	color:#332d2d;
}
.header_icon:hover, .footer_icont:focus {
	color:#CCC;
}
.nav_link_custom {
	color:#FFF;
}
.nav-link:hover, .nav_link:hover, ul.dropdown-menu > li > a.dropdown-item:hover  {
	color:#332d2d !important;
}

.nav-link.member:hover, .nav_link.member:hover, ul.dropdown-menu.member > li > a.dropdown-item.member:hover  {
	color:#666 !important;
}


.ph_light {
	-webkit-text-fill-color:#CCC;
}
/************************************/
/*         NUMBER SPINNER           */
/************************************/
.number-spinner {
  max-width: 75px;
  line-height: 22px;
  padding: 0;
  margin: 0;
  border-radius: 4px;
  border: 2px solid #e2e2e2;
  overflow: hidden;
  position: relative;
  display: table;
  input {
    height: 22px;
    max-height: 22px;
    line-height: 22px;
    font-size: 1em;
    padding: 0;
    margin: 0;
    border: none;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    &:focus {
      outline: none;
    }
  }
.ns-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
	cursor: pointer;
		a {
		  height: 22px;
		  min-height: 22px;
		  width: 22px;
		  padding: 0;
		  max-width: 22px;
		  line-height: 22px;
		  border-radius: 0;
		  border: none;
		  text-align: center;
		  position: relative;
		  background: #e2e2e2;
		  color: #333;
		  display: inline-block;
		  vertical-align: middle;
		  text-decoration: none;
		}
	.icon-minus:after {
	  content: "\002212";
	  font-size: 18px;
	  line-height: 22px;
	  font-weight: bold;
	}
	.icon-plus:after {
	  content: "\00002B";
	  font-size: 18px;
	  line-height: 22px;
	  font-weight: bold;
	}
	}
}
/************************************/
/*           REFERRAL               */
/************************************/
.referral_li {
	list-style-position: inside;
	text-indent: -1em;
  	padding-left: 2em;
}
/************************************/
/*           PRICING                */
/************************************/
.green_bg_fade {
	background-image: linear-gradient(135deg, #003300 0%, #336600 35%, #669900 100%);
}
.mauve_bg_fade {
	background-image: linear-gradient(135deg, #400000 0%, #662946 35%, #7f3358 100%);
}
.purple_bg_fade {
	background-image: linear-gradient(135deg, #6f3096 0%, #9444c4 35%, #c498de 100%);
}
.jade_bg_fade {
	background-image: linear-gradient(135deg, #347891 0%, #4298b9 35%, #74b5cd 100%);
}
.green_button{
	background-color:#336600;
	border-color:#FFF;
	color:#FFF;
}
.green_button:hover  {
	background-color:#669900;	
	border-color:#FFF;
	color:#FFF;
}
.mauve_button{
	background-color:#662946;
	border-color:#FFF;
	color:#FFF;
}
.mauve_button:hover  {
	background-color:#7f3358;	
	border-color:#FFF;
	color:#FFF;
}
.purple_button{
	background-color:#9444c4;
	border-color:#FFF;
	color:#FFF;
}
.purple_button:hover  {
	background-color:#c498de;	
	border-color:#FFF;
	color:#FFF;
}
.jade_button{
	background-color:#4298b9;
	border-color:#FFF;
	color:#FFF;
}
.jade_button:hover  {
	background-color:#74b5cd;	
	border-color:#FFF;
	color:#FFF;
}
.zoom {
  padding: 50px;
  transition: transform .2s; /* Animation */
  width: 100;
  height: 70%;
  margin: 0 auto;
  border:none;
}

.zoom:hover {
  transform: scale(1.1);
  z-index:99;
  border:2px solid #FFF;
}
/************************************/
/*           FOOTER                 */
/************************************/
.footer_link {
	text-decoration:none;
	color:#CCC;
}
.footer_link:hover, .footer_link:focus {
	/*color:#332d2d;*/
	color:#000;
}
.footer_icon {
	text-decoration:none;
	color:#CCC;
}
.footer_icon:hover, .footer_icon:focus {
	color:#332d2d;
}
/************************************/
/*        LOADING/PROCESSING        */
/************************************/
.processing { 
	/*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background-color:rgba(0,0,0,0.7);
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index: 99999999 !important;
}

.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #0F75BC;
  border-bottom: 5px solid #0F75BC;
  width: 60px;
  height: 60px;
  
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: fixed;
  top: 40%;
  left: 49%;
  transform: translate(-50%, -50%);
  z-index: 999999999 !important;
}
.loader_text{
	position: absolute;
    /*left: 0;
    right: 0;
    bottom: 50%;*/
		/* top:0; */
    display: inline-block;
    text-align: center;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	margin-bottom: -5em;
	z-index: 999999999 !important;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#button_processing {
	display:none;
}
/************************************/
/*           MEMBERS                */
/************************************/
.card_hover:hover,.card_hover:focus  {
	border-color:#333;
	box-shadow: 0 0 3px 3px rgba(51,51,51,0.3);;
}
.a_no_dec {
	text-decoration:none;
}
.card_vert {
	height:150px;
}
#renewal, #user_change {
	display:none;
}
#license_container tr td:hover, #license_container tr td:focus, #unlicensed:hover {
	cursor:pointer;
}
.payment_panel_member {
	border-radius:20px;
	background: rgb(2,0,36);
	background: linear-gradient(rgba(33,37,41,1) 0%, rgba(73,80,87,1) 35%, rgba(51,51,51,1) 100%);
	padding:9px;
}
.payment_panel_web {
	border-radius:20px;
	background: rgb(2,0,36);
	/*background: linear-gradient(rgba(5,44,101,1) 0%, rgba(115,117,188,1) 50%, rgba(13,110,253,1) 100%);*/
	background: linear-gradient(rgba(15,117,188,1) 0%, rgba(51,153,255,1) 80%, rgba(185,193,255,1) 100%);
	padding:9px;
	color:
}
/************************************/
/*           RESPONSIVE             */
/************************************/
/*
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;
*/
.section_title {
	justify-content: flex-center;
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {	
	
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.section_title {
		justify-content: flex-start;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px){
}

/*XXL evices (Extra large desktops, 1400px and up) */
@media (min-width: 1400px) {
}