/* Custom properties */

body {
	background:#ffffff;
	color:#404040;
	font-size:13px;
	overflow-x:hidden;
	font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-weight:400;
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus, 
a:not([href]):not([tabindex]):hover{
	color: inherit;
    text-decoration: none;
}

/* Remove box shodow by chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

/*Avoid Dark Mode*/
:root {
    color-scheme: light only!important;
}

/*Delete black outline */
textarea:focus, input:focus, button:focus{
    outline: none;
}

/*hidden class dropped in Bootstrap*/
.hidden {
	display:none!important;
}

.badge{
	font-size: 80%;
}

.tb-custom-badge {
	padding: 1px 7.5px;
    font-size: .75rem!important;
    font-weight: bold;
	border: 1px solid;
	border-radius: 20px;
}

.tb-custom-badge:hover {
	text-decoration: none;
}

.tb-custom-badge-success {
	border-color:#28a745;
	color: #28a745;
}

.tb-custom-badge-danger {
	border-color: #dc3545;
	color: #dc3545;
}

.tb-custom-badge-primary {
	border-color:#007bff;
	color: #007bff;
}

.tb-custom-badge-secondary {
	border-color:#6c757d;
	color: #6c757d;
}

.badgeNew{
	margin-left: .3rem;
	font-size: 70% !important;
	background-color:#017bff !important
}

.bootstrap-4 .popover {
	max-width: 400px;
	box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
	font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	z-index: 1501!important;
}

.bootstrap-4 .popover > .popover-body {
	padding: .5rem;
}

.bootstrap-4 .popover > .popover-body > div {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

/*Mantener color para btn-info de bootstrap 3*/
.btn-info {
	background-image: -webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
	background-image: -o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));
	background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #28a4c9;
}

.btn-info:not(:disabled):not(.disabled).active, 
.btn-info:not(:disabled):not(.disabled):active{
    background-color: #2aabd2;
    border-color: #28a4c9;
}

.btn-info:focus, .btn-info:hover {
    background-color: #2aabd2;
	background-image: none;
	border-color: #28a4c9;
}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning, .btn-expired {
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
}

.btn-disabled {
	background-color: #ddd;
	border-color: #ccc;
}

/*.tooltip font size*/
/*TODO: Cambiar a .75 despues de migrado a bootstrap4*/
.tooltip {
	font-size: 12px !important;
	color: #ffffff !important;
	padding: 5px !important;
	top: 0;
	z-index: 1500;
}
.tooltip-inner {
	max-width: 250px;
}

.tooltip.bs-tooltip-top    { 
	top: -5px!important; 
}

.tooltip.bs-tooltip-right  { 
	left: 5px!important; 
}

.tooltip.bs-tooltip-bottom { 
	top: 5px!important;  
}

.tooltip.bs-tooltip-left   { 
	left: -5px!important;
}

/*TODO: Cambiar a .875 despues de migrado a bootstrap4*/

.form-control {
	font-size: 14px;
}

/*Reemplazo como clase para tag label eliminada en bootstrap 4*/
.t-label{
	display: inline-block;
	margin-bottom: .375rem;
    max-width: 100%;
    font-weight: 700;
}

/*********************
*
*	General styles
*
**********************/
p {
	color:#333;
    font-size:13px;
    font-weight:500;
}

b {
	font-weight: bold;
}

.top-auto {
	top: auto;
}

.fontWeightNormal{
	font-weight: normal !important;
}

.bold {
	font-weight: bold;
}

.opacity-1{
	opacity: 1;
}

.border-orange {
	border:1px solid #fea001!important;
}

.border-black {
	border: 2px solid black;
}

/*TODO: eliminar*/
.height-15-px {
	height: 15px;
}

.height-18{
	height:18px; 
}

.height-20{
	height:20px; 
}

.height-25{
	height:25px; 
}

.height-30{
	height:30px; 
}

.height-40{
	height:40px; 
}

.height-100{
	height:100px; 
}

.height-230{
	height:230px; 
}

.height-4-rem {
	height: 4rem;
}

.height-3-rem {
	height: 3rem;
}

.height-17vh{
	height:17vh!important; 
}

.height-22vh{
	height:22vh; 
}

.height-30vh{
	height:30vh!important; 
}

.height-32vh{
	height:32vh!important; 
}

.height-35vh{
	height:35vh; 
}

.height-42vh{
	height:42vh; 
}

.height-50vh{
	height:50vh; 
}

.height-72vh{
	height:72vh; 
}

.height-79vh{
	height:79vh!important; 
}

.line-height-role {
	line-height: 1.3rem;
}

.position-relative{
	position: relative;
}

.position-absolute{
	position: absolute;
}

.zi-1 {
	z-index: 1;
}

.max-height-none{
	max-height: none!important;
}

.max-height-20vh{
	max-height: 20vh!important;
}


.max-height-28vh{
	max-height: 28vh!important;
}
.weight-400 {
	font-weight:400;
}
.weight-300 {
	font-weight:300;
}
.width-5 {
	width:5%!important;
}

.width-10 {
	width:10%!important;
}

.width-12 {
	width:12%!important;
}

.width-15 {
	width:15%!important;
}

.width-15-px {
	width:15px;
}

.width-20 {
	width:20%!important;
}

.width-25 {
	width:25%!important;
}

.width-100 {
	width: 100%;
}

@media (min-width: 992px) {
	.width-29 {
		width:29.15%!important;
	}
}

.width-30 {
	width:30%!important;
}

.width-38 {
	width:38%!important;
}

.width-40 {
	width:40%!important;
}

.width-50 {
	width:50%!important;
}

.width-55 {
	width:55%!important;
}

.width-60 {
	width:60%!important;
}

.width-70 {
	width:70%!important;
}

.width-80 {
	width:80%!important;
}

.width-89 {
	width:89%!important;
}

.width-90 {
	width:90%!important;
}
.width-100 {
	width:100%!important;
}

.width-fit-content {
	width: fit-content;
}

.max-width-50 {
	max-width:50px;
}

.max-width-70 {
	max-width:70%;
}

.min-width-70 {
	min-width:7rem;
}

.min-width-90 {
	min-width:9rem;
}

.width-2-rem {
	width: 2rem;
}

.mt-25vh {
	margin-top: 25vh;
}

.margin-top-12 {
	margin-top: 12px;
}

.margin-top-5 {
	margin-top: 5%;
}

.margin-top-04 {
	margin-top: 0.4%!important;
}

.margin-top-1per {
	margin-top: 1%;
}

.margin-top-10 {
	margin-top: 10%;
}

.margin-top-10-inv {
	margin-top: -10px;
}

.margin-top-1-rem {
	margin-top: 1rem!important;	
}

.margin-top-2-rem {
	margin-top: 2rem!important;	
}

.margin-top-3-rem {
	margin-top: 3rem;	
}

.margin-right-center {
	margin-right: 45%!important;
}

.margin-right-1 {
	margin-right: 1px;
}

.margin-left-1-rem {
	margin-left: 1rem;
}

.margin-right-1-rem {
	margin-right: 1rem;
}

.margin-right-medio-rem {
	margin-right: .5rem;
}

.margin-left-2-rem {
	margin-left: 2rem;
}

.margin-left-13 {
	margin-left: 13px;
}
.margin-left-10 {
	margin-left: 10%!important;
}

.mb0 {
	margin-bottom: 0px!important;	
}

.margin-bottom-15 {
	margin-bottom: 15px;	
}

.margin-bottom-1rem {
	margin-bottom: 1rem;	
}

.margin-bottom-3rem {
	margin-bottom: 3rem;	
}

.margin-bottom-07rem{
	margin-bottom: 0.7rem;
}

.margin-5 {
	margin: 5%!important;
}

.progress-margin {
	margin: 1% 5%!important;
}

.margin-top-bottom-10-px {
	margin: 10px 0!important;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */
    pointer-events: none; /* Disable pointer events */
}

.long-text {
	font-family: 'Arial Narrow';
	text-overflow: break-word;
	word-break: break-all
}

/*TODO eliminar bootstrap 4*/
.margin-generatePass {
	margin: -5px 0 0!important;
}

.margin-revert-important {
	margin: revert!important;
}

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

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

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

.padding-2 {
	padding: 2px!important;
}

.padding-1-rem {
	padding: 1rem;
}

.padding-2-rem {
	padding: 2rem;
}

.padding-vert-2-rem {
	padding: 2rem 0;
}

.padding-right-15 {
	padding-right: 15px;
}

.padding-right-5 {
	padding-right: 5px;
}

.padding-left-15 {
	padding-left: 15px;
}

.padding-left-5 {
	padding-left: 5px;
}

.padding-field-container {
	padding: 1rem 0 1rem 1rem;
}

.card-right-section {
	flex-wrap: wrap;
}

.card-center-section {
	align-content: center;
}

.card-left-section,
.card-center-section,
.card-right-section {
	padding-right: 10px;
	padding-left: 10px;
}

.col-count-2 {
	column-count: 2;
}

.col-count-3 {
	column-count: 3;
}

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

.fs-1 {
	font-size: .25rem;
}

.fs-2 {
	font-size: .5rem;
}

.fs-3 {
	font-size: .75rem;
}

.fs-4 {
	font-size: 1rem;
}

.font-size-10 {
	font-size:10px;
}

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

.font-size-1-6rem {
	font-size:1.6rem;
}

.font-size-17 {
	font-size:17px;
}

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

.font-size-50 {
	font-size:50px;
}

.border-none {
	border:none!important;
}

.border-orange {
	border:solid 1px #fea001;
}

.border-blue {
	border:solid 1px #5bc0de;
}

.border-navy-blue{
	border: 1px solid #001961;
}

.border-green{
	border: 1px solid #489315;
}

.noBorderhor{
	border-left: none !important;
    border-right: none !important;
    padding: 0 0.3rem !important;
}

.bordertableexport{
	border-color: #e1e1e1 !important;
    border-top: 0.2rem solid #e1e1e1 !important;
}

#signatureForm {
	width: 555px;
}

.user-signature-table {
	max-height: 55rem;
}

.width-related-box{
	width: 9rem;
}

#userDataAccessList .search-input{
	border-color: #e1e1e1 !important;
    border-top: 0.2rem solid #e1e1e1 !important;
}

.custom-hr {
	border-top: 2px solid #e5e5e5;
}

.idented-td{
	margin-left: 2rem;
	display: block;
}

.white-space-nowrap {
	white-space: nowrap;
}

.point {
    cursor:pointer;
}

.cursor-disabled {
    cursor:not-allowed!important;
}

.uppercase {
	text-transform:uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.initial-word-break {
    word-break:initial;
}

.edu-info {
	padding:10px;
    text-align:left;
    margin-left:129px;
}

.no-decoration {
	text-decoration: none;
}

.line-through {
	text-decoration:line-through;
}

.to-be-deleted-section-header {
    background-color: #f8d7da!important;
}

.to-be-deleted-section-list.active,
.to-be-deleted-section-list.active:hover {
    background-color: #f8d7da!important;
    border-color: #dc3545!important
}

.text-align-left {
	text-align: left;
}

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

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

.text-align-justify {
	text-align: justify;
}

.body-error-background{
	background-image: url(https://storage.googleapis.com/tooglebox/img/loginBack.png);
	background-size: contain;
	background-position-y: 7rem;
}

.body-not-error-background{
	background-image: url(https://storage.googleapis.com/tooglebox/img/loginBack.png);
	background-size: contain;
	background-position-y: 7rem;
}

.center-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.messageAlertController {
	margin-bottom: 0;
	padding: 0.1rem 1.25rem;
}

.messageAlertControllerInternal {
	margin-bottom: 0;
	padding: 0.2rem 1.25rem;;
}

.badgeWarningTooglebox {
	cursor: pointer;
	background-color: #fea001;
}

.headerMessageClassClose {
    font-size: 1rem;
    line-height: 1;
	padding: 0rem .5rem !important;
}

.flex-column-center {
	flex-direction: column;
	align-items: center;
}

.vertical-center {
	align-content: center;
}

.vertical-end {
	align-content: flex-end;
}

.justify-left {
	display: inline-block;
	text-align: left;
}

.overflow-hidden {
	overflow: hidden;
}

.overflow-visible {
	overflow: visible!important;
}

.resize-none {
	resize: none!important;
}

/** Custom colors **/

.a-color {
	color:#007bff
}

.reactivate-icon-color {
	color: #5bc0de;
}

.suspend-icon-color {
	color: #d9534f;
}

.data-filter-red {
	color:#dc3545;
}
.data-filter-yellow {
	color:#FFD43B;
}

.data-filter-blue {
	color:#41b4d7;
}

.data-filter-green {
	color:#54af55;
}

.gray-icon {
	color: #7D7D7D;
}

.green-color {
    color:#54af55!important;   
}

.orange-color {
    color:#fea001!important;   
}

.red-color {
	color: red;
}

.cococo {
	color:#c0c0c0
}

#forcePasswordChange > img {
	height:25px;
	margin: 0px 7px 0px 0px;
	align-items: center;
}

.mass-card-col {
	display: flex;
	flex-direction: column;
	padding: .5rem;
}

.mass-card-header {
	line-height: 1rem;
}

.mass-card-footer {
	padding-top: 5px;
	line-height: 1rem;
}

.change-password-h{
	position: relative;
  	bottom: 17px;
}

.gray-png-filter {
	filter: invert(56%) sepia(5%) saturate(24%) hue-rotate(318deg) brightness(89%) contrast(92%);
}

.group-type-icon {
	height: 20px;
	width: 20px;
}

.white-background {
	background-color:#ffffff;
}

.green-background {
	background-color:#5cb85c;
}

.orange-background {
	background-color:#fea001;
}

.silver-background {
	background-color: #C0C0C0;
}

.light-blue-background {
	background-color: #5bc0de;
}

/** Main boxes */
.main-box {
    background:#fff;
    border:1px solid #eee;	
    padding:10px;
}

.main-box-no-margin {
    background:#fff;
    border:1px solid #eee;	
    padding:10px;
}

.main-box-top {
    background:#fff;
    border:1px solid #eee;	
    border-top:5px solid #eee;	
    padding:10px;
}

.main-box-spaced-top {
	padding:40px;
	text-align:center;
	background:#fff;
	border:1px solid #eee;
	margin-top:50px;
}

@media (max-width:991px) {
	.main-box-top {
		padding:0;
	}
	.main-box {
		margin:0;
	}
}

.landing-page-container {
	text-align:right;
	margin-top:50px;
	padding:50px 100px;	
}

.landing-page-container > h1 {
	color: white;
	font-size:50px;
}

/* New landing page */
.landing-page-error {
	text-align:center;
	margin-top:150px;
	padding:50px 110px;
}

.landing-page-container {
	text-align:right;
	margin-top:50px;
	padding:50px 100px;	
}

@media(min-width:768px) {
	.landing-page-container > h1 {
		color:#ffffff;
		font-size:50px;
		font-family:'Product sans', sans-serif;
	}
	
	#landing-logo {
		width:190px;
	}
}

@media(max-width:767px) {
	.landing-page-container > h1 {
		color: white;
		font-size:32px;
	}
	
	#landing-logo {
		width:140px;
	}
	
	.landing-navbar-brand {    
		margin:0;
	    padding:10px 20px;
	}
}

.duplicate-row {
	height: 23px; 
	margin-top: -3.5px; 
	margin-left: -5px;
	margin-right: -5px;
}


/** Aligns */
.center {
	text-align:center;
}

.left {
	text-align:left;
}

.align-left {
	text-align:left!important;
}

.right {
	text-align:right;
}

.float-right{
	float:right;
}

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

/** Displays */
.display-none {
	display:none;
}

.display-none-important {
	display:none!important;
}

.display-block {
	display:block;
}

.display-block-important {
	display:block!important;
}

.display-inline {
	display:inline;
}

.display-inline-flex {
	display:inline-flex;
}

.display-flex {
	display:flex;
}

.display-flex-center {
	display:flex;
	align-items: center;
}

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

.display-list-item {
	display: list-item;
}

.justify-content-space-between {
	justify-content: space-between;
}

.justify-content-space-between-important {
	justify-content: space-between!important;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-end {
	justify-content: end;
}

.break-all {
	word-break: break-all;
}

.break-word {
	word-break:break-word;
}

/** Viewports */
@-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;
}

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

h2 {
	margin-top:0;
	margin-bottom:20px;
}

.cursor-grab {
	cursor:grab!important;
}

.cursor-pointer {
	cursor:pointer;
}

.cursor-pointer-important {
	cursor:pointer!important;
}

.cursor-default {
	cursor:default;
}

.cursor-not-allowed {
	cursor:not-allowed;
}

.indicators-label {
	font-weight:400;
}

.list-unstyled li > .list-unstyled {
	margin-left:25px;
}

/** Margins */
.no-margin-bottom {
	margin-bottom:0;	
}

.mb-10 {
	margin-bottom:10px!important;	
}

.mb1 {
	margin-bottom: 1px;
}

.margin-bottom20 {
	margin-bottom:20px;	
}

.margin-left-5 {
	margin-left: 5px;
}

.font-size-17 {
	font-size: 17px;
}

.margin-left-auto {	
	margin-left:auto;
}

.ios-container , .edit-profile {
	margin-top:20px;
}

/** Media */
@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;
	}
	
	.error-admin {
		padding:0;
	}
}

.orange-icon, .orange-text {
	color:#fea001;
}

.fa-black, .fa-black a, .fa-black i, .fa-black:hover, .fa-black:link {
	color:black;
	text-decoration:none;
}

.fa-lg {
	line-height: 1;
}

.fa-infobox-two-vectors {
	--fa-secondary-opacity: 0;
}

.success-icon {
    color:#0CBA0C;    
    font-size:20px;
    margin-top:28px;
}

.success-member-icon,
.success-rule-icon {
    color:#0CBA0C;   
}

.remove-icon {
    color:#de5246 !important;    
}

.remove-user,
.remove-ou,
.remove-re,
.multi-value-xmark {
	font-size: 11px;
	color: #c0c0c0;
}

.ownerExternal{
    text-align: center;
    width: 17rem;
    margin-left: 25rem;
}

.fa-spinner-btn {
	font-size:18px;
}

.bb-spinner-screen {
	font-size:20px;
	color:#fea001;
	margin-top:50px;
	height:100%;
}


/** Media hidden elements */
@media(max-width:991px) {
	.media-hidden {
		display:none;
	}
}

/** Media shown elements */
@media(min-width:992px) {
	.media-shown {
		display:none;
	}
}

/** Pulse animation */
@keyframes pulse_animation {
	0% { 
		-webkit-transform:scale(1); 
	}
	30% { 
		-webkit-transform:scale(1); 
	}
	40% { 
		-webkit-transform:scale(1.08); 
	}
	50% { 
		-webkit-transform:scale(1); 
	}
	60% { 
		-webkit-transform:scale(1); 
	}
	70% { 
		-webkit-transform:scale(1.05); 
	}
	80% { 
		-webkit-transform:scale(1); 
	}
	100% { 
		-webkit-transform:scale(1); 
	}
}

/** Pulse animation */
@-webkit-keyframes pulse_animation {
	0% { 
		-webkit-transform:scale(1); 
	}
	30% { 
		-webkit-transform:scale(1); 
	}
	40% { 
		-webkit-transform:scale(1.08); 
	}
	50% { 
		-webkit-transform:scale(1); 
	}
	60% { 
		-webkit-transform:scale(1); 
	}
	70% { 
		-webkit-transform:scale(1.05); 
	}
	80% { 
		-webkit-transform:scale(1); 
	}
	100% { 
		-webkit-transform:scale(1); 
	}
}

.pulse {
	animation-name:'pulse_animation';
	-webkit-animation-name:'pulse_animation';
	animation-duration:5000ms;
	-webkit-animation-duration:5000ms;
	transform-origin:70% 70%;
	-webkit-transform-origin:70% 70%;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
}

#spinnerGeneral,
#infoBoxLogoSpinner {
	display: none;
	position: fixed;
	width: 100%;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	background-color: rgba(210, 210, 210, 0.7);
	z-index:9999;
}

#infoBoxLogoSpinner img{
	animation: spin 2s linear infinite;
}

.imageSpinnerGeneral {
    font-size: 4em;
    color: #fea001;
}

.infoBoxLogoSpinner {
    font-size: 4em;
}

/*********************
*
*  	   iframes
*
**********************/

.auto-resizable-iframe {
  max-width:420px;
  margin:0px auto;
}

.auto-resizable-iframe > div {
  position:relative;
  padding-bottom:75%;
  height:0px;
}

.auto-resizable-iframe iframe {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}

/*********************
*
*		Navbar
*
**********************/
@media(max-width:767px) {
	.profile-li, #isp-header {
		margin-left:20px;
	}
}

.navbar-tooglebox {
	padding: 0;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
	border: 1px solid transparent;
}

.navbar .nav li a {
    border-bottom:solid 1px transparent;
}

#navbar-icons .dropdown-header a {
	background-color: transparent!important;
}

/*TODO: Eliminar navbar-default al finalizar migracion de bootstrap*/
.navbar-default,
.navbar-light {
    background:none #fff;
    border-bottom:solid 1px #cccccc;
    margin-bottom: 0;
}

@media (min-width:768px) and (max-width:991px) {
	.navbar-collapse {
		padding:0;
	}
}

.navbar-icon {
	padding: 1rem;
	/*margin-top:2rem!important;*/
	font-size: large;
	cursor: pointer;
}

.navbar-icon:hover i{
    animation: swing-tooglebox .5s ease normal none 1;
}

.menu-tabs:hover {
	animation:shake .6s ease-in-out;
}

.profile-dropdown {
	padding:10px;	
}

.menu-active-dropdown {
    background-color:rgba(254, 160, 1, 0.3);
    background-image:none;
}

.background-body {
	color:#404040;
}

.nav>li>.lang-dropdown {
	padding:15px 0;
}

.navbar-right-login {
	margin-top:0;
}

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

/*TODO: eliminar al migrar bootstrp 4*/
/* Alert ToogleBox */
.alert-tooglebox {
	padding: .8rem 20%;
	margin-bottom: 0;
}

.bootstrap-4 .alert-tooglebox {
	padding: .5rem 20%;
	margin-bottom: 0;
}

.alert-secondary {
	color:#383d41;
	background-color:#e2e3e5;
	border-color:#d6d8db
}

.alert-secondary hr {
	border-top-color:#c8cbcf
}

.alert-secondary .alert-link {
	color:#202326
}

.alert-dark {
	color:#1b1e21;
	background-color:#d6d8d9;
	border-color:#c6c8ca
}

.alert-dark hr {
	border-top-color:#b9bbbe
}

.alert-dark .alert-link {
	color:#040505
}

.alert-light-gray {
	color: #000000;
    background-color: #c0c0c0;
    border-color:#c6c8ca
}

.alert-purple {
	color: #591959;
	background-color: #e6c8e6;
	border-color: #d9b5d9;
  }

/*********************
*
*		Index
*
**********************/

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

.index-body, .index-body-ie7 {
	background:url("https://storage.tooglebox.com/tooglebox/img/logolanding.png") no-repeat center top, #f6f6f6;
	background-size:23%;
	background-position-y:50px;
}

@media (max-width:767px) {	
	.index-body, .index-body-ie7 {
		background:#f6f6f6;
	}
}

@media screen and (max-width:991px) {
    .carousel-control .icon-next, .carousel-control .fa-chevron-right {
        right:10%;
    }

    .carousel-control .icon-prev, .carousel-control .fa-chevron-left {
        left:10%;
    }
}

.enterprise-services {
	background:white;
	max-height:330px;	
	border:solid 3px #fea001;
	margin-bottom:10px;
}

.free-services {
	background:white;
	max-height:330px;
	border:solid 3px #fea001;
	margin-bottom:10px;
}

.free-circle {
	text-align:center;
    background:rgba(255, 255, 0, 0.46);
    padding:15px;
    margin-top:10px;
    font-size:15px;
}

.prices-circle {text-align:center;
    background:rgba(254, 160, 1, 0.64);
    padding:15px;
    word-break:break-word;
    max-width:129px;
    max-width:110px;
    font-size:13px;
}

.section-title {
    position:relative;
    padding-top:20px;
    padding-bottom:20px;
}

.section-title h1 {
    text-transform:uppercase;
    font-weight:300;
    margin:0px;
    font-size:40px;
    margin-bottom:0px;
    letter-spacing:1px;
}

.white-text {
    color:#ffffff;
}

.bc-white{
	background-color: white!important;
}

.bc-eee{
	background-color: #eee!important;
}
.colored-text {
    color:#fea001;
}

.border-line {
    width:40px;
    height:1px;
    margin-top:20px;
    display:block;
    text-align:center;
    background-color:#fea001;
    margin-left:auto;
    margin-right:auto;
}

.border-line-white {
    width:40px;
    height:1px;
    margin-top:20px;
    display:block;
    text-align:center;
    background-color:white;
    margin-left:auto;
    margin-right:auto;
}

.subtitle-caption {
    font-weight:400;
    margin-top:20px;
    font-size:14px;
    margin-bottom:0;
    line-height:25px;
}

.price-box ul li {
    padding:7px 0;
    font-size:14px;
}

.header .active {
    background:#fea001;
}

.page-header {
	margin: 2rem 0!important;
}

.page-header-no-margin {
  padding-bottom: 9px;
  border-bottom: 1px solid #eee;
}

.price-box .header h3 {
    padding:12px 10px;
    margin:0;
    position:relative;
    text-transform:uppercase;
    overflow:hidden;
    border-radius:2px 2px 0 0;
	font-weight:700;
	color:gray;
	font-style:italic;
}

.price-box .header .price {
    background:#ebebeb;
    padding:5px;
    height:68px;
}

.price-box .header.active h3 {
    color:#fff;
}

.price-box .header.active h4 {
    color:#5F5656;
    font-weight:400;
}

#price-title, #price-title:hover, #price-title:active {
	color:#404040;
	text-decoration:none;
}

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

.group-services-separator {
	border-bottom:2px solid white;
}

.free-services-separator {
	margin-bottom:50px;
	margin-top:20px;
}

.prices-row {
	background:black;
	color:white;
	margin:0;
	padding:3px;
}

.email-recall-separator {
	margin-top:5px;
}

.freeware-btn-separator {
	border-top:1px solid #c0c0c0;
	margin:60px 30px 10px 30px;
}
.index-container1 {
	background-size:cover;
	padding:70px;	
	margin-top:30px;
	height:80%;
}

.index-container2 {
	background:white;
}

.index-container3 {
	height:200px;
}

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

.gapps img{    
	vertical-align:top;
}

.beta-red {
	color:red;
	padding:0 20px;
}

/* Styling for prev and next buttons */
 #buttons, #buttons a {
    opacity:0;
 }
 
.quote-phrase, .quote-author {
    font-weight:300;
    display:table-cell;
    vertical-align:middle;
    padding:5px 20px;
}

