body {
	background:#fafafa;
	color:#404040;
	font-size:14px;
	overflow-x:hidden;
	font-family:'Lato', sans-serif;
}

.footer-container {
	margin-top: 15px;
}

.background-image {
	position: center;
	width: 70%;
}


.body-tooltip + .tooltip > .tooltip-inner{
	color: #FAFAFA;
	background-color: black;
	font-size: 15px;
	bottom: 100%;
	left: 50%;
  	width: 200px;
}

#body-tooltip {
	position: absolute;
}

@media(max-width:991px) { 
	.profile-li {
		display:none!important;
	}
}

@media(max-width:767px) { 
	.home-body {
	  	background:none;
	}

	.esc-menu-collapse{
		margin:16px 0px 0;
	}
}


h1, h2, h3, h4, h5, h6 {
	font-weight:300;
}

.p-big {
	font-size:15px;
}

.md-line {
	line-height:2;
}

.blue-heading {
    color:#0e7dc1;
    font-size:30px;
	text-transform:uppercase;
}

.esc-h5 {
	color:#0e7dc1;
	text-transform:uppercase;
}

.left {
	text-align:left;
}

.underline {
	text-decoration:underline;
}

.warning {
	color:red;
	font-size:11px;
}

@media(max-width:991px) {
	body {
		font-size:12px;
	}
	#pending-table {
		font-size:11px;
	}
	#pending-table td  {
		max-width:0;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.pending-th  {
		max-width:50px;
		overflow:hidden;
	}
	.applicant-domain-box {
		padding:10px;
		text-align:center;
		background:rgba(255, 255, 255, 0.42);
		margin-top:10px;
		padding-bottom:50;
	}
	.error-admin {
		padding:0px;
	}

	/* bootstrap 4 */
	.custom-ml-12 {
		margin-left: 25px;
	}
}

@media(max-width:767px) {
	.profile-li, .login-error {
		margin-left:20px;
	}
}

.background-body {
	background:white;
	color:#404040;
}

.background-body-esc {
	background:#FFFFFF;
	color:#333;
	font-family:'Open Sans',sans-serif;
}

.lang-dropdown {
	padding-left:0!important;
}

.navbar-right {
	margin-top:8px;
}

.dropdown-active {
	background-color:#FEA001;
}

.ui-widget-overlay { 
	position:absolute!important;
    opacity:0.5!important;;
}

/*********************
*
*	Images & Logos
*
*/

.index-logo {
	height:55px;
}

#profile img {
	padding:10px;
}

.profile-img {
	width:40px;
}

.vendor-logo {    
	max-height:48px;
    max-width:190px;
	margin-bottom:5px;
}

.google-vendor-logo {
    height:36px;
    margin-bottom:5px;
}

.index-gapss-gif {
	height:30px;
    vertical-align:top;
}

#logo {
	width:70px;
	padding:5px;
	margin-left:10px;
}

.gapps, .gapps a {
	color:#63666a;
    text-decoration:none;
    vertical-align:top;
}

.gapps img{    
	vertical-align:top;
}

.small-img {
	width:32px;
}

.small-vendorLogo {
	max-height:20px;
}

/**********************
*
*	BOXES - CONTAINER
*
*/

#info-container{
    margin-top:30px;
}

.info-box  {
  height:200px;
  background:linear-gradient(#eee, #FFFFFF);
  border:1px solid gray;
  border-radius:4px;
}

/********************
*
*	TEXTS
*
*/

.no-left-padding {
	padding-left:0;
}

.no-right-padding {
	padding-right:0;
}

#title {
	color:black;
}

.center {
  text-align:center;
}

.panel-footer {
  color:#777;
  text-align:center;
  border-top:1px solid #e5e5e5;
}

.login-wrapper {
	margin:10px;
	margin-top:50px;
	border-radius:2px;
	-webkit-box-shadow:2px 2px 2px #666666;
	padding:20px;
	background:#f7f7f7;
	font-family:'Lato', Helvetica, sans-serif;
	text-align:center;
}

.session {
	text-align:center;
}

h1.hero-text {
	font-family:"Lato", "Helvetica Neue", Arial;
	line-height:52px;
	text-align:left;
	font-size:37px;
	font-weight:300;
	letter-spacing:.3px;
	color:#FFF;
	-webkit-animation-duration:1s;
}

h1.hero-text a{
	font-family:"Lato", "Helvetica Neue", Arial;
	line-height:52px;
	text-align:left;
	font-size:37px;
	font-weight:300;
	letter-spacing:.3px;
	color:#FFF;
	-webkit-animation-duration:1s;
	text-decoration:underline;
}

animated.fadeInDown {
	-webkit-animation-name:fadeInDown;
	-moz-animation-name:fadeInDown;
	-o-animation-name:fadeInDown;
	animation-name:fadeInDown;
}

.sub-text {
	-webkit-font-smoothing:antialiased;
	width:70%;
	margin-top:25px;
	font-family:"Lato", "Helvetica Neue", Arial;
	color:#fff;
	font-weight:400;
	font-size:18px;
	line-height:28px;
	-webkit-animation-duration:1s;
}

.big-sub-text {
	font-size:22px;
}

.final-text {
	-webkit-font-smoothing:antialiased;
	width:70%;
	margin-top:25px;
	font-family:"Lato", "Helvetica Neue", Arial;
	color:#fff;
	-webkit-animation-duration:1s;
}

h2 {
	font-size:25px;
	font-weight:100;
	margin-bottom:20px;
}

.delete-form, .esc-form {
	width:100%;
	height: 50px;
	padding:14px;
	margin:0 auto 10px;
	background-color:#FFFFFF;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-webkit-border:2px solid #e5e5e5;
	-moz-border:2px solid #e5e5e5;
	-o-border:2px solid #e5e5e5;
	border:2px solid #e5e5e5;
}

.forigotron-form {
	width:100%;
	height:auto;
	padding:10px;
	margin:0 auto 10px;
	background-color:#FFFFFF;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-webkit-border:2px solid #e5e5e5;
	-moz-border:2px solid #e5e5e5;
	-o-border:2px solid #e5e5e5;
	border:2px solid #e5e5e5;
}

input, .ui-widget input, .ui-widget select, .ui-widget textarea {
	font-family:'Lato', sans-serif;
	font-size:13px;
}

.ui-widget button {
	font-family:'Lato', sans-serif;
	font-size:14px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea {
	font-family:'Lato', sans-serif;
	font-size:13px;
}

.update-form-date {
    width:100%;
    background-color:#FFFFFF;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-border:2px solid #e5e5e5;
    -moz-border:2px solid #e5e5e5;
    -o-border:2px solid #e5e5e5;
    border:2px solid #e5e5e5;
}

.update-form {
    width:100%;
    height:40px;
    margin:0 auto 10px;
    background-color:#FFFFFF;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-border:2px solid #e5e5e5;
    -moz-border:2px solid #e5e5e5;
    -o-border:2px solid #e5e5e5;
    border:2px solid #e5e5e5;
}

.esc-form {
    width:100%;
    height:40px;
    margin:0 auto 10px;
    background-color:#FFFFFF;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    border:1px solid #ccc;
	padding:6px 12px;
}

.esc-form:focus {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	border-color:blue;
	outline:none !important;
}

.seats-form {
	max-width:100px;
	min-width:65px;
	height:auto;
	background-color:#FFFFFF;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-webkit-border:2px solid #e5e5e5;
	-moz-border:2px solid #e5e5e5;
	-o-border:2px solid #e5e5e5;
	border:2px solid #e5e5e5;
}

.middle {
	vertical-align:middle!important;
}

.input-error {
	border-color:red!important;
}

/************
*
*	Footer
*
*/

html {
  position:relative;
  min-height:100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom:50px;
}

.footer {
  position:absolute;
  bottom:0;
  width:100%;
  height:50px;
  background-color:#f5f5f5;
}

/************
*
*	DOMAINS
*
*/

.table-checkbox {
	width:150px;
}

#domain-list-table td {
	vertical-align:middle;
}

#domain-table th {
    vertical-align:top;
}

#domain-user-table td {
	vertical-align:middle!important;
	height:45px;
}

.inactive-user {
	opacity:0.5;
} 

.inactive-user-checkbox {
	opacity:0.5;
}

.table-container {
	padding:0 20 20 20;
	text-align:center;
	background:rgba(255, 255, 255, 0.42);
	margin-top:50px;
}

