
*,html,body{color:var(--txtColor); font-family:var(--fontDefault); font-size:var(--defaultSizeNormal);}

html,body{background-color:var(--bodyBgColor);user-select: none;}


section.ifast div{background-color:var(--bodyBgPreload) !important;}

form label img {max-height: 20px;margin: 0px;margin-right: 5px;margin-bottom: -5px;}

/*-------CHROME-----*/
/*-------click tap-----*/
*{-webkit-tap-highlight-color: transparent;}

/*-------click autocomplet custom-----*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 100px var(--zebra2) inset !important;
	-webkit-text-fill-color: var(--formInputTextColor)  !important;
}
/*-------CHROME-----*/

input[hidden],button[hidden],.hidden{display:none;}

	.font-small{font-size:var(--defaultSizeSmall);}
	.font-normal{font-size:var(--defaultSizeNormal);}
	.font-big{font-size:var(--defaultSizeBig);}
	.font-big2{font-size:var(--defaultSizeBig2);}
	.font-big3{font-size:var(--defaultSizeBig3);}
	.color-wite{color:var(--defaultColorWite);}
	.color-green{color:var(--defaultColorGreen);}
	.color-blue{color:var(--defaultColorBlue);}
	.color-yellow{color:var(--defaultColorYellow);}
	.color-red{color:var(--defaultColorRed);}
	.color-black{color:var(--defaultColorBlack);}
	.bgColor-red{background-color:#FF2365;}
	.bgColor-grey{background-color:#DFFF91;}
	.bgColor-yellow{background-color:#fef393;}
	.bgColor-blue{background-color:#6353CB;}
	.fw400{font-weight:400;}
	.fw500{font-weight:500;}
	.fw600{font-weight:600;}
	.fw700{font-weight:700;}
	.fw800{font-weight:800;}
	.fw900{font-weight:900;}

	/********************************************************* novos botões ***********/
	
	::selection {color: var(--formInputBackgroundColor); background: var(--txtColor);}


		.btAdm {
			float:none;
			background-color:var(--buttonBackgroundColor);
			color:var(--buttonText);
			padding: 8px;
			border-radius: 5px;
			box-shadow:var(--buttonBorderShadow);
			text-decoration: none;
			min-height:36px;
			margin:0px 10px 10px 0px;
    		border: 1px solid transparent;
			font-size: 14px;
			font-weight: 600;
			letter-spacing:1px;
		    display:inline-block;
			user-select: none;
			cursor:pointer;
			text-shadow:var(--buttonTextShadow);
			white-space: nowrap;
		}	
		
		.btAdm.small {font-size: 13px;font-weight:300;padding: 4px 10px;min-height:16px;margin:0px 10px 10px 0px;}
		
		.btAdm:hover {
			box-shadow: var(--buttonBorderShadowHover);
    		border: var(--buttonBorderHover);
			background-color:var(--buttonBackgroundColorHover);
		}
		
		.btAdm:active, .btAdm.active, .btAdm:focus, .btAdm.focus {
			background-color: var(--buttonBackgroundColorActive);
			box-shadow: var(--buttonBorderShadowActive);
			border:var(--buttonBorderActive);
			transform: translateY(3px);
		}
		
		
	
		.btAdm.chat:before {font-family: "Font Awesome 5 Free";content: "\f086"; padding-right: 5px;font-weight: 900; color:var(--txtBtBlue);}
		.btAdm.exibe-grade:before {font-family: "Font Awesome 5 Free";content: "\f009"; padding-right: 5px;font-weight: 900; color:var(--txtBtBlue);}
		.btAdm.exibe-lista:before {font-family: "Font Awesome 5 Free";content: "\f03a"; padding-right: 5px;font-weight: 900; color:var(--txtBtBlue);}
		
		.btAdm.add:before {font-family: "Font Awesome 5 Free";content: "\2b"; padding-right: 5px;font-weight: 900; color:var(--txtBtGreen);}
		.btAdm.cog:before {font-family: "Font Awesome 5 Free";content: "\f013"; padding-right: 5px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.edt:before {font-family: "Font Awesome 5 Free";content: "\f303"; padding-right: 5px;font-weight: 900; color:var(--txtBtYellow);}
		.btAdm.edting:before {font-family: "Font Awesome 5 Free";content: "\f044"; padding-right: 5px;font-weight: 900; color:var(--txtBtBlue);}
		.btAdm.del:before {font-family: "Font Awesome 5 Free";content: "\f12d"; padding-right: 5px;font-weight: 900; color:var(--txtBtRed);}
		.btAdm.goo:before {font-family: "Font Awesome 5 Free";content: "\f08e"; padding-right: 5px;font-weight: 900; color:var(--txtBtBlue);}
		.btAdm.goo{cursor:alias;}
		
		/*paginação*/
		.btAdm.pagef:before {font-family: "Font Awesome 5 Free";content: "\f100"; padding-right: 5px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.pagep:before {font-family: "Font Awesome 5 Free";content: "\f104"; padding-right: 5px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.pagen:before {font-family: "Font Awesome 5 Free";content: "\f105"; padding-right: 5px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.pagel:before {font-family: "Font Awesome 5 Free";content: "\f101"; padding-right: 5px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.pageadd i{color:var(--buttonIcoDefaultColor);}
		
		/*outros*/
		.btAdm.feed:before {font-family: "Font Awesome 5 Free";content: "\f143"; padding-right: 5px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.folder:before {font-family: "Font Awesome 5 Free";content: "\f07b"; padding-right: 5px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.api:before {font-family: "Font Awesome 5 Free";content: "\f1e6"; padding-right: 5px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.folder-open:before {font-family: "Font Awesome 5 Free";content: "\f07c"; padding-right: 5px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.save:before {font-family: "Font Awesome 5 Free";content: "\f0c7"; padding-right: 5px;font-weight: 900; color:var(--txtBtBlue);}
		.btAdm.reset:before {font-family: "Font Awesome 5 Free";content: "\2b"; padding-right: 5px;font-weight: 900; color:var(--txtBtGreen);}
		.btAdm.layer:before {font-family: "Font Awesome 5 Free";content: "\f5fd"; padding-right: 5px;font-weight: 900; color:var(--txtBtYellow);}
		.btAdm.download:before {font-family: "Font Awesome 5 Free";content: "\f019"; padding-right: 5px;font-weight: 900; color:var(--txtBtGreen);}
		.btAdm.upload:before {font-family: "Font Awesome 5 Free";content: "\f093"; padding-right: 5px;font-weight: 900; color:var(--txtBtGreen);}
		.btAdm.stop:before {font-family: "Font Awesome 5 Free";content: "\f256"; padding-right: 5px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.mobile:before {font-family: "Font Awesome 5 Free";content: "\f3cd"; padding-right: 5px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.print:before {font-family: "Font Awesome 5 Free";content: "\f02f"; padding-right: 5px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.heart:before {font-family: "Font Awesome 5 Free";content: "\f004"; padding-right: 5px;font-weight: 900; color:var(--txtBtRed);}
		
		.btAdm i, .btAdm.theme i{color:var(--buttonIcoDefaultColor);}
		.btAdm img{height: 14px;width: 14px;object-fit: cover; border-radius: 2px;}
		
	/********************************************************* novos botões ***********/
	
	/********************************************************* grupos ***********/
	div.submenu{width:90%;left:10%; margin:auto auto; margin-bottom:20px;display: table-row; }
		.btAdm.submenu:before {font-family: "Font Awesome 5 Free";padding-right: 3px;font-weight: 900; color:var(--buttonIcoDefaultColor);}
		.btAdm.submenu.ungroup:before{content: "\f0c8";font-weight:100; }
		.btAdm.submenu.link{cursor:alias; }
		.btAdm.submenu.link:before{content: "\f35d"; }
		.btAdm.submenu.destaque:before{content: "\f08d";}
		.btAdm.submenu.todos:before{content: "\f00a";}
		.btAdm.submenu.group:before{content: "\f248";}
		.btAdm.submenu.star:before{content: "\f005";}
		.btAdm.submenu.filter:before{content: "\f0b0";}
		.btAdm.submenu.move:before{content: "\f0b2";}
		.btAdm.submenu.info:before{content: "\f05a";color:var(--txtBtBlue);}
		.btAdm.submenu.calend:before{content: "\f783";}
		.btAdm.submenu.teacher:before{content: "\e53d";}
		.btAdm.submenu.course:before{content: "\e594";}
	/********************************************************* grupos ¬ ***********/
	
	.alias{cursor:alias;}
	
	/********************************************************* NOVO FORMATO DE CHAMADA DE ÍCONES ¬ ***********/
	.ico:before{font-family: "Font Awesome 5 Free";padding-right: 5px;font-weight: 900;color:var(--buttonIcoDefaultColor);}
		/*** lista de cores ***/
		.ico.green:before{color:var(--txtBtGreen);}
		.ico.:before{color:var(--txtBtRed);}
		.ico.yellow:before{color:var(--txtBtYellow);}
		.ico.blue:before{color:var(--txtBtBlue);}
		/*** lista de ícones ***/
		.ico.image:before{content: "\f03e";}
		.ico.vector:before{content: "\f55b";}
		.ico.video:before{content: "\e131";}
		.ico.ellipsis:before{content: "\f141";}
		.ico.link:before{content: "\f35d";}
		.ico.copy:before{content: "\f0c5";}
	/********************************************************* NOVO FORMATO DE ÍCONES ¬ ***********/
	.subButton{border-radius: 0px 5px 5px 0px;margin-left: -12px; padding:0px 10px;} 
 

	/******************************************************** imagem tmp ****************/
		.fillSVG{filter:var(--svgColor);}	
	/******************************************************** imagem tmp ****************/
	
	/******************************************************** correção de title, chamar updatetitle.css antes deste arquivo ****************/
		.tooltipTitle{
			display:none;
			position:absolute;
			border-radius:5px;
			padding:10px;
			font-size:14px;
			width:initial;
			max-width:260px;
			box-shadow: 0 .2rem .5rem rgba(0,0,0,.15);transition-duration:0s;	
			color:var(--tooltipTitleTextColor);
			background-color:var(--tooltipTitleBackgroundColor);
			line-height:1.5;
			letter-spacing:1.1;
		}
		
		.tooltipTitle b{color:var(--tooltipTitleTextColor);}

	  button:focus{
		box-shadow: var(--buttonBorderShadowActive);
		border: var(--buttonBorderActive);
	  }
	  
	
	  
	  
	body{margin-bottom:30px;}
	@media (max-width: 480px) {
		body{margin-bottom:100px;}
		#mainAlert{width:80vw !important;left: 10vw !important;}
	}
	
	/******************************************************** correção de title, chamar updatetitle.css antes deste arquivo ****************/
	
	/******************************************************** ALERT ****************/
	#mainAlert {position: fixed;z-index: 99999;display:table;width: 20vw;left: 40vw;top: 2vh;bottom:unset;}	
	#mainAlert div{margin-bottom:30px;}
	#mainAlert a{float:right;margin: -10px -8px 0px 0px;}
	#mainAlert strong i{font-size:var(--defaultSizeBig);;float: left;margin-right: 15px;}
	#mainAlert strong{font-size:var(--defaultSizeBig);display:block;}
	#mainAlert span{display: block;line-height:2;}
	
	#mainAlert div{padding: 20px;border-radius: 10px;box-shadow:0px -20px 20px 0px rgb(0 0 0 / 11%);}
	
	.alert-success{background-color:var(--defaultColorGreen) !important;}
	.alert-success strong, .alert-success strong i, .alert-success span, #mainAlert a i{color:var(--defaultColorGreenContrast);}

	.alert-info{background-color:var(--defaultColorBlue) !important;}
	.alert-info strong, .alert-info strong i, .alert-info span, #mainAlert a i{color:var(--defaultColorBlueContrast);}

	.alert-warning{background-color:var(--defaultColorYellow) !important;}
	.alert-warning strong, .alert-warning strong i, .alert-warning span, #mainAlert a i{color:var(--defaultColorYellowContrast);}

	.alert-danger{background-color:var(--defaultColorRed) !important;}
	.alert-danger strong, .alert-danger strong i, .alert-danger span, #mainAlert a i{color:var(--defaultColorRedContrast);}


/******************************************************** ALERT ¬ ****************/

		
	/********************************************************* FORMULÁRIOS ***********/
	form label{
	  cursor:pointer;
	  text-align:left;
	  float:left;
	  margin-top:20px;
	  color:var(--formLabelTextColor);
	}
	
	*[disabled]
	,input[type=datetime-local][disabled]
	,input[type=datetime][disabled]
	{cursor:not-allowed;opacity: 0.5;}
	
	*[readonly]
	,input[type=datetime-local][readonly]
	,input[type=datetime][readonly]
	{cursor:not-allowed;opacity: 0.5;}
	
	textarea::placeholder,input::placeholder{font-weight:400;}
	
	input[type=date],input[type=datetime-local]{cursor:pointer;}
	
	input[type=text], input[type=time], input[type=number], input[type=search], input[type=file], input[type=url], input[type=tel], input[type=email], input[type=password],input[type=date],input[type=datetime-local], textarea, select, select option{
	  font-family:font-family:var(--fontDefault);
	  height:50px;
	  border-radius: 5px;
	  border: 1px solid var(--formInputBorderColor);
	  background-color:var(--formInputBackgroundColor);
	  color:var(--formInputTextColor);
	  font-size:15px !important;
	  font-weight:700 !important;
	  padding-left:20px !important; 
	  padding-right:20px !important; 
	  margin-right:20px;
	}
	input[type=file]{
		padding-top: 6px;
	}
	input:focus-within, select:focus-within, textarea:focus-within,input:focus-visible, select:focus-visible, textarea:focus-visible{
		background-color:var(--formInputBackgroundColorWithin);
		box-shadow:var(--formInputBorderShadowWithin);
		border:var(--formInputBorderWithin);
		outline:none;
		transform: translateY(-2px);
	}
	textarea{padding:17px 0px 17px 0px;}
	input[type=checkbox],input[type=radio], select{cursor:pointer;}
	input[type=checkbox]:focus-within,input[type=radio]:focus-within{box-shadow:unset;background:unset;}
	legend{font-weight:700;padding:8px;font-size:16px;}
	/********************************************************* FORMULÁRIOS ***********/
	
	
	
/*ADDONS scrollbar customizada*/

textarea {overflow: hide; resize: none;border-right: 6px solid var(--formInputBorderColor);}
textarea::-webkit-scrollbar{
  width: 0px;
  background-color:transparent;
  cursor:pointer;
  border-radius: 10px;
  cursor:pointer !important;
}
/*textarea::-webkit-scrollbar-thumb {background-color:transparent;cursor:pointer;border-radius: 10px;}
textarea::-webkit-scrollbar-thumb:hover {background: var(--textColorContrastBg);}*/

/*scrollbar customizada*/


	
/*scrollbar customizada*/
body::-webkit-scrollbar{
	width: 10px;
	background-color:var(--zebra1); 
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);cursor:pointer; 
}
body::-webkit-scrollbar-thumb {background-color:var(--zebra3);border-radius:10px;}
body::-webkit-scrollbar-thumb:hover{background-color:var(--textColorContrastBg);}
	
	/*scrollbar customizada*/
	
	
		
/*---------------------------------- PADRÃO DE TODAS AS PÁGINAS --------------------------- ¬*/