.quote-phrase {
    height:200px;
    color:#545454;
}

@media (max-width:767px) {	
	.quote-phrase {
	    font-size:22px;
	}
}

#getlastnote, #seeVersionList {
    width:100%;
    white-space:normal;
    margin:10px 0 0;
}

.white-text {
	color:white;
}

.quote-author {
    font-style:normal;
    color:white;
    font-weight:400;
}

.quoteContainer, .authorContainer {
    display:table;
    width:100%;
}

.new-service {
	color:#fea001;
    margin-right:30px;
}

.new-service:hover {
	color:#fea001;	
	text-decoration:none;
}

#new-service {
	border:solid 3px #fea001;
    text-align:center;
    padding:0 0 0 20;
}

.damage-services-ul {
	font-size:17px;
	font-weight:100;
	height:130px;
}

.damage-services-label {
    height:135px;
    margin-top:90px;
    text-align:right;
    font-size:14px;
    font-weight:400;
}

.policy-services-ul {
	font-size:17px;
	font-weight:100;
	height:150px;
}

.policy-services-label {
	height:244;
	font-size:14px;
	font-weight:400;
    text-align:right;
}

.orange-background {
	background-color:#fea001;
}

@media (max-width:767px) {	
	.enterprise-services {
		margin-top:30px;
	}
}

@media (min-width:768px) {	
	.mobile-only {
		display:none;
	}
}

.limited-label {
	font-size:11px;
	text-align:right;
	font-style:italic;
	margin:10px 0 20px;
	text-align:left;
}

.red-circle {
	color:red;
    font-size:7px;
    vertical-align:middle;
}

.price-container {
    margin-top:45px;
}

/*********************
*
*	Images - logos
*
**********************/
.index-logo {
	height:35px;
    vertical-align:top;
}

@media (max-width:767px) {
	.index-logo {    
		height:25px;
		margin-left:10px;
	}
}

.index-images img{
    vertical-align:top;
}

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

@media (min-width:992px) {	
	#inv-img {
	    width:700px;
	    height:75px;
	    border:none;
	    margin-top:53px;
	}
}

/** fa Colors */
.fa-orange {
	color:#fea001;
}

.fa-blue {
	color:#001961;
}

.fa-light-blue {
	color:#5bc0de;
}

#recallwarning, #showgadget {
	width:100%;
}

#google-icon {
	width:30px;
}

.exclamation-icon {
	text-align:center;
    font-size:72px;
    color:#eee;
    margin-top:20px;
}

#thumbnailPhotoUrl[alt]:after,
#thumbnailPhotoUrlCreate[alt]:after {  
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-family:'Helvetica';
	font-weight:300;
	line-height:2;  
	text-align:center;
	content:attr(alt);
	max-height:100%!Important;
	background-color:#ffffff;
}


/********************
*
*	  Texts
*
**********************/

.red {
	color:red;
	font-size:15px;
}

.bb-red {
	background:#fbe9e7;
    color:#d50000;
    padding:10px;
    border-radius:5px;
    font-size:14px;
}

.red-medium {
	color:red;
	font-size:14px;
}

.red-small {
	color:red;
}

.deprecation-warning {
	color:#fea001;
	border:1px solid #fea001;
	background:#ffffff;
	padding:15px;
	font-size:15px;
}

.green {
	color:green;
	font-size:15px;
}

.green-medium {
	color:green;
	font-size:14px;
}

.orange {
	color:#fea001;	
}

.orange--medium {
	font-size:14px;	
}

.label-more {
	cursor:pointer;
	color:#fea001;
	font-weight:700;
	text-decoration:underline;
}

.reconnaissance-green {
	color:#5bc0de;
	font-size:15px;
}

#newReconnaissanceStep2 .input-label {
	margin-bottom: .5rem;
}

.reconnaissance-customer-name {
	margin-top: .5rem;
}

.reconnaissance-overlay {
	z-index: 1001; 
	display: none;
}

.clear-search-icon {
	color: #c0c0c0;
}

.clear-search-icon:hover {
	color: #6c757d;
}

.h2-title {
	margin-bottom:0;
	margin-top:0;
	border-bottom:1px solid #eee;
	padding:10px;
}

.secondary-title {
    text-align:left;
    margin-left:20%;
}

/*TODO: pasar a rem al migrar a bootstrap 4*/
.bootstrap-4 #main-description,
#main-description {
	line-height: 20px;
}

/*TODO: pasar a rem al migrar a bootstrap 4*/
.main-description {
	line-height: 20px;
}

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

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

#title {
	color:#fff;
}

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

#more-info {
	color:#fea001;
}

#more-info:hover{
	color:#fea001;
	transition-delay:0.4s; 
 	-webkit-transition-delay:0.4s;
 	transition: all 0.4s ease-in-out;
 	-webkit-transition:all 0.4s ease-in-out;
	text-decoration:none;
}

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

.margin-auto {
	margin: 0 auto;
}

#external-members-add{
	width: 95%;
	float: none;
	margin: 0 auto;
}

/**********************
*
* Selects/Inputs 
*
**********************/

.activity-clockpicker {
	width: 65%;
}

.t-input-lg {
	width:100%;
	height:50px!important;
	line-height:1.42857143!important;
	padding:14px!important;
	margin:0 auto 10px;
	-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:1px solid #ccc!important;
	background-color:#ffffff;
}


.t-input-md {
	width:100%;
	margin:0 auto 10px;
	height:34.6px!important;
	padding: 6px!important;
	background-color:#fff;
	-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 #ccc!important;
	-moz-border:1px solid #ccc!important;
	-o-border:1px solid #ccc!important;
	border: 1px solid #ccc!important;
}

.t-input-sm {
    display: block;
    width: 100%;
    height: 25px!important;
    padding: 1px 8px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    /*background-color: #fff;*/
    background-image: none;
    border: 1px solid #ccc!important;
    border-radius: 4px;
    /* -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */
}

.line-height-input { 
	line-height:1.428!important;
	border-radius: 4px;
}

.height-select-md { 
	height: 3.4rem!important;
}

.black-form-lite{
	width:90%;
	height:auto;
	padding:1.2rem 0;
	-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;
}

.form-control:focus {
	-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;
}

.form-control[readonly]{
    background-color: #eee !important;
}

.account-form {
	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;
	color:#000000;
}

.gray-target {
	font-size: 11px;
	color: #c0c0c0;
}

.height-auto {
	height: auto!important;
}

/*********************
*
*	   Titles 
*
**********************/

/* TODO: Eliminar al migrar bootstrap 4*/
.main-container-title { 
   background: #fcfcfc!important;
   padding: 1.5rem 0;
   display: flex;
}

.bootstrap-4 .main-container-title { 
	background: #fcfcfc!important;
	padding: 1rem 0;
 }

/* TODO: Eliminar h2 al migrar bootstrap 4*/
.main-container-title h2,
.main-container-title h3 {
   margin: 0;
}

.title-container {
    border-top:5px solid #eee;
    vertical-align:middle;
}

.height-47-rem {
   height: var(--main-bg-color);
}

/*TODO : eliminar al migrar a bootstrap 4*/
.margin-left-1-5 { 
    margin-left: 1.5rem!important;
}

.margin-left-13 { 
    margin-left: -13rem;
}

.margin-bottom-1 { 
    margin-bottom: 1rem;
}

.background-fc {
   background: #fcfcfc;
}

.background-white {
   background: #ffffff;
}

.bootstrap-4 .input-editing-name {
    height: 2rem;
    margin-top: -15px;
}

.input-editing-name {
    height: 4.5rem;
    margin-top: -15px;
}

.margin-bottom-top-1 {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

.table-container-no-border {
    padding: 0 20px 20px;
    background: #fff;
    vertical-align: middle;
}

.table-container-border {
    border-top: 5px solid #eee;
    background: #fff;
}

/*********************
*
*	   Domains
*
**********************/

#editDomainModal .modal-body {
	max-height:75vh;
	overflow:auto;
}


.btn-update {
	font-size:10px;
    padding:5;
    border-radius:20px!important;
    background-color:#002080;	
}

.recall-label {
    height:36px;	
}

#domain-list-table td {
	vertical-align:middle;
	padding:8px 0;
}

#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 20px 20px;
    background:#fff;
    border-top:5px solid #eee;
    vertical-align:middle;
	/*margin-top:50px;*/
}

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

.domain-name-arkivebox {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	align-items: center;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    display:  flex;
}

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

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

.maxHeightSupplementalList {
	max-height: 455px !important;
}

@media (min-width:992px) {
	.domains, .signatures {
		padding:15px;
		border:1px solid #c0c0c0;
		overflow:auto;
		word-wrap:break-word;
		font-size:13px;
	}

	.domains[style*="height"] {
		max-height: unset; 
	} 

	.signatures[style*="height"] {
		max-height: unset; 
	} 

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

	.domains-groups[style*="height"] {
		max-height: unset; 
	} 
	
	.domains li, .signatures li {
		background:#ffffff;
		border:1px solid #e5e5e5;
		padding:6px 12px;
		line-height:18px;
		margin-bottom:8px;
		border-radius:3px;
	}

	.email-deletion-domains {
		height: 12rem;
		max-height: none;
	}

	.previews {
		padding:15px;
		margin-top: 5rem;
		max-height:150px;
		overflow:auto;
		word-wrap:break-word;
		font-size:13px;
	}
	
	.previews li {
		background:#ffffff;
		border:1px solid #e5e5e5;
		padding:8px 12px;
		line-height:18px;
		border-radius:3px;
	}
	
	.massupdate-domains, .massupdate-domains li {
		padding:15px;
		border:1px solid #c0c0c0;
		word-wrap:break-word;
		font-size:13px;
	}
	
}

@media screen and (max-width:991px) {
	.domains, .signatures {
		padding:9px;
		border:1px solid #c0c0c0;
		overflow:auto;
		word-wrap:break-word;
		font-size:12px;
		margin:2;
	}
	
	.domains li, .signatures li {
		background:#fcfcfc;
		border:1px solid #e5e5e5;
		padding:6px 12px;
		line-height:18px;
		margin-bottom:8px;
		border-radius:3px;
  		margin:6px;
	}
	
	.massupdate-domains, .massupdate-domains li {
		padding:15px;
		border:1px solid #c0c0c0;
		word-wrap:break-word;
		font-size:13px;
	}
	
}

.customer-list-t1 .domain {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.customer-list-t1 .domain h5 {
	margin: 0;
	font-size: 1.125rem;
	padding: .5rem 0;
}

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

.external-domains li {
	background:#fcfcfc;
	padding:6px 12px;
	line-height:18px;
	margin-bottom:8px;
 	margin:6px;
}

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

.calendar-domains li {
	background:#fcfcfc;
	padding:6px 12px;
	line-height:18px;
	margin-bottom:8px;
 	margin:6px;
}

#external-domains-add {
	margin-top:20px;
}

.overflow {
	overflow:auto;
}

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

.user-reg-domains li, .coupon-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:#fff;
	padding:10px;
	height:40px;
	padding-left:10px;
	margin-top:5px;
}

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

.footer-prev {
	height:20px;	
}

.footer {
   position:fixed;
   left:0;
   bottom:0;
   width:100%;
   height:38px;
   background-color:white;
   color:white;
   text-align:center;
}

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

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

.th-label {
	min-width:68px;
	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:300px;
	background:#f9f8f8;
	border:1px solid #c0c0c0;
}

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

.recall-domain-li {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.calendar-domain-li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.edit-domain-label {
	line-height:3;
}

.gadget-unselected {
    text-align:center;
    padding:20px;
    border:2px solid #eee;
    opacity:0.7;
    cursor:pointer;
    min-height:180px;
}

.gadget-selected {
    text-align:center;
    padding:20px;
    border:2px solid #eee;
    cursor:pointer;
    min-height:180px;
}

.collapse-title-admin-role {
    color: black!important;
    background: none!important;
    text-decoration: none;
    font-weight: 500;
}

.margin-user-icons {
   width: 11rem;
}

.padding-25 {
    padding-right: 25px;
    padding-left: 25px;
}

.padding-top-15 {
    padding-top: 15px;
    margin-top: 0;
}

.font-14 {
    font-size: 14px;
}
/*********************
*
*   Email & Contact
*      Services
*
**********************/
.active-step {
	background:rgba(192, 192, 192, 0.54);
}

@media (min-width:992px) {
	.steps-numbers {
		font-size:70;
		font-weight:bold;
		color:rgba(192, 192, 192, 0.54);
		border:rgba(192, 192, 192, 0.54) solid 10px;
		border-radius:50%;
		padding:10px;
	}
	
	.steps-numbers-small {
		font-size:40;
		font-weight:bold;
		color:rgba(192, 192, 192, 0.54);
		border:rgba(192, 192, 192, 0.54) solid 6px;
		border-radius:50%;
		padding:10px;
	}

	/*TODO: eliminar al migrar a bootstrap 4*/
	.bootstrap-4 .steps-numbers-new {
		font-size: 3.125rem;
	    font-weight: bold;
	    color: rgba(192, 192, 192, 0.54);
	    border: rgba(192, 192, 192, 0.54) solid 0.375rem;
	    border-radius: 50%;
	    padding: 10px;
	    height: 5.625rem;
	    width: 5.625rem;
	    text-align: center;
		line-height: 55px;
	}

	.steps-numbers-new {
		font-size: 5rem;
	    font-weight: bold;
	    color: rgba(192, 192, 192, 0.54);
	    border: rgba(192, 192, 192, 0.54) solid 0.6rem;
	    border-radius: 50%;
	    padding: 10px;
	    height: 9rem;
	    width: 9rem;
	    text-align: center;
	}
}
/*TODO: eliminar al migrar a bootstrap 4*/
@media screen and (max-width:991px) {
	.steps-numbers,
	.steps-numbers-new,
	.steps-numbers-small,
	.bootstrap-4 .steps-numbers-new {
		display:none;
	}
}

@media(max-width:991px) {
	.domains li, .signatures {
		height:50px;
	}
	
	#no-domains {
		height:auto;
	}
}

.active-step-bottom {
	margin-bottom: 1.5rem;
}

.active-step h1.steps-numbers-new {
	color:#fff;
	border:#fff solid .8rem;
}

/*TODO: eliminar al migrar a bootstrap 4*/
.bootstrap-4 .active-step h2.steps-numbers-new{
	color:#fff;
	border:#fff solid .5rem;
}
	
.active-step h1{
	color:#fff;
	border:#fff solid 10px;
}

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

.audit-cleanup-group {
	margin-top:5px;
	display:-webkit-box;
}

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

#white-space {
	height:40px;
}

@media (min-width:992px) {
	.steps {
		height:20rem;
	}

	.bootstrap-4 .steps{
		height: 18rem;
	}
	.bootstrap-4 .step-bottom{
		height: 14rem;
	}
	
	.recallconfiguration-steps {
		min-height:150px;
	}
}

.login-footer {
	position:absolute;
	width:100%;
	background-color:#ffffff;
}

.footer-login{
	height: 120px;
	background-color: #ffffff;
/*	border-top: solid .1px #cccccc;*/
}

.separatorLogin{
	border-top: 1px solid #e4ebf3;
    margin: 0px 4rem;
}


.footer-login-container{
	background-color: #ffffff;
	font-family: 'Product sans', sans-serif;
}

.step4 {
	margin-top:20px;
}

.recallconfiguration-step3 {
	margin-top:15px;
}

.users-box {
	overflow:hidden;
}

#users {
	width:96%;
	float:none!important;	
	font-size:14px;
	border:0;
	padding:4px;
}

.collaDiv{
	display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid #ccc!important;
    padding: 1rem;
    border-radius: 4px;
}

.seizeDiv{
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.seizeOpt{
	width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.option-batch{
	display: flex;
    align-items: center;
    justify-content: space-around;
}

.collaNoMargin{
	margin: 0 !important;
}

.background-fff{
	background: #ffffff;
}

#users:focus {
	outline:0;
}

#groups:focus {
	outline:0;
}

.add-remove-rule-icon{
	font-size: 1.5em;
	margin-bottom: 10px;
}

.add-remove-member-icon{
	font-size: 1.5em;
    margin-left: 1rem;
}

.rule-row{
	margin-top: 10px;
	display: flex;
}

#ruleQuery {
	overflow-wrap: break-word;
	background-color: #eee;
}

.rule-query-block {
	padding: 1rem 3rem;
}

#directoryGroups:focus {
	outline:0;
}

.success-directory{
	font-size: 1rem; margin-top: 2rem;
}

#organizationUnit-signature:focus, 
#organizationUnit-directoryview:focus, 
#organizationUnit-enduserview:focus {
	outline:0;
}

#organizationUnit-signature {
	width:97%;
	float:none!important;	
	font-size:14px;
	border:0;
}

#organizationUnit-directoryview,
#organizationUnit-enduserview {
	width:96%;
	float:none!important;	
	font-size:14px;
	border:0;
}

#organizationUnit-BB:focus {
	outline:0;
}

#organizationUnit-BB {
	width:96%;
	float:none!important;	
	font-size:14px;
	border:0;
}

.organizationUnit-icon, .resources-icon {
	font-size: 24px;
    margin-left: 1.5rem;
    margin-top: 5px;
    margin-bottom: 5px;
}

#directoryGroups {
	width:96%;
	float:none!important;	
	font-size:14px;
	border:0;
	margin:3px;
}

#prefixContainer,
#suffixContainer {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.second-icon{
	margin-left: 5px;
}

.download-btn-sgntr:hover{
	text-decoration: none;
}

#directory-value {
	width:96%;
	float:none!important;	
	font-size:14px;
	border:0;
}

#directory-value:focus {
	outline:0;
}

.user-added, .re-added {
	padding:2px;
	margin:5px;
	line-height:2;
	background-color:#eee;
	display:inline-block;
	word-break:break-word;
	border-radius:3px;
	border:1px solid #ccc;
	font-size:12px;
}

.all-added, .default-added, .domain-added, .all-added-resources {
	padding:2px;
	margin:5px;
	line-height:2;
	background-color:#ffd8b1;
	display:inline-block;
	word-break:break-word;
	border-radius:3px;
	border:1px solid #F7B37A;
}

#resourcesList {
	padding: 2em 3em;
}

.margin-left-04-rem {
	margin-left: 0.4em;
}

.customer-added {
	padding:2px;
	margin:5px;
	line-height:2;
	background-color: #d4edda;
	display:inline-block;
	word-break:break-word;
	border-radius:3px;
	border:1px solid #c3e6cb;
}

.account-added,
.user_list-added,
.group_email_address-added {
	padding:2px;
	margin:5px;
	line-height:2;
	background-color:#eee;
	display:inline-block;
	word-break:break-word;
	border-radius:3px;
	border:1px solid #ccc;
}

.tbd_group_list-added,
.tbd_subscriber_list-added {
	padding:2px;
	margin:5px;
	line-height:2;
	background-color:#cce5ff;
	display:inline-block;
	word-break:break-word;
	border-radius:3px;
	border:1px solid #ccc;
}


.ou-added,
.organization_unit-added {
	padding:2px;
	margin:5px;
	line-height:2;
	background-color:#ffffff;
	display:inline-block;
	word-break:break-word;
	border-radius:3px;
	border:1px solid #ccc;
}

.group-added {
	padding:2px;
	margin:5px;
	line-height:2;
	background-color:#dde2fe;
	display:inline-block;
	word-break:break-word;
	border-radius:3px;
	border:1px solid #ccc;
}

.directory-added {
	padding:2px;
	margin:5px;
	line-height:2;
	background-color:#ffffff;
	display:inline-block;
	word-break:break-word;
	border-radius:3px;
	border:1px solid #ccc;
}

.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 {
	max-height:100px;
}

#schedule-recipients {
	overflow:auto;
	max-height:100px;
	border-radius:0;
}

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

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

.label-new-orange {
	background-color:#fea001;
	color:#fff;
	font-size:10px;
    padding:1px;
}

.label-new-darkblue {
	background-color:#001961;
	color:#fff;
	font-size:10px;
    padding:1px 4px;
    margin-top:8px;
}

.label-new-blue {
	background-color:#5bc0de;
	color:#fff;
	font-size:10px;
    padding:1px 4px;
    margin-top:8px;
}

.label-beta-recon {
    background-color:#5bc0de;
    color:#fff;
    font-size:11px;
    padding:4px 6px;
    margin:4px;
    vertical-align:middle;
}

/********************
*
*     Application
*
**********************/

.img-profile-application {
	margin-right:5px; 
	padding:10px;
}

.application-text {
	font-size:18px;
	color:#fff;
}

.table thead>tr>th.pending-th {
	padding:0 0 8px 0!important;
	padding-left:0;	
	vertical-align:middle;
	border-top:0;
}

@media(max-width:991px) {
	.table thead>tr>th.pending-th {
	    max-width:52px;
	}
}

.table thead>tr>th.endusers-pending-th {
	padding:8px 0;	
	vertical-align:middle;
	max-width:50px;
}

@media(min-width:992px) {	
	.application-title {
		font-size:37px;
		margin-bottom:35px;
		margin-left:25%;
		margin-top:50px;
	}
	
	.application-subtitle {
		margin-left:25%;
		margin-top:50px;
	}
}

@media(max-width:991px) {
	.application-title {
		font-size:20px;
		margin-bottom:35px;
		margin-left:0;
	}
}
	
.applicant-box {
	text-align:center;
	background:#fff;
	border:solid rgba(254, 160, 1, 0.38);
	padding:10px;
}

#domains-wrap {
	margin-top:15px;
}

.active-domain {
	border-left:solid 5px #5cb85c!important;
}

.select-domains {
	border-left:solid 5px #fea001!important;
	text-align:left;
}

.inactive-domain {
	border-left:solid 5px #9ad4fe!important;
}

.expiration-details > td {
	border-top:none!important;
}

.freeware-td {
    font-size:10;
    text-align:center;
}

.domain-name-padding {
	padding:0 10;
}

.mass-update-blue {
	color:#001961;
}

@media screen and (min-width:768px) {
	#editDomainModal .modal-dialog  {
		width:700px;
	}
	
	#activateSignature .modal-dialog  {
		width:500px;
	}
	
	#previewModal .modal-dialog  {
		width:700px;
	}

	#activateModal .modal-dialog  {
		width:700px;
	}
	
	#lastUserNoteModal .modal-dialog  {
		width:700px;
	}
	
	#versionListModal .modal-dialog  {
		width:800px;
	}
	
	#lastUserNoteModal .modal-body  {
		overflow:auto;
	}
	
	#versionListModal .modal-body  {
		overflow:auto;
		min-height:300px;
	}
}

@media screen and (min-width:768px) and (min-width:994px)  {
	#viewEmailModal .modal-dialog  {
		width:700px;
	}
}

@media screen and (min-width:995px)  {
	#viewEmailModal .modal-dialog  {
		width:990px;
	}
}

#lang-header, 
#config-header {
	padding: 1rem;
}

/*TODO: Eliminar navbar-tooglebox y dejar a config-header 
quitando el important al finalizar migracion de bootstrap*/
.navbar-tooglebox #config-header{
    padding-top: 1.3445rem!important;
	padding-bottom: 1.3445rem!important;
}

/*TODO: Eliminar navbar-tooglebox y dejar a lang-header 
quitando el important al finalizar migracion de bootstrap*/
.navbar-tooglebox #lang-header{
	padding-top: 1.6rem!important;
    padding-bottom: 1.65rem!important;
	font-size: .75rem;
}

/*TODO: Eliminar navbar-tooglebox y dejar a lang-header 
quitando el important al finalizar migracion de bootstrap*/
.navbar-tooglebox #profile-header{
	padding-top: .9375rem!important;
	padding-bottom: .9375rem!important;
}

.navbar-tooglebox #config-header .dropdown-toggle::after {
	font-size: .9rem;	
}

/*TODO: Eliminar config-header.open al finalizar migracion de bootstrap*/
#lang-header.open, 
#config-header.open,
.navbar-tooglebox .dropdown-header.show {
	background-image: linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);
	box-shadow: inset 0 3px 9px rgb(0 0 0 / 8%);
	border-bottom: solid 1px  #337ab7!important;
}

#lang-header a, 
#config-header a{
	background-image: none;
	box-shadow: none;
	border: none;
}

/*TODO: eliminar al migrar bootstrap 4*/
#lang-header ul, 
#config-header ul{
	margin-top: 1px;
}

.label-blue {
	background-color:#5bc0de;
	margin-top:3px;
	width:144px;
	margin-right:5px;
}

.label-green {
	margin-top:3px;
	background-color:#5cb85c;
	width:144px;
	margin-right:5px;
}

.label-purple {
	margin-top:3px;
	background-color:purple;
	width:144px;
	margin-right:5px;
}

.label-gray {
	margin-top:3px;
	background-color:#001961;
	width:144px;
	margin-right:5px;
}

.label-darkblue-small {
	background-color:#001961;
	font-size:9px;	
}

.label-gray-small {
	margin-top:5px;
	background-color:gray;
	width:66px;
	font-size:9px;
}

.label-blue-small {
	background-color:#5bc0de;
	margin-top:5px;
	width:66px;
	margin-right:1px;
	font-size:9px;	
}

.label-green-small {
	margin-top:5px;
	background-color:#5cb85c;
	width:66px;
	font-size:9px;
}


.label-contacts-blue-small {
	background-color:#5bc0de;
	margin-top:5px;
	width:76px;
	margin-right:1px;	
	font-size:9px;
}

.label-contacts-green-small {
	margin-top:5px;
	background-color:#5cb85c;
	width:76px;
	font-size:9px;
}

.label-contacts-red-small {
	background-color:red;
	margin-top:5px;
	width:76px;
	margin-right:1px;	
	font-size:9px;
}
.label-red-small {
	background-color:red;
	margin-top:5px;
	width:66px;
	margin-right:1px;
	font-size:9px;	
}

.label-purple-small {
	margin-top:5px;
	background-color:purple;
	width:66px;
	font-size:9px;
}

.label-inv-small {
	margin-top:5px;
	background-color:rgba(92, 184, 92, 0);
	min-width:66px;
	color:rgba(92, 184, 92, 0);
	font-size:9px;
}

.label-contacts-inv-small {
	margin-top:5px;
	background-color:rgba(92, 184, 92, 0);
	min-width:76px;
	color:rgba(92, 184, 92, 0);
	font-size:9px;
}

.label-red {
	background-color:#ed1111;
	width:90px!important;
}

.label-active {
    background-color:#489315;
	border:solid white 1px;
    
}

.label-blue-disabled {
	background-color:#65a0b2;
	margin-top:3px;
	min-width:90px;
}

.label-green-disabled {
	margin-top:3px;
	background-color:#96e796;
	width:90px;
	color:#eee;
}

.label-blue-disabled {
	margin-top:3px;
	background-color:#9cd1e0;
	width:90px;
	color:#eee;
}