.tracking-table-container {
	background:white;
	padding:15px 10px 5px;
	border-top:2px solid orange;
}

.domain-name-width{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	max-width:37%;
	display:inline-block;
}

.domain-contacts-name-width{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	max-width:29%;
	display:inline-block;
}

.domains {
	padding:15px;
	border:1px solid #c0c0c0;
	max-height:150px;
	overflow:auto;
	overflow:auto;
	word-wrap:break-word;
	font-size:13px;
}

.domains li {
	background:#fcfcfc;
	border:1px solid #e5e5e5;
	padding:6px 12px;
	line-height:18px;
	margin-bottom:8px;
	border-radius:3px;
}

.overflow {
	overflow:auto;
}

.user-reg-domains {
	padding:15px;
	border:1px solid #c0c0c0;
	max-height:100px;
	overflow:auto;
	overflow:auto;
	word-wrap:break-word;
	font-size:13px;
}


.user-reg-domains li {
	background:#fcfcfc;
	border:1px solid #e5e5e5;
	padding:6px 12px;
	line-height:18px;
	margin-bottom:8px;
	border-radius:3px;
}

.gray-background {
	background:#c0c0c0;
	color:#FFFFFF;
	padding:10px;
	height:40px;
	padding-left:10px;
	margin-top:5px;
}

.top-separator {
	margin-top:20px;
	border-top:solid 1px #c0c0c0;	
	padding-top:20px;
}

.bottom-separator {
	border-bottom:1px solid #eee;
}

.footer-prev {
	height:20px;	
}

.max-count {
  min-width:60px;
  display:inline;
  padding-right:5px;
  margin:0;
}

.th-label-purple {
	min-width:150px;
}

.th-label {
	min-width:100px;
	max-width:150px;
}

.th-label-icons {
	max-width:50px;
}

.error-admin {
	text-align:center;
	padding:50px;
	margin-top:50px;
	background:rgba(255, 255, 255, 0.42);
}

.error-ie7 {
	text-align:center;
	padding:50px;
	margin-top:100px;
	background:#F9F8F8;
	border:1px solid #c0c0c0;
}

@media(max-width:991px) {
	.domains li {
		height:50px;
	}
}

.subject-form {
	margin-top:5px;	
}

#white-space {
	height:40px;
}

.footer {
	position:absolute;
	bottom:0;
	width:100%;
	background-color:#f5f5f5;
}

.users-box {
	overflow:hidden;
}

#users {
	width:200px;
	float:none!important;	
	font-size:14px;
}

#users:focus {
	outline:0;
}

#users {
	border:0;
	margin:3px;
}

.user-added {
	padding:2px;
	margin:5px;
	line-height:2;
	background-color:#eee;
	max-width:100px;
	height:400px;
	word-break:break-word;
}

.users-input-hover {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	-webkit-border:2px solid #2b344d;
	-moz-border:2px solid #2b344d;
	-o-border:2px solid #2b344d;
	border:2px solid #2b344d;
}

#users-input {
	overflow:auto;
	max-height:100px;
	border-radius:0;
}

p > label {
	font-size:18px;
	line-height:28px;
	margin-bottom:0px;
}

.result-box {
	margin-top: 15px;
	text-align: center;
	background:rgba(255, 255, 255, 0.42);
}

.subscriptions-box {
	text-align: center;
	background:rgba(255, 255, 255, 0.42);
}

.adduser-box {
	padding:20px;
	text-align:center;
	background:rgba(255, 255, 255, 0.42);
}

/** Colors */
.orange {
	color:#FEA001;
}

.red {
	color:red;
}

.blue {
	color:#28a4c9;
}

.yellow {
	color:#dac425;
}

.green {
	color:green;
}

.white {
	color:white;
}

.gray {
	color:gray;
}


@media screen and (min-width:768px) {
	#subscriptionCompanyModal .modal-dialog  {
		width:1200px;
	}
	#vendorBillingSubscriberModal .modal-dialog  {
		width:1200px;
	}
	#vendorBillingDetailModal .modal-dialog  {
		width:1200px;
	}
	#vendorBillingErrorModal .modal-dialog  {
		width:1200px;
	}
	#skuCustomFieldModal .modal-dialog  {
		width:1200px;
	}
	#customerCompanyCustomFieldModal .modal-dialog  {
		width:1200px;
	}
	#payment-plan-invoice-lines-modal .modal-dialog  {
		width:1200px;
	}

	#uploadFileModal .modal-dialog  {
		min-width: 1000px;
		width: 75%
	}
}

.profile-dropdown {
	padding:10px;	
}

.dropdown-header {
	margin-top:2px;
}

.active-lang {
	background:#eee;
}

#reseller-logo {
    max-width: 100%;
	height:50px;
	margin-right: 10px;
}

#footer-logo {
	width:30px;
}

.disabled-color {
	color:#c0c0c0;
	background:#eee!important;
}

#spaced-title {
	margin-bottom:0;
	border-bottom:1px solid #FFFFFF;
	padding:10px;
}

#spaced-title2 {
	margin-top:0;
	margin-bottom:0;
	border-bottom:1px solid #FFFFFF;
	padding:10px;
}

#user-btn {
	margin-top:10px;
}

.inline {
	display:inline;	
}

/** Menu */
.dropdown-gate-select2{
	margin: 10px 0px;
}

.li-active {
    border-bottom:rgba(40, 164, 201, 0.61) 2px solid;
}

.esc-menu {
	margin: 16px 0px 0;
}

.esc-menu-right {
	margin:7px 0px;
}

.red-icon {
    color:#e74c3c;
}

.green-icon {
    color:#489315;;
}

 .dark-blue {
	overflow:auto;
}

.domains-container {
	padding:20px;
	color:#404040!important;
	margin-top:100px;
	margin:10px;
}

.domains-checklist {
	padding:0 20 20 20;
	overflow:auto;
	background:rgba(255, 255, 255, 0.42);
}

.table-btns {
	margin-bottom:10px;
	margin-top:10px;
}

.table-btn {
	font-size:15px;
	margin-right:10px;	
}

.checkbox-table{
	max-width:5px!important;
	overflow:hidden;
}

.user-table{
	min-width:30px!important;
	max-width:50px!important;
	overflow:hidden;
}

.small-btn {
	font-size:9px;
	padding:2px!important;
}

.small-btn-activate {
	width:53px;
}

.clicking a:hover{
	cursor:pointer;
}

#activate-btn {
	margin-top:20px;
}

.esc-btn {
    border-radius:1px;
    background-color:#0e7dc1;
    box-shadow:0 1px 6px -3px rgba(51,51,51,.4);
    -webkit-transition:all 450ms ease-in-out;
    transition:all 450ms ease-in-out;
    cursor:pointer;
    color:#fff;
    border:0;
    font-weight:600;
}

.aplication-body {
	margin-top:-15px;
}

/***************
*
*	 ICONS
*	
*/

.blue-icons {
	color: #400040;
	font-size:16px;
	margin:6px;
	cursor:pointer;
}

.red-icons {
	color: #ff0000;
	font-size:15px;
	margin:5px;
	cursor:pointer;
}

.yellow-icons {
	color: #ffc900;
	font-size:15px;
	margin:5px;
	cursor:pointer;
}

.blue-big-icons {
	color: #2aabd2;
	font-size:24px;
	margin:2px;
	cursor:pointer;
}

.red-big-icons {
	color: #ff0000;
	font-size:24px;
	margin:2px;
	cursor:pointer;
}

.tooglebox-icons {
	color:#fea001;
	font-size:15px;
	margin:5px;
	cursor:pointer;
}


.glyphicon-pushpin {
	font-size:20px;
}

.glyphicon-chevron-up, .glyphicon-chevron-down {
	color:#FFFFFF;
	margin-bottom:4px;
}

.glyphicon-chevron-left, .glyphicon-chevron-right {
	color:black;
	margin-bottom:4px;
}

.orange-glyphicon {
	color:#E27103;
	font-size:15px;
}

.glyphicon-white {
	font-size:20px;
	color:#FFFFFF;
	padding:5px;
	margin-top:1px;
}

.glyphicon-white a{
	font-size:20px;
	color:#FFFFFF;
}

.glyphicon-white-table {
	font-size:17px;
	color:#FFFFFF;
}

.glyphicon-white-table a{
	font-size:20px;
	color:#FFFFFF;
	margin:0;
}

.glyphicon-orange-table {
	font-size:17px;
	color:#FEA001;
}

