﻿
/* @IMPORT /adm/addons/hcifast/hcifast.css */
/*:root{--hciFastBar:#ff0000;}*/
tmp{display:none;}
/*pelicula*/
section.ifast div{
	position:fixed;
	min-height:100hw;
	height:100%;
	background-color:rgba(0, 0, 0, 0.5);
	top:0;
	display:unset;
	width:100%;
	right:0;
	/*cursor: url(cursor.svg), auto !important;*/
	/*cursor: url('https://txai.online/tema/cursorClose.png'), auto !important;*/
	cursor: url('/images/close-iFast.svg'), auto; 
	transition:3s; 
}
/*iframe*/
 

section.ifast iframe{
	box-shadow: -5px 0px 20px 0px #00000075;
	margin-top:10px; 
	position:fixed;
	top:-10px; 
	/*width:90vw;*/
	width:0px;
	min-width:250px; 
	height:100vh;
	border:0px;
	background-color:transparent;
	transition:0.3s;
	border-left:4px solid #7a7a7a; 
}

/*body{transition: 1s;}*/

.ifast{right:-80vw;width:80vw;}
section.posOne iframe{right:0vw;}
section.posTwo iframe{right:2vw;}
section.posTre iframe{right:4vw;}
section.posFor iframe{right:6vw;}
section.posFiv iframe{right:8vw;}
section.posSix iframe{right:10vw;}
section.posSev iframe{right:12vw;}

section.posOne iframe,
section.posTwo iframe,
section.posTre iframe,
section.posFor iframe,
section.posFiv iframe,
section.posSix iframe,
section.posSev iframe{
	border-left: 4px solid var(--hciFastBar);
}

/*pelicula*/
.ifast div{z-index: inherit;}
/* @IMPORT /adm/addons/runAlert/alert.css */
:root {
	--radiusGlobal:0px;
	
	/*BT/BTN*/
	--bt-success-color:#000000;
	--bt-success-background:#C0CE39;
	--bt-success-border:0px solid #d6e9c6;
	
	--bt-info-color:#ffffff;
	--bt-info-background:#2F83BF;
	--bt-info-border:0px solid #bce8f1;
	
	--bt-warning-color:#ffffff;
	--bt-warning-background:#D0A43F;
	--bt-warning-border:2px solid #faebcc;
	
	--bt-danger-color:#ffffff;
	--bt-danger-background:#CC324E;
	--bt-danger-border:0px solid #ebccd1;
	
	--bt-go-color:#ffffff;
	--bt-go-background:#82D554;
	--bt-go-border:0px solid #703B88;
	
}



.alert {
  padding: 15px;
  margin-top: 20px;
  border: 1px solid transparent;
  border-radius: var(--radiusGlobal);
  font-family:sans-serif; font-size:14px;letter-spacing: 1px;
    border: 0px !important;
    border-radius: 10px;
    box-shadow: -6px 15px 17px #00000061;	
  /*text-transform:uppercase;  font-weight: bold; */
  cursor: url(cursor.svg?a), auto !important
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert i {
  font-size:26px;
  float:left;
  margin-right:10px;
  margin-top:-5px;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-top: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success, .alert-success * {
  color: var(--bt-success-color);
  background-color: var(--bt-success-background);
/*  border: var(--bt-success-border);*/
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info,.alert-info * {
  color: var(--bt-info-color);
  background-color: var(--bt-info-background);
  /*border: var(--bt-info-border);*/
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning,.alert-warning * {
  color: var(--bt-warning-color);
  background-color: var(--bt-warning-background);
  /*border: var(--bt-warning-border);*/
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger,.alert-danger * {
  color: var(--bt-danger-color);
  background-color: var(--bt-danger-background);
  /*border: var(--bt-danger-border);*/
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close i{
	color:#fff;
	margin-top: -7px !important;
    margin-right: 0px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}


/*
@media screen and (min-width: 1025px){
	#mainAlert{position:fixed; z-index:99999; display:table; width:20%; bottom:2%; left:2%}
}
@media screen and (max-width: 1024px){
	#mainAlert{position:fixed; z-index:99999; display:table; width:80%; bottom:30px; left:10%}
}*/

@media screen and (min-width: 1025px){#mainAlert{position:fixed; z-index:99999; display:table; width:20%; top:10px; left:80px}}
@media screen and (max-width: 1024px){#mainAlert{position:fixed; z-index:99999; display:table; width:80%; bottom:30px; left:10%}}


#mainAlert .close{margin-left:10px;}
#mainAlert strong{margin-right:14px; text-align:left;}
#dvAlertArea .alert{display:none;}

/* @IMPORT /adm/addons/pwa_alert/styles.css */
#setup_button button{font-size: 16px;}
#setup_button i#close{
		color: var(--corActive),#000000;
		position: absolute;
		top: 14px;
		cursor:pointer;
	}
#setup_button {
	display: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 30px 10px;
    text-align: center;	
	z-index:99;
/* @IMPORT /adm/css/updateTitle.css */
.tooltipTitle{
	display:none;
	position:absolute;
	background-color:rgba(0,0,0,0.5);
	border-radius:5px;
	padding:10px;
	color:#ffffff;
	font-size:14px;
	max-width:260px;
	box-shadow: 0 .2rem .5rem rgba(0,0,0,.25);transition-duration:0s;	
} 

/* @IMPORT /adm/css/auto-columns.css */
/*********************** AUTO COLUMNS ***********************/
:root {
  --gap-small: 8px;
  --gap-medium: 16px;
  --gap-large: 32px;
}

.auto-grid {
  display: grid;
  gap: var(--gap-medium);
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.flex-column {
  display: flex;
  flex-direction: column;
  gap: var(--gap-medium);
}

.flex-row {
  display: flex;
  flex-direction: row;
  gap: var(--gap-medium);
}

.centered-layout {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
/*********************** AUTO COLUMNS ***********************/
	
#bg_getifyt > div > iframe, #bg_getifyt > div {
    border-radius: 10px !important;
}