.label-blue[href]:hover,
.label-blue[href]:focus {
	background-color:#9ad4fe;
}

.active-lang {
	background:#e2e2e2;
}

.navbar .nav li .active-lang  {
	background-color:#e2e2e2!important;
}

.google-profile {
    cursor: pointer;
}

.google-profile:hover {
    background-color: #e2e2e2;
}

#menu-logo {
    width:190px;
}

#menu-logo-comparison {
    width:260px;
}

#sidebar-logo-menu {
    width:200px;
    margin-bottom:-12px;
    margin-top: -7px;
}

@media(max-width:767px) {
	#menu-logo {
	    margin-top:0;
	}
}

@media(max-width:994px) {
	.navbar-brand {
		margin-left:15px;
	}
}

@media(max-width:767px) {
	.nav>li.logout-dropdown {
		display:none;
	}
}

@media(min-width:768px) {
	.media-logout {
		display:none;		
	}
}

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

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

.disabled-input-color {
	background-color: #e9ecef!important;
}

.accounts-caption{
	font-size: 11px;
	display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1rem 0;
}

.margin-signature-icon{
	color: #7d7e7d;
	margin: .3rem;
}

.add-domain-btn {
	margin-top:10px;	
}

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

.inline {
	display:inline;	
}

.tooglebox-menu {
	margin:8px 0;
}

.red-icon {
    color:#dc3545;
}

.green-icon {
    color:#28a745!important;
}

.tbd-alert {
	padding: .25rem .1rem!important;
}

.tbd-badge {
	padding: .25rem!important;
	border-radius: 0!important;
}

.tbd-blue-icon {
    color:#007bff!important;
}

.tbd-green-icon {
    color:#28a745!important;
}

.tbd-red-icon {
    color: #e74c3c!important;;
}

.domains-container {
	color:#404040;
	margin:0;
}

.domains-checklist {
	overflow:auto;
    background:#fff;
    border-top:5px solid #eee;
    vertical-align:middle;
}

.domains-checklist-nooverflow {
    background:#fff;
    border-top:5px solid #eee;
    vertical-align:middle;
}

.domainexception-checklist {
    background:#fff;
    height:100%;
}

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

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

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

.clicking a:hover{
	cursor:pointer;
}

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

/*********************
*
*	   Icons
*	
**********************/
.fa-check-circle-gadget {
	font-size:40px;
	color:#fea001!important;
	font-weight:100;
}

.fa-chevron-up, .fa-chevron-down {
	color:#fff;
}

.fa-chevron-left, .fa-chevron-right {
	color:black;
}

.icon-black {
	font-size:20px;
	color:#404040;
	padding:5px;
	margin-top:1px;
}

.icon-black a{
	font-size:20px;
	color:#404040;
}

.icon-black-table {
	font-size:17px;
	color:#404040;
}

.icon-black-table a{
	font-size:20px;
	color:#404040;
	margin:0;
}

.icon-red-table {
	font-size:17px;
	color:red;
    padding-left:5px;
}

.icon-red-table a{
	font-size:20px;
	color:red;
	margin:0;
}

.fa-black-table {
	font-size:21px;
	color:#404040;
}

.fa-black-table a{
	font-size:21px;
	color:#404040;
	margin:0;
}

.userSignatureTable>thead>tr>td, .userSignatureTable>thead>tr>th {
	padding: 12px 30px 12px 12px;
}

.userSignatureTable>tbody>tr>td, .userSignatureTable>tbody>tr>th, .userSignatureTable>tfoot>tr>td, .userSignatureTable>tfoot>tr>th {
    padding-left  : 10px !important;
	padding-right : 10px !important;
	height        : 40px !important;

}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, 
.table>thead>tr>td, .table>thead>tr>th.no-padding-icon {
	padding-left:1px;
	padding-right:1px;
}

.table>tbody>tr>td.no-padding-icon-payment, .table>tbody>tr>th.no-padding-icon-payment, 
.table>tfoot>tr>td.no-padding-icon-payment, .table>tfoot>tr>th.no-padding-icon-payment, 
.table>thead>tr>td.no-padding-icon-payment, .table>thead>tr>th.no-padding-icon-payment {
	padding-left:1px;
	padding-right:1px;
	padding-bottom:0;
}

.bootstrap-4 .table>tbody>tr>td, .bootstrap-4 .table>tbody>tr>th, .bootstrap-4 .table>tfoot>tr>td, .bootstrap-4 .table>tfoot>tr>th, 
.bootstrap-4 .table>thead>tr>td, .bootstrap-4 .table>thead>tr>th.no-padding-icon {
	padding-left:10px;
	padding-right:10px;
}

.bootstrap-4 .table>tbody>tr>td.no-padding-icon-payment, .bootstrap-4 .table>tbody>tr>th.no-padding-icon-payment, 
.bootstrap-4 .table>tfoot>tr>td.no-padding-icon-payment, .bootstrap-4 .table>tfoot>tr>th.no-padding-icon-payment, 
.bootstrap-4 .table>thead>tr>td.no-padding-icon-payment, .bootstrap-4 .table>thead>tr>th.no-padding-icon-payment {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0;
}

.payment-details {
    color:#305786;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700;
}

.icon-orange-table {
	font-size:17px;
	color:#fea001;
}

.icon-orange-table-big {
	font-size:20px;
	color:#fea001;
}

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

.rotate-45-right {
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/********************
*
*	   Buttons
*
**********************/
button {
	border-radius:2px;
	font-size:12px;
}

button:disabled {
	cursor: not-allowed;
}

.btn.btn-light,
.btn.btn-light:hover{
	color: #555;
}

.btn,
.btn:hover {
	text-shadow:none!important;
	color: #fff;
}

.btn-warning {
	background:#fea001!important;
	border-color:#fea001!important;
}


.btn-warning:hover {
	background:#f49a02!important;
}

.btn-expired {
	background:#bf40bf;
	border-color:#bf40bf;
}

#create-activate-btn, #save-activate-btn, .btn-warning-green {
	background:#449d44!important;
	border-color:#449d44!important;
}

#create-activate-btn:hover, #save-activate-btn:hover {
	background:#419641!important;
}

.individual-price {
	margin-right:10%;
}

.individual-price-free {
	color:#fea001;
}

#freeware-btn {
    border:1px solid white;
    color:white;
    background:none;
    padding:10px;
    font-size:18px;
    text-shadow:none;
    margin-top:50px;
}

#freeware-btn:hover {
	transition-delay:0.4s; /* delays for 1 second */
 	-webkit-transition-delay:0.4s; /* for Safari & Chrome */
 	transition:all 0.4s ease-in-out;
 	-webkit-transition:all 0.4s ease-in-out;
	color:#fea001;
    background:white;
}

#freeware-link {
	margin-top:12px;
	text-decoration:underline;
	color:#fea001;    
}

#freeware-btn-2 {
    border:1px solid #fea001;
    color:#fea001;
    background:none;
    padding:10px;
    font-size:18px;
    text-shadow:none;
}

#freeware-btn-2:hover {
	transition-delay:0.4s; /* delays for 1 second */
 	-webkit-transition-delay:0.4s; /* for Safari & Chrome */
 	transition:all 0.4s ease-in-out;
 	-webkit-transition:all 0.4s ease-in-out;
	color:white;
    background:#fea001;
}

#install-btn {
	font-family:'Roboto', sans-serif;    
	height:40px;
    font-size:14px;
    background:#4285f4;
    text-shadow:none;
    border:1px solid #4285f4;
}

#install-btn:hover {
	transition-delay:0.4s; /* delays for 1 second */
 	-webkit-transition-delay:0.4s; /* for Safari & Chrome */
 	transition:all 0.4s ease-in-out;
 	-webkit-transition:all 0.4s ease-in-out;
	color:#4285f4;
    background:white;
}


/** Google Sign-In button 
	following Branding Guidelines */
#login-btn-en {
	background:url("/img/btn_google_signin_dark_normal_web_en.png") center center;
	background-repeat:no-repeat;    
	background-color:white;
	margin-top:12px;
	width:200px;
    height:46px;
	border:none;
    outline:none;
}

#login-btn-en:active:hover {
	background:url("/img/btn_google_signin_dark_pressed_web_en.png") center center;
	background-repeat:no-repeat;
	border:none;
    outline:none;
}

#login-btn-en:focus, #login-btn-en:hover {
	background:url("/img/btn_google_signin_dark_focus_web_en.png") center center;
	background-repeat:no-repeat;
	border:none;
    outline:none;
}

#login-btn-en:disabled {
	background:url("/img/btn_google_signin_dark_disabled_web_en.png") center center;
	background-repeat:no-repeat;
}

#login-btn-es {
	background:url("/img/btn_google_signin_dark_normal_web_es.png") center center;
	background-repeat:no-repeat;    
	background-color:white;
	margin-top:12px;
	width:240px;
    height:46px;
	border:none;
    outline:none;
}

#login-btn-es:active:hover {
	background:url("/img/btn_google_signin_dark_pressed_web_es.png") center center;
	background-repeat:no-repeat;
	border:none;
    outline:none;
}

#login-btn-es:focus, #login-btn-es:hover {
	background:url("/img/btn_google_signin_dark_focus_web_es.png") center center;
	background-repeat:no-repeat;
	border:none;
    outline:none;
}

#login-btn-es:disabled {
	background:url("/img/btn_google_signin_dark_disabled_web_es.png") center center;
	background-repeat:no-repeat;
}

#login-btn-pt {
	background:url("/img/btn_google_signin_dark_normal_web_pt.png") center center;
	background-repeat:no-repeat;    
	background-color:white;
	margin-top:12px;
	width:210px;
    height:46px;
	border:none;
    outline:none;
}

#login-btn-pt:active:hover {
	background:url("/img/btn_google_signin_dark_pressed_web_pt.png") center center;
	background-repeat:no-repeat;
	border:none;
    outline:none;
}

#login-btn-pt:focus, #login-btn-pt:hover {
	background:url("/img/btn_google_signin_dark_focus_web_pt.png") center center;
	background-repeat:no-repeat;
	border:none;
    outline:none;
}

#login-btn-pt:disabled {
	background:url("/img/btn_google_signin_dark_disabled_web_pt.png") center center;
	background-repeat:no-repeat;
}

.loginButtonAuthorization{
	height:50px;
	width:240px;
	background-color: #4285f4;
    border: none;
    color: #fff;
    border-radius: 1rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .218s,border-color .218s,box-shadow .218s;
    transition: background-color .218s,border-color .218s,box-shadow .218s;
    -webkit-user-select: none;
    -webkit-appearance: none;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
}

.loginButtonAuthorizationContentWrapper{
	border: 1px solid transparent;
	height: 100%;
    width: 100%;
}

.loginButtonAuthorizationIcon{
	padding:15px;
	background-color: #fff;
	border-radius: 1rem 0rem 0rem 1rem;
	float: left;
}

.loginButtonAuthorizationContents{
	font-size:16px;
	line-height:48px;
	font-family: Roboto,arial,sans-serif;
    font-weight: 500;
    letter-spacing: .21px;
    margin-left: 6px;
    margin-right: 6px;
    vertical-align: top;
}

#refresh {
	height:34px;
}

#delete-btn, #track-btn {
	font-size:20px;
}

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

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

#submit-question {
	padding:10px 40px;
}

.save-tree-btn {
	padding:10px 40px;
}

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

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


.swal-btn-small {
	padding:10px 5px!important;
	font-size:14px!important;
}

.swal2-content {
	font-size: 1.2em !important;
}

/*TODO: pasar a rem al migrar a bootstrap 4*/
.swal2-popup{
	font-size: 14px !important;
}

.swal2-styled{
	font-size: 1em !important;
}

.swal2-actions{
	margin: 2.25em auto 0 !important;
}

.swalLookLikeModal{
	width: 28.125rem;
}

.resetPassModalWidth{
	width: 45rem;
}

.resetPassContainerResult{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 1rem; 
	margin-top: 1rem
}

.padding-center-pass-modal {
    padding: 0em 4em;
}

.swalLookLikeModalImage{
	display: flex;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	width: 4.375rem;
    height: 4.375rem;
}

.swalLookLikeModalContent{
	padding: 1rem;
	font-size: 1rem;
	text-align: center;
}

.swalLookLikeModalButtonNo{
	display: inline-block; 
	background-color: rgb(185, 185, 185) !important;
	font-size: 14px !important;
}

.swalLookLikeModalText{
	display: block;
	font-family:'Lato', sans-serif;
	line-height: normal;
}

.swalLookLikeModalFooter{
	margin-top: 2rem !important;
}

.swalLookLikeModalButtonYes{
	display: inline-block; 
	background-color: rgb(199, 55, 51) !important; 
	border-left-color: rgb(199, 55, 51) !important; 
	border-right-color: rgb(199, 55, 51) !important;
	font-size: 14px !important;
}

.active-btn {
	border:solid 2px rgba(255, 212, 0, 0.82);
}

/* Bootstrap default */
.btn-default {
	color:#333;
	background-color:#fff;
	border-color:#ccc;
    background-image:none;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
	color:#333;
	background-color:#ebebeb;
	border-color:#b3b3b3;
}

.open .btn-default.dropdown-toggle {
	color:#333;
	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:#fff;
	border-color:#ccc;
}

.bootstrap-4 .btn {
	font-size: .875rem;
}

.bootstrap-4 p {
	margin-bottom: .625rem;
}

.bootstrap-4 .badge {
	color: #fff;
}

.badge-domain {
	float: right;
	margin-left: .25rem;
}

.badge-primary {
	background-color: #337ab7!important;
}

.modal-dialog {
	max-width: 100%;
}

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

.bootstrap-4 .modal-title {
	width: 100%;
}

.bootstrap-4 .modal-header .close {
	font-size: 1.25rem;
	margin: -1rem;
}

.btn-warning.disabled, .btn-warning:disabled {
	color: #fff;
}

.temp-modal-header{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.temp-modal-footer{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

/********************
*
*    Checkboxes
*
**********************/

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]:disabled {
    cursor: not-allowed;
}

input[type=radio] {
	vertical-align:top;
	margin-top:3px;
}

.t-checkbox-options > div{
	margin-top: .5rem;
}

.t-checkbox-options > div:last-child{
	margin-bottom: .5rem;
}

.t-checkbox-options-tab {
	margin-left: 3rem;
}

.t-checkbox-options-tab > div {
	margin-top: .5rem;
}

.t-checkbox-options-tab > div:last-child {
	margin-bottom: .5rem;
}

.t-checkbox, 
.t-radio {
	display: flex;
	align-items: center;
	/* margin-top: .25rem; */
}

.t-checkbox > input,
.t-radio > input {
	margin-top: 0;
}

.t-checkbox > span,
.t-radio > span {
	margin-left: .25rem;
}

/*TODO: ELiminsar estos padding  margin una vez migrado a b4*/

.radioLeftMargin{
	margin-left: 2rem;
}

.radioLeftMarginLong{
	margin-left: 3.5rem;
}

.paddingLeftMargin{
	padding-left: 1.5rem;
}

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

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

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

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

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

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

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

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

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

/*********************
*
*   Bootstrap-table
*
**********************/

.fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail {
	margin-right:20px;
    padding-top:2px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color:#e5e5e5!important;
	border-color:#e5e5e5!important;
	color:#fff!important;
}

.pagination>li>a, .pagination>li>span {
	color:#A9A398!important
}

#deleteUserForm {
	margin-bottom:0;
}

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

.view-email-pre {
	border:none;
	background:white;
	font-family:inherit;
}

.accordion-reconnaissance .ui-icon { 
	display:none; 
}

.ui-state-focus { 
	outline:none; 
}

.accordion-container {
	width:100%; 
	border:1px solid #efefef;
    padding-top:0!important;    
    border-top:1px solid #efefef!important;
    box-shadow:5px 5px rgba(102,102,102,.1);
    font-size: 15px;
}

/********************
*
*   Swing animation
*
**********************/
.animatedswing { 
    -moz-animation:swing-tooglebox 3s;
    -webkit-animation:swing-tooglebox 3s;
    animation:swing-tooglebox 3s;
}

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

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


/*********************
*
*      Switch
*
**********************/

.onoffswitch {
    position:relative; 
    width:50px;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none;
}
.onoffswitch-checkbox {
    display:none;
}

.onoffswitch-label {
    display:block; 
    overflow:hidden; 
    cursor:pointer;
    border:1px solid #BBB9B9;
	border-radius:34px;
}
.onoffswitch-inner {
    display:block; width:200%; 
    margin-left:-100%;
    -moz-transition:margin 0.3s ease-in 0s; 
    -webkit-transition:margin 0.3s ease-in 0s;
    -o-transition:margin 0.3s ease-in 0s; 
    transition:margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display:block; 
    float:left; 
    width:50%; 
    height:18px; 
    padding:0; 
    line-height:18px;
    font-size:14px; 
    color:#fff; 
    font-family:Trebuchet, Arial, sans-serif; 
    font-weight:bold;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    box-sizing:border-box;
}
.onoffswitch-inner:before {
    content:"";
    padding-left:10px;
    background:linear-gradient(rgb(23, 184, 19), rgb(7, 231, 10));
   	color:#fff;
}
.onoffswitch-inner:after {
    content:"";
    padding-right:10px;
    background-color:#eee; 
    color:#999999;
    text-align:right;
}
.onoffswitch-switch {
    display:block; 
    width:16px; 
    margin:1px;
    background:#fff;
    border:1px solid #bbb;
    border-radius:34px;
    position:absolute; 
    top:0; 
    bottom:0; 
    right:28px;
    -moz-transition:all 0.3s ease-in 0s; 
    -webkit-transition:all 0.3s ease-in 0s;
    -o-transition:all 0.3s ease-in 0s; 
    transition:all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left:0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right:0; 
}



/********************
*
*     Contact us
*
**********************/
.contactus-form {
	padding:10px;
	text-align:left;
}

#question {
	resize:vertical;
	padding:20px;
}

.contactus-description {
	margin-top:30px;
}

.contactus-help-text {
	margin:20px 0;
}

#disclaimerModal {
	z-index:5000;
}

/********************
*
*   Blink animation
*
**********************/

.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;
	}
}

/********************
*
*   Blink animation
* 		SLOW
*
**********************/
.blink-slow {
	animation:blink 5s steps(5, start) infinite;
	-webkit-animation:blink 5s steps(5, start) infinite;
}

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

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

/********************
*
*     Feeds-box
*
**********************/
.feeds-box.box.blue-steel > .feeds-box-title {
	background-color:#fff;
}

.feeds-box.box.blue-steel > .feeds-box-title > .caption {
	color:#fea001;
}

.feeds-box.box.blue-steel > .feeds-box-title > .actions .btn-default {
	background:transparent !important;
	background-color:transparent !important;
	border:1px solid #CAD3E2;
	color:#ffbe5a;
}

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

.dropdown.ui.disabled {
	background-color:#eee;
	color: #c0c0c0;
	border-color:#ddd;
	cursor: not-allowed;
	opacity:1;
}

.dropdown-menu {
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	list-style:none;
	text-shadow:none;
	padding:0;
	margin:0;
	background-color:#fff;
	box-shadow:5px 5px rgba(102, 102, 102, 0.1);
	border:1px solid #efefef;
	font-size:13px;
}

.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:#076de4;
	color:#ffffff;
	filter:none;
}

#navbar-icons .dropdown-menu a.active-lang,
#navbar-icons .dropdown-menu a:hover {
	background-color: #e2e2e2!important;
	color: #333!important;
}

div.bootstrap-select .dropdown-menu li.active small.text-muted,
div.bootstrap-select .dropdown-menu li > a:hover small.text-muted
{
	color:#ffffff !important;
}

.dropdown-menu.bottom-up {
	top:auto;
	bottom:100%;
	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) {
	/* 767px */
	.navbar-nav .open .dropdown-menu {
		position:absolute;
		float:left;
		width:auto;
		margin-top:0;
		background-color:#fff;
		border:1px solid #efefef;
		box-shadow:5px 5px rgba(102, 102, 102, 0.1);
	}
	
	.navbar-nav .open .dropdown-menu > li > a {
		padding:6px 0 6px 13px;
		color:#333;
	}
	.navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-nav .open .dropdown-menu > li > a:active {
		background-color:#eee;
	}
}

.navbar-tooglebox .dropdown-menu {
	right: 0;
	left: auto;
	margin-top: 1px;
}

.navbar-tooglebox .dropdown-menu a:hover {
	background-color: #e2e2e2;
}

/*************
*
* 	Feeds
*
**************/
.feeds {
	margin:0;
	padding:0;
	list-style:none;
}

.feeds li {
	margin-bottom:15px;
}

.feeds li:before, .feeds li:after {
	display:table;
	line-height:0;
	content:"";
}

.feeds li:after {
	clear:both;
}

.feeds li:last-child {
	margin-bottom:0;
}

.feeds li .col1 {
	float:left;
	width:100%;
	clear:both;
}

.feeds li .col1 > .cont {
	float:left;
	margin-right:75px;
	overflow:hidden;
}

.feeds li .col1 > .cont > .cont-col1 {
	float:left;
	margin-right:-100%;
}

.feeds li .col1 > .cont > .cont-col1 > .label {
	display:inline-block;
	padding:5px 4px 6px 5px;
	vertical-align:middle;
	text-align:center;
}

.feeds li .col1 > .cont > .cont-col1 > .label > i {
	text-align:center;
	font-size:14px;
}

.feeds li .col1 > .cont > .cont-col2 {
	float:left;
	width:100%;
}

.feeds li .col1 > .cont > .cont-col2 > .desc {
	margin-left:35px;
	padding-top:4px;
	padding-bottom:5px;
	overflow:hidden;
}

.feeds li .col2 {
	float:left;
	width:75px;
	margin-left:-75px;
}

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

.date-align {
	display: flex;
	align-items: center;
}

.feeds-box.light .form {
	padding-left:0;
	padding-right:0;
}

.pagination {
	margin:10px 0;
}

.pagination .active > a,
.pagination .active > a:hover {
	background:#eee;
	border-color:#dddddd;
	color:#333;
}

/****************
*
*	feeds-boxs
*
*****************/
.feeds-box {
  margin-top:0;
  margin-bottom:25px;
  padding:0;
}

.feeds-box > .feeds-box-title {
  border-bottom:1px solid #eee;
  padding:10px;
  margin-bottom:10px;
  min-height:41px;
}

.feeds-box > .feeds-box-title > .caption {
  display:inline-block;
  font-size:18px;
  line-height:18px;
  font-weight:400;
  padding:10px 0;
}

.feeds-box > .feeds-box-title > .caption > i {
  margin-top:4px;
  display:inline-block;
  font-size:13px;
  margin-right:5px;
  color:#666;
}

.feeds-box > .feeds-box-title > .caption > i.fa ,.feeds-box > .feeds-box-title > .caption > i.fas {
  margin-top:2px;
}

.feeds-box > .feeds-box-title > .actions {
	display:inline-block;
	padding:6px 0;
}

.feeds-box > .feeds-box-title > .actions > .dropdown-menu i {
	color:#555555;
}

.feeds-box > .feeds-box-title > .actions > .btn,
.feeds-box > .feeds-box-title > .actions > .btn.btn-sm,
.feeds-box > .feeds-box-title > .actions > .btn-group > .btn,
.feeds-box > .feeds-box-title > .actions > .btn-group > .btn.btn-sm {
	padding:4px 10px;
	font-size:13px;
	line-height:1.5;
}

.feeds-box > .feeds-box-title > .actions > .btn.btn-default,
.feeds-box > .feeds-box-title > .actions > .btn.btn-sm.btn-default,
.feeds-box > .feeds-box-title > .actions > .btn-group > .btn.btn-default,
.feeds-box > .feeds-box-title > .actions > .btn-group > .btn.btn-sm.btn-default {
  padding:3px 9px;
}

.feeds-box > .feeds-box-title > .actions .btn-icon-only {
  padding:5px 7px 3px 7px;
}

.feeds-box > .feeds-box-title > .actions .btn-icon-only.btn-default {
  padding:4px 6px 2px 6px;
}

.feeds-box > .feeds-box-title > .actions .btn-icon-only.btn-default > i {
  font-size:14px;
}

.feeds-box > .feeds-box-title > .actions > .feeds-box-input1 > .input-group > .form-control,
.feeds-box > .feeds-box-title > .actions > .feeds-box-input1 > .form-control {
  padding:4px 10px;
  height:27px;
  font-size:13px;
}

.feeds-box > .feeds-box-title > .tools {
  display:inline-block;
  padding:12px 0 8px 0;
}

.feeds-box > .feeds-box-title > .tools > a {
  display:inline-block;
  height:16px;
  margin-left:5px;
}

.feeds-box > .feeds-box-title > .tools > a.remove {
  background-image:url(../img/feeds-box-remove-icon.png);
  background-repeat:no-repeat;
  width:11px;
}

.feeds-box > .feeds-box-title > .tools > a.config {
  background-image:url(../img/feeds-box-config-icon.png);
  background-repeat:no-repeat;
  width:12px;
}

.feeds-box > .feeds-box-title > .tools > a.reload {
  background-image:url(../img/feeds-box-reload-icon.png);
  width:13px;
}

.feeds-box > .feeds-box-title > .tools > a.expand {
  background-image:url(../img/feeds-box-expand-icon.png);
  width:14px;
}

.feeds-box > .feeds-box-title > .tools > a.collapse {
  background-image:url(../img/feeds-box-collapse-icon.png);
  width:14px;
}

.feeds-box > .feeds-box-title > .tools > a:hover {
  text-decoration:none;
  -webkit-transition:all 0.1s ease-in-out;
  -moz-transition:all 0.1s ease-in-out;
  -o-transition:all 0.1s ease-in-out;
  -ms-transition:all 0.1s ease-in-out;
  transition:all 0.1s ease-in-out;
  opacity:.6;
  filter:'alpha(opacity=60)';
}

.feeds-box > .feeds-box-title > .pagination {
  display:inline-block;
  margin:0;
  border:0;
  padding:5px 0;
}

.feeds-box > .feeds-box-body {
  clear:both;
}

.feeds-box-body > div {
	position: relative; 
	overflow: hidden; 
	width: auto;
}

.feeds-box-body > div > div {
	overflow: hidden; 
	width: auto;
} 

.feeds-box > .feeds-box-empty {
  min-height:125px;
}

.feeds-box.full-height-content {
  margin-bottom:0;
}

.feeds-box.bordered {
  border-left:2px solid #e6e9ec !important;
}

.feeds-box.bordered > .feeds-box-title {
  border-bottom:0;
}