.glyphicon-black-table a{
	font-size:20px;
	color:rgb(109, 101, 101);
	margin:0;
}

.fa-lock, .fa-unlock, .changedealallservices-btn, .changedeal-btn, .changemax-btn {
	cursor:pointer;
}

.forigotron-skull {
	font-size:30px; 
	margin-right:10px;
}

.fa-circle-o-notch {
	font-size:18px;	
}

.fa-chain-broken {
	font-size:15px!important;
}

.fa-link {
	font-size:14px!important;
}

/*************
*
*	SPIN 
*	
*/

.widgetbox {
    color:#FFFFFF;
    text-align:center;
    font-size:30px;
}

.widgetbox [class*="icon-"] {
    transition-property:transform, color;
    transition-duration:0.8s;
    -webkit-transition-property:-webkit-transform, color;
    -webkit-transition-duration:0.8s;
    -ms-transition-property:-ms-transform, color;
    -ms-transition-duration:0.8s;
}

.widgetbox:hover [class*="icon-"] {
	color:black!important;
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
}

/***************
*
*	BUTTONS
*
*/

#subscribe-btn {
	margin:10px 0; 
}

.btn-info:active, .btn-info.active {
	background-color:rgba(154, 207, 223, 0.83) !important;
	border-color:#5BC3E2;
	color:#eee;
}

.btn-success:active, .btn-success.active {
	background-color:rgba(122, 215, 122, 0.78) !important;
	border-color:#60BD60;
	color:#eee;
}

.square-menu {
	-webkit-border-radius:0 !important;
    -moz-border-radius:0 !important;
	border-radius:0 !important;
}



#refresh {
	height:34px;
}

.buttons {
	font-size:22px;
	width:220px;
}

.individual-btn {
	font-size:22px;
}

/****************
*
*   CHECKBOX 
*
*/

label {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

input[type=checkbox].size-medium {
	box-shadow: none;
	height: 20px;
	margin-top: 7px;
	margin-bottom: 7px;
}

input[type=checkbox].css-checkbox {
	position:absolute; 
    overflow:hidden; 
    clip:rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:15px; 
	display:inline-block;
	line-height:14px;
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:13px;
	vertical-align:middle;
	cursor:pointer;
}

@media(max-width:991px) {
	input[type=checkbox].css-checkbox + label.css-label {
		padding-left:10px;
		font-size:12px;
	}
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position:0 -15px;
}

.css-label{
	background-image:url(http://csscheckbox.com/checkboxes/dark-check-green.png);
}

.lite-gray-check{
	background-image:url("/img/lite-gray-check.png");
}

.generic-check{
	background-image:url("/img/generic-check.png");
}

input[type=checkbox].css-checkbox.med + label.css-label.med {
	padding-left:22px;
    height:17px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {
    background-position:0 -17px;
}

input[type=checkbox].css-checkbox.sme + label.css-label.sme {
	padding-left:22px;
    height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{
    background-position:0 -16px;
}

input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
	padding-left:22px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{
    background-position:0 -20px;
}

/***************
*
*   SWING
*
*/

.animatedswing { 
    -moz-animation:bounce 3s;
    -webkit-animation:bounce 3s;
    animation:bounce 3s;
}

@-webkit-keyframes bounce {
 0%{-webkit-transform:rotate(0deg)}
    25%{-webkit-transform:rotate(5deg)}
    75%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}

/***************
*
*   BLINK
*
*/

.blink {
  animation:blink 2s steps(5, start) infinite;
  -webkit-animation:blink 2s steps(5, start) infinite;
}

@keyframes blink {
  to {
    visibility:hidden;
  }
}

@-webkit-keyframes blink {
  to {
    visibility:hidden;
  }
}

@-webkit-viewport {
  width:device-width;
}

@-moz-viewport {
  width:device-width;
}

@-ms-viewport {
  width:device-width;
}

@-o-viewport {
  width:device-width;
}

@viewport {
  width:device-width;
}

@-ms-viewport {
  width:auto !important;
}

/* Headings */
h1 {
  font-size:33px;
}

h2 {
  font-size:27px;
}

h3 {
  font-size:23px;
}

h4 {
  font-size:17px;
}

h5 {
  font-size:15px;
}

h6 {
  font-size:12px;
}

/* Unstyled List */
.list-unstyled li > .list-unstyled {
  margin-left:25px;
}

/* General utilities */
.display-none, .display-hide {
  display:none;
}

.bold {
  font-weight:700 !important;
}

.thin {
  font-weight:300 !important;
}

.lighter {
	font-weight:lighter !important;
}


.uppercase {
  text-transform:uppercase !important;
}

.fix-margin {
  margin-left:0px !important;
}

.border {
  border:1px solid red;
}

.inline {
  display:inline;
}

.text-align-reverse {
  text-align:right;
}

.nav.nav-pills > li > a > .badge,
.nav.nav-stacked > li > a > .badge {
  margin-top:-2px;
}

.nav>li>a {
	padding:15px 12px;
}

.navbar-nav .nav-link {
    padding-right: 12px;
    padding-left: 12px;
}

/*******************
*   Dropdown menu 
*     Badges
*/

.dropdown-menu > li > a > .badge {
  position:absolute;
  margin-top:1px;
  right:3px;
  display:inline;
  font-size:16px;
  font-weight:300;
  text-shadow:none;
  height:18px;
  padding:3px 6px 3px 6px;
  text-align:center;
  vertical-align:middle;
  -webkit-border-radius:12px !important;
  -moz-border-radius:12px !important;
  border-radius:12px !important;
}

.dropdown-menu.badge-roundless {
  -webkit-border-radius:0 !important;
  -moz-border-radius:0 !important;
  border-radius:0 !important;
}

/**********************
*   
* Customized Bootstrap 
*      Buttons
*/

/* Default buttons */
.btn {

  background-image:none !important;
}
.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
  background-image:none !important;
}

.btn-default {
  border-width:1px;
  padding:6px 13px;
}

.btn-block {
  display:block;
  width:100%;
  padding-left:0;
  padding-right:0;
}

/* Bootstrap buttons */
.btn-default {
  color:#333333;
  background-color:#FFFFFF;
  border-color:#cccccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
  color:#333333;
  background-color:#ebebeb;
  border-color:#b3b3b3;
}
.open .btn-default.dropdown-toggle {
  color:#333333;
  background-color:#ebebeb;
  border-color:#b3b3b3;
}
.btn-default:active, .btn-default.active {
  background-image:none;
}
.open .btn-default.dropdown-toggle {
  background-image:none;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color:#FFFFFF;
  border-color:#cccccc;
}
.btn-default .badge {
  color:#FFFFFF;
  background-color:#333333;
}
.btn-default > i[class^="icon-"],
.btn-default > i[class*="icon-"] {
  color:#8c8c8c;
}


/**************
*
*   DROPDOWN
*
*/

.dropup.open > .dropdown-toggle,
.dropdown.open > .dropdown-toggle {
  border-color:#ddd;
}

.dropdown-menu {
  position:absolute;
  top:100%;
  left:0;
  z-index:1600;
  display:none;
  float:left;
  list-style:none;
  text-shadow:none;
  padding:0px;
  margin:0px;
  background-color:#FFFFFF;
  box-shadow:5px 5px rgba(102, 102, 102, 0.1);
  border:1px solid #efefef;
  font-size:14px;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  border-top-left-radius: 0;
}

.dropdown-menu li > a {
  padding:6px 13px 6px 13px;
  color:#333;
  text-decoration:none;
  display:block;
  clear:both;
  font-weight:normal;
  line-height:18px;
  white-space:nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
	text-decoration:none;
	background-image:none;
	background-color:rgba(40, 164, 201, 0.61);
	color:#FFFFFF;
	filter:none;
    /* background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
    background-repeat: repeat-x; */
}

.dropdown-menu.bottom-up {
	top:auto;
	bottom:100%;
	margin-bottom:2px;
}

.dropdown-submenu {
	position:relative;
}
.dropdown-submenu > .dropdown-menu {
	top:5px;
	left:100%;
	margin-top:-6px;
	margin-left:-1px;
}
.dropdown-submenu > a:after {
  position:absolute;
  display:inline-block;
  font-size:16px;
  right:7px;
  top:7px;
  font-family:FontAwesome;
  height:auto;
  content:"\f105";
  font-weight:300;
  border-top: transparent;
  border-left: transparent;
}
.dropdown-submenu:hover > .dropdown-menu {
  display:block;
}
.dropdown-submenu:hover > a:after {
  border-left-color:#FFFFFF;
}
.dropdown-submenu.pull-left {
  float:none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left:-100%;
  margin-left:10px;
}
.dropup .dropdown-submenu > .dropdown-menu {
  top:auto;
  bottom:0;
  margin-top:0;
  margin-bottom:-2px;
}

.nav.pull-right > li > .dropdown-menu,
.nav > li > .dropdown-menu.pull-right {
  right:0;
  left:auto;
}
.nav.pull-right > li > .dropdown-menu:before,
.nav > li > .dropdown-menu.pull-right:before {
  right:12px;
  left:auto;
}
.nav.pull-right > li > .dropdown-menu:after,
.nav > li > .dropdown-menu.pull-right:after {
  right:13px;
  left:auto;
}
.nav.pull-right > li > .dropdown-menu .dropdown-menu,
.nav > li > .dropdown-menu.pull-right .dropdown-menu {
  right:100%;
  left:auto;
  margin-right:-1px;
  margin-left:0;
}

@media (max-width:767px) {
  /* bootstrap 4 */
  .navbar-nav .show .dropdown-menu {
    position:absolute;
    float:left;
    width:auto;
    margin-top:0;
    background-color:#FFFFFF;
    border:1px solid #efefef;
    box-shadow:5px 5px rgba(102, 102, 102, 0.1);
    border-top-left-radius: 0px;
  }

  .navbar-nav .show .dropdown-menu > li > a {
    padding:6px 0 6px 13px;
    /* color:#333; */
  }
  .navbar-nav .show .dropdown-menu > li > a:hover,
  .navbar-nav .show .dropdown-menu > li > a:active {
    background-color:transparent;
	color: #333;
  }

  .navbar-light .navbar-nav .dropdown-menu .nav-link:hover {
    color: #333;
	}
}

.navbar-collapse {
	padding-left:0;
}

.navbar-default {
	background:#FFFFFF;
}

.navbar {
    margin-bottom:0px;
	cursor: auto;
}

.date {
  padding:4px 9px 5px 4px;
  text-align:right;
  font-style:italic;
  color:#AAAFB1;
  float:right;
}

.form {
	padding:0!important;
}
.form .form-body {
	padding:10px;
}


/*********************
*
*	Bootstrap Table
*
*/

.table.table-bordered thead > tr > th {
	border-bottom:0;
}
.table tr.heading > th {
	background-color:#eee !important;
}
.table td .img-responsive {
	width:100%;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color:#a6c8e6;
  color:#2c5285;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {
  background-color:#92bce0;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color:#dff0d8;
  color:#3c763d;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
  background-color:#d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color:#d9edf7;
  color:#31708f;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
  background-color:#c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color:#fcf8e3;
  color:#8a6d3b;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
  background-color:#faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color:#f2dede;
  color:#a94442;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
  background-color:#ebcccc;
}

/********************
*
* Bootstrap Tabs 
*
*/

.nav-tabs > li > a,
.nav-pills > li > a {
  font-size:14px;
  border:1px solid #FFFFFF;
}
.nav-tabs > li > a > .badge,
.nav-pills > li > a > .badge {
  margin-top:-3px;
}
.nav-tabs > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after,
.nav-pills > li .dropdown-menu:before,
.nav-pills > li .dropdown-menu:after {
  display:none;
}
.nav-tabs.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a,
.nav-pills.nav-tabs-sm > li > a,
.nav-pills.nav-pills-sm > li > a {
  font-size:13px;
}
.nav-tabs .dropdown.open > .dropdown-toggle,
.nav-pills .dropdown.open > .dropdown-toggle {
  background:#eee;
  color:#0d638f;
  border-color:transparent;
}

/* Left and right tabs */
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom:0;
}
.tabs-right > .nav-tabs > li,
.tabs-left > .nav-tabs > li {
  float:none;
}
.tabs-right > .nav-tabs > li > a,
.tabs-left > .nav-tabs > li > a {
  min-width:74px;
  margin-right:0;
  margin-bottom:3px;
}

/* Left tabs */
.tabs-left > .nav-tabs {
  float:left;
  margin-right:19px;
  border-right:1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
  margin-right:-1px;
}
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
  border-color:#eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs > li.active > a,
.tabs-left > .nav-tabs > li.active > a:hover
> li.active > a:focus {
  border-color:#ddd transparent #ddd #ddd;
  border-right-color:#FFFFFF;
}

/* Right tabs */
.tabs-right > .nav-tabs {
  float:right;
  margin-left:19px;
  border-left:1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
  margin-left:-1px;
}
.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
  border-color:#eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs > li.active > a,
.tabs-right > .nav-tabs > li.active > a:hover
> li.active > a:focus {
  border-color:#ddd #ddd #ddd transparent;
  border-left-color:#FFFFFF;
}

.title-tabs{
	color:#28a4c9;
	font-weight:400;
}



/********************
*
*  Default Button 
*
*/

.btn.default {
  color:#333333;
  background-color:#e5e5e5;
  border-color:"";
}

.btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active {
  color:#333333;
  background-color:#d1d1d1;
}

.open .btn.default.dropdown-toggle {
  color:#333333;
  background-color:#d1d1d1;
}

.btn.default:active, .btn.default.active {
  background-image:none;
}

.open .btn.default.dropdown-toggle {
  background-image:none;
}

.btn.default.disabled, .btn.default.disabled:hover, .btn.default.disabled:focus, .btn.default.disabled:active, .btn.default.disabled.active, .btn.default[disabled], .btn.default[disabled]:hover, .btn.default[disabled]:focus, .btn.default[disabled]:active, .btn.default[disabled].active, fieldset[disabled] .btn.default, fieldset[disabled] .btn.default:hover, fieldset[disabled] .btn.default:focus, fieldset[disabled] .btn.default:active, fieldset[disabled] .btn.default.active {
  background-color:#e5e5e5;
}

.btn.default .badge {
  color:#e5e5e5;
  background-color:#333333;
}

/**************************/

.small-font {
	font-size:11px!important;
}

.invisible {
	opacity:0;
	color:#FFFFFF;
	display:none;
}

.tasks-list {
	padding:0 20 20 20;
	background:rgba(255, 255, 255, 0.42);
}

/*****************
*
*   Spinner
*
*/

.loader {
  font-size:20px;
  text-indent:-9999em;
  overflow:hidden;
  width:1em;
  height:1em;
  border-radius:50%;
  margin:auto;
  position:relative;
  -webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation:load6 1.7s infinite ease;
  animation:load6 1.7s infinite ease;
}

@-webkit-keyframes load6 {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    box-shadow:0 -0.83em 0 -0.4em #FFFFFF, 0 -0.83em 0 -0.42em #FFFFFF, 0 -0.83em 0 -0.44em #FFFFFF, 0 -0.83em 0 -0.46em #FFFFFF, 0 -0.83em 0 -0.477em #FFFFFF;
  }
  5%,
  95% {
    box-shadow:0 -0.83em 0 -0.4em #FFFFFF, 0 -0.83em 0 -0.42em #FFFFFF, 0 -0.83em 0 -0.44em #FFFFFF, 0 -0.83em 0 -0.46em #FFFFFF, 0 -0.83em 0 -0.477em #FFFFFF;
  }
  10%,
  59% {
    box-shadow:0 -0.83em 0 -0.4em #FFFFFF, -0.087em -0.825em 0 -0.42em #FFFFFF, -0.173em -0.812em 0 -0.44em #FFFFFF, -0.256em -0.789em 0 -0.46em #FFFFFF, -0.297em -0.775em 0 -0.477em #FFFFFF;
  }
  20% {
    box-shadow:0 -0.83em 0 -0.4em #FFFFFF, -0.338em -0.758em 0 -0.42em #FFFFFF, -0.555em -0.617em 0 -0.44em #FFFFFF, -0.671em -0.488em 0 -0.46em #FFFFFF, -0.749em -0.34em 0 -0.477em #FFFFFF;
  }
  38% {
    box-shadow:0 -0.83em 0 -0.4em #FFFFFF, -0.377em -0.74em 0 -0.42em #FFFFFF, -0.645em -0.522em 0 -0.44em #FFFFFF, -0.775em -0.297em 0 -0.46em #FFFFFF, -0.82em -0.09em 0 -0.477em #FFFFFF;
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    box-shadow:0 -0.83em 0 -0.4em #FFFFFF, 0 -0.83em 0 -0.42em #FFFFFF, 0 -0.83em 0 -0.44em #FFFFFF, 0 -0.83em 0 -0.46em #FFFFFF, 0 -0.83em 0 -0.477em #FFFFFF;
  }
}

@keyframes load6 {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    box-shadow:0 -0.83em 0 -0.4em #002080, 0 -0.83em 0 -0.42em #002080, 0 -0.83em 0 -0.44em #002080, 0 -0.83em 0 -0.46em #002080, 0 -0.83em 0 -0.477em #002080;
  }
  5%,
  95% {
    box-shadow:0 -0.83em 0 -0.4em #002080, 0 -0.83em 0 -0.42em #002080, 0 -0.83em 0 -0.44em #002080, 0 -0.83em 0 -0.46em #002080, 0 -0.83em 0 -0.477em #002080;
  }
  10%,
  59% {
    box-shadow:0 -0.83em 0 -0.4em #002080, -0.087em -0.825em 0 -0.42em #002080, -0.173em -0.812em 0 -0.44em #002080, -0.256em -0.789em 0 -0.46em #002080, -0.297em -0.775em 0 -0.477em #002080;
  }
  20% {
    box-shadow:0 -0.83em 0 -0.4em #002080, -0.338em -0.758em 0 -0.42em #002080, -0.555em -0.617em 0 -0.44em #002080, -0.671em -0.488em 0 -0.46em #002080, -0.749em -0.34em 0 -0.477em #002080;
  }
  38% {
    box-shadow:0 -0.83em 0 -0.4em #002080, -0.377em -0.74em 0 -0.42em #002080, -0.645em -0.522em 0 -0.44em #002080, -0.775em -0.297em 0 -0.46em #002080, -0.82em -0.09em 0 -0.477em #002080;
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    box-shadow:0 -0.83em 0 -0.4em #002080, 0 -0.83em 0 -0.42em #002080, 0 -0.83em 0 -0.44em #002080, 0 -0.83em 0 -0.46em #002080, 0 -0.83em 0 -0.477em #002080;
  }
}