/* Box feeds-box */
.feeds-box.box {
  padding:0 !important;
}
.feeds-box.box > .feeds-box-title {
  border-bottom:1px solid #eee;
  margin-bottom:0;
  color:#fff;
}
.feeds-box.box > .feeds-box-title > .caption {
  padding:11px 0 9px 0;
}
.feeds-box.box > .feeds-box-title > .tools > a.remove {
  background-image:url(../img/feeds-box-remove-icon-white.png);
}
.feeds-box.box > .feeds-box-title > .tools > a.config {
  background-image:url(../img/feeds-box-config-icon-white.png);
}
.feeds-box.box > .feeds-box-title > .tools > a.reload {
  background-image:url(../img/feeds-box-reload-icon-white.png);
}
.feeds-box.box > .feeds-box-title > .tools > a.expand {
  background-image:url(../img/feeds-box-expand-icon-white.png);
}
.feeds-box.box > .feeds-box-title > .tools > a.collapse {
  background-image:url(../img/feeds-box-collapse-icon-white.png);
}
.feeds-box.box > .feeds-box-title > .actions {
  padding:6px 0;
}
.feeds-box.box > .feeds-box-body {
	background-color:#fff;
	padding:10px;
}

/* Light feeds-box */
.feeds-box.light {
  padding:12px 20px 15px 20px;
  background-color:#fff;
}
.feeds-box.light.bordered {
  border:1px solid #e1e1e1 !important;
}

.feeds-box-margin {
	margin:10px;
    margin-top:0;
}

@media screen and (max-width:991px) {
	.feeds-box-margin {
	  margin:5px;
	}
}

.feeds-box.light.bordered > .feeds-box-title {
	border-bottom:1px solid #eee;
}
.feeds-box.light.bg-inverse {
	background:#f7f7f7;
}
.feeds-box.light > .feeds-box-title {
	padding:0;
	min-height:48px;
}
.feeds-box.light > .feeds-box-title > .caption {
	color:#666;
	padding:10px 0;
}
.feeds-box.light > .feeds-box-title > .caption > i {
	color:#777;
	font-size:16px;
	font-weight:300;
	margin-top:3px;
}
.feeds-box.light > .feeds-box-title > .actions {
	padding:6px 0 14px 0;
}
.feeds-box.light > .feeds-box-title > .actions .btn-default {
	color:#666;
}
.feeds-box.light > .feeds-box-title > .actions .dropdown-menu li > a {
	color:#555;
}
.feeds-box.light > .feeds-box-title > .inputs {
	display:inline-block;
	padding:2px 0 11px 0;
}
.feeds-box.light > .feeds-box-title > .pagination {
	padding:2px 0 13px 0;
}
.feeds-box.light > .feeds-box-title > .tools {
	padding:10px 0 13px 0;
	margin-top:2px;
}
.feeds-box.light .tabbable-line.feeds-box-title {
	padding-bottom:0;
}
.feeds-box.light .tabbable-line.feeds-box-title > .nav-tabs {
	float:right;
	margin:0;
	padding:0;
	margin-top:3px;
}
.feeds-box.light .tabbable-line.feeds-box-title > .nav-tabs > li {
	margin:0;
}
.feeds-box.light .tabbable-line.feeds-box-title > .nav-tabs > li > a {
	margin:0;
	padding:11px 13px 11px 13px;
	font-size:13px;
}
.feeds-box.light .tabbable-line.feeds-box-body > .tab-content {
	padding:0;
	margin:0;
	border:0;
}
.feeds-box.light.form-fit {
	padding:0;
}
.feeds-box.light.form-fit > .feeds-box-title {
	padding:17px 20px 10px 20px;
	margin-bottom:0;
}

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

.bootstrap-4 .table th,
.bootstrap-4 .table td {
	font-size: .75rem!important;
	padding: .5rem;
}

.table th,
.table td {
	font-size: 1.2rem!important;
	padding: .8rem;
}


/********************
*
* Bootstrap Tabs 
*
********************/
.nav-tabs > li > a,
.nav-pills > li > a {
  font-size:14px;
  border:1px solid #fff;
}

.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:#fff;
}

/* 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:#fff;
}


/********************
*
*    Task history
*
**********************/

.history-tabs {
	margin-bottom:15px;
	padding-bottom:1px;
    border-bottom:1px solid #ddd;
}

.tasks-container {
	margin:10px;
	border:1px solid #e1e1e1;
}

#history-table td, #my-history-table td, #old-history-table td  {
	max-width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:11px;
}

#history-table th, #my-history-table th, #old-history-table th  {
	max-width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:11px!important;
}

.history-table-result {
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
}

#history-table, #my-history-table {
	font-size:11px!important;
}

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

.small-date{
	font-size: .7rem;
}

.tasks-list {
	padding:0 20 20 20;
	background:#ffffff;
}

.show-errors {
	display: flex;
	align-items: center;
	float: right;
	margin-top: 18px;
	margin-right: 1rem;
	cursor:pointer;
}

.show-errors .jtoggler-wrapper{
	pointer-events: none;
}
.label-green-history {
    margin-top:3px;
    background-color:#5cb85c;
    padding:3px 0;
    width:154px;
    margin-right:5px;
    font-size:9px;
}

.label-blue-history {
    margin-top:3px;
    background-color:#5bc0de;
    padding:3px 0;
    width:154px;
    margin-right:5px;
    font-size:9px;
}

.label-purple-history {
    margin-top:3px;
    background-color:purple;
    padding:3px 0;
    width:154px;
    margin-right:5px;
    font-size:9px;
}

.label-darkblue-history {
    margin-top:3px;
    background-color:#001961;
    padding:3px 0;
    width:154px;
    margin-right:5px;
    font-size:9px;
}

.label-dark-green-history {
    margin-top:3px;
    background-color:darkgreen;
    padding:3px 0;
    width:154px;
    margin-right:5px;
    font-size:9px;
}

.label-orange-history {
    margin-top:3px;
    background-color:#fea001;
    padding:3px 0;
    width:154px;
    margin-right:5px;
    font-size:9px;
}

.label-groups-history {
    margin-top:3px;
    background-color:#001961;
    padding:3px 0;
    width:154px;
    margin-right:5px;
    font-size:9px;
}

.text-history {
	line-height: 1.8!important;
}

#recent-activity-spinner {
	height: 50vh;
}

#recent-activity-spinner .fa-spinner {
	margin-top: 22vh;
	font-size: 1.5rem;
}

/*****************
*
*   Vacation
*
******************/

.vacation-subject-container{
	margin-top: 1rem;
	display: flex;
	justify-content: center;
}

.vacation-subject-content
{
	width: 100%;
	max-width: 555px;
}

/*****************
*
*   Signature
*
******************/
.signature-domain-name-width{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;  
	cursor:pointer;
	border:none;
    max-width:80%;
    min-width:50%;
}

.li-domain-name {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;  
	border:none;
	width:100%;
    margin:0;
	margin-bottom: 0!important;
}

.signature-domain-name {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;  
	cursor:pointer; 
	border:none;
	width:100%;
    margin:0;
}

.directorylov-domain-name > span {
	margin-right: .1rem;
}

.active-dataaccess{
    font-weight: 500;
}

.signature-number-container{
	height: 8rem; 
	display: flex; 
	margin-top: 0px !important; 
	padding: 0
}

/*TODO: Eliminar*/
.signature-number-container-right,
.enduserview-number-container-right {
	display: flex;
    align-items: center;
    justify-content: center;
}

.signature-separation{
	padding: 1rem 0;
}

.bootstrap-4 .small-step {
	margin: 10px 0;
	width: 4rem;
	height: 4rem; 
	font-size: 1.5rem;
}

.signature-number, 
.directoryview-number,
.enduserview-number {
	margin: 10px 0;
	width: 6rem;
	height: 6rem; 
	font-size: 2.6rem;
}

.group-number{
	width: 10rem;
	height: 10rem; 
	font-size: 5.3rem;
}

.step-container{
	margin: 0;
	padding:15px 0px;
	border-bottom: 1px solid #eee;
}


.signature-number-input{
	margin: 1rem 0px 1rem .4rem !important;
	width: 555px;
	border-radius: 0px;
}

.group-number-input{
	border-radius: 0px;
	word-break:break-all;
	font-size:25px;
	border:none;
	padding:10px 5px;
}

#groupSchemaName-label, 
#datacontrol-name-label,
#directorylov-name-label, 
#directoryview-name-label,
#enduserview-name-label {
	background:none!important;
}

.edit-groupschema img {
	margin-top: -4px;
}

.directoryview-selected-padding,
.enduserview-selected-padding {
	padding: 1rem 2rem;
}

.bootstrap-4 .directoryview-editor-container {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signature-editor-container {
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.enduserview-editor-container {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.directoryview-editor-container .fixed-table-container,
.enduserview-editor-container .fixed-table-container{
	height: 72vh!important;
}

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

.signature-domains, 
.datacontrol-domains, 
.directorylov-domains,
.directoryview-domains,
.enduserview-domains {
	padding:15px;
	border:1px solid #c0c0c0;
	word-wrap:break-word;
	font-size:13px;
	padding-left:15;
}


.signature-domains li, 
.datacontrol-domains li,
.directorylov-domains li, 
.directoryview-domains li, 
.enduserview-domains li {
	background:#fff;
	border:1px solid #e5e5e5;
	padding:6px 12px;
	line-height:18px;
	margin-bottom:8px;
	border-radius:3px;
}

.data-validation-caret {
	color:#b3b3b3; 
	margin-right: .625rem;
}

.batch {
	background:#fff;
	border:1px solid #e5e5e5;
	padding: 1.2rem 1rem !important;
	line-height:18px;
	margin-bottom:8px;
	border-radius:3px;
}

.signature-icons {
	padding:0 5;
}

.signature-modal li {
  list-style:none;
  position: relative;
  line-height: 1.4;
  margin-bottom: 1rem;
  padding-left: 2.5rem;
  width: 90%;
  text-align: justify;
}

.signature-modal li:before {
  font-family:FontAwesome;
  position: absolute;
  left: 0;
  color:#fea001;
  font-size:14px;
}

.signature-modal li.one:before {
   content:"\f0a9"; 
}


.signature-modal li:hover:before {
  color:#404040;
}

.signature-time-success-icon {
	color:rgb(12, 186, 12);
	font-size:20px;
	vertical-align:middle;
	line-height: 1.2;
}

.textBannerLogin{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%);
    text-align: center;
    color: #0c1061;

}

.textBannerLoginStyle{
	font-family: 'Product sans', sans-serif;
    line-height: 5rem;
    font-size: 4.2rem;
    font-weight: bold
}

.newNavbarBrand{
	padding: 11px 20px !important;
}

.disabled-signature-icons {
	padding:0 5px;
	color:#ddd;
	cursor:not-allowed;
}

@media screen and (max-width:991px) {
	.signature-icons {
		padding:5px;
	}
}

.note-editable {
	height:100px;
	background:#fff;
}

.mce-btn-small button {
	padding:5px!important;
}

.mce-btn i {
	text-shadow:none!important;
}

.mce-listbox button {
	padding-right:20px!important;
}

#signature-editor {
	width:100%;
}

.btn-small{
	margin-top: 1rem;
    font-size: 1rem;
}

.signature-step2, 
.dataaccess-step {
	margin-left:-15px;
}

#show-selected {
	margin-right:-15px;  
	margin-left:-15px;
	border:1px solid #c0c0c0;
	resize:vertical;
	min-height:150px;  
	max-height: 190px;
	overflow:auto;
	background:#eee;
}

#show-selected-domain,
#showSelectedTbd {
	margin: 0px;
	border:1px solid #c0c0c0;
	resize:vertical;
	min-height:150px;  
	max-height: 190px;
	overflow:auto;
	background: white;
}

#show-selected-reconnaissanse {
	border:1px solid #c0c0c0;
	min-height:120px;  
	max-height: 120px;
	overflow:auto;
	background:#fff;
}

#show-selected-email {
	margin-top: 20px;
	border:1px solid #c0c0c0;
	resize:vertical;
	height: 160px;
	min-height:100px;  
	max-height: 160px;
	overflow:auto;
	background:#fff;
}

.label-red-small-signature {
	background-color:red;
	margin-top:5px;
	width:66px;
	margin-right:1px;
	font-size:9px;	
	margin-right:10px;
	margin-top:10px;
}

.label-red-signature {
	color:red;
	margin-top:5px!important;
	margin-right:1px;
	font-size:10px;	
	margin-right:10px;
	margin-top:10px;
}

.signature-active-step h1,
.dataaccess-active-step h1 {
	color:#fff;
	border:#fff solid 6px;
}

.signature-active-step, 
.dataaccess-active-step {
	background:rgba(192, 192, 192, 0.54);
}

.mce-primary {
	background-color:#f0ad4e!important;
	border-radius:0!important;
}

.mce-primary button, .mce-primary button i, .mce-primary {  
	color:#fff;
	background-color:#f0ad4e!important;
	border-radius:0!important;
	text-shadow:none!important;
	border-color:#f0ad4e!important;
	background-image:none!important;
}

.signature-disabled, .signature-disabled li {
	background:#eee!important;
}

.mce-listbox button {
  text-align:left;
  padding-right:20px;
  position:relative;
  padding:2px 10px;
  font-size:14px;
}

#signature-numbers-1 {
	margin-top:90px;
}

@media screen and (max-width:991px) {
	#signature-numbers-1 {
		margin-top:0;
	}
}

#mceu_2 {
	height:24px;
}

#mceu_3 {
	height:24px;
	width:70px;
}

#mceu_3-open {
	width:70px;
	padding-top:2;	
}

#mceu_2-open {
	padding-top:2;	
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
	opacity:1;
}

.signature-time {
	width:80px;
	height:50;
	margin-top:0;  
	background:white;
	color:#686868;
	font-weight:bolder;
	font-size:16px;
}

.mce-path {
    display:none!important;
}

#preview-signature, #current, #previous {
	background:white;
    border:none;
    font:normal small arial,sans-serif;
}

.signature-clock {
	font-size:19px;
	margin-left:5px;
}

.inner-signature-clock {
	margin:0 5px;
    line-height:0.8;
    vertical-align:middle;
}

.toolbar-icon {
	font-size:19px;
	margin-left:10px;
}

.bootstrap-4 .toolbar-icon {
	font-size:19px;
	margin-left:10px;
	padding: 5px 0;
}

.toolbar-stack-icon {
	font-size: .6875rem;
	margin-left: .625rem; 
}

.toolbar-icon-5 {
	font-size:19px;
	margin-left:5px;
}

.iconUser{
	font-style: normal;
}

@media (min-width:992px) {
	.media-numbers {
		display:none;
	}
}

#final-signatureName-label{
	word-break:break-all;
	font-size:15px;
	border:none;
	padding:15px 5px;
	background:none;
}

#final-signatureName {
	border:1px solid #2b344d;
	font-size:15px;
	padding:14px 4px 14px 4px;
}

#footer-help {
	background-color:white;
    border:1px solid rgba(0, 0, 255, 0.48);
    text-align:center;
}

.footer-img {
	width:100%;
}

@media (min-width:992px) {
	#footerModal .modal-dialog  {
		width:700px;
	}
}

.carousel-control-signature.left, .carousel-control-signature.right {
    background-image:none;
}

.signature-activeind {
	display:inline-flex;
}

.allow-disable-validateandfix-ind {
	display:inline-flex;
}

#inactive-warning {    
	color:red;
    padding-bottom:10px;
    font-weight:400;
}

.preview-toolbar-icon {
	margin-top:15px;
}

.signature-swal {
	z-index: 1300!important;
}

.previewText{
	font-size: 14px;
	margin-left: .5rem;
}

/*****************
*
*  Domain account
*
******************/

.bootstrap-select{
	width:100% !important;
	height:40px!important;
	margin:0 auto 10px!important;
	background-color:#ffffff;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:4px !important;
	-moz-border-radius:4px !important;
	-o-border-radius:4px !important;
	border-radius:4px !important;
	-webkit-border:2px solid #e5e5e5;
	-moz-border:2px solid #e5e5e5;
	-o-border:2px solid #e5e5e5;
	border:2px solid #e5e5e5;
	color:#000000;
}

.bootstrap-select > .btn-default:focus, .btn-default:hover, .open, .btn-default.dropdown-toggle {
	background-color: #ffffff !important;
}

.bootstrap-select .dropdown-menu li.active small.text-muted{
	color: rgb(119 119 119)!important;
}

.bootstrap-select > .small, small{
	font-size: 70% !important;
}

.bootstrap-select > .dropdown-toggle{
	height:34px!important;
	-webkit-border-radius:4px !important;
	-moz-border-radius:4px !important;
	-o-border-radius:4px !important;
	border-radius:4px !important;
}

.bootstrap-select > .disabled{
	background-color: #eeeeee !important;
	color: #000009 !important;
}

.bootstrap-4 .bootstrap-select .dropdown-menu li a {
	height: 2rem !important;
}

.bootstrap-select .dropdown-menu li a {
	height: 3rem !important;
}

.domainaccount-name {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	display:inline-block;
	width:90%;
}

.img-panel {
  max-width: 100%;
}

.cropper-view-box,
.cropper-face {
  border-radius: 50%;
}

.preview-photo {
	overflow: hidden;
	border-radius: 50%;
	border: 2px solid #6c757d;
	height: 150px;
	width: 150px;
}

.phone {
	text-align:right;
}

.labelPhoneAddress{
	display: none;
}

.user-data-main-row {
	padding-top:10px;
	background:#fff;
	margin:5px;
	border-top:5px solid #eee;
	vertical-align:middle;
}

.main-row {
	padding-top:10px;
	margin:5px;
	vertical-align:middle;
}

.user-data-small-row {
	padding:10 0;
	background:#fff;
	margin-bottom:5px;
	border-top:5px solid #eee;
	vertical-align:middle;
}

.row domain-account-title {
	margin-top:-15px;
	margin-bottom:30px;
	display:inline-grid;
}

.margin-dg {
	margin-left: 15 px;
	margin-right: 15 px;
}

.margin-wrapper{
	margin-top: .5rem;
	margin-bottom: .5rem;
}

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

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

.info-top-separator {
	border-top:1px dashed #e7eaec;
	padding-top:7px;
}

.icon-arrow {
	color:#bcbcbc;
	font-size:12px;
}

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

.domainaccount-p {
	 text-overflow:ellipsis;
	 overflow:hidden;
	 white-space:inherit;
	 max-width:100%;
	 max-height:40px;
	 display:inline-block;
	 font-size:11px;
}

.domainaccount-p-migration {
	 text-overflow:ellipsis;
	 overflow:hidden;
	 white-space:inherit;
	 display:inline-block;
	 font-size:11px;
}

.save-domainaccount {
	padding:30px;
	padding-top:0;
}

.moreOptionsContainer{
	position: fixed;
    right: 6rem;
    top: 1.5rem;
}

.moreOptionsContainerWrap{
    height: 5rem;
    width: 19rem;
    border:2px solid #fea001;
    border-top: none;
    position: relative;
    border-radius: 5px;
}

.moreOptionsContainerH1{
  text-align: left;
  transform: translateY(-50%);
  overflow: hidden;
}

.moreOptionsIconContainer{
    transform: translateY(-0.4rem);
    display: flex;
    align-items: center;
    justify-content: normal;
    padding: 0 0.5rem;
}
/*special*/
/* Body */


.btnMO {
  outline: 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background: #fea001;
  min-width: 12rem;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  padding: 10px 15px;
  color: #ffffff;
  font-size: 14px;
  overflow: hidden;
  cursor: pointer;
}
.btnMO:hover > .dropdownMO {
	z-index: 2;
	opacity: 1;
	visibility: visible;
}

.btnMO .material-icons {
  border-radius: 100%;
  -webkit-animation: ripple 0.6s linear infinite;
          animation: ripple 0.6s linear infinite;
}

.dropdownMO{
	list-style: none;
    padding-inline-end: 0px;
    padding-inline-start: 0px;
}

.btnMO .dropdownMO {
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}

.separator-transfer{
	border-top: 1px solid #e5e5e5;
    margin-top: .5rem;
}

.transferMessageError{
	text-align: center;
    border: 2px solid #e42828;
    padding: 1.5rem 4rem;
}

.reference{
	font-weight: 700;
    color: #4184f3;
}

.liMO{
	display: flex;
    align-items: center;
    justify-content: flex-start;
}

.green-swith{
	color: #00d62f;
}

.liMOIcon{
	vertical-align: top;
}

.btnMO .dropdownMO li {
  z-index: 1;
  position: relative;
  background: #ffffff;
  color: #666;
}
.btnMO .dropdownMO li:hover {
  background: #eeeeee;
}

.btnMO .dropdownMO li:last-child {
  border-radius: 0 0 4px 4px;
}
.btnMO .dropdownMO li:last-child a {
  border-bottom: 0;
}
.btnMO .dropdownMO div {
  display: block;
  padding: 10px 3px;
  color: inherit;
  font-size: 13px;
  text-decoration: none;
}

@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
  }
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
  }
}

/*special*/

.moreOptionsContainerspan {
  position: relative;
  margin-left: 1rem;
  font-size: 1rem;
}
.moreOptionsContainerspan:before,
.moreOptionsContainerspan:after{
  content: "";
  position: absolute;
  top: 50%;
  width: 9999px;
  height: 2px;
  background: #fea001;
}
.moreOptionsContainerspan:before {
  right: 100%;
  margin-right: 2px;
}

.moreOptionsContainerspan:after {
  left: 100%;
  margin-left: 2px;
}

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

#current-signatureName, .current-fullName {
	font-weight:700;
	word-break:break-word;
	max-height:60px;
    overflow:hidden;
}

#edit-signature:hover, #edit-signature a:hover {
	text-decoration:none;
}

.format-error,
.error-border {
	border:2px solid #F12424!important;
}

.default-border {
	border:2px solid #fea001!important;
}

.bootstrap-select{
	height: auto !important;
}

#modalEditAccount {
	padding:0!important;
}

#modalEditAccount > div {
	width:auto!important;
	margin:15px 15px 0 15px!important;
}

.floatFooter {
	background-color:transparent;
	z-index:1055;
}

#editAccountModalTitle {
	text-align:center!important;
}

.show-all-results {
	text-align: center;
	color: #337ab7;
	font-weight: 700;
	cursor: pointer ;
}

.user-image {
    float: left;
    overflow: hidden;
    background: none;
    height: 3em;
    border-radius: 3em;
}

.user-image img {
	display: block;
    width: auto;
    height: 100%;	
}

.user-name {
    display: block;
    overflow: hidden;
    font-size: 1em;
    padding: 0.85714286em 1.14285714em;
    color: rgba(0, 0, 0, 0.87);
    line-height: 1.33;
    font-weight: bold;
}

.z-index-1060 {
	z-index: 1060!important;
}

.width-20-em {
	width: 20em!important;
}

.view-btn {
	margin-top: 0.5em;
	height: 3em; 
	margin: 0.5em;
}

.create-user-btn {
	margin-top: 0.5em;
	height: 3em;
}

.table-container-padding {
	padding: 15px;
	margin-top: 0;
}

.edit-account-modal-body {
	margin-bottom:29px;
	padding-bottom:4px;
}

.domain-margin {
	margin:0 0 12;
}

/*TODO: eliminar despues de migrar b4*/
.domain-password-p {
	padding: 0 4;
}

.bebebe-color {
	color:#bebebe;
}

.display-inline-flex-p {
	display: inline-flex!important;
	white-space: nowrap;
}

.suspended-opacity{
	opacity:0.4;
}

.x-scroll{
	white-space: nowrap;
}

.file-field-button-border-left{
	border-left: 0;
	border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    cursor: pointer;
    border-right: none !important;
    justify-content: center;
}

.file-field-button-border-right{
	border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
    cursor: pointer;
    border-left: none !important;
    justify-content: center;
}

.file-field-disabled{
	cursor: not-allowed !important;
	
}

.input-group-supplementalIcons,
.input-group-custom .input-group-text,
.input-group-supplemental .input-group-text {
	background-color: transparent;
	padding: .2rem!important;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	width: 1.7rem;
}

.ui-search-block .input-group-text{
	background-color: transparent;
	padding: .2rem!important;
	border:none;
	width: 1.7rem;
}

.ui-search-block .input-group-append{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border:1px solid #ccc;
}

.row-blocked .input-group-append {
	background-color: #eeeeee!important;
}

.row-blocked .input-group-text {
	opacity: .45;
}

.ui.search .input-group-text{
	border-left: none;
	border-color: #ccc;
}

.noBorderRight{
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.uploadSupplementalMultipleFile{
	border-left: none !important;
	border-right: none !important;
	cursor: pointer;
}

.lisupplementalmulti{
	border-bottom: 1px solid #eeeeee;
}

.input-group-supplementalFile{
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0rem 0.5rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #ced4da;
}

.fileFieldMulti{
	border-bottom: none !important;
}

.input-group-custom .input-group-append,
.ui-search-block .input-group-append {
	margin-left: -2px;
	background-color: #fff;
	border-top-right-radius: 4px!important;
	border-bottom-right-radius: 4px!important;
}

.input-group-supplemental .input-group-append,
.ui-search-block .input-group-append {
	margin-left: -2px;
	background-color: #fff;
	border-top-right-radius: 4px!important;
	border-bottom-right-radius: 4px!important;
}

.bootstrap-4 .input-group-custom input,
.bootstrap-4 .ui-search-block input {
	border-right: none!important;
	padding-right: 0!important;
}

.search-user-input > input {
  margin: 0.2em!important;
  line-height: 1.42857143!important;
  padding: 14px!important;
}

#localPart {
	max-width: 40%;
}

.localPart .input-group-append {
	min-width: 60%;
}

.create-domain-select {
	margin: 0 0 0 1!important;
	height: 35px !important;
	border-left: none;
	border-top: 1px solid #ced4da!important;
	border-right: 1px solid #ced4da!important;
	border-bottom: 1px solid #ced4da!important;
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
}

.create-domain-input{
	height: 35px !important;
	z-index: 3;
}

.create-domain-select .btn-default {
	border: none!important;
	border-color: none!important;
	-webkit-box-shadow: none!important;
  	-moz-box-shadow: none!important;
  	box-shadow: none!important;
  	height: 33px!important;
  	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
}

.edit-domain-select {
	margin: 0.2em!important;
	width: 25%!important;
	height: 50px!important;
}

.edit-domain-select .btn-default{
	-webkit-box-shadow: none!important;
  	-moz-box-shadow: none!important;
  	box-shadow: none!important;
  	padding: 13px 20px!important;
    height: 100%!important;
}

.bootstrap-select .dropdown-toggle .caret {
  width: 10px;
  height: 10px;
  border: none;
  top: 40%!important;
  right: 5px!important;
  font-size: 10px;
}

.bootstrap-select .dropdown-toggle .caret:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
}


/********************
*
*  Domain Exception
*
*********************/
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    opacity:1!important;
}

.ui-tabs .ui-tabs-nav li {
    opacity:0.5;
}

.red-text {
	color:red;
}

.popover-example .popover {
  position:relative;
  display:block;
}