.checkbox-text {
	display:inline-block;	
}

#changeseats-domainName, #changeseats-domainName-flexdatalist, .forigotron-domainName-flexdatalist, .subscriptions-domainname {
	max-width:420px;
	display:inline;
    margin:0 10px;
}

.domain-name {
	max-width:480px;
	display:inline;
    margin:0 10px;
}


.right { 
	text-align:right;
}

.consoleId {
	margin-top:10px;
    min-width:87px;
}

#th-seats {
	font-size:16px;
    text-align:center;
}

#tabs, #tabsSkuGroup {
	min-height:100%;
	overflow:hidden;
}

#selfService-tabs {
	min-height:30%;
	overflow:auto;
}

.cursor-pointer {
	cursor:pointer;
}

.right-separator {
    border-right:1px solid #eee;
}

.domain-data-rows, .user-data {
    padding-top:10px;
    background:#FFFFFF;
    border-top:5px solid #eee;
    vertical-align:middle;
}

.domain-data-title {
    line-height:1.5;
}

input::-webkit-calendar-picker-indicator { 
	display:none; 
}

.validate-customer {
	margin-top:25px;
}

.domain-subtitle {
	line-height:4;
}

#tooglebox-img {
	height:40px;
}

#view-singleconsole {
	color:#404040;
	text-decoration:none;
}

#view-tooglebox {
	margin-top: 8px;
	border-radius: 4px;
}

#esc-med-logo {
	width:32px;
}

.forigotron-small-logo {
	width:16px;
}

.small-logo {
	height:16px;
	margin:2px;
}

.console {
	font-size:40px;
    color:rgba(64, 64, 64, 0.85);
    vertical-align:middle;
}

.user-count {
	font-size:20px;
	vertical-align:middle;
    line-height:2;
}

.forigotron-data {
	font-size:13px;
	line-height:2;
	font-family:'Lato', sans-serif!important;
}

.ui-widget {
	font-family:'Lato', sans-serif!important;	
}

.glyphicon-green {
	color:green;
}

.glyphicon-red {
	color:red;
	font-size:20px;
}

.glyphicon-gray {
	color:gray;
}

.padding-10 {
	padding:10px;
}

.small-lines {
	line-height:1;
}

.btn-customer-selection {
    border:1px solid #5bc0de;
}

.btn-customer-selection:hover {
	transition-delay:0.4s; /* delays for 1 second */
 	-webkit-transition-delay:0.4s; /* for Safari & Chrome */
 	-webkit-transition:all 0.4s ease-in-out;
	color:#FFFFFF;
    background:#5bc0de;
    border:1px solid #5bc0de;
}

.btn-default > i[class^="icon-"], .btn-default > i[class*="icon-"]:hover, .btn-default > i:hover {
	transition-delay:0.4s; /* delays for 1 second */
 	-webkit-transition-delay:0.4s; /* for Safari & Chrome */
 	-webkit-transition:all 0.4s ease-in-out;
	color:#28a4c9;
}

.ui-widget-content .ui-state-default, .ui-state-default, .ui-button.ui-state-disabled:active {
	color:white;
	background:#2aabd2;
}

.ui-state-default:hover, .ui-state-default:hover, .ui-button.ui-state-disabled:active:hover {
	background:black;
}

.ui-state-active a {
	color:#444!important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
	color:white;
}


.datepicker table {
    font-size:12px;
}

#domain-deal {
	margin:0 0 5px;
}

.vertical-margin {
	margin:0 0 20px;
}



/*********************
*
*	jQuery-UI Tabs
*
*/
.ui-tabs .ui-tabs-nav {
    background:#FFFFFF;
}

.ui-widget-content .primary-tab {
	background:#fea001;
	color:white;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background:white;
}

/*********************
*
*	Bootstrap Table
*    by wenzhixin
*/
.bootstrap-table .fixed-table-container .fixed-table-body {
	overflow-x:auto;
	overflow-y:auto;
	height:auto;
}

.customergroup-tables th, .bootstrap-tables th {    
	font-size:14px;
	background-color:orange;
    color:#FFFFFF;
    vertical-align:top;
}

.subscriptionlist-table-sm {
	min-width:90px!important;
}

.subscriptionlist-table-md {
	min-width:110px!important;
}

#transactionTable th > div.th-inner.sortable, 
#subscriptionTable th > div.th-inner.sortable,
#subscriptionlist-table th > div.th-inner.sortable,
#dealTable th > div.th-inner.sortable, 
#customerCompanyTable th > div.th-inner.sortable {
	padding:8px 16px 8px 8px;
}

.customergroup-tables, .bootstrap-tables {
	font-size:14px;
	background:#FFFFFF;
}

#secondary-table th {    
	font-size:13px;
	background-color:rgba(40, 164, 201, 0.68);
    color:#FFFFFF;
}

#vendorcustomer-table td, #gateTopicUserTable td, #toogleboxdomain-table td, #vendorTable td, .dealSku-table td, #deal-table td, #console-table td, #relatedDomain-table td,
#googleSubscription-table td, #customercompany-table td, #resellercompany-table td, #transaction-table td, #ss-user-table td, #ss-subscription-table td, 
#division-table td, #accountmanager-table td, #sector-table td, #commissionagent-table td, #skuTable td, #country-table td, #listprice-table td {
    font-size:12px;
    max-width:150px;
    word-wrap:break-word;
    word-break:break-all;
    overflow:hidden;
}

.icon-refresh, .glyphicon-collapse-up, .icon-chevron-down, .glyphicon-export, .glyphicon-th, .glyphicon-sort {
	padding:0; 
}

.details {
	cursor:pointer; 
}

#deleteUserForm {
	margin-bottom:0;
}

#create-customergroup, #link-domain, #link-outsourceddomain, #create-customer, #create-vendorcustomer, #createDeal, 
	#create-resellercompany, #create-division, #create-divisiontopicvendoralert, #create-accountmanager, 
	#create-renewalaccountmanager, #create-commissionagent, #createListPrice, #createVendorProduct, #createLang, #createSkuTaxException, 
	#createSkuDescriptionException, #createSkuComponent, #createConsole {
	margin-bottom:-30px;
	margin-right:5px;
}

#transferToken-btn, #create-vendorclient-btn {
	margin-top: 11px;
    float: left;
}

button[name='reset-search'] {
    margin-top:10px;
    margin-right:5px;
}