.tree {
	background:#fff;
	padding:6px;
	line-height:18px;
	margin-bottom:8px;
	height:560px;
}

.domainexception-table {
	background:#fff;
	padding:6px;
	line-height:18px;
	margin-bottom:8px;
	height:560px;
}

#tabs {
 	font-size:11px;
}

.label-blue-exception {
	background-color:#5bc0de;
	width:69px;
	padding-left:0;
	padding-right:0;
    font-size:7px;
    font-weight:400;
}

.label-blue-config {
	background-color:#5bc0de;
	width:68px;
	padding-left:0;
	padding-right:0;
    font-size:8px;
    font-weight:400;
}

.label-gray-config {
	background-color:#8a8a8a;
	width:68px;
	padding-left:0;
	padding-right:0;
    font-size:8px;
    font-weight:400;
    margin:0;
}

.label-orange-table-exception {
	background-color:#fea001;
	min-width:67px;
	width:100%;
	font-size:7px;
	padding:2;
	margin-bottom:5;
	color:#fff;
	font-weight:600;
	margin-top:1;
	line-height:1;
}

.label-black-exception {
	background-color:black;
	width:69px;
	padding-left:0;
	padding-right:0;
    font-size:7px;
    font-weight:400;
}

.label-exception-ediscovery {
	background-color:#5bc0de;
	width:69px;
	padding-left:0;
	padding-right:0;
    font-size:7px;
    font-weight:400;
    height: 17px;
    vertical-align: middle;
    line-height: 2;
    color: #ffffff;
    font-weight: 600;
}

.label-toogleboard-config {
	background-color:#cfa879;
	width:68px;
	padding:5px 0;
    font-size:10px;
    font-weight:400;
}

.label-ediscovery-config {
	background-color:#5bc0de;
	width:68px;
	padding:6px 0;
    font-size:8px;
    font-weight:400;
}

.label-blue-table-exception {
	background-color:#5bc0de;
	min-width:67px;
	width:100%;
	font-size:7px;
	padding:2;
	margin-bottom:5;
	color:#fff;
	font-weight:600;
	margin-top:1;
	line-height:1;
}

.label-green-exception {
	background-color:#5cb85c;
	width:69px;
	padding-left:0;
	padding-right:0;
    font-size:7px;
    font-weight:400;
}

.label-green-config {
	background-color:#5cb85c;
	width:68px;
	padding-left:0;
	padding-right:0;
    font-size:8px;
    font-weight:400;
}

.label-green-table-exception {
	background-color:#5cb85c;
	min-width:67px;
	width:100%;
	font-size:7px;
	padding:2;
	margin-bottom:5;
	color:#fff;
	font-weight:600;
	margin-top:1;
	line-height:1;
}

.label-black-table-exception {
	background-color:black;
	min-width:67px;
	width:100%;
	font-size:7px;
	padding:2;
	margin-bottom:5;
	color:#fff;
	font-weight:600;
	margin-top:1;
    vertical-align: middle;
    line-height: 2;
}

.label-darkblue-exception {
	background-color:#001961;
	width:69px;
	padding-left:0;
	padding-right:0;
    font-size:7px;
    font-weight:400;
}

.label-darkblue-config {
	background-color:#001961;
	width:68px;
	padding-left:0;
	padding-right:0;
    font-size:8px;
    font-weight:400;
}

.label-gray-table-exception {
	background-color:#001961;
	min-width:67px;
	width:100%;
	font-size:7px;
	padding:2;
	margin-bottom:5;
	color:#fff;
	font-weight:600;
	margin-top:1;
	line-height:1;
}

.label-purple-exception {
	background-color:purple;
	width:69px;
	padding-left:0;
	padding-right:0;
    font-size:7px;
    font-weight:400;
}

.label-purple-config {
	background-color:purple;
	width:68px;
	padding-left:0;
	padding-right:0;
    font-size:8px;
    font-weight:400;
}

.label-groups-config {
	background-color:#001961;
	width:68px;
	padding-left:0;
	padding-right:0;
    font-size:8px;
    font-weight:400;
}

.label-purple-table-exception {
	background-color:purple;
	min-width:67px;
	width:100%;
	font-size:7px;
	padding:2;
	margin-bottom:5;
	color:#fff;
	font-weight:600;
	margin-top:1;
	line-height:1;
}

.label-orange-exception {
	background-color:#fea001;
	width:69px;
	padding-left:0;
	padding-right:0;
    font-size:7px;
    font-weight:400;
}

.label-orange-config {
	background-color:#fea001;
	width:68px;
	padding-left:0;
	padding-right:0;
    font-size:8px;
    font-weight:400;
}

#view-domainexception td {
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:11px;
}

#view-domainexception th {
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:11px!important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding:3px!important;
}

#exceptions-title {
	margin-top:22px;
	font-size:15px;
	font-weight:400;
}

#exception-tree-title {
	margin-top:10px;
	font-size:15px;
	font-weight:400;
}

.aciTree .aciTreeText {
	font-weight:500;
}

.big-table-cell {
	max-width:none;
	font-size:11px;
}

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

.fixed-table-pagination-exceptions {
	margin-top:10!important;
}

.ou-th-exception {
	vertical-align:top!important;
	font-size:11px;
}

.line-height-3 {
 	line-height: 1.8rem; 
}

.margin-top-5 {
 	margin-top: .5rem;
}

.margin-admin-role-icon {
 	margin-right: .5rem;
}

.checkbox-blue {
 	color: #0075ff;
}

.cursor-default {
 	cursor: default;
}


/*****************
*
*  Mass update
*
******************/
.step2-separation {
	margin-top:10px;	
}

@media (min-width:992px) {
	.mass-update-steps-numbers {
		font-size:60;
		font-weight:bold;
		color:rgba(192, 192, 192, 0.54);
		border:rgba(192, 192, 192, 0.54) solid 10px;
		border-radius:50%;
		padding:10px;
	}
	
	.mass-update-steps-numbers a{
		font-size:60;
		font-weight:bold;
		color:rgba(192, 192, 192, 0.54);
		border:0;
		padding:10px;
	}
}

@media screen and (max-width:991px) {
	.mass-update-steps-numbers {
		font-size:20;
		font-weight:bold;
		color:rgba(192, 192, 192, 0.54);
		border:solid 5px!important;
		border-radius:50%;
		padding:5px;
	}
	
	.mass-update-steps-numbers a{
		font-size:50;
		font-weight:bold;
		color:rgba(192, 192, 192, 0.54);
		border:0;
		padding:5px;
	}
}

.active-step h1 a{
	color:#fff;
	border:0;
}

.mass-card-icon {
	font-size: 4.5rem;
}

.massupdate-options{
	display: flex;
    align-items: flex-start;
    padding: 0 2rem;
    flex-direction: column;
}

.bootstrap-4 .step2-label {
    height:60px;
	font-size: .875rem;
}

.step2-label {
    height:73px;
}

/**********************
*
* Signature comparison
*
***********************/
#current, #previous {
	border:solid 1px #c0c0c0;
	padding:20px;
	background:#fff;
	overflow:auto;
}

#current-textarea, #previous-textarea {
	height:40vh;
	width:100%;
	border:solid 1px #c0c0c0;
	padding:20px;
	background:#fff;
	overflow:auto;
	border-radius: 5px;
	margin-bottom: 20px;
}

#share-signature-comparison {
	margin:20px;
}

/*****************
*
*  Bulletin Board
*
******************/
#lastUserNote {
    max-width:100%;
}

.h3-domain-name {
	vertical-align:middle;
    line-height:1.5;
}

.negative-left-margin {
	margin-left:-15px;
}

#show-selected-board {
	margin-right:-30px;
	border:1px solid #c0c0c0;
	resize:vertical;
	min-height:120px;  
	overflow:auto;
	background:#eee;
}

#show-selected-board-recallconfig, 
#show-selected-board-recallconfig-resources {
	margin-left:-15px;
	border:1px solid #c0c0c0;
	resize:vertical;
	overflow:auto;
	background:#eee;
	min-height:115px;
	margin-bottom:5px;
}

.icon-check-recallconfiguration {
	color:#0cba0c;
}

.recall-inactive-domain {
    font-size:12px;
    vertical-align:middle;
    color:red;
    margin:0 10px 0 0;
    padding:2;
    border:1px solid red;
    font-weight:100;
}

.deprecated-title, .active-title {
	cursor:pointer;	
}

.datepicker {
	z-index: 20000000 !important
}

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

.datepicker table tr td.old, .datepicker table tr td.new{
    color: #404040 !important;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #999 !important;
    cursor: default;
}

.bb-clockpicker {
	width:20px;
}

.margin-3 {
	margin:3px!important;
}

#final-bulletinBoardName-label {
	word-break:break-all;
	font-size:15px;
	border:none;
	text-overflow:ellipsis;
}

#final-bulletinBoardName {
	border:1px solid black;
	font-size:15px;
	margin-left:-10px;
}

#draft-btn, #publish-btn {
	margin-top:10px;
}

/*TODO: Eliminar popover-title al migrar bootstrap4*/
.popover-title,
.popover-header {
	padding:0;
}

.bb-active-step {
	background:rgba(192, 192, 192, 0.54);
}

.bb-active-step h1{
	color:#fff;
	border:#fff solid 6px;
}

#bb-step3-table, #bb-step3-table>th {
	font-size:12px;
    border-bottom:none;
}

.table>thead>tr>th.bb-step3-table {
    border-bottom:none;
}

.bb-domain-name-width {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    max-width:80%;
    min-width:70%;
    border:none;
}

.label-red-small-bb {
	background-color:red;
	margin-top:5px;
	margin-right:1px;
	font-size:9px;	
	margin-right:10px;
	margin-top:10px;
}

.bb-step2, .bb-step3 {
	margin-bottom:10px;
    padding-bottom:10px;
    padding-top:10px;
}

@media screen and (max-width:1200px) {
	.bb-step1 {
		min-height:780px;
	}
	.preview-img {
	    max-width:80%;
	}
	#bb-title {
		width:80%;
	}
}

#creation-details, #update-details {
	line-height:1;
}

.deprecated-ul > li {
	color:#afabab;
}

#deprecated-title {
	margin-top:10px;
}

@media (min-width:992px) {
	.bb-inner-list {
		padding:15px;
		border:1px solid #e5e5e5;
		overflow:auto;
		word-wrap:break-word;
		font-size:13px;
	}
	
	.bb-inner-list li {
		background:#fcfcfc;
		border:1px solid #e5e5e5;
		padding:6px 12px;
		line-height:18px;
		margin-bottom:8px;
		border-radius:3px;
	}
}

@media screen and (max-width:991px) {
	.bb-inner-list {
		padding:9px;
		border:1px solid #e5e5e5;
		overflow:auto;
		word-wrap:break-word;
		font-size:12px;
		margin:2;
	}
	
	.bb-inner-list li {
		background:#fcfcfc;
		border:1px solid #e5e5e5;
		padding:6px 12px;
		line-height:18px;
		margin-bottom:8px;
		border-radius:3px;
  		margin:6;
	}
}

.bb-list {
	padding:15px;
	border:1px solid #c0c0c0;
	overflow:auto;
	word-wrap:break-word;
	font-size:13px;
	padding-left:15;
}


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

.black-icons {
    color:#828181;
    padding:5px;
}

.tbd-content-icon {
	width: fit-content;
	font-size: 1rem;
	padding: 3px;
}

.blue-icons{
	color:#007bff;
    padding:5px;
}

.black-icons-small {
    color:#fea001;
    padding:3px;
}

.orange-icons-migration-list{
	color: #fea001;
    padding: 2px 5px;
}

.migrationtype-title{
	min-height: 17px;
	border-bottom: 1px solid #e5e5e5;
}

.migration-range-result{
	padding: 1rem 2rem;
}

.large-icons {
	font-size:15px;
}

.orange-icons {
    color:#fea001;
    padding:0 5px;
}

.restore-icon {
    width:22px;
}

.deprecated-title, .active-title {
    margin-bottom:1;
	color:#404040;
    border:solid 1px #e5e5e5;
    padding: 8px!important;
}

.deprecated-warning {
	color:gray;
}

.active-title { 
	font-weight:600;
	padding: 8px!important;
}

.publishing-date {
	font-size:11px;
}

.empty-trash-img {
	vertical-align:bottom;
}

.empty-trash-p {
	opacity:0.7;
}

.clocks {
	width:71px!important;
}

.label-red-bb {
	color:red;
	margin-top:5px!important;
	margin-right:1px;
	font-size:10px;	
	margin-right:10px;
	margin-top:10px;
}

/*****************
*
*  Inner addons
*
******************/
.inner-addon { 
    position:relative; 
}

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

.left-addon .fas  { 
	left:0;
}

.right-addon .fas { 
	right:0;
}

.left-addon input  { 
	padding-left:30px; 
}

.right-addon input { 
	padding-right:30px; 
}

/* Menu */

#navbar-icons{
    display: flex;
    align-items: center;
}

#navbar-icons .nav-item{
    padding: .5rem .625rem;
	border-bottom: solid 1px transparent;
}

#navbar-icons .nav-link{
    padding: 0;
}

#profile-pic {
	width:40px;
}

#file-info, .file-name {
	word-break: break-all;
}

#config-header li:hover {
	background-color: #eee;
}

/*****************
*
*    Home page
*
******************/
.home-body {
	background:#ffffff;
}

.tos-section{
	display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.875rem;
    color: #787878;
}

.tos-separator{
	margin: 0 1rem;
}

.tos-menu{
	font-size: 1.1rem;
}

.white-bg {    
	background-color:#ffffff;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .1);
    box-shadow:0 1px 2px rgba(0, 0, 0, .1);
    padding:5px 10px;
    min-height:150px;
    cursor:pointer;
    margin:0 4px 10px;
    width:100%;
}

.home-info-boxes{
	height:110px;
}

@media (max-width:991px) {
	.col-home {
		width:100%;
        text-align:left;
	}
}

@media (min-width:992px) {
	.col-home {
		width:19.5%;
	    display:inline-flex;
        text-align:left;
	}
}

.home-feeds li {
	margin-bottom:7px 0;
}

.white-bg > p, .white-bg > h3 {
	color:#676a6c;	
}

.home-service-icon {
	color:#fea001;
}

.service-title {
/* 	border-bottom:1px solid #eee; */
	margin:5px 0;
	padding:0 0 10px;
}

.home-icon-purple {
	color:purple;    
	font-size:17px;
}

.home-icon-orange {
	color:#fea001;    
	font-size:17px;
}

.home-icon-lightblue {
	color:#5bc0de;    
	font-size:17px;
}

.home-icon-darkblue {
	color:#001961;    
	font-size:17px;
}

.home-icon-green {
	color:#5cb85c;    
	font-size:17px;
}

.view-email-content {
	overflow-x:auto;
}

.home-title {
	margin:0 0 10px;
    font-weight:400;
}

.home-more-icon {
	color:#fea001;
}

.orange-round-icon {
	background-color:rgba(254, 160, 1, 0.22);
    color:#FEA001;
    padding:15px 14px 15px 19px;
    width:60px;
    line-height:53px;
    font-size:20px;
    border-radius:32px;
    margin:0;
    margin-right:-10px;
}

.view-more-icon, .view-more-icon a {
	color:#fea001;
	font-size:20px;
	margin:10px 0;
}

.view-more-icon-gray, .view-more-icon-gray a {
	color:#B3B2B0;
	font-size:20px;
}

.grow {
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}

.grow:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

.label-new-orange {
	font-size:11px;
	background-color:#fea001;
}

.label-new-black {
	font-size:11px;
	background-color:black;
}

.feeds-box-home {
	font-size:11px;
}

.serviceBox{
    text-align: center;
    float:left;
    box-sizing: border-box;
    width:50%;
    padding:1rem;
}


.serviceBoxContainer{
    border-radius: .375rem;
    padding: .625rem;
    height: 13.75rem;   
}

.serviceBoxContainer:hover{
    background: #eee;
    cursor: pointer; 
}

.audit-contacts .serviceBoxContainer:hover,
.sync-contacts .serviceBoxContainer:hover{
    background: transparent;
}

.serviceBox .service-icon{
    height: 3.875rem;
    width: 3.875rem;
    border-radius:50%;
    display: inline-block;
    margin-bottom:.625rem;
}

.serviceBox .service-icon.green i{
    color: #5cb85c;
}
.serviceBox .service-icon.orange i{
    color: #fea001;
}
.serviceBox .service-icon.brown i{
    color: #cfa879;
}
.serviceBox .service-icon.purple i{
    color: purple;
}
.serviceBox .service-icon.blue i{
    color: #001961;
}
.serviceBox .service-icon.blue-g i{
    color: #518FF5;
}
.serviceBox .service-icon.gray i{
    color: #eeeeee;
}

.serviceBox .service-icon i{
    font-size: 2.5rem;
    line-height: 5rem;
}

.serviceBox .service-icon img{
    height: 3.125rem;
    width: 3.125rem;
    margin-top: .625rem;
}

.service-icon.use-forgetex img{
	height: 3.125rem;
    width: 3.125rem;
}

.serviceBox .service-icon-large img{
    height: 3.75rem;
    width: 3.75rem;
    margin-top: .625rem;
}

.serviceBox:hover .service-icon,
.serviceBox:hover .service-icon-large,
.related-icon:hover {
    animation: swing-tooglebox .5s ease normal none 1;
}

.serviceBox .service-content h6{
    color: hsl(0, 0%, 20%);
    font-size: .875rem;
    height: 2.375rem;
    font-weight: 600;
    margin-top: 0;
}

.serviceBox .service-content p{
    color:hsl(0, 0%, 47%);
    font-family: 'Open Sans', sans-serif;
    height: 3.125rem;
    font-size: .6875rem;
}

.serviceBox .service-content a{
    font-size: .6875rem;
}

@media all and (min-width:720px){
    .serviceBox{
        width:33.333333%
    }
}
@media all and (min-width:1024px){
    .serviceBox{
        width:25%
    }
}
@media all and (min-width:1280px){
    .serviceBox{
        width:16.666667%
    }
}

@media all and (max-width:1280px){
    .mass-card-header,
	.mass-card-footer {
		font-size: 10px;
	}
}

/*****************
*
* Shared contacts
*
******************/
.checkbox-text {
    display:inline-block;
}

.more-info-upload {
	border:1px solid #c0c0c0;
    background-color:white;
    font-size:13px;    
    width:100%;
    padding:0 10;
}

.fa-upload-icon {
    font-size:14px;
    vertical-align:middle;
    line-height:2;
} 

.info-upload {
    margin-left: auto;
    margin-right: auto;
	margin-top: .5rem;    
}

.fa-stack .cornered-bottom-right {
	position: absolute;
	bottom: 0px !important;
	text-align: right;	
	line-height: 1em;
	text-shadow: 1px 1px 1px #000;
}

.fa-stack .cornered-bottom-left {
	position: absolute;
	bottom: 0px !important;
	text-align: left;	
	line-height: 1em;
	text-shadow: 1px 1px 1px #000;
}

.check-config{
	height: 2.5rem;
}

.sharedcontacts-ul {
	overflow: visible;
	max-height: none;
}


/*****************
*
*    Forgetex
*
******************/
.forgetex-domains {
	padding:15px;
	border:1px solid #c0c0c0;
	word-wrap:break-word;
	font-size:13px;
	padding-left:15;
}


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

.forgetex-domains .customer-section {
	padding-right: 13px;
}

.processtype-group {
	padding:10px 0 0;
}

.forgetex-domain-name {	
    font-size:22px;
    font-weight:100;
}

.smaller-font{
	font-size: smaller;
}

.medium-font{
	font-size: medium;
}

.alice-background{
	background-color: aliceblue;
}

.setResponse-btn{
	margin-top: 1.2rem;
    width: 100%;
}

@media (min-width:992px) {
	.forgetex-steps-numbers {
		font-size:50;
		font-weight:bold;
		color:rgba(192, 192, 192, 0.54);
		border:rgba(192, 192, 192, 0.54) solid 8px;
		border-radius:50%;
		padding:10px;
		margin:0;
    	margin-top:15px;
	}
}

@media screen and (max-width:991px) {
	.forgetex-steps-numbers {
		display:none;
	}
}

.domain-selection, .domain-selection:hover, .domain-selection:active {
	text-decoration:none;
	color:inherit;
}

.forgetex-cleanup-active {
	color:#0cba0c;
	font-size:20px; 
}

.forgetex-cleanup-inactive {
	color:#cc1e1e;
	font-size:20px; 
}

.forgetex-domain-li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lastLoginText{
	font-size: .5rem;
}

.forgetex-container, .recallconfig-container {
	margin-top:20px;
}

.forgetex-time {
    min-width:71px;
    margin-top:0;
    color:#686868;
    background:#fff;
}

.forgetex-time-step1 {
    margin:15px 0;
}

/*TODO: eliminar bootstrap 4*/
.bootstrap-4 .icon-ok-forgetex {
	color:rgb(12, 186, 12);
	font-size:20px;
	margin-top: auto;
}

.icon-ok-forgetex {
	color:rgb(12, 186, 12);
	font-size:20px;
	margin-top:28px;
}

.forgetrex-step1-icon {
	font-size:18px;
	margin:6px 5px;
}

.forgetrex-step1-icon2 {
	font-size:20px;
	margin:6px 5px;
}

.forgetex-step1-margin {
	margin-top:19px;
}

#setTimeModal {
    z-index:10000;
}

.forgetex-btn-margin {	
	margin-top: 0.35rem; 
	margin-left: 0.5rem;
}

.forgetex-audit-btn {
	margin-right: 10px;
}

.forgetex-advise .modal-body {
	overflow-y: auto;
	max-height: 70vh;
}

/*****************
*
* Reconnaissance
*
******************/
#queryResult {
	overflow-wrap: break-word;
	resize: none;
}

.auto-grow.form-control{
	resize: none;
	height: 48px;
	padding: 12px;
}

#view-task-details th.bs-checkbox .th-inner {
	text-overflow: unset;
}

.task-details, .tasks {
	padding:15px;
	border:1px solid #c0c0c0;
	word-wrap:break-word;
	font-size:13px;
	padding-left:15;
}

.task-details li, .tasks li {
	background:#fff;
	border:1px solid #e5e5e5;
	padding:6px 12px;
	line-height:18px;
	margin-bottom:8px;
	border-radius:3px;
}

.reconnaissance-detail-domains {
	padding:15px;
	border:1px solid #c0c0c0;
	word-wrap:break-word;
	font-size:13px;
	background-color: #fff;
}

.see-results {
	float:right!important;
	display: list-item;
	cursor: pointer;
}

.reconnaissance-detail-domains li {
	background:#fff;
	border:1px solid #e5e5e5;
	padding:6px 12px;
	line-height:18px;
	margin-bottom:8px;
	border-radius:3px;    
	font-size:14px;
    font-weight:300;
}

.messages-title {
    margin-bottom:1px;
    color:#404040;
    border:solid 1px #e5e5e5;
    padding:5px 20px;
    cursor:pointer;
}

.selected-messages {
	border:solid 1px #fea001;
}

.date-reconnaissance {
	padding:0 5px;
	text-align:right;
	font-style:italic;
	color:#aaafb1;
	float:right;
}

.limited-messages {
	max-height:150px;
	overflow:auto;
}

.details-black-icons {
    color:#828181;
    padding:2px
}

.message-data {
	font-weight:400;
	padding-left:10px;
}

.query-to-added, .query-from-added {
	padding:1px;
	margin: 5px 5px 5px 0;
	display:inline-block;
	word-break:break-word;
	border-radius:3px;
	border:1px solid #ccc;
	font-size:12px;
} 

#query-to, #query-from {
	width:200px;
	float:none!important;	
	font-size:13px;
	border:0;
    max-height:20px;
}

#query-to:focus, #query-from:focus {
	outline:0;
}

.black-form-reconnaissance {
	width:100%;
	height:auto;
	margin:0 auto 10px;
	background-color:#fff;
	-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;
}

#query-to-input, #query-from-input {
	padding:3px 12px;
}

.query-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!important;
}

.active-step-reconnaissance {
    background:rgba(192, 192, 192, 0.23);
}

.active-step-reconnaissance h1{
	color:#fff;
	border:#fff solid 10px;
}

.message-details-subtitles {
    font-size:12px;
    color:#aaa;
    padding:0;
}

.no-padding {
    padding:1px;
}

.no-padding-important {
    padding:1px!important;
}

.install-btn-a {
	padding:15px 0!important;
}

.message-details {
	padding:0 20px;
}

.search-icon {
	color:#e5e5e5;
}

.search-icon:focus {
	color:black;
}

.queryValue h5 {
    font-weight:400px;
}

.query-value {
	margin:10px 0;
    border:1px solid #ccc;
    border-radius:5px;
    padding:5px;
    color:gray;
    font-family:"Courier New", Courier, monospace;
}

.reconnaissance-btn {
	background-color:#5bc0de;
	color:white;
}

#viewEmailAttachments {
	border-top: 2px solid #fea001;
	margin-top: 2rem;
	padding: 1rem 1rem 0;
}

#attachments-link i {
	color:#7f7f7f; 
	font-size:20px; 
}

.dropdown-menu-view-email {
	position:initial;
	float:none;
	width:40%;
}

.view-email-date {
	font-size:14px;
}

.view-email-header {
	color:#bbb;
}

.view-email-header-recipients {
	color:#bbb;
	font-size:15px;
	background: white;
    border: none;
    padding-left: 0;
}

.view-email-to, .view-email-cc, .view-email-bcc {
	font-size:15px;
}

.view-email-modal-header {
	border-bottom:2px solid #fea001;
	font-size:15px;
	padding-bottom:7px;
}

.endUserTitle{
	margin-top: -1.5rem;
}

/** Reconnaissance - Bootstrap table */
.icon-refresh {
	padding:3px;
}

.small-cell-table {
	max-width:150px!important;
	word-break:break-all!important;
	font-size:11px!important;
}

.small-width-cell-table {
	width:90px!important;
	word-break:break-all!important;
	font-size:11px!important;
}

.small-index-cell-table {
	width:51px!important;
	word-break:break-all!important;
	font-size:11px!important;
}

.export-type-select {
	margin: 10px 5px;
}

#view-task-details {
	table-layout:fixed;
}

#table-title {
	margin-top:20px;
}

.running-task-border {
	border:solid #fea001 1px!important;
}

#view-task-details-container .fixed-table-body {
    overflow-x:auto!important;
    overflow-y:auto!important;
    height:auto!important;
}

#new-directoryview-container .fixed-table-body,
#new-enduserview-container .fixed-table-body {
	overflow-x: auto!important;
    overflow-y: auto!important;
    height: 100%!important;
}

#memberManagementContainer .fixed-table-body {
	overflow-x: auto!important;
    overflow-y: auto!important;
    height: 372px!important;
}