.fixed-table-toolbar {
	margin:0;
	margin-right:20px;
	margin-top:-11px;
}

.fixed-table-pagination {
	margin-top:-8px;
}

.disabled-tab {
	background-color:#ddd;
	cursor:not-allowed;
	color:#FFFFFF;
}

.resellerIcons {
	min-width:40px;
	max-width:260px;
}

.user-data-main-row {
	background:#fff;
	margin:5px 0;
	border-top:5px solid #28a4c9;
	vertical-align:middle;
}

.glyphicon-arrows {
	color:#bcbcbc;
	font-size:12px;
	margin-top:10px;
}

.login-error {
	padding-top:10px;
    padding-right:10px;
}

.form-top {
	border-bottom:1px solid #eee;
	margin-bottom:5px;
	line-height:2;
}

.customer-modal-form {
	width:100%;
	height:auto;
	padding:8px;
	margin:0 auto 10px;
	background-color:#FFFFFF;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-webkit-border:1px solid #e5e5e5;
	-moz-border:1px solid #e5e5e5;
	-o-border:1px solid #e5e5e5;
	border:1px solid #e5e5e5;
}

.customer-modal-form:focus {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	-webkit-border:1px solid #2b344d;
	-moz-border:1px solid #2b344d;
	-o-border:1px solid #2b344d;
	border:1px solid #2b344d;
}

.customer-modal-subtitle {
    font-size:16px;
    font-weight:300;
}

.datepicker {
	z-index:9999!important;
}

@media screen and (min-width:962px) and (max-width:1565px) {
	#createPaymentModal .modal-dialog  {
		width:1200px;
	}
		
	#customerModal .modal-dialog  {
		width:1000px;
	}

	.modal-lg {
		width:1000px;
	}

	#resellerCompanyModal .modal-dialog  {
		width:1000px;
	}
	
	#selfServiceModal .modal-dialog  {
		width:1200px;
	}
	
	#dealSkuModal .modal-dialog  {
		width:900px;
	}

	#divisionModal .modal-dialog  {
		width:900px;
	}

	#bgImageModal .modal-dialog  {
		width:900px;
	}
	
	#createVendorCustomerModal .modal-dialog  {
		width:900px;
	}
	
	#transferTokenModal .modal-dialog  {
		width:900px;
	}
	
	#relatedDomainModal .modal-dialog  {
		width:500px;
	}
	
	#whatnot-detail .modal-dialog  {
		width:800px;
	}
}

@media screen and (min-width:1566px) {
	#createPaymentModal .modal-dialog  {
		width:1200px;
	}

	.modal-lg {
		width:1000px;
	}
	
	#customerModal .modal-dialog  {
		width:1000px;
	}

	#resellerCompanyModal .modal-dialog  {
		width:1000px;
	}
	
	#selfServiceModal .modal-dialog  {
		width:1250px;
	}
	
	#dealSkuModal .modal-dialog  {
		width:1250px;
	}

	#divisionModal .modal-dialog  {
		width:900px;
	}

	#bgImageModal .modal-dialog  {
		width:900px;
	}
	
	#createVendorCustomerModal .modal-dialog  {
		width:900px;
	}
	
	#transferTokenModal .modal-dialog  {
		width:900px;
	}
	
	#relatedDomainModal .modal-dialog  {
		width:500px;
	}
	
	#whatnot-detail .modal-dialog  {
		width:900px;
	}
}

@media screen and (min-width:900px) {
	#createPaymentModal .modal-dialog  {
		width:1400px;
	}

	.modal-lg {
		width:1000px;
	}
	
	#transferTokenModal .modal-dialog  {
		width:900px;
	}
	
	#selfServiceModal .modal-dialog  {
		width:1200px;
	}
	
	#relatedDomainModal .modal-dialog  {
		width:500px;
	}
	
	#transferTokenSubscriptionModal .modal-dialog  {
		width:800px;
	}
	
	#createVendorCustomerModal .modal-dialog  {
		width:900px;
	}
	
	#createModal .modal-dialog  {
		width:750px;
	}
}

@media screen and (min-width:998px) and (max-width:1200px){
	#createPaymentModal .modal-dialog  {
		width:1100px;
	}

	.modal-lg {
		width:1000px;
	}
	
	#customerModal .modal-dialog  {
		width:1000px;
	}

	#resellerCompanyModal .modal-dialog  {
		width:1000px;
	}

	#dealSkuModal .modal-dialog  {
		width:920px;
	}

	#divisionModal .modal-dialog  {
		width:900px;
	}

	#bgImageModal .modal-dialog  {
		width:900px;
	}

	#relatedDomainModal .modal-dialog  {
		width:500px;
	}
}

@media screen and (min-width:768px) and (max-width:997px) {
	#createPaymentModal .modal-dialog  {
		width:900px;
	}
	
	.modal-lg {
		width:900px;
	}

	#customerModal .modal-dialog  {
		width:800px;
	}

	#resellerCompanyModal .modal-dialog  {
		width:1000px;
	}

	#dealSkuModal .modal-dialog  {
		width:700px;
	}

	#divisionModal .modal-dialog  {
		width:900px;
	}

	#bgImageModal .modal-dialog  {
		width:900px;
	}

	#relatedDomainModal .modal-dialog  {
		width:500px;
	}
}

@media screen and (max-width: 997px) {
	.navbar-nav .show .dropdown-menu > li > a:hover,
	.navbar-nav .show .dropdown-menu > li > a:active {
		background-color:transparent;
		color: #333;
	}

	.navbar-light .navbar-nav .dropdown-menu .nav-link:hover {
		color: #333;
	}
	.navbar-light .navbar-nav .dropdown-menu .active .nav-link {
		background-color: rgba(40, 164, 201, 0.61);
		color: #FFFFFF;
	}

	.dropdown-menu {
		left: auto;
	}

	.esc-menu-collapse .logout-dropdown .dropdown-menu {
		left: auto;
	}
}

@media screen and (min-width: 997px) {
	.navbar-light .navbar-nav .dropdown-menu .nav-link:hover,
	.navbar-light .navbar-nav .dropdown-menu .active .nav-link:hover{
		color: #FFFFFF;
	}

	.esc-menu-collapse .logout-dropdown .dropdown-menu {
		right: 0;
		left: auto;
	}
}

.ui-autocomplete {
	z-index:9999!important;
}

.show-details, .hide-details {
	cursor:pointer;
    font-size:13px;
    text-align:left;
}

.product-sans {
    font-family:'Product Sans', Arial, sans-serif;
}

.table-icons {
	width:100px;
}

.text-disabled-input {
	background-color:white!important;
    border:none;
    font-weight:bold;
    cursor:default!important;
}

.text-disabled-input ::placeholder {
    color:#fff;
    opacity:1; 
}

.text-disabled-input :-ms-input-placeholder { 
   color:#fff;
}

.text-disabled-input ::-ms-input-placeholder {
   color:#fff;
}
/* WebKit browsers */
.text-disabled-input:disabled::-webkit-input-placeholder { 
    color:#fff;
}
/* Mozilla Firefox 4 to 18 */
.text-disabled-input:disabled:-moz-placeholder { 
    color:#fff;
}
/* Mozilla Firefox 19+ */
.text-disabled-input:disabled::-moz-placeholder { 
    color:#fff;
}
/* Internet Explorer 10+ */
.text-disabled-input:disabled:-ms-input-placeholder { 
    color:#fff;
}

.searchable-checkbox {
    vertical-align:middle;
}

.searchable-icon-on {
    font-size:15px;
    margin-top:4px;
}

.searchable-icon-off {
    font-size:15px;
    opacity:0.3;
    margin-top:4px;    
}

.modal-first-row {
    border:none;
    margin-top:0;
}

.bootstrap-table-icon-size {
	padding:3px;
}

#subscriptionTable th {
	color:white;
    background-color:#28a4c9;
}

#subscriberTransaction-table th {
	color:white;
    background-color:#28a4c9;
}

#dealTable > thead > tr > th > .th-inner.sortable.both {
	padding:8px 19px 8px 8px;
}

.resellercompany-th-td {
    min-width:100px;
}

.id-min-width {
    min-width:100px;
}

textarea {
	resize:vertical;
}

.customerCompanyIcons {
	min-width:185px;
}

#use-primary-domain {
	cursor:pointer;
}

.overlay {
	position:fixed;
    height:100%;
    width:100%;
    z-index:999998;
    background-color:rgba(0,0,0,0.4);
    top:0;
    left:0;
    display:none;
}

.spinner-container {
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    z-index:999999;
}

select[readonly].select2-hidden-accessible + .select2-container {
		pointer-events: none;
		touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
		background: #eee;
		box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
		display: none;
}

select[readonly] + .select2-container > .selection > .select2-selection {
	background:#eee;
}

#transferTokenSubscription-btn {
	margin:17px 0 0;
    height:40px;
}

/* WORKAROUND FOR SWEETALERT BUG IN NEWER VERSIONS*/

.no-margin {
	margin:0!important;
}



/******************
*
*    Contacts
*
*******************/

.table-margins {
    margin-bottom: 35px;
}

.contact-category {
    background: none !important;
    padding: 13px 15px;
}

.position-relative {
	position: relative;
}

.contacts-fieldset {
    margin-bottom: 10px !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    cursor: pointer;
}

.contact-section-title {
    margin-left: 8px;
}

.contact-remove-element {
    font-size: 16px;
}

.contact-hover:hover {
	color: #28a4c9;
}

.contact-add-to-table {
    cursor: pointer;
    margin-right: 10px;
    color: black;
}

.contact-section-arrow {
    cursor: pointer;
    color: black;
}

.button-list {
	float: right;
}

.contact-panel .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #28a4c9;
}

.create-contact-form {
	margin-block-end: 0;
}

.contact-enable-edit-mode {
	margin-left: 10px;
    color: black;
	cursor: pointer;
	display: none;
}

.contact-enable-edit-mode:hover {
    color: #28a4c9;
}

.editable-input, .editableform .form-control {
	Max-width: 100% !important;
}

.contact-fab {
	right: 18px;
    position: fixed;
    bottom: 15px;
    background-color: #28a4c9;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    cursor: pointer;
    box-shadow: 0px 7px 24px rgba(0,0,0,0.25), 5px 8px 8px rgba(0,0,0,0.22);
    z-index: 1049;
}

.contact-fab-icon {
	top: 28%;
    position: absolute;
    left: 30%;
    font-size: 24px !important;
    transition: all 0.2s ease;
}

.contact-agenda-modal {
	border-radius: .4em;
	right: 15px;
    position: fixed;
    bottom: 39px;
    width: 25%;
    min-width: 320px;
    height: 80%;
    max-width: 700px;
	padding-top: 10px;
	overflow: initial !important;
}

.contact-agenda-modal-content {
	height: 100%;
}

.contact-agenda-modal-content:after {
	content: '';
    position: fixed;
    bottom: 0;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #ffffff;
    border-bottom: 0;
    border-right: 0;
    margin-left: 0px;
    margin-bottom: 52px;
    right: 2.5%;
}

.contact-agenda-header {
	display: flex;
}

.contact-agenda-header-two {
	flex: 1;
}

.contact-agenda-header-one {
	flex: 10;
}

.three-points:after {
  	content: '\2807';
    font-size: 24px;
}

.contact-dropdown-agenda {
	position: absolute;
	top: 46px;
    right: 9px;
}

.three-points {
	cursor: pointer;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.inner-addon { 
    position: relative;
    display: table;
    width: 90%;
    margin-top: 10px;
}

.inner-addon .fa {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

.left-addon .fa  { left:  0px;}
.right-addon .fa { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.contact-not-found {
	color: darkgrey;
}

.contacts-not-found {
	display: none;
	margin: 25px 40px;
}

.modal-contact-body {
	overflow-y: auto;
    height: calc(100% - 99px);
}

.contact-agenda-menu .divider {
	margin: 0px
}

.contact-capitalize {
	text-transform: capitalize;
}

.no-margins {
	margin: 0;
}

.contact-card {
	padding: 12px 16px;
	cursor: pointer;
}

.contact-card:hover {
	background-color: #e5e5e5;
    border-color: #8c8c8c;
}

.modal-contact-body {
	padding: 0;
}

.contact-row {
	margin-bottom: 5px;
}

#contactAgenda {
	top : 66px;
    left: auto;
    bottom: auto;
    overflow: visible;
}

.spinner-agenda-container {
    transform: translateX(50%);
    margin: 10px;
    display: none;
}

.contact-linking-body {
	max-height: 70vh;
	overflow: hidden auto;
	padding-bottom: 25px;
    padding-top: 5px;	
}

.modal-flex-body {
	display: flex;
}

.tab-full-size {
	width: 50%;
    text-transform: uppercase;
    font-weight: bold;
}

.nav-linking {
    border-bottom: 2px solid #ddd;
}

.nav-linking > .tab-full-size.active {
    border-bottom: 2.5px solid #28a4c9;
}

.nav-linking> .tab-full-size > a {
	border: none !important;
	margin-right: 0 !important;
	color: #98c8d6;
    font-weight: 500;
}

.nav-linking> .tab-full-size.active > a {
	color: #28a4c9 !important;
	font-weight: bold;
}

.contact-list-btn {
	margin-left: 14px !important;
}

.agenda-table {
	margin-top: 7px;
	display: table;
}

.contact-connector {
	font-size: 15px;
	margin: 0px 3px;
}

.cursor-pointer {
	cursor: pointer;
}

.contact-customer-btn {
	font-size: 24px !important;
}

.table-additional-button {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 34px;
}

.table-additional-button-2 {
    position: relative;
    margin-top: 19px;
    margin-bottom: 10px;
    line-height: 34px;
}

.table-additional-button-3 {
 	position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

.json-key     { color: cadetblue; }
.json-value   { color: navy; }
.json-boolean { color: teal; }
.json-string  { color: crimson; }

.unit-price-list, .sku-component-list, .sku-tax-exception-list {
	font-size: 14px;
	font-family: "Courier New", Courier;
}

button.multi-sort {
    width: 50px;
}

#elements-list {
	word-break: break-all;
}

.nav.nav-center {
    display: inline-block;
    left: 0;
    right: 0;
    margin: 0 0 0 15px;
    float:none;
}

.navbar-inner {
    text-align:center;
}

.full-width-rows {
	float: left;
    width: 100%;
}

.button-margin-vendorcustomer {
	margin-top: 25px;
}

.create-projectmanager {
	float: left;
    margin-top: 10px;
}

tr.deprecated-country {
    background: rgba(187, 186, 186, 0.32);
}

.row-flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
    margin-right: -15px;
    margin-left: -15px;
}

.col-flex-1 {
	flex: 1 1 8.33333333%;
	padding-right: 15px;
    padding-left: 15px;
}

.col-flex-2 {
	flex: 2 1 16.66666667%;
	padding-right: 15px;
    padding-left: 15px;
}

.col-flex-3 {
	flex: 3 1 25%;
	padding-right: 15px;
    padding-left: 15px;
}

.col-flex-4 {
	flex: 4 1 33.33333333%;
	padding-right: 15px;
    padding-left: 15px;
}

.col-flex-5 {
	flex: 5 1 41.66666667%;
	padding-right: 15px;
    padding-left: 15px;
}

.col-flex-6 {
	flex: 6 1 50%;
	padding-right: 15px;
    padding-left: 15px;
}

.max-half {
	max-width: 50%;
}

.vendorCustomerName {
	font-weight: 400;
    font-size: 2.5rem;
}

.no-padding {
	padding:0!important;
}

.vendorcustomer-modal-loader {
	margin-top: 25px;
}

.vendorcustomer-full-form {
	margin-top: 25px;
}

.retrieve-customer-container {
	margin-top: 15px;
}
.contactgroup-row-warning {
	background-color: yellow;
}

.contact-view-console-btn {
    top: 0.25em;
    position: relative;
    font-size: 32px;
    padding-left: 6px;
    color: #337ab7;
    cursor: pointer;
}

form#retrieve-customer-form input, 
form#retrieve-customer-form select {
    height: 45px;
}

#menu-gatename {
	font-size: 1.7rem;
}

body:not(.modal-open){
  padding-right: 0px !important;
}

.modal-contact-footer {
    text-align: center;
    position: sticky;
    z-index: 1100;
    bottom: 5px;
}

.button-contact-width {
	width: 25%;
	margin: 2px 12px;
	display: inline-block;
}

.display-initial {
    display: initial;
}

.margin-switch {
	margin-top: 1.8rem;
	margin-left: 30px;
}


/* BOOTSTRAP SWITCH */
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 60px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 60px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 40px;
}

.local-overlay {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: red;
    z-index: 100;
    background-color: rgba(0,0,0,0.3);
    display:none;
}