#new-directoryview-container .fixed-table-container,
#new-enduserview-container .fixed-table-container {
	border: 1px solid #ccc!important;
	background: #fff;
}

#memberManagementContainer .fixed-table-container {
	border: 1px solid #ccc!important;
	background: #fff;
	border-radius: 5px;
}

#memberManagementContainer .table td {
	border: none!important;
}

#memberManagementContainer .search-input {
	height : 30px;
	width : 180px;
	padding: 5px;
}

#memberManagementContainer .dropdown-toggle {
	padding: 1px 5px;
	height: 30px;
}

#memberManagementContainer .btn-move,
#memberManagementContainer .btn-massive {
	margin-bottom: 10px;
	padding: 5px;
	width: 55px;
}

#memberManagementContainer .btn-massive:last-child {
	margin-bottom: 0;
}

#new-directoryview-container .fixed-table-toolbar,
#new-enduserview-container .fixed-table-toolbar {
	margin:0!important;
}

/** TODO:ELIMINAR ESTA ATROCIDAD cuando se pueda */
.fixed-table-body {
    height:auto!important;
}

#view-task-details tbody .selected {
	background-color: #d1ecf1;
}

#view-task-details tbody .selected td{
	background-color: transparent;
}

#view-task-details tbody .selected:hover {
	background-color: #e8f4f9;
}
.ui-widget-overlay { 
	position:absolute!important;
}

.label-reconnaissance-green-small {
	margin-top:5px;
	background-color:#5cb85c;
	width:130px;
	font-size:9px;
}

.label-reconnaissance-gray-small {
	margin-top:5px;
	background-color:gray;
	width:130px;
	font-size:9px;
}

.deleted-label {
    color:#5cb85c;
    text-transform:uppercase;
}

.huge-task-error {
	background:#fcfcfc;
    border:1px solid #e5e5e5;
    padding:40px;
    text-align:center;
    line-height:18px;
    margin-bottom:8px;
    border-radius:3px;
}

@media screen and (min-width:768px) {
	#recipientsModal .modal-dialog  {
		width:700px;
	}
}

/*****************
*
*     FAQ
*
******************/
.faq-question {
	background:rgba(254, 160, 1, 0.75);
	margin:10px 0 0 0;
	padding:10px;
	color:white;
	font-size:16px;
	font-weight:400;
	cursor:pointer;
}

.faq-answer {
	font-size:13px;
	border:solid 1px #fea001;
	padding:15px;
}

.left-inner-addon {
    position:relative;
    width:95%;
    margin:5px 5px 5px 0px;
}

.left-inner-addon input {
    padding-left:30px;
    margin-bottom:20px;
}

.left-inner-addon i {
    position:absolute;
    padding:12px;
    pointer-events:none;
    color:gray;
}

.unkownerror-login-btn {
	margin:25px 25%;
}

.directory-field-selection {
	padding:15px 15px 20px;
}

.field-error {
	border-color:red;
}

.preview-img {
	width:300px;
	background:#ffffff;
}

#custom-preview-file-img[alt] {  
	min-height:68px;
	border-radius:4px;
}

#custom-preview-file-img[alt]:after {  
	display:block;
	position:absolute;
	margin-top:-70px;
	width:300px;
	height:70px;
	font-family:'Helvetica';
	font-weight:300;
	line-height:5.5;
	text-align:center;
	content:attr(alt);
	max-height:70px!Important;
	background-color:#ffffff;
	border:solid 1px #c0c0c0;
	border-radius:4px;
	border-left:none;
}

div.mce-menubtn.mce-opened {
    z-index:65535!important;
}

.preview-default-container, .preview-custom-container, .preview-capture-container {
    position:relative;
    width:50%;
}

.default-preview-img, .capture-preview-img {
	opacity:1;
	display:block;
	width:300px;
	height:auto;
	transition:.5s ease;
	backface-visibility:hidden;
}

.custom-preview-img {
	opacity:1;
	display:block;
	transition:.5s ease;
	backface-visibility:hidden;
}

#noteForm {
    display:inline-block;
}

.display-inline-box {
	display:-webkit-inline-box;
    display:inline-box;
}

.bb-menu-arrow {
    opacity:0.7;
    font-size:35px;
    color:#fea001;
    padding:10px;
    border-radius:50%;
    top:1px;
}

.icon-menu-left-view-log {
	margin-top:250px;
    position:fixed;
}

.icon-menu-right-view-log, .icon-menu-right-view-version {
	right:15px;
	margin-top:250px;
	position:fixed;
}

.bb-menu-arrow:hover {
    opacity:1;
    border-radius:50%;
    background-color:#fea001;
    color:#ffffff;
    padding:10px;
	transition-delay:0.4s; 
 	-webkit-transition-delay:0.4s;
 	transition:all 0.4s ease-in-out;
 	-webkit-transition:all 0.4s ease-in-out;
}

#note-version-layout {
	outline:solid 1px black; 
	width:600px;
	overflow:auto;
	margin: 0 auto;
	height:400px;
}

.note-version-userEmail {
	margin-top:32px
}

.lowercase {
	text-transform:lowercase;
}

#note-version-list-back {
	position:absolute;
}


@media (min-width:1201px) and (max-width:1257px) {	
	.step1-a {
		padding-right:47px;
	}
	
	.step1-b {
		margin-left:-55px;
	}
	
	.step1-c {
		padding-left:60px;
		margin-right:0;
	}
}


@media (min-width: 768px) and (max-width: 1200px) {
	.step1-a {
		width:40%;
    	margin-bottom:400px;
    }
    
    .step1-b {
        position:absolute;
        right:90px;
    }
    
    .step1-c {
     	position:absolute; 
    	margin-top:285px;
    	width:50%;
    }
}

/** DOMAIN ACCOUNT */

.multiple-value-input {
	float:none!important;
	border:0;
	border-bottom:1px solid #ccc;
	margin:5px;
	padding-left:5px;
}

.multiple-value-input:focus {
	outline:0;
}

.multipleValueCustomField {
	border:1px solid #c0c0c0;
	overflow:auto;    
	padding-left:5px;   
	border-radius: 4px;
}

.multipleValueSupplementalField {
	border:1px solid #ccc;
	overflow:auto;    
	padding-left:5px;  
	border-radius: 4px;
	width: 100%;
}

.multipleValueReadOnly{
	background-color: #eee !important;
}
.bootstrap-4 .multiple-value-added {
	padding:2px;
	margin:5px;
	line-height:1.2;
	display:inline-block;
	word-break:break-word;
	border-radius:3px;
	border:1px solid #ccc;
	cursor:move;
	white-space:normal;
}

.multiple-value-added {
	padding:2px;
	margin:5px;
	line-height:1.2;
	background-color:#eee;
	display:inline-block;
	word-break:break-word;
	border-radius:3px;
	border:1px solid #ccc;
	white-space:pre;
	cursor:move;
}

#preview-btn {
	margin-top:5px;
}

.directdeleteschema{ 
	height: 5.5rem;
	width: 10rem;
}

.groupschema-container, 
.datacontrol-container,
.directorylov-container,
.directoryview-container,
.enduserview-container {
	background:#fff;
    line-height:18px;
    margin-bottom:8px;
    border-radius:3px;
}

.search-dropdown .ui.selection.dropdown .menu {
	width: auto !important;
}

.search-dropdown .menu .item {
	font-size: 1em !important;
}

.group-list {
	position: relative;
}

.directory-group-subtitles {
	border-bottom:2px solid #fea001;
	padding:5px;
	margin-bottom:15px; 
}

.group-img-mini {
	width:16px; 
	margin-right:5px;
}

.no-margin-top {
	margin-top:0;
}

.pre-group-name-preview {
	display:flex;
	font-size:16px;
	background:#fea0015c;
	padding:10px;
	color:#676767;
	border:#4a4a4a 1px solid;
	border-radius: 4px;
}

.groupName, .pyramidGroupName {
	font-style:italic;
}

.groupNameEmail, .pyramidGroupNameEmail {
	text-transform:lowercase;
	font-style:italic;
}

.umbrellaGroupEmailAddress, 
.groupNameTextLeftEmail, .groupNameTextRightEmail,
.pyramidGroupNameTextLeftEmail, .pyramidGroupNameTextRightEmail {
	text-transform:lowercase;
}

.schema-subtitles {
	margin:10px 0 15px;
}

#note-view-log-list-table {
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:11px;
}

#note-view-log-list-table {
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:12px;
}

div.note-container * {
	max-width:100%;
	height:auto;  
}

div.note-container a {
	text-decoration:underline;
}

#reset-search {
    margin-top:10px;
    margin-right:5px;
}

.copyPassContainer{
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    cursor: pointer;
}

.generatedPassInputCopy{
	width: 12rem;
    border: none;
    text-align: center;
}

.hiddenPass{
	width: 10px;
    position: absolute;
    font-size: 0;
}

#note-view-log-list-table-container > .bootstrap-table > .fixed-table-toolbar > .btn-group > .btn-default {
	font-size:14px;
    padding:6px 13px;
}

#historyTabContent .tab-pane > .bootstrap-table > .fixed-table-toolbar > .btn-group > .btn-default{
    padding:6px 13px;
}

#historyTabContent .tab-pane > .bootstrap-table > .fixed-height {
   height: fit-content!important;
   padding-bottom: 0!important;
}

#historyTabContent .tab-pane .bootstrap-table .fixed-table-toolbar {
	height: 0;
}

#historyTabContent .search-input {
	font-size: .875rem;
}

.see-note-version {
	margin-right:10px;
}

.version-number-footer {    
	bottom:0;
    position:absolute;
}

input::-webkit-input-placeholder{
    color:#aaa;
}

input:-moz-placeholder {
    color:#aaa;
}

.groups-disabled-fields {
    cursor:not-allowed;
    background-color:rgb(235, 235, 228);
    /*remove arrow to selects*/
    -webkit-appearance: none;
    -moz-appearance: none;
}

.domainAccount-disabled-select {
    /*remove arrow to selects*/
    -webkit-appearance: none;
    -moz-appearance: none;
}

.swal2-input{
	font-size: large;
}

.fixed-table-toolbar > .btn-group > .btn-default {
	padding:9px 14px;
}

.bb-configuration {
	font-size:34px;
    margin-right:15px;
}

.help-margin {
	margin-left:5px;
}

.label-unpaid-accounts {
	border: red;
    font-size:12px;
    font-weight:400;
    padding:0 2px;
    text-transform:uppercase;
    color:red;	
}

.label-domain {
    font-weight:400;
    padding:1px 5px;
    cursor:pointer;
    text-transform:uppercase;
    margin-bottom: 0;
}

.delete-member-icon {
	color:#de5246 !important;
	font-size: 1.5em;
}

.delete-domain-icon {
	font-size:14px;
	color:#fea001;
	margin:10px 0;
}

.memberUser:focus{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	outline:0;
	-webkit-border-bottom:2px solid #404040;
	-moz-border-bottom:2px solid #404040;
	-o-border-bottom:2px solid #404040;
	border-bottom:2px solid #404040;
}

.memberUser-error {
	-webkit-border-bottom:2px solid red!important;
	-moz-border-bottom:2px solid red!important;
	-o-border-bottom:2px solid red!important;
	border-bottom:2px solid red!important;
}

.domainAdded {
	border:0;
	-webkit-border-bottom:1px solid #606060;
	-moz-border-bottom:1px solid #606060;
	-o-border-bottom:1px solid #606060;
	border-bottom:1px solid #606060;
	width:100%;
	height:30px;
	background:none;
}

.domainAdded:focus{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	outline:0;
	-webkit-border-bottom:2px solid #404040;
	-moz-border-bottom:2px solid #404040;
	-o-border-bottom:2px solid #404040;
	border-bottom:2px solid #404040;
}

.domainAdded-error {
	-webkit-border-bottom:2px solid red;
	-moz-border-bottom:2px solid red;
	-o-border-bottom:2px solid red;
	border-bottom:2px solid red;
}

.domainAdded-error-input {
	border:2px solid red;
}

.publishingchannel-row {
	margin:20px 10px 0 0;
}

.publishingchannel-row-error {
	border:1px solid red;
}

.fa-apple {
	font-size:17px;
	color:black
}

.android-link, .android-link:hover, .android-link:focus {
	font-size:18px;
	margin:0 5px;
	color:#79c257;
	text-decoration:none;
}

.android-color {
	color:#3DDC84;
}

.domain-list-table-white {
	background-color:#ffffff;
}

.domain-service-type {    
	border:1px black solid;
    border-bottom:0;
    width:100%;
    font-size:13px;
    text-align:center;
    font-weight:400;
}

.domain-service-type-th {
	border-bottom:0!important;
	padding:8px 7px 8px 0!important;
}


.select-category,
.internal-content-opt {
    font-weight:bold!important;
    background:#eeeeee!important;
	color: #333333 !important;
}

.idented-option{
	padding-left: 2rem !important;
}

.option-blocked{
    font-weight:bold !important;
    color: #999 !important;
    background:none !important;
}

.row-blocked {
	background: #eeeeee;
}

.option-disabled { 
	color:#c0c0c0;
}

.draggable-resize{
	resize: vertical;
}

.deleted-in-google {
   background:#f2dede;
}

.deleted-in-google:hover {
   background:#f2dede !important;
}

.preview-disclaimer {
	color:#888888;
	font-family:arial narrow;
}

.checkbox-right-text {
	margin-left:25px;
    display:block;
    margin-top:-17px;
}

.mce-textbox, .mce-btn {
	border-radius:5px!important;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;
}

.mce-abs-layout-item, .mce-tab {
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;
    color:rgba(34, 47, 62, 0.77)!important;
}

.mce-title {
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;
    font-weight:500!important;
}

.thumbnailContainer,
.thumbnailContainerCreate {
	height: 80px;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
	position: relative;
	margin: 0 auto;
    margin-bottom: 10px;
}

.cursor-pointer {
	cursor: pointer;
}

.thumbnailPhoto {
	max-height: 80px;
	max-width: 80px;
	display: block;
    margin: 0 auto
}

.thumbnailPhotoChange {
	background: rgba(0,0,0,.54);
    bottom: 0;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    left: 0;
    line-height: 9px;
    position: absolute;
    padding: 7px 0;
    text-align: center;
    width: 80px;
}

.flexCenterElementContainer {
	display: flex;
    justify-content: space-between;
}

#fileUserPhoto,
#fileUserPhotoCreate {
	opacity: 0;
}

.mass-update-container {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.modal-mass-update {
	width: 400px !important;
}

.modal-mass-create {
	width: 450px !important;
}

.updateUserPhotoSection,
.updateUserPhotoSectionCreate {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.margin-top-auto {
	margin-top: auto;
}

.boldCampCreated{
	font-size: 1.8em;
	font-weight : bold;	
}

#userCreatedEmail{
	font-size: 1.2em;
}

.searchInputDomainAccount{
	width: 25%;
	margin: 0.2em;
}

.centerDisplayDomainAccount{
	display: flex; 
	justify-content: center; 
	margin-bottom: -0.5em; 
	margin: 0 10em 0 10em;
}

.btnAcceptGreen{
	background-color: #5cb85c;
    border-color: #5cb85c;
}

#preview-iframe{
	width: 100%;
}

#preview-iframe-domainaccount{
	width: 100%;
	height: 40vh;
}

.iframe-box{
	padding: 0;
	border:solid 1px #c0c0c0;
	border-radius: 5px;
	background:#fff;
	width: 100%;
	height: 60vh;
	margin-bottom: 10px;
}

.width-45{
	width: 45vw;
}
/* .mce-abs-layout-item { */
/* 	width:40%!important; */
/* 	position:sticky!important; */
/* } */

/*TODO: Eliminar popover-title al migrar bootstrap4*/
.popover-role .popover-title,
.popover-role .popover-header{
  padding: 8px 14px; 
  text-align: left;
}

/*TODO: Eliminar popover-content al migrar bootstrap4*/
.popover-role .popover-content,
.popover-role .popover-body {
  color: black;
  animation: none;
  -webkit-animation: none;
  text-align: left;
}

.bold-role{
	font-weight: bold;
}

.field-icon {
  float: right;
  margin-right: 5px;
  margin-top: -26px;
  position: relative;
  z-index: 2;
  font-size: 17px;
  opacity: 0.5;
}


.field-icon-group {
  float: right;
  margin-right: 5px;
  margin-top: -35px;
  position: relative;
  z-index: 2;
  font-size: 17px;
  opacity: 0.5;
}

.field-icon-input {
  float: right;
  margin-right: 50%;
  margin-top: -10%;
  position: relative!important;
  z-index: 2;
  font-size: 17px;
  color: #fea001;
  opacity: 1;
}

.emailField-icon {
  float: right;
  margin-right: 5px;
  position: relative;
  z-index: 2;
  font-size: 17px;
  opacity: 0.5;

}

#hidePass {
	margin-top: -35px;
}

#password-input {
	padding-right: 30px!important;
}

.eye-password {
  opacity: 0.5;
}

.customer-id-size{
	font-size: 10px;
}

.schema-id-size{
	font-size: 8px;
    margin-left: .1rem;
}

.id-label {
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

/*TODO: cambiar todos los id a bootstrap 4*/
.datacontrol-id {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.preview-container{
	height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.spinner-icon{
	color:#fea001;
	opacity:1; 
	margin-top: -36px;
}

.spinner-icon2{
	color:#fea001;
	opacity:1; 
	margin-top: -42px;
}

.spinner-icon-search{
	color:#fea001;
	opacity:1; 
	margin-left: 88%;
    margin-top: 1.2em;
    position: absolute;
}

.spinner-icon-domain{
	color:#fea001;
	opacity:1; 
	margin-top: -42px;
}

.spinner-icon-ou{
	 font-size: 17px;
    margin-left: 5px;
}

.spinner-icon-dv-user-target {
	color:#fea001;
	opacity:1; 
	position: absolute;
    margin-left: 40%;
    font-size: 17px;
    margin-top: -14%;
}

.spinner-icon-dv-ou-target {
	color:#fea001;
	opacity:1; 
	position: absolute;
    margin-left: 40%;
    font-size: 17px;
    margin-top: 1%;
}

.spinner-icon-enduserview-target {
	color:#fea001;
	opacity:1; 
	position: absolute;
    margin-left: -40%;
    font-size: 17px;
    margin-top: 2%;
}

.spinner-icon-directory-view-domain,
.spinner-icon-enduserview-domain {
	color: #fea001;
    opacity: 1;
    margin-top: 0.15em;
    position: absolute;
    font-size: 14px;
}

.spinner-icon-data-control{
	color: #fea001;
    opacity: 1;
    margin-top: 0;
    height: fit-content;
    width: auto!important;
}

/*******************
*
* Role Configuration
*
********************/

#createRoleModal .modal-dialog{
	width: 60vw;
	margin-top: 10px;
}

.bold-hover:hover{
	font-weight: bold;
}

.font-16{
	font-size: 16px;
}

.font-18{
	font-size: 18px;
}

.font-25{
	font-size: 25px;
}

.mid-opacity{
	opacity: 0.5;
}

.padding-center-text-modal{
	padding: 0em 8em;	
}

/*******************
*
* Reconaissance
*
********************/

.footer-blank-reconaissance{
	height: 90px;
}

.footer-fixed-reconaissance{
	z-index: 10;
	position: fixed;
	background: #fff; 
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 1px solid #eee;
	padding-top: .5rem;
}

.no-decoration,
.no-decoration:hover{
	text-decoration: none;
}

.aliases-icon{
	font-weight: 700;
	font-size: 11px;
}

.lookup-icon{
	font-weight: 700;
	font-size: 11px;
}

.popover-reconnaissance {
	max-width: max-content!important;
	max-height: 60vh;
	overflow-y: auto;
}

/*TODO: Eliminar popover-content al migrar bootstrap4*/
.popover-reconnaissance .popover-content,
.popover-reconnaissance .popover-body {
  color: black;
  animation: none;
  -webkit-animation: none;
}

.view-email-content .footer{
	position: relative;
}

/*******************
*
* Payment Success
*
********************/

.paymentsuccess__Container{
	width:100%; 
	height:85%; 
	display: flex;
	align-items: center;
	justify-content: center;
}

.paymentsuccess__Size{
	width: 40rem;
	height: 40rem;
}

.paymentsuccess__Sweet{
	display: block !important;
	background-color: #ffffff; 
	padding: 17px; 
	border-radius: 5px; 
	text-align: center;
}

.paymentsuccess__Block{
	display: block;
}

.paymentsuccess__Button{
	display: inline-block;
	background: #fe9f00;
	color: #fff;
}

.half-rule{
	margin-top: 10px;
    margin-bottom: 10px;
}

.margin-btn-arkive {
	margin-left: 50px;
    margin-top: 15px;
}

.searchInput-Customer{
	width: 94%;
	margin: 0.2em;
	font-weight: 900;
	margin-left: 15px;
}

/*******************
*
* ArkiveBox
*
********************/

.progress {
    background-image: -webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
    background-image: -o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));
    background-image: linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
}

.center-percentage{
	margin-left: 5rem;
}

.height-250-px{
	height: 250px;
}

.max-height-50{
	max-height: 50%;
}

.export-table {
	width:150px; 
	display:inline-table; 
	float:right; 
	margin-top:10px;
	margin-left: 5px;
}

#show-selected-arkive { 
	border:1px solid #c0c0c0;
	resize:vertical;
	min-height: 10vh;
	max-height: 20vh;
	overflow:auto;
	background:#eee;
	height: 100%;
	margin-bottom: 5px;
	height: 15vh;
}

.back-margin {
	margin-left:20px;
}

.table-container-arkive {
    padding:0 20px 20px;
    background:#fff;
    border-top:5px solid #eee;
    vertical-align:middle;
	margin-top:0px;
}

.spinner-icon-arkive{
	margin-top: -22px;
}

.spinner-icon-email{
	margin-top: -43px;
}

.autocomplete-spinner {
	color:#fea001;
	opacity:1; 
}

.autocomplete-multiplevalue{
	display:inline-block;
	position: relative !important;
}

.autocomplete-multiplevalueIN{
	position: absolute !important;
}

.autocomplete-multiplevalueOUT{
	position: relative !important;
}

.wrapper-emailValidator{
	display: block !important;
}

.autocomplete-alias-label{
	color: rgba(0, 0, 0, 0.4);
	font-weight: 400;
	font-size: 12px;
}

.orange-icon-arkive{
	color : #fea001!important;
}
 
.disabled-icon-arkive{
	color : #c0c0c0!important;
}


#arkive-table>tbody>tr:hover {
   background-color: transparent;
}

#arkive-table td, #arkive-table th {
	text-overflow: unset;
	font-size: 12px;
}

.ui.search > .results .result .description,
.ui.search > .results .result .title{
	font-size: 14px!important;
}

.modal-footer-arkivebox {
	padding: 15px;
    border-top: 1px solid #d2d7da;
    margin-top : 50px;
}

.width-550px {
	width: 550px;
}

/*TODO: Eliminar todo lo relacionado con modal-dialog y dejar tamaños standard*/

.red-error {
	color:#cc1e1e;
}

.error-text {
	color:#F12424;
}

.margin-icons-arkive {
	margin-top: 3px!important;
	margin-right: 4px;
    line-height: 1.6!important;
}

#reinstateBtn {
	margin-left:15px;
	margin-top: 11px;
}

.reinstateBtn {
    border-color: none!important;
}

#reinstateBtn .btn-success {
	background-color: #0cba0c!important;
}

.arkivebox-console-icon {
	font-size: 18px;
	margin: 0 .25rem;
}

.reinstate-icon {
	font-size: 1.5rem
}

.trash-margin {
	margin-left:3px;
}

.reinstateBtn-icon-alert {
	width: 25%; 
	margin-top: 2rem!important;
}

/*TODO: evaluar refactorizar y manejar overflow para tooltip*/
.overflow-visible-table .fixed-table-body {
	overflow: visible!important;
}

.ui-search-block,
#users-ui-search > .input {
	display: block!important;
}

.ui-search-block > .input-group {
	border-radius: 4px;
}

#users-ui-search .image {
	height: 2.5em;
}

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

.padding-quota-bar{
	padding: 0 10 9 0;
}

.font-counters {
	font-size: 10px;
    line-height: 18px;
    color: black;
    background: #fea001;
    text-align: initial!important;
}

.font-progress-bar {
	font-size: 10px;
    color: black;
    background: #fea001;
    text-align: initial!important;
}

.progress-bar-counters{
	width: 80%;
}

.margin-left-100 {
	margin-left: 100px;
}

.width-25-rem {
	width: 25rem;
}

.margin-left-reinstate-label {
	margin-left: -9px;
}

.margin-right-quota {
    margin-right: .8rem;
}

.padding-count-header {
   padding: 0 9 9;
}


/*******************
*
* Modals
*
********************/

.bootstrap-4 .modal-title {
	text-align: center;
}

.bootstrap-4 .modal-body {
	text-align: left;
}

.bootstrap-4 .modal-footer {
	justify-content: center;
}

.toogleboard .t-modal-md {
	width: 750px;
}

.toogleboard .t-modal-lg {
	width: 1140px;
}

.t-modal-xs {
	width: 20%;
}

.t-modal-sm {
	width: 30%;
}


.t-modal-md {
	width: 40%;
}

.t-modal-lg {
	width: 60%;
}

.t-modal-xl {
	width: 80%;
}

.home-modal .modal-dialog{
	width: 40vw;
}

.home-modal .modal-body {
	text-align: left;
}
/**********************
*
* Data Control
*
**********************/

#new-datacontrol-container a[aria-expanded="true"]::before,
#new-directorylov-container a[aria-expanded="true"]::before {
	content: none;
}

#new-directorylov-container .fixed-table-body,
#authorizedUserTableContainer .fixed-table-body{
	overflow: visible;
}

.fa-1-half-x {
	font-size: 1.3em;
}

#datacontrol-bootstraptable tr.selected td,
#directorylov-bootstraptable tr.selected td {
	background-color: #fff!important;
}

#directorylov-bootstraptable button {
    height: 25px!important;
    padding: 1px 8px;
    font-size: 13px;
    line-height: 1.42857143;
}

#directorylov-bootstraptable .field-name {
    margin: 0!important;
}

.valid-value-input{
	width: 100%;
	margin-bottom: 10px!important;
}

.valid-value-input input{
	width: 70%!important;
}

.table-buttons-padding{
	padding: 6px 13px!important;
}

.button-margin{
	margin-right: 10px;
	margin-left: 10px;
}

.button-margin-5{
	margin-right: 5px;
	margin-left: 5px;
}

.popover-visibility {
	width: 400px;
}

.popover-visibility .popover-body {
	padding:0!important;
}

.popover-section-status {
	width: 300px;
}

.popover-visibility .popover-body {
	font-size: .75rem!important;
}
.popover-expire .popover-body {
	width: 750px!important;
	font-size: .75rem!important;
	text-align: center!important;
}

.popover-expire-container {
	max-width: 750px!important;
}
/*TODO: Eliminar popover-title al migrar bootstrap4*/
.popover-datacontrol .popover-title,
.popover-directorylov .popover-title,
.popover-datacontrol .popover-header,
.popover-directorylov .popover-header,
.popover-visibility .popover-header,
.popover-section-status .popover-header {
	color: black;
  	padding: 8px 14px; 
  	text-align: center;
}

/*TODO: Eliminar popover-content al migrar bootstrap4*/
.popover-datacontrol .popover-content,
.popover-directorylov .popover-content,
.iconpicker-popover .popover-content,
.popover-datacontrol .popover-body,
.popover-directorylov .popover-body,
.iconpicker-popover .popover-body,
.popover-visibility .popover-body,
.popover-section-status .popover-body,
.popover-activity-element .popover-body,
.popover-expire .popover-body {
  	color: black;
  	animation: none;
  	-webkit-animation: none;
  	text-align: left;
}

.popover-activity-element .popover-body {
	max-height: 98vh;
	overflow-y: auto;
}

.field-info-padding{
	padding-inline-start: 10px!important;
}

.verification-container{
	height: 100px; 
	display: flex; 
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
}

.label-datacontrol,
.label-directorylov {
	margin-top:5px;
	width:130px;
}

.card-directorylov-flex{
	display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.card-tbd-flex{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
/*TODO: eliminar innecesarios cuando se pase directorylov a b4*/
.bootstrap-4 .card-directorylov{
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    margin-bottom: 1rem;
}

.card-directorylov{
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    margin-bottom: 1.5rem;
}

.bootstrap-4 .card-directorylov-body{
	-ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .75rem;
}

.card-directorylov-body{
	-ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.bootstrap-4 .card-directorylov-title{
	font-size: 1rem;
	margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
}

.card-directorylov-title{
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: capitalize;
}

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

.bootstrap-4 .card-directorylov-subtitle{
	font-size: .75rem;
	font-weight: 500;
    line-height: 1;
}

.card-directorylov-subtitle{
	font-size: 1.25rem;
	font-weight: 500;
    line-height: 1.2;
}

.card-directorylov-li{
	margin-bottom: 0 !important;
}

.bootstrap-4 .card-directorylov-list-group-item{
	position: relative;
    display: flex;
    padding: 0.25rem .625rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: .75rem;
    justify-content: space-between;
}

.card-directorylov-list-group-item{
	position: relative;
    display: flex;
    padding: 0.4rem 1rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 1.2rem;
    justify-content: space-between;
}

.card-directorylov-list-group-item-icon-lov-container{
	display: flex;
    justify-content: center;
    align-items: center;
}

.bootstrap-4 .card-directorylov-list-group-item-icon-lov{
	width: .8rem;
    height: .8rem;
}

.card-directorylov-list-group-item-icon-lov{
	width: 1.3rem;
    height: 1.3rem;
}

.deleteSupplementalMessage{
	max-height: 50vh;
	overflow: auto;
	overflow-x: hidden;
}

.wordWrap{
	word-wrap: break-word;
}

.title-primary-lov{
	color: #404040;
	padding: 0.5rem 0rem;
    font-size: 14px;
    border: none;
    background-color: transparent;
}

.check-options-show-accounts{
	border: 1px solid #b3b3b3;
	display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 1rem 0;
    padding: 0.25rem 0;
}

.check-options-show-accounts-children{
    margin: .5rem;
}

.card-directorylov-flex .fa-caret-right:before,
.card-tbd-flex .fa-caret-right:before {
  content: "\f0d7";/* adjust as needed, taken from font-awesome.css */
}

.collapse-style{
	background: rgb(238, 238, 238);
    border: 2px solid black;
}

.collapse-style-tbd{
	background: rgb(238, 238, 238);
}

.card-directorylov-flex.collapsed .fa-caret-right:before,
.card-tbd-flex .fa-caret-right.collapsed:before {
  /* symbol for "collapsed" panels */
  content: "\f0da";  /* adjust as needed, taken from font-awesome.css */
}

.show-html-content {
	margin:0;
	overflow:hidden;
}

.card-directorylov-primary {
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}

.filter-directorylov-primary{
	display: block;
    position: absolute;
    top: -10px;
    left: 2rem;
    background: white;
    padding: 0 .5rem;
    font-weight: bold;
}

.card-directorylov-primary-header{
	padding: 0rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.02);
}

.card-tbd-primary-header {
	padding: 0rem .5rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.02);
}

.card-error-header-background{
	background-color: rgb(177 69 69 / 20%) !important;
}

.verify-suggestion{
	margin-left: .5rem;
}

.badge-danger-noMatch{
	color: #fff;
    background-color: #dc3545;
    display: inline-block;
    padding: 0.4em;
    font-size: 60%;
    text-align: center;
    white-space: nowrap;
    border-radius: 0.25rem;
    margin-left: .3rem;
}

.preloading-color {
	background: #fea0015c!important;
}

.user-icon-directory-lov {
    font-size: 45px;
    margin-top: 1.5rem;
    margin-right: -2rem;
}

.margin-top-1-5 {
    margin-top: 1.5rem;
}

/*js Tree*/

.treeSpinnerGeneral {
    font-size: 4em;
    color: #fea001;
    top: 1em;
}

.tox .tox-top{
	bottom: 35px !important;
    top: -60px !important;
}

.tox-fullscreen {
    z-index: 99999 !important; /* Ensure it's above all other elements */
    position: fixed !important; /* Make sure it covers the whole screen */
}

#mainServiceArea .serviceBox {
	padding-bottom: 0;
  }

.ui.label { background-color: #EEE; color: #666 !important; font-size: 13px; }
.ui.label .icon:before { content: '\f00d'; font-family: fontAwesome; font-style: normal; font-size: 12px; padding-left: 5px; position: relative; top: -1px; }
.ui.label .icon:hover:before { color: #F00; }

/**********************
*
* DataType
*
**********************/

.datatype-container {
	margin-top:20px;
}

.form-control-data-type {
    display: block;
    width: 100%;
    height: 1.9em;
    padding: 1px 8px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    /*background-color: #fff;*/
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control-data-type:disabled {
	background : #eeeeee;
}

.datatype-domains {
	padding:15px;
	border:1px solid #c0c0c0;
	word-wrap:break-word;
	font-size:13px;
	padding-left:15;
}

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

.datatype-domain-name {	
    font-size:22px;
    font-weight:100;
}

.phone-dropdown,
.email-dropdown,
.url-dropdown{
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
	border: 1px solid #ccc !important;
	border-radius: .4rem !important;
	padding: .35em 2em .3em 1em !important;
	min-height: 1.9em !important;
	text-align: center !important;
	margin-top: 1rem !important;
}

.file-dropdown{
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
	border: 1px solid #ccc !important;
	border-radius: .4rem !important;
	padding: .35em 2em .3em 1em !important;
	min-height: 1.9em !important;
	margin-top: 1rem !important;
}

/* TODO: eliminar al migrar a bootstrap 4*/
.bootstrap-4 .phone-dropdown > .dropdown > .icon,
.bootstrap-4 .email-dropdown > .dropdown > .icon,
.bootstrap-4 .url-dropdown > .dropdown > .icon{
	margin-right: -1.2rem !important;
    margin-top: 0rem !important;
	float: right;
	font-size: .9rem;
}

.phone-dropdown > .dropdown > .icon,
.email-dropdown > .dropdown > .icon,
.url-dropdown > .dropdown > .icon{
	margin-right: -2.3rem !important;
    margin-top: .2rem !important;
}

/* TODO: eliminar al migrar a bootstrap 4*/
.bootstrap-4 .phone-dropdown > .search,
.bootstrap-4 .email-dropdown > .search
.bootstrap-4 .url-dropdown > .search{
	padding: .35em .5em .3em 1em !important;
}

.phone-dropdown > .search, 
.email-dropdown > .search
.url-dropdown > .search{
	padding: .35em 2em .3em 1em !important;
}

#related-services-container {
	position: sticky!important;
    width: 150px;
}

#activate-container {
	position: sticky!important;
    width: 150px;
	top: 450px;
}

.activate-icons:hover {
    background:#eeeeee;
}

.related-icon {
    height: 45px;
}

.related-iconHeader {
    height: 45px;
}

.related-item,
.internal-function-item {
	display: block;
    padding: 10px 15px;
    background-color: #fff;
	cursor: pointer;
}

.related-item:hover,
.internal-function-item:hover {
    background:#eeeeee;
}

.activate-icons {
	display: block;
    padding: 10px 15px;
    background-color: #fff;
}

.related-background {
    background-color: #fcfcfc!important;
    background-image: none!important;
}

.related-email {
    display:  flex;
	justify-content: end;
    margin-right: 2rem;
}

.related-groups-icon {
   font-size: 40px;
}

.related-groups-iconHeader {
	font-size: 20px;
	margin-right: .5rem;
 }

.padding-top-3rem {
   padding-top: 3rem;
}

.new-directorylov, .new-directoryview, .new-enduserview, .new-signature,
.new-groupschema, .new-category, .new-migration, .new-batch, .new-range, .new-content, .new-activate {
    margin-top:1rem;
    margin-bottom: .5rem;
}

.no-migration-entity{
	font-style: italic;
    font-weight: 100;
}

.verify-margin-all-datatype {
	margin-left: 10px;
}

.pointer-events-none {
    pointer-events: none;
}

/**********************
*
* CONFIGURATION PANEL
*
**********************/

.config-domain-list {
	font-size: inherit !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.config-domain-list .onoffswitch {
	margin-top: -.3rem !important;
}

.config-domain-list .onoffswitch > .onoffswitch-label {
	margin-bottom: 0;
}

#menu-services .list-group-item,
#menu-services .list-group {
	border: none;
}

.config-domain-list > .list-group-item {
	border: none;
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.config-domain-list > .list-group-item.active,
.sublinks > .list-group-item.active {
	text-shadow: none;
    background-image: none;
  	background-color: #f5f5f5;
  	color: black;
  	border: 2px solid #ddd!important;
  	border-right: none!important;
  	transform: scaleX(1.01);
}

.domain-info-container,
.service-info-container {
	min-height: 100vh;
}

.domain-info-container .switch-group,
.domain-info-container .switch-service,
.domain-info-container .single-service {
	padding-left: 0!important;
}

.domain-info-container .switch-group,
.domain-info-container .switch-service {
	font-weight: bold;
	font-size: .8125rem;
}

.domain-info-container hr {
	margin-top: .625rem;
	margin-bottom: .625rem;
}

.domain-info-container .switch,
.domain-info-container > ol > li {
	display: flex;
    align-items: center;
}

.domain-info-container > ol  {
	background-color: #ddd;
}

.domain-info-container .config-icon-list {
	display: flex;
    align-items: center;
    justify-content: flex-end;
}

.domain-info-container .switch > div {
	padding-top: .3125rem;
}

.domain-info-container > ol > li > .domain-service-title {
	margin-left: .625rem;
	font-weight: bold;
	font-size: .875rem;
}

.domain-info-container > ol > li > .domain-service-icon {
	width: 1.5rem;
}

#domain-per-service-title,
.domain-info-container .domain-title {
	font-weight: bold;
	font-size: 1.125rem;	
}

.domain-info-container .onoffswitch-label {
	margin-bottom: 0;
}

.domain-info-container .last {
	margin-bottom: 1rem;
}

.domain-info-container .breadcrumb {
	padding: .5rem .75rem;
}

.domain-per-service-ol {
	background-color: #ddd;
}

.domain-per-service-ol > li {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.domain-per-service-ol.breadcrumb {
	padding: .5rem .75rem;
}

.background-color-ddd {
	background-color: #ddd;
}

.rotating-caret {
	margin-top: .4rem;
	transition: transform .4s ease;
}

.rotated {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
} 

.service-parent ,
.service-item {
	display: flex;
	font-weight: bold;
	cursor: pointer;
}

.service-child {
	padding-left: 5rem;
	cursor: pointer;
}

.service-grandparent {
	cursor: pointer;
}

.domain-action-icons {
	display: flex;
    align-items: center;
    justify-content: flex-end;
}

.domain-per-service-content {
	margin-bottom: 20px;
}

.switch-service-per-domain {
	margin-right: 5px;
}

.switch-service-per-domain > .jtoggler-wrapper{
	margin-bottom: 0;
}

.switch-service-per-domain-section {
	display: flex;
	align-items: center;
}

.list-group-item .jtoggler-wrapper {
	margin-right: .5rem;
}

.active-container {
	background-color: #f5f5f5;
	position: initial;
	border: 2px solid #ddd;
	border-radius: 1rem;
}

.position-fixed {
	position: fixed; 
	top: 0px;
}

.position-static {
	position: static; 
	top: 0px;
}

.padding-fixed-element {
	padding-right: .25rem;
	padding-left: 0;
}


/**********************
*
* Timeout-Modal
*
**********************/
.goobleBtn {
	margin: 0 auto;
}

.modal-timeOut-body {
	font-size: 15px;
	text-align: center!important;
}

.modal-timeOut-exit{
	width:105.88px;
	margin-right: 1rem;
}
.blur {
	-webkit-filter: blur(5px) grayscale(90%);
}

.google-icon-timeOut{
	
	width: 14px;
    height: 14px;
    position: relative;
    bottom: 6px;
    right: 7px;
}



.loginButtonAuthorization2 {
	height: 35px;
	width: 150px;
	background-color: #4285f4;
	border: none;
	color: #fff;
	border-radius: .25rem;
	box-shadow: 0 2px 4px 0 rgb(0 0 0/ 25%);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background-color .218s, border-color .218s,
		box-shadow .218s;
	transition: background-color .218s, border-color .218s, box-shadow .218s;
	-webkit-user-select: none;
	-webkit-appearance: none;
	cursor: pointer;
	outline: none;
	overflow: hidden;
	position: relative;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: auto;
}

.loginButtonAuthorizationContentWrapper2 {
	border: 1px solid transparent;
	height: 100%;
	width: 100%;
}


.loginButtonAuthorizationIcon2 {
	height: 33px;
	width: 20px;
	padding: 15px;
	background-color: #fff;
	border-radius: .25rem 0rem 0rem .25rem;
	float: left;
}

.loginButtonAuthorizationContents2 {
	position: relative;
    bottom: 7px;
	font-size: 13px;
	line-height: 48px;
	font-family: Roboto, arial, sans-serif;
	font-weight: 500;
	letter-spacing: .21px;
	margin-left: 6px;
	margin-right: 6px;
	vertical-align: top;
}

/**********************
*
* PAYMENT 
*
**********************/

.main-title-align {
	display: flex; 
	align-items: flex-start;
}

.spinnerDownloadPayment{
	position: relative; 
	right:0.5em;
	font-size: 18px;
}

#paymentHistory thead th .sortable {
    padding-right: 20px!important;
}

/************************
 * 
 * Supplemental Fields
 * 
 * **********************/

 .drag-handle {
 	cursor: -webkit-grab!important; 
 	cursor: grab!important;
 }

 .reorder_rows_onDragClass td:first-child{
 	cursor: -webkit-grabbing!important; 
 	cursor: grabbing!important;
 }

 .link-field-text{
	top:.5rem;
    font-size: 20px;
    color: #ddd;
    position: relative;
    font-weight: bold;
}

.new-field {
	height: 3rem;
	background-color: #fff;
    border: 3px dashed #ddd;
    border-top:none;
    border-radius: 4px;
}

.phone-dropdown.disabled {
	background: #eeeeee !important;
}

.email-dropdown.disabled {
	background: #eeeeee !important;
}

.url-dropdown.disabled {
	background: #eeeeee !important;
}

.file-dropdown.disabled {
	background: #eeeeee !important;
}

#supplemental-table-container .fixed-table-container {
	border: none!important;
}

/************************
 * 
 * Manual Group Management
 * 
 * **********************/

.danger-icon-color {
	color: #ff0000!important;
}

.download-template-text {
	font-size: .875rem;
}

.text-danger{
	color: #ff0000!important;
}

.tb-btn-danger{
	background-color: #ff0000!important;
}

.blin-header {
  animation-name: blinkHeaderKeyFrames;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name:blinkHeaderKeyFrames;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinkHeaderKeyFrames{  
  0% { opacity: 1.0; }
  50% { opacity: 0.3; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes blinkHeaderKeyFrames {  
  0% { opacity: 1.0; }
  50% { opacity: 0.3; }
   100% { opacity: 1.0; }
}

@keyframes blinkHeaderKeyFrames {  
	0% { opacity: 1.0; }
	50% { opacity: 0.3; }
	100% { opacity: 1.0; }
}

/* common */
.ribbon-box {
  position: relative;
  border: 1px solid #001961;
}

.ribbon {
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: absolute;
}

.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #aec2fb;
}
.ribbon span {
	position: absolute;
	display: block;
	width: 150px;
	padding: 4px 0;
	background-color: #001961;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	color: #fff;
	font: 700 12px/1 'Lato', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	text-transform: uppercase;
	text-align: center;
  }
  
  /* top left*/
  .ribbon-top-left {
	top: -10px;
	left: -10px;
  }
  
  .ribbon-top-left::before,
  .ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
  }

  .ribbon-top-left::before {
	top: 0;
	right: 0;
  }

  .ribbon-top-left::after {
	bottom: 0;
	left: 0;
  }

  .ribbon-top-left span {
	right: -25px;
	top: 30px;
	transform: rotate(-45deg);
  }
  
  /* top right*/
  .ribbon-top-right {
	top: -10px;
	right: -10px;
  }

  .ribbon-top-right::before,
  .ribbon-top-right::after {
	border-top-color: transparent;
	border-right-color: transparent;
  }

  .ribbon-top-right::before {
	top: 0px;
	left: 8px;
  }

  .ribbon-top-right::after {
	bottom: 8px;
	right: 0;
  }

  .ribbon-top-right span {
	left: -12px;
	top: 31px;
	transform: rotate(45deg);
  }

  .ribbon-new-feature {
	  background-color: #001961;
	  border-radius: 5px;
	  margin-top: 5px;
  }

.ribbon-new-feature p {
	color: white;
}
  .ribbon-box-new-feature {
    border: 1px solid #001961;
    border-radius: 5px;
  }
  
  /* bottom left*/
  .ribbon-bottom-left {
	bottom: -10px;
	left: -10px;
  }

  .ribbon-bottom-left::before,
  .ribbon-bottom-left::after {
	border-bottom-color: transparent;
	border-left-color: transparent;
  }

  .ribbon-bottom-left::before {
	bottom: 0;
	right: 0;
  }

  .ribbon-bottom-left::after {
	top: 0;
	left: 0;
  }

  .ribbon-bottom-left span {
	right: -25px;
	bottom: 30px;
	transform: rotate(225deg);
  }
  
  /* bottom right*/
  .ribbon-bottom-right {
	bottom: -10px;
	right: -10px;
  }

  .ribbon-bottom-right::before,
  .ribbon-bottom-right::after {
	border-bottom-color: transparent;
	border-right-color: transparent;
  }

  .ribbon-bottom-right::before {
	bottom: 0;
	left: 0;
  }

  .ribbon-bottom-right::after {
	top: 0;
	right: 0;
  }

  .ribbon-bottom-right span {
	left: -25px;
	bottom: 30px;
	transform: rotate(-225deg);
  }
  
  .addBotton {
    position: absolute;
    right: 1em;
  }

/*
*
* Tooglebox Spinner
*
*/
.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
  
.animate__tooglebox_spinner{
	--animate-duration: 2s;
	--animate-delay: .5s;
	--animate-repeat: 1;
	margin-top: 40vh;
	height: 100px;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    15% {
        -webkit-transform: translate3d(0%,0,0) rotate(-60deg);
        transform: translate3d(0%,0,0) rotate(-60deg);
    }

    30% {
        -webkit-transform: translate3d(0%,0,0) rotate(90deg);
        transform: translate3d(0%,0,0) rotate(90deg);
    }

    45% {
        -webkit-transform: translate3d(0%,0,0) rotate(75deg);
        transform: translate3d(0%,0,0) rotate(85deg);
	}

	60% {
        -webkit-transform: translate3d(0%,0,0) rotate(360deg);
        transform: translate3d(0%,0,0) rotate(360deg)
    }

    75% {
        -webkit-transform: translate3d(0%,0,0) rotate(370deg);
        transform: translate3d(0%,0,0) rotate(370deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    15% {
        -webkit-transform: translate3d(0%,0,0) rotate(-60deg);
        transform: translate3d(0%,0,0) rotate(-60deg);
    }

    30% {
        -webkit-transform: translate3d(0%,0,0) rotate(90deg);
        transform: translate3d(0%,0,0) rotate(90deg);
    }

    45% {
        -webkit-transform: translate3d(0%,0,0) rotate(75deg);
        transform: translate3d(0%,0,0) rotate(85deg);
	}

	60% {
        -webkit-transform: translate3d(0%,0,0) rotate(360deg);
        transform: translate3d(0%,0,0) rotate(360deg)
    }

    75% {
        -webkit-transform: translate3d(0%,0,0) rotate(370deg);
        transform: translate3d(0%,0,0) rotate(370deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

/*********************************************************************************
*
* Migration Progress Bar Style
*
**************************************************/

.progress {
    margin: 20px 60px;
    height: 20px;
}

.progressArkive{
	margin: 0 !important;
    height: auto !important;
}

/*********************************************************************************
*
* Toogleboard
*
*********************************************************************************/

.toogleboard .card-header .btn {
	font-size: 13px;
}

.toogleboard .icons-selector .fa-solid {
	font-weight: 900;
	font-family: 'Font Awesome 6 Pro';
}

.toogleboard .icons-selector .fa-brands {
	font-weight: 400;
	font-family: 'Font Awesome 6 Brands';
}

.toogleboard .selection.ui.dropdown {
	min-width: auto;
}

.toogleboard .mce-content-body {
	margin: 0;
}

@media (max-width: 1281px) {
	.toogleboard .btn {
		font-size: .65rem;
	}

	.toogleboard .main-container-title {
		padding: .5rem 0;
	}

	.toogleboard .title {
		font-size: 1.5rem;
	}

	.toogleboard,
	.toogleboard .t-input-sm,
	.toogleboard .t-input-md,
	.toogleboard .card-header .btn {
		font-size: 10px;
	}

	.toogleboard .t-input-sm {
		height: 18px!important;
	}

	.toogleboard .t-input-md {
		height: 25px!important;
	}

	.element-content-internal .ui.selection.dropdown,
	.element-content-internal input.search,
	.element-type .ui.selection.dropdown,
	.element-action .ui.selection.dropdown,
	.element-act[data-action="go_to_internal_content"] .ui.selection.dropdown,
	.element-act[data-action="go_to_internal_content"] input.search {
		min-height: auto;
		padding: 3px 8px!important;
	}

	.element-content-internal .item,
	.element-type .item,
	.element-action .item,
	.semantic-tbd-dropdown .item,
	#activityFilterContainer .item,
	.element-act[data-action="go_to_internal_content"] .item {
		font-size: 10px!important;
	}

	.element-type .item,
	.element-action .item{
		padding: 3px 10px!important;
	}
}

.html-modal-md {
	width: 632px;
	max-width: 632px;
}

.html-modal-lg {
	width: 960px;
	max-width: 960px;
}

.tbd-temp-capture {
	margin-top:-9999px;
	margin-left:-9999px;
	line-height:1;
	font-size: 12pt;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#useOnlyTagsCheckbox:disabled {
	cursor: not-allowed;
}

#saveOrPublishTree {
	max-height: 60vh;
    overflow: auto;
}

.status-btn,
.indirect-btn {
	padding: 1px 5px;
	font-size: .8rem!important;
}

.status-btn:hover,
.indirect-btn:hover {
	text-decoration: none;
}

.deleted-content-tag {
	padding: 1px 5px;
	font-size: .5rem!important;
	border: 1px solid #dc3545;
	color: #dc3545;
}

.deleted-content-tag:hover {
	text-decoration: none;
	color: #dc3545;
}

.indirect-visible-btn,
.indirect-visible-btn:hover {
	color: #28a745;
	border-color: #28a745;
}

.not-indirect-visible-btn,
.not-indirect-visible-btn:hover {
	color: #6c757d;
	border-color: #6c757d;
}

.visible-status-icon {
	color: #828181;
}

.published-status-circle,
.approve-visibility-status-circle {
	font-size: 1.25rem;
}

.published-status-color {
	color: #28a745;
}

.will-be-published-status-color {
	color: #fea001;
}

.expired-status-color {
	color: #bf40bf;
}

.unpublished-status-color {
	color: #dc3545;
}

.never-published-status-color {
	color: #6c757d;
}

#innerVisibilityStatusCircle {
	font-size: 1.25rem;
	align-self: stretch;
	align-content: center;
}

.publication-status-info {
	font-size: .75rem;
	font-weight: bold;
}

.bg-selected-row {
	background-color: #d1ecf1!important;
}

.bg-action-token-row {
	background-color: #0000000a;
}

.bg-released {
	background-color: #d4edda;
}

.bg-workinprogress {
	background-color: #fff3cd;
}

#fileTypeIcon img {
	width: 25px;
}

.element-act .file-type-icon {
	padding: 1px 4px;
}

.element-act .file-type-icon img {
	width: 20px;
}

#tdbBorderSlider {
	margin: 0 1.5rem!important;
	width: 80%!important;
}

#tdbBorderSlider .slider-selection {
	background: none;
	box-shadow:none
}
#tdbBorderSlider .slider-tick.in-selection {
	background-image: none;
	background-color: #f7f7f7;
}

body.toogleboard {
	font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif,'Noto Color Emoji';
}

#fileRepositoryModal{
	z-index: 1400 !important;
}

.toogleboard .dropdown-menu.datepicker {
	z-index: 1050;
}

.last-update-alert{
	padding: 0.4rem 1rem;
	margin-top: 0.25rem;
}

#compareSectionMasterScrollCard,
#compareActivityMasterScrollCard {
	width: .9vw;
}

.activity-popover-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000; /* Asegurar que esté por encima de otros elementos */
	display: none; /* Oculto por defecto */
}

.activity-popover {
	background-color: white;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding: 10px;
}

.activity-popover iframe {
	width: 300px; /* Ancho inicial */
	border: none;
	overflow: hidden;
}

.activity-multi-select .default.text{
	color: rgb(0 0 0 / 0.87)!important;
}

#interactedElementModal .modal-dialog {
	width: 332px;/*300+1rem*/
}

.content-tree .card-body {
	padding: 0;
}

.event-details-button {
	cursor: pointer;
	font-weight: bold;
}
  
/* Pantallas muy pequeñas (móviles en modo vertical) */
@media (max-height: 500px) {
	.content-card {
	  height: 65vh; /* Aumenta la altura para aprovechar mejor el espacio */
	}
}
  