.picker-dialog-bg {
	z-index: 20000 !important;
}

.picker-dialog {
	z-index: 20001 !important;;
}

.drive-file-info {
	margin-top: 20px;
	font-size: 14px;
	text-align: left;
}

/*Override chrome changes*/
select {
	font-family: inherit !important;
	font-size: 14px !important;
	border: 1px solid #ccc !important;
}
.img-vendor-logo {
	height: 16px;
}

/*Bordes de los inputs*/
input:valid {
	 border: 1px solid green;
 }

input:invalid {
	 border: 1px solid red;
 }
.vendor-domains-tabs {
	background: white !important;
	opacity: 0.5;
}

li.vendor-domains-tabs > a.ui-tabs-anchor {
	color: black;
}

.vendor-domains-tabs.ui-tabs-active {
	opacity: 1;
}

.subscribe-btn-margin {
	margin-top: 8px;
}

.customer-heading-text {
	text-align: center;
	margin-bottom: 8px;
	line-height: 2.5rem;
}

.link-color {
	color: #337ab7 !important;
}

.treegrid-arrow-table-height {
	height: 12px !important;
}

.child-arrow {
	background: url("/img/arrow-corner.svg") 0 0 repeat;
	height: 18px;
	width: 18px;
	display: inline-block;
	background-size: 100%;
	margin-left: 8px;
}

.contact-subscription-icons {
	text-decoration: none;
	top: 13px;
}

.inline-title {
	display: inline-block;
}

.select-domain-search {
	width: 30%;
	display: inline-block;
	margin: 0 15px;
	min-width: 300px;
	text-align: left;
}

.select-domain-search-button {
	margin-top: -13px;
}

.new-vendor-voucher-btn {
	float: left;
	margin-top: 11px;
	margin-right:5px;
}

.bottom-wizard-buttons {
	margin-bottom: 10px;
	margin-top: 14px;
}

.voucherDescription {
	width: 100%;
}

.floating-btn-table {
	float: left;
	margin-top: 10px;
}

.table-btn-left {
	margin-top: 10px;
}

.ui-widget-header {
	border: none;
	border-bottom: 1px solid #d3d3d3;
}

.underscore-tooltip {
	border-bottom: 1px dotted;
}

.zoho-logo {
	content: url(/img/zoho-logo.svg);
	height: 1.5rem;
	margin-bottom: -2px;
}

.margin-auto {
	margin: auto;
}

.flag-emoji {
	font-size: 22px;
}

.google-icon-info {
	color: #2aabd2;
	margin-left: 12px;
	margin-bottom: -15px;
}

a.secondary-domain-click {
	color: #337ab7;
	font-weight: bold;
	cursor: pointer;
}

.payment-history-table {
	margin-top:22px;
}

.red-bg {
	background-color: red;
}

.bootstrap-table-left-buttons {
	float: left;
	margin-top: 10px;
}

.bs-left-button {
	float: left;
	margin-top: 10px;
}

.all-caps {
	text-transform: uppercase;
	font-weight: bold;
}

.ui-widget-content a {
	color: #337ab7;
}

.checkbox-distribution {
	margin-bottom: 2px !important;
}

.table-margin {
	margin-bottom: 12px;
}

input.checkbox-filter-margin {
	width: 1.2em;
	height: 1.2em;
	vertical-align: bottom;
	position: relative;
	top: -2px;
}

span.filter-text {
	font-size: 1.2em;
	font-weight: bold;
}

.margin-filters {
	margin-bottom: 1.2em;
}

.filter-button-margin {
	margin-top: 24px;
}

.swal2-styled.swal2-confirm {
	background-color: #28a4c9;
}

.dates-notification {
	width:18px;
	height:18px;
	line-height:18px;
	border-radius:50%;
	padding:3px;
	background:#28a4c9;
	color:#ffffff;
	font-weight:700;
	text-align:center;
	font:10px Arial, sans-serif;
}

.dates-notification-white {
	width:18px;
	height:18px;
	line-height:18px;
	border-radius:50%;
	padding:3px;
	background:white;
	color:#fff;
	font-weight:700;
	text-align:center;
	font:10px Arial, sans-serif;
}

.bootstrap-table .card-view-title {
	overflow-wrap: break-word;
	margin-right: 0.8em;
}

.bootstrap-table .card-view {
	margin-bottom: 0.8em;
}

.dealDescription {
	min-height: 50px;
	max-height: 160px;
}

.whatnot-notification-container-subscription {
	margin-left: 32px;
	z-index: 99;
	margin-top: 18px;
}

.whatnot-fileName {
	margin-top: 15px;
}

.download-whatnot {
	font-size: 2rem;
	color: #2aabd2;
	margin-right: 1rem;
}

.preview-whatnot {
	font-size: 2rem;
	color: #2aabd2;
}

.swal2-container {
	z-index: 1500;
}

.subscriptions-left-actions {
	float: left;
	padding-bottom: 10px;
	margin-top: -10px;
}

.subscription-list-date-input {
	padding: 0;
    margin-right: -15px;
}

.new-menu-badge {
	font-size: 12px;
	vertical-align: top;
	font-weight: 400;
	color: #2ac3f1;
	padding-left: 2px;
}

.row.topic.form-group {
	border-top: 1px solid #ccc;
	margin-bottom: 0;
    padding: 5px 0;
}

.row.topic.form-group > .col-md-6 {
    padding-left: 20px;
}

#userModalSubtitle {
	margin: 15px auto;
}

.customergroup-subtitle {
	color:#28a4c9;
	font-weight:400;
}

/* styles for bootstrap 4 */

.hidden {
	display: none;
}

.show {
	display: block;
}

.navbar-toggler-icon {
	height: 1.3em;
}

.navbar-toggler {
    padding: 0.2rem 0.4em;
}

.navbar-default .navbar-toggler:focus, 
.navbar-default .navbar-toggler:hover {
    background-color: #ddd;
}

.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,.9);
    background-color: #e7e7e7;
}

.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show {
    color: white;
}

.navbar-light .navbar-nav .nav-link {
    color: #777;
}

.navbar-light .navbar-nav .active .nav-link {
    color: white;
}

.navbar-nav .dropdown-menu {
    position: absolute;
    float: none;
}

/* buttons */
.btn-info {
	background-color: #5bc0de;
}

.btn-info:focus, .btn-info:hover {
    background-color: #2aabd2;
}

/* tables */

.table td, .table th {
    padding: 0.55rem;
}

.bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding: 0.45rem;
}

/* tables - multisort buttons */
.fixed-table-toolbar .bars .btn-secondary {
	color: #6c757d;
	background-color: transparent;
    border-color: #6c757d;
}

.fixed-table-toolbar .bars .btn-secondary:hover,
.fixed-table-toolbar .bars .btn-secondary:active,
.fixed-table-toolbar .bars .btn-secondary:focus {
	color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.modal-footer .btn-secondary {
	color: #6c757d;
	background-color: transparent;
    border-color: #6c757d;
}

.modal-footer .btn-secondary:hover,
.modal-footer .btn-secondary:active,
.modal-footer .btn-secondary:focus {
	color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}


/* modal */
.modal-header .close {
    margin: -1rem -1rem -1rem;
} 

.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.full-screen {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: transparent;
}

.spinner-grow {
    width: 4rem;  /* Tamaño del spinner */
    height: 4rem;
}


.bootstrap-datetimepicker-widget {
	z-index: 99999 !important;
    top: auto !important;
    bottom: 100% !important;  /* Empuja el calendario hacia arriba */
    margin-bottom: 10px;  /* Espacio entre el input y el calendario */
}


.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    font-size: 14px;
    padding: 8px;
    color: black !important; /* Asegurar visibilidad */
}

/* Estilos para los botones dentro del DateTimePicker */
.bootstrap-datetimepicker-widget .btn {
    font-size: 14px;
    padding: 8px 12px !important;
    color: white !important;
    background-color: #007bff !important; /* Azul Bootstrap */
    border: none !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    margin: 5px !important;
}

/* Asegurar que la barra de herramientas con los botones esté visible */
.bootstrap-datetimepicker-widget .toolbar {
    display: block !important;
    justify-content: space-between !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    position: absolute !important;
    left: 0 !important;
    top: auto !important;
    bottom: 100% !important; /* Mueve el calendario arriba del input */
    margin-bottom: 10px; /* Agrega un pequeño espacio entre el input y el calendario */
}