/* Tablets en modo vertical */
@media (min-height: 501px) and (max-height: 767px) {
	.content-card {
	  height: 70vh;
	}
}
  
/* Laptops y pantallas más grandes en modo vertical */
@media (min-height: 768px) {
	.content-card {
	  height: 75vh; /* Reduce ligeramente la altura para dar más espacio a otros elementos */
	}
}

.compare-card {
	height: 70vh;
}

#cardPropertiesModal .modal-footer {
	justify-content: space-between!important;
}

#cardPropertiesModal .sp-original-input-container {
	width: 100%;
}


#cardText {
	resize: none;
}

.element-content-card textarea{
	resize: none;
}

.custom-box-shadow {
	border-radius: 5px;
	border: 1px solid #ddd;
	box-shadow: 0 0 10px #ccc;
}

.activity-readonly[readonly] {
	background-color: #fff!important;
}

#activityElementSelector {
    padding: 6px 12px;
	border: 2px dashed #ccc;
}

.activity-btn {
	width: 40%;
	margin: 5px;
}

.activity-filter-item {
	padding-left:10px;
	padding-right:10px;
}

.activity-filter-item-l {
	padding-right:10px;
}

.activity-filter-item-r {
	padding-left:10px;
}

#tbdLiveToast {
	z-index: 5;
	width: 300px;
	top: auto;
	bottom: 0;
	right: 0;
}

.tbd-content-loader {
	height: 100%;
    align-content: center;
    text-align: center;
}

#tbdContentContainer {
	margin-top: 1rem;
}

.tbd-section-panel {
	width: 300px;
	border: none;
	outline: 1px solid rgba(0,0,0,.125);
}

#previewElements * {
	cursor: default;
}

.preview-element {
	width: 100%;
	padding: 4px 16px;
	display: flex;
	justify-content: center;
}

.preview-log-element {
	width: 300px;
	padding: 4px 16px;
	display: flex;
	justify-content: center;
}

.preview-log-container {
	width: 300px;
    height: 66px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preview-elements {
	padding-top: 8px;
}

.preview-card {
	border: solid 2px #999999;
	min-height: 50px;
	border-radius: 5px;
	margin-bottom: 4px;
	box-sizing: content-box;
}

.preview-card-icon {
	font-size: 1.1rem;
}

.preview-card-text,
.preview-internal-content-text,
.preview-external-content-text {
	font-weight: 700;
	text-align: center;
	word-break: break-word;
	white-space: pre-wrap;
}

.preview-image {
	display: flex;
	justify-content: center;
	margin-bottom: 4px;
	width: calc(100%-32px);
}

.preview-html-image {
	margin-bottom: 4px;
}

.preview-image img {
	border-radius: 5px;
}

.preview-text {
    display: flex;
    flex-direction: row;
}

.card-padding-text {
	padding: 0 15px!important;
}

#contentElementList .ui.dropdown .text,
#activityContentNameContainer .ui.dropdown .text,
#activitySectionNameContainer .ui.dropdown .text {
	white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 95%;
    overflow: hidden;
	display: block;
}

#activityContentNameContainer .item[data-type="group"],
#activitySectionNameContainer .item[data-type="group"]{
	background-color: #eeeeee;
	padding: 10px!important;
	opacity: 1!important;
}

#activityContentNameContainer .item:not([data-type="group"]),
#activitySectionNameContainer .item:not([data-type="group"]) {
	padding: 10px 10px 10px 20px!important;
}

.log-header {
	font-weight: bold;;
}

.preview-p {
	margin: 0px!important;
	font-family: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif,'Noto Color Emoji';
	font-weight: 400;
	font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    width: 100%;
    overflow: hidden;
    overflow-wrap: break-word;
	word-break: break-word;
}

.preview-p-left {
	-webkit-box-pack: start;
    justify-content: flex-start;
    text-align: left;
}

.preview-p-center {
	-webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}

.preview-p-right {
	-webkit-box-pack: end;
    justify-content: flex-end;
    text-align: right;
}

.preview-divider {
	width: 100%;
}

.preview-divider hr{
	margin: 0;
}

.preview-internal-content,
.preview-external-content {
	width: 100%;
}

.preview-internal-content {
	border: dashed 2px #fea001;
	min-height: 50px;
	margin: 5px 0;	
}

.preview-internal-content-text {
	color: #fea001;
	font-weight: bold;
}

.preview-external-content {
	border: dashed 2px #fea001;
	min-height: 50px;
	margin: 5px 0;	
}

.preview-external-content-text {
	color: #fea001;
	font-weight: bold;
}

.card-col {
	min-height: 50px;
	padding: 0;
}

.icon-picker {
	width: 100%;
}

.sp-colorize-container {
	cursor: pointer;
}

.tbd-section-panel .card-body {
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
}

#tbdPreviewCard .card-body {
	overflow-y: auto;
	overflow-x: hidden;
}

#sectionNameHeader {
	word-break: break-word;
	font-size: large;
	font-weight: bold;
}

#sectionList li {
	border-radius: 0;
	color: #202124;
	border-color: rgba(0, 0, 0, 0.125);
	cursor: pointer;
}

#sectionList li.active {
	background-color: #d3e3fd;
	border-color: #007bff;
}

#sectionList li:not(.active):hover {
	background-color: #f7f7f7;
}

#sectionList li:hover .section-action {
	display: block;
}

#sectionList .list-group-item{
	padding: 8px 12px;
	min-height: 40px;
}

#sectionList .list-group-item.active .section-text{
	font-weight: bold;
}

#tbdSectionCard .card-header,
#tbdElementsCard .card-header,
#tbdPreviewCard .card-header {
	padding: 4px 4px 4px 12px;
	min-height: 40px;
}

#tbdElementsCard .card-header {
	background-color: #d3e3fd;
}

.section-text {
	flex-grow: 1;
	word-break: break-word;
}

.section-text-input {
	flex-grow: 1;
}

.section-action span {
	font-size:14px;
}

.restore-section img {
	margin-bottom: 4px;
}

.tbd-simple-icon {
	padding: 4px;
	cursor: default;
	font-size:16px;
}

.tbd-disabled-icon {
	padding: 4px;
	cursor: not-allowed!important;
	color: #c0c0c0!important;
	font-size:16px;
}

.tbd-action-icon {
	padding: 4px;
	border-radius: 50%;
	cursor: pointer;
	color: #404040;
	font-size:16px;
}

.tbd-text-color,
.tbd-text-color:hover {
	color: #404040;
}

.card-right-section .tbd-action-icon,
.card-right-section .tbd-disabled-icon {
	width: 20px;
	padding: 0;
	vertical-align: middle;
}

.tbd-action-icon:hover {
	background-color: rgb(0, 0, 0, 0.04);
}

.icons-selector {
	width: 100%;
}

.icons-selector .selector {
	display: flex;
	width: 100%!important;
	height: 34.6px;
}

.icons-selector .selected-icon i {
	line-height: 34.6px;
}

.icons-selector .selector-button i {
    line-height: 32.6px;
}

.icons-selector.fip-bootstrap .selected-icon {
	padding-left: 5px;
	padding-right: 5px;
}

#authorizedUserTable tr {
	height: 42px;
}

.tbd-preview-banner {
	height: 64px;
    min-height: 64px;
	border-bottom: solid 1px #f1f3f4;
    color: #000000;
}

.tbd-preview-banner i {
	font-size: 20px;
}

.tbd-preview-banner .text {
	flex: 1 1 auto;
	font-family: Roboto,Arial,sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0 10px;
	min-width: 0;
	font-weight: bold;
}

#tbdPreviewSimulator .modal-dialog {
	position: fixed;
	margin: auto;
	width: 300px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		 -o-transform: translate3d(0%, 0, 0);
			transform: translate3d(0%, 0, 0);
}

#tbdPreviewSimulator .modal-content {
	height: 100%;
	overflow-y: auto;
	border-radius: 0;
	border: none;
}

#tbdPreviewSimulator .modal-body {
	padding: 0;
}
	
/*Right*/
#tbdPreviewSimulator.fade .modal-dialog {
	right: -300px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		 -o-transition: opacity 0.3s linear, right 0.3s ease-out;
			transition: opacity 0.3s linear, right 0.3s ease-out;
}

#tbdPreviewSimulator.fade.show .modal-dialog {
	right: 0;
}

.activity-element-html,
.popover-activity-element {
	width: 302px;
}

.activity-element-checkbox-container,
.activity-element-disabled-container {
	border: 1px solid #ddd;
	border-radius: 5px;
}

/* #contentActivityTable tbody tr:hover {
	background-color: #d1ecf1;
} */

.infobox-auditor-warning {
	position: absolute;
	margin-left: -30px;
}

#backSimulator i:hover,
#closeSimulator i:hover {
	background-color: #f5f5f5;
	border-radius: 50%;
}

#tbdElementsCard .card-body {
	overflow-y: auto;
	padding-bottom: 2rem;
}

.element-card {
	min-height: 2.5rem;
	padding: .5rem 0;
	background-color: #ffffff;
	border: 1px solid #D1D7DB;
	border-radius: 10px;
	box-shadow: 0 0 10px #ccc;
	margin-right: 0;
	margin-left: 0;
}

.add-new-element-card {
	min-height: 2.5rem;
	padding: .5rem 0;
	background-color: #ffffff;
	border: 1px solid #D1D7DB;
	border-radius: 10px;
	box-shadow: 0 0 10px #ccc;
	margin-right: 0;
	margin-left: 0;
	border: 2px dashed #999999;
	font-weight: 700;
	color: #999999;
	cursor: pointer;
}

.element-card.drag-sort-active {
    color: transparent;
	background: #d3e3fd;
    border: 1px solid #4ca1af;
}
 
span.drag-sort-active {
    background: transparent;
    color: transparent;
}

.element-card .section {
	display: flex;
	align-items:center;
	justify-content: center;
}

.element-attr .input-group-text,
.element-act .input-group-text {
	display: flex;
	cursor: pointer;
}

.element-right-separator {
	border-right: 2.0px solid #CCCCCC;
}

.element-left-separator {
	border-left: 2.0px solid #CCCCCC;
}

.new-element-message {
	padding: 4rem;
}

.btn-html {
	background-color: #e9ecef;
	color: #555555;
}

#textPropertiesModal .modal-body {
	height: 50vh
}

#textEditor {
	height: 40vh;
	font-family: 'Roboto','Arial','sans-serif','Noto Color Emoji';
}

#textEditor p,
#tbdPreviewCard p {
	margin-bottom: 0;
}

.current-preview-element {
	outline: 2px solid #007bff;
	outline-style: auto;
}

#textEditor .ql-editor {
	line-height: 20px;
}

#textEditor .ql-container {
	height: auto;
}

#externalContentModal .modal-body,
#releaseContentModal .modal-body {
	max-height: 75vh;
	overflow-y: auto;
}

#lastUpdatedAlert > div {
	--animate-delay: .2s;
	transition: all .6s ease-in-out;
	margin-top: -2.5rem;
}

#lastUpdatedAlert .alert{
	border-color: #c0c0c0;
	transition: all .6s ease-in-out;
}

.another-user-alert {
	margin-top: -45vh!important;
	padding: 3rem;
}

.element-content-internal .menu,
.element-type .menu,
.element-action .menu,
.element-act[data-action="go_to_internal_content"] .menu{
    max-height: 50vh;
}

.element-content-internal .item,
.element-type .item,
.element-action .item,
.semantic-tbd-dropdown .item,
#activityFilterContainer .item,
.element-act[data-action="go_to_internal_content"] .item {
	font-size: 13px!important;
}

.element-type .item,
.element-action .item{
	padding: 5px 10px!important;
}

.element-content-internal .item[data-type="section"],
.element-act[data-action="go_to_internal_content"] .item[data-type="section"] {
	padding: 5px 10px 5px 20px!important;
}

.element-content-internal .item[data-type="content"]:not(.active),
.element-act[data-action="go_to_internal_content"] .item[data-type="content"]:not(.active) {
	background-color: #ddfbd2!important;
	font-weight: bold!important;
}

.element-content-internal .item:not([data-type="section"]),
.element-act[data-action="go_to_internal_content"] .item:not([data-type="section"]) {
	padding: 5px 10px 5px 10px!important;
}

.element-content-internal .disabled.item,
.element-act[data-action="go_to_internal_content"] .disabled.item {
	opacity: 1!important;
}

.element-content-internal .ui.selection.dropdown,
.element-content-internal input.search,
.element-type .ui.selection.dropdown,
.element-action .ui.selection.dropdown,
.element-act[data-action="go_to_internal_content"] .ui.selection.dropdown,
.element-act[data-action="go_to_internal_content"] input.search {
	min-height: 18px;
	padding: 5px 8px!important;
}

.element-content-internal .dropdown.icon,
.element-type .dropdown.icon,
.element-action .dropdown.icon,
.element-act[data-action="go_to_internal_content"] .dropdown.icon {
	padding: .5em!important;
}

.element-content-internal .ui.loading.selection.dropdown > i.icon,
.element-type .ui.loading.selection.dropdown > i.icon,
.element-action .ui.loading.selection.dropdown > i.icon,
.element-act[data-action="go_to_internal_content"] .ui.loading.selection.dropdown > i.icon {
	padding: 1em!important;
}

.element-properties .item.active,
.element-properties .item.active:hover {
	background-color: #d3e3fd!important;
	font-weight: bold!important;
}

.activity-group-select .item[data-type="group"] {
	font-weight: bold;
	background-color: #eeeeee;
	padding: 10px!important;
}

.activity-group-select .item:not([data-type="group"]) {
	padding: 10px 10px 10px 20px!important;
}

.semantic-tbd-dropdown .dropdown {
	min-width: auto!important;
	width: inherit!important;
}

.semantic-tbd-dropdown > .ui.dropdown > .dropdown.icon:before {
    float: right;
}

/*Custom tooltip*/
.custom-tooltip {
    text-decoration:none;
    position:relative;
}
.custom-tooltip span.tooltip-content {
    display:none;
}
.custom-tooltip:hover span.tooltip-content {
    display:block;
    position:fixed;
    overflow:hidden;
}

#saveContentFooter .dropdown-item:hover {
	background-color: #e2e2e2;
}

#saveContentFooter .dropdown-menu {
	border: 1px solid #D1D7DB;
}

#saveAndReleaseContentModal .modal-body {
	max-height: 75vh;
    overflow-y: auto;
}

.top-modal-autoservice{
	top: -6rem;
}
.margin-2-em{
	margin: 0 0 0 2em;
}
.margin-top-1em {
	margin-top: 1em;
}
.margin-top-2-rem{
	margin-top: 0.2rem !important
}
.createUser-btn-modal-margin{
	margin: 0 0.2em;
}

/*********************************************************************************
*
* External audicence
*
*********************************************************************************/

.empty-state-card {
	border-radius: 15px; 
	border: 2px dashed #d1d8e0; 
	background-color: #ffffff;
}

.empty-state-icon {
	font-size: 5rem; 
	color: #adb5bd;
}

.more-audiences {
	cursor: pointer;
}

#audiencesTable.table-hover>tbody>tr {
	cursor: pointer;
}

.table-actions-cell {
	text-align: right;
	white-space: nowrap;
}

.table-action-icon {
	margin-right: 5px;
	font-size: 1.1rem;
	color: #828181;
	text-decoration: none;
	cursor: pointer;
}

.table-action-icon:hover {
	color: #404040;
	text-decoration: none;
}

.table-action-icon:last-child {
	margin-right: 0;
}

.table th[data-field="actions"] {
	width: 220px; /* Increased width for more icons */
}

.search-bar-container {
	max-width: 400px;
	margin-left: auto;
}

.member-list-box {
	height: 400px;
	overflow-y: auto;
	border: 1px solid #dee2e6;
	border-radius: 0.25rem;
	padding: 10px;
}

.member-list-box .list-group-item {
	cursor: pointer;
}

.member-list-box .list-group-item.active {
	background-color: #d1ecf1;
	border-color: #d1ecf1;
	color: #0c5460;
}

.audience-option {
    border: 2px solid #c0c0c0;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	margin: 10px;
	padding: 20px;
}

.audience-member-autocomplete-icon {
	position: absolute;
	right: 20px;
	top: 9px;
    z-index: 5;
}

#assignAudiencesList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-height: 300px;
  overflow-y: auto;
}

.audience-checkbox-item {
  display: block;
}

.audience-checkbox-item label {
    cursor: pointer;
    display: inline-block;
}

.audience-checkbox-item input[type="checkbox"] {
    vertical-align: middle;
}

#audienceModal .modal-dialog {
	width: 98%;
}

#internalAccountsSearchInput {
	height: 30px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.member-management-toolbar {
	width: 380px;
}

.member-management-toolbar .dropdown-item:active {
	background-color: #e9ecef!important;
    color: inherit;
}

#currentInternalAccountsContainer .fixed-table-body {
	background:#eee;
}

/*********************************************************************************
*
* File Repository
*
*********************************************************************************/

.sortButton:hover + .sortMenu, .sortMenu:hover {
    display: block !important;
    margin-top: 0; /* remove the gap so it doesn't close */
}

.tinyRepoForce{
	font-family: 'Font Awesome 6 Pro' !important;
	color: #fea001 !important;
    font-size: 20px !important;
	margin-right: .4rem !important;
	cursor: pointer !important;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.borderContainerFileRepo{
	border-right: 2px solid #e9ecef;
	height: 65vh;
}

.mainFileRepoContainer{
	height: 65vh;
}

.repoSpinnerContainer{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.repoContainer{
    height: 92%;
	overflow: scroll;
}

.repoContainerNOScroll::-webkit-scrollbar {
    display: none;
}

.repoContainer .fixed-table-toolbar .search {
	width: 100%; 
}

.repoContainer .fixed-table-toolbar .search input {
	padding-left: 30px; /* Adjust padding to make space for the icon */
}

.repoContainer .fixed-table-toolbar .search .fa-search {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #aaa;
}

.repoContainer .fixed-table-toolbar .search {
	position: relative;
}

.full-height-repoContainer{
	height: 100% !important;
}

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

.carRepoImage{
	width: 8rem;
	height: 4rem;

}

.containRepo {
	object-fit: contain;
	width: 100%;
    height: 100%;
}

.repoGoogleStyle1{
	width: 8rem;
    height: 2rem;
    background: #f0f4f9;
    border-radius: 5px 5px 0 0;
	padding: .5rem;
    font-size: .7rem;
	display: flex;
    align-items: flex-end;
	justify-content: space-between;
}

.repoGoogleStyle2{
	width: 8rem;
    height: 6rem;
    background: #f0f4f9;
    border-radius: 0 0 5px 5px;
	padding: 0rem .5rem .5rem .5rem;
}

.repoGoogleStyle3{
	width: 100%;
    height: 100%;
    background-color: white;
	border-radius: 5px;
}

.iconRepo1{
	margin-right: .3rem;
}

.iconRepo2{
	margin-left: .3rem;
}

.iconRepo2-dot{
	width: 10px;
}

.textRepo1{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.imgpreview{
	object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.imgpreviewLargeContainer{
    width: 100%;
}

.imgpreviewLarge{
	object-fit: contain;
	width: 10rem;
    height: 10rem;
}

.textAlltext{
	word-wrap: break-word
}

.select-Repo-marginB{
	margin-bottom: .2rem;
}

.itemSelect{
	cursor: pointer;
}

.iconFileRepo{
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pillContainerRepo{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 100px;
    border: 1px solid #ced4da;
    width: 5rem;
    height: 2rem;
}

.pillContainerRepoOptions{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 100px;
    border: 1px solid #ced4da;
    width: 12rem;
    height: 2.3rem;
}

.lisandgridContainer{
	display: flex;
    justify-content: end;
	height: 5vh;
}

.selectRepoContainers{
	height: 20vh;
}

.viewPreviewContainer{
	height: 40vh;
	overflow-y: scroll;
	overflow-x: hidden; 
}

.gridShow{
	width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px 0 0 50px;
	cursor: pointer;
}

.listShow{
	width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 50px 50px 0px;
	cursor: pointer;
}

.bucketImage{
	width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px 0 0 50px;
	cursor: pointer;
}

.bucketFile{
	width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 50px 50px 0px;
	cursor: pointer;
}

.activePillContainer{
	background-color: #f0f4f9;
}

.activePillContainerBucket{
	background-color: #f0f4f9;
}

.file-rowRepoList {
	border-bottom: 1px solid #e1e1e1;
	width: 100%;
	height: 50px;
}

.file-rowRepoList:last-of-type {
	border-bottom: 0;
}

.file-rowRepoList .rowRepoList {
	padding-top: 15px;
	padding-left: 25px;
}

.file-iconRepoList {
	margin-right: 10px;
}
  
.file-legendRepoList {
	color: #7e7e7e;
	margin-top: 10px;
	padding-left: 15px;
}

.file-dataRow-Repo{
	width: 100%;
}

.iconsServiceRepo{
	color: #fea001 !important;
}

.iconsRepo-header {
    padding: 0px 15px;
    background-color: #fff;
}

.padding-iconsRepo{
	padding-top: .8rem;
    padding-bottom: .8rem;
}

.info_border-bottom{
	border-bottom: 1px solid #c5c7ca;
}

.info_margin-left{
	margin-left: .3rem;
	width: 40%;
}

.info_margin-right{
	margin-right: .1rem;
	width: 60%;
    text-align: right;
}

.info_container{
	text-align: left;
    font-size: .7rem;
	padding: .5rem 0rem;
}

.info_container::-webkit-scrollbar {
    display: none;
}

.viewPreviewContainer::-webkit-scrollbar {
    display: none;
}

.table-layout-fixed {
	table-layout: fixed;
}

.table-fixed tbody {
    height: 52vh;
    overflow-y: auto;
    width: 100%;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}

.table-fixed tbody td,
.table-fixed tbody th,
.table-fixed thead > tr > th {
    float: left;
    position: relative;

    &::after {
        content: '';
        clear: both;
        display: block;
    }
}

.submenuElement{
	padding: .25rem .5rem !important;
}

.searchGridBar{
	width: 75%;
}

.searchArrowBar{
	width: 8%;
}

.buttonArrowRepo{
	color: #767676;
	border-radius: 124px;
}

.sortRepoTitleby{
	margin: .5rem 1rem .2rem 1rem;
    font-size: 11px;
    color: #6c757d;
}

.buttonArrowRepo:hover{
	color: #767676;
	border-radius: 124px;
	background-color: #eeeeee;
}

.sortGridBar{
	width: 15%;
}

.sortButton{
	outline: none;
    border: .06em solid transparent;
	background-color: #fea001;
}

.selectedSort{
	background-color: #c2e7ff;
}

.smallLetter {
	font-size: 11px;
}

.white-icon {
	color:#ffffff;
}

.black-text {
	color:#000000;
}

.mainCard{
	height: 29rem;
}
.smallCard{
	height: 6.88rem;
}
.dealCard{
	width: 100%;
  	border-radius: 7px;
	border-bottom: 1px solid #eee;
	margin: 8px;
}

 .summaryPaymentCard {
	width: 100%;
  	border-radius: 7px;
	border-bottom: 1px solid #eee;
	height: 21.5rem;
	margin: 8px 0px;
}

.fs-1-5-rem{
	font-size: 1.5rem;
}

 .totalCard {
	width: 100%;
  	border-radius: 7px;
	border-bottom: 1px solid #eee;
	height: 7rem;
}

.summaryCardMargin{
	margin: 1.5rem 0rem;
}

.summaryPaymentTitle{
	text-align: left;
}
.modal-payment{
	padding: 0.1rem 0.1rem;
    font-size: 0.775rem;
}

.sizeFullVersionPayment{
	font-size: 3rem;
	padding: 1em;
}

.fontSizeFullVersionPayment{
	font-size: 1.6rem;
}

.fs-0-5-rem{
	font-size: 0.5rem;
}
.fs-0-8-rem{
	font-size: 0.8rem;
}

.fs-0-7-rem{
	font-size: 0.7rem;
}

.fs-1-rem{
	font-size: 1rem;
}

.fs-2-rem{
	font-size: 2rem;
}

.fs-3-rem{
	font-size: 3rem;
}

.fs-3-6-rem{
	font-size: 3.6rem;
}

.fs-mini-icon-infobox{
	font-size: 1.188rem;
}

.positionUserYear{
	top: -0.5rem;
    position: relative;
}


.paddingIconPayment {
	padding: 15px 3px 0px 3px;
}

#insertResume{
	overflow-y: auto;
	overflow-x: hidden;
    width: 100%;
    height: 20rem;
}

.botton-change-date-subscription {
	margin-left: 1.5rem;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

#new-payment-submit-modal{
	width: 6.5rem;
}

#input-group-date-change{
	width: 70%;
}

  
/* DO NOT ADD STYLE AFTER THIS LINE!!!
* NO AGREGAR ESTILO DESPUES DE ESTA LINEA!!!
* TODO NUEVO ESTILO AGREGARLO ANTES DE LA SECCIÓN DE TOOGLEBOX ICONS
*/

/*********************************************************************************
*
* Tooglebox Icons
*
*********************************************************************************/

@font-face {
  font-family: "tooglebox-icons";
  src:url("https://storage.tooglebox.com/tooglebox/img/tooglebox-icons.eot");
  src:url("https://storage.tooglebox.com/tooglebox/img/tooglebox-icons.eot?#iefix") format("embedded-opentype"),
    url("https://storage.tooglebox.com/tooglebox/img/tooglebox-icons.woff") format("woff"),
    url("https://storage.tooglebox.com/tooglebox/img/tooglebox-icons.ttf") format("truetype"),
    url("https://storage.tooglebox.com/tooglebox/img/tooglebox-icons.svg#tooglebox-icons") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "tooglebox-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="t-icon-"]:before,
[class*=" t-icon-"]:before {
  font-family: "tooglebox-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*TODO: cambiar a 1 rem al migrar a bootstrap 4*/
.t-icon-data-control:before {
  content: "\e90d";
  font-size: 16px;
}
.t-icon-download-archive:before {
  content: "\e904";
}
.t-icon-info-archive:before {
  content: "\e905";
}
.t-icon-protection-archive:before {
  content: "\e906";
}
.t-icon-refresh-archive:before {
  content: "\e907";
}
.t-icon-remove-archive:before {
  content: "\e908";
}
.t-icon-search-archive:before {
  content: "\e909";
}
.t-icon-settings-archive:before {
  content: "\e90a";
}
.t-icon-upload-archive:before {
  content: "\e90b";
}
.t-icon-user:before {
  content: "\e90c";
}
/* DO NOT ADD STYLE AFTER THIS LINE!!!
* NO AGREGAR ESTILO DESPUES DE ESTA LINEA!!!
* TODO NUEVO ESTILO AGREGARLO ANTES DE LA SECCIÓN DE TOOGLEBOX ICONS
*/