@charset "UTF-8";
/**************************************************
****************** CLASSES FONTS *******************
**************************************************/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(../fonts/MaterialIcons-Regular.woff) format('woff'),
       url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;  
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
/**************************************************
****************** CLASSES RESET *******************
**************************************************/
html {
  color: #212121;
  font-size: 1em;
  line-height: 1.4; 
}
button {
	font-family: 'Roboto', sans-serif !important;
}
a {
	font-family: 'Roboto', sans-serif !important;
}
p {
	font-family: 'Roboto', sans-serif !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	line-height: 16px !important;
} 
label {
	font-family: 'Roboto', sans-serif !important;
}
span {
	font-family: 'Roboto', sans-serif !important;
}   
table {
	font-family: 'Roboto', sans-serif !important;
	max-width: 100%;
  	background-color: transparent;
  	border-collapse: collapse;
  	border-spacing: 0;
}
input, select, textarea { 
	font-family: 'Roboto', sans-serif !important;
}
[type=file] {
	display: none;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; 
}
::selection {
  background: #b3d4fc;
  text-shadow: none; 
}  
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	background-color: transparent;
	border: thin solid transparent;	
}
::-webkit-scrollbar-track:HOVER {
	background-color: #DCDDD8;
	border: thin solid #DCDDD8;	
}
::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,.2);
	border: thin solid rgba(0,0,0,.2);
}
* {
	margin: 0;
	padding: 0;
}
.page_background {
	background: #E8E8E8;
}
/**************************************************
****************** CLASSES ESTRUTURA *******************
**************************************************/
.base_header {
	width: 100%;	
	height: 60px;	
	position: fixed;	
	z-index: 910;	
}
.base_view {
	width: 100%;
	height: calc(100% - 60px); 
	position: fixed;
	margin-top: 60px;
	overflow: hidden;;		
	z-index: 99;
}
.base_view_full {
	width: 100%;
	height: 100%; 
	position: fixed;	
	overflow: auto;		
	z-index: 99;
}
.base_view_space_left {
	width: 100px;
	height: 100%;	
	float: left;
	padding: 5px;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
	z-index: 907;
}
.base_view_space_right {
	width: 350px;
	height: 100%;	
	float: right;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;   	
	z-index: 907;		
}
.base_view_space_left_big {
	width: 350px;
	height: 100%;	
	float: left;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;   	
	z-index: 907;		
}
.base_view_space_center {
	width: calc(100% - 450px);
	height: calc(100% - 50px);	
	float: left;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
	z-index: 908;
}
.base_view_space_center_fluid {
	width: calc(100% - 100px);
	height: calc(100% - 50px);	
	float: left;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
   	overflow: auto;
}
.base_view_space_right_fluid  {
	width: calc(100% - 350px);
	height: calc(100% - 50px);	
	float: left;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
   	overflow: auto;
}
.base_view_space_center_height_fixed_fluid {
	width: calc(100% - 100px);
	height: calc(100% - 0px);	
	float: left;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
   	overflow: auto;
}
.base_view_space_center_height_fixed_fluid_space_left {
	width: calc(100% - 350px);
	height: calc(100% - 0px);	
	float: left;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
   	overflow: auto;
}
.base_view_space_center_fluid_right_left {
	width: calc(100% - 0px);
	height: calc(100% - 50px);	
	float: left;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
   	overflow: auto;
}
.base_view_space_center_height_fluid_right_left {
	width: calc(100% - 0px);
	height: calc(100% - 0px);	
	float: left;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
   	overflow: auto;
}
.base_view_space_bottom {
	width: calc(100% - 450px);
	height: 50px;	
	float: left;	
	position: fixed;
	bottom: 0;
	margin-left: 100px;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;	
}
.base_view_space_bottom_fluid {
	width: calc(100% - 100px);
	height: 50px;	
	float: left;	
	position: fixed;
	bottom: 0;	
	margin-left: 100px;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
}
.base_view_space_bottom_right_fluid {
	width: calc(100% - 350px);
	height: 50px;	
	float: left;	
	position: fixed;
	bottom: 0;	
	margin-left: 0px;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
}
.base_view_space_bottom_fluid_right_left {
	width: calc(100% - 0px);
	height: 50px;	
	float: left;	
	position: fixed;
	bottom: 0;		
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
}
@media (max-width: 1400px) {
	.base_view_space_left {
		width: 80px;		
	}
	.base_view_space_right {
		width: 250px;
	}
	.base_view_space_left_big {
		width: 250px;
	}
	.base_view_space_center {
		width: calc(100% - 330px);
	}
	.base_view_space_bottom {
		width: calc(100% - 330px);
		margin-left: 80px;
	}
	.base_view_space_center_fluid {
		width: calc(100% - 80px);
	}
	.base_view_space_center_height_fixed_fluid {
		width: calc(100% - 80px);
	}
	.base_view_space_center_height_fixed_fluid_space_left {
		width: calc(100% - 250px);
	}
	.base_view_space_right_fluid  {
		width: calc(100% - 250px);
	}
	.base_view_space_bottom_fluid {
		width: calc(100% - 80px);
		margin-left: 80px;
	}
	.base_view_space_bottom_right_fluid {
		width: calc(100% - 250px);
	}
}
@media (max-width: 1000px) {	
	.base_view_space_right {
		display: none;		
		width: 0px;
	}
	.base_view_space_center {
		width: calc(100% - 80px);
	}
	.base_view_space_right_fluid  {
		width: calc(100% - 0px);
	}
	.base_view_space_bottom {
		width: calc(100% - 80px);
	}		
	.base_view_space_bottom_right_fluid {
		width: calc(100% - 0px);
	}
}
@media (max-width: 500px) {
	.base_view_space_left {
		width: 60px;
	}
	.base_view_space_right {
		display: none;
	}
	.base_view_space_center {
		width: calc(100% - 60px);
	}
	.base_view_space_center_fluid {
		width: calc(100% - 60px);
	}
	.base_view_space_center_height_fixed_fluid {
		width: calc(100% - 60px);
	}
	.base_view_space_bottom {
		width: calc(100% - 60px);
		margin-left: 60px;
	}	
	.base_view_space_bottom_fluid {
		width: calc(100% - 60px);
		margin-left: 60px;
	}	
}
/**************************************************
****************** CLASSES BOTÕES *******************
**************************************************/
/**** ESTILO DO BOTÃO *****/
.btn {		
	display: inline-block;
    font-weight: 400;
    text-align: center;
	text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;    
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    cursor: pointer;    
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;			
}
.btn:FOCUS {
	outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(231,58,26,.25);
}
.btn:HOVER, .btn:ACTIVE  {
	background: rgba(0,0,0,0.1);
}
.btn i svg {
	width: 24px;
	height: 24px;
}
/**** TAMANHO DOS BOTÕES *****/
/**** BOTÕES DA ESQUERDA *****/
.btn_shape_fix_width {
	width: 100%;	
	min-height: 60px;
	white-space: normal;	
	overflow: visible;
	margin-bottom: 5px;
	padding: 18px 0;						
}
/**** BOTÕES GENÉRICO *****/
.btn_shape_fix_height {
	width: auto;	
	min-width: 100px;
	height: 40px;
	padding: 10px 10px;
	white-space: normal;	
	overflow: visible;
}
/**** BOTÕES DO HEADER DA LISTA *****/
.btn_shape_fix_witdh_heigh {
	width: 95px;
	height: 40px;
	padding: 10px 0;	
	white-space: normal;	
	overflow: visible;
}
@media (max-width: 1200px) {
	.btn_shape_fix_witdh_heigh {
		width: 65px;
	}	
}
.btn_shape_fix_witdh_heigh_5_button {
	width: 115px;
	height: 40px;
	padding: 10px 0;	
	white-space: normal;	
	overflow: visible;
}
@media (max-width: 1200px) {
	.btn_shape_fix_witdh_heigh_5_button {
		width: 80px;
	}	
}
/**** CORES DOS BOTÕES *************************/
/**** COR PADRÃO *****/
.btn_color_default_action {
	background: #44475A;	
	color: #ffffff;	
	fill: #ffffff;
}
.btn_color_default_action:FOCUS {
	box-shadow: 0 0 0 0.2rem rgba(231,58,26,.5);
}
.btn_color_default_action:HOVER, .btn_color_default_action:ACTIVE {    
    background:  var(--contrast_color);;
    border-color:  var(--contrast_color);;
}
.btn_color_default_action:DISABLED {
	background:  #8A949B;
    border-color:  #8A949B;
    color: rgba(255,255,255,0.5);
    cursor: default;
}
/**** COR AZUL *****/
.btn_color_main_action {
	background: #44475A;	
	color: #ffffff;
	fill: #ffffff;
}
.btn_color_main_action:FOCUS {
	box-shadow: 0 0 0 0.2rem rgba(231,58,26,.5);
}
.btn_color_main_action:HOVER, .btn_color_main_action:ACTIVE{    
    background: #1098F7;
    border-color: #1098F7;
}
/**** COR VERMELHO *****/
.btn_color_dangerous_action {
	background: #44475A;	
	color: #ffffff;
	fill: #ffffff;
}
.btn_color_dangerous_action:FOCUS {
	box-shadow: 0 0 0 0.2rem rgba(231,58,26,.5);
}
.btn_color_dangerous_action:HOVER, .btn_color_dangerous_action:ACTIVE {    
    background: #E0474C;
    border-color: #E0474C;
}
.btn_color_dangerous_action:DISABLED {
	background:  #8A949B;
    border-color:  #8A949B;
    color: rgba(255,255,255,0.5);
    cursor: default;
}
/**** COR DESABILITADO *****/
.btn_color_disabled_action {
	background:  #8A949B;
    border-color:  #8A949B;
    color: rgba(255,255,255,0.5);
    cursor: default;
}
.btn_color_disabled_action:HOVER, .btn_color_disabled_action:FOCUS, .btn_color_disabled_action:ACTIVE {
	background:  #8A949B;
    border-color:  #8A949B;
}
/**** RESPONSIVIDADE BOTÕES *****/
@media (max-width: 1300px) {
	.btn {
		font-size: 13px;
	}	
}
@media (max-width: 500px) {
	.btn {
		font-size: 10px;
	}	
}
/**************************************************
****************** CLASSES INPUTS *******************
**************************************************/
/*******  RESETS INPUTS  *******/
input, select, textarea {
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-radius: 2px;	
	background: #fff;		
	border: 1px solid #d4d4dc;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
 }
input, select, textarea:FOCUS {
	outline: 0;
/*     box-shadow: 0 0 0 0.2rem rgba(231,58,26,.25); */
}
input:DISABLED, select:DISABLED, textarea:DISABLED {
	border: 1px solid #8A949B;
	background: #8A949B;
	color: rgba(255,255,255,0.5);
}
input:read-only { 
    border: 1px solid #8A949B;
	background: #8A949B;
	color: rgba(255,255,255,0.5);
}
input:-moz-read-only { 
    border: 1px solid #8A949B;
	background: #8A949B;
	color: rgba(255,255,255,0.5);
}
.inp:FOCUS {
	border-color: #44475A;
/* 	box-shadow: 0 0 0 0.2rem rgba(231,58,26,.25); */
}
.inp:HOVER, .inp:ACTIVE {
	border-color: #44475A;
}
/*******  CLASSES INPUTS  *******/
/*******  INPUT DEFAULT  *******/
.input_default_action {	
	width: 100%;
	height: 80px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
/*     border: 1px solid red; */
}
.input_default_action label {
	width: 100%;		
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;	
}
.input_default_action i {
	color: #E0474C
}
.input_default_action input, .input_default_action select {
	width: 100%;
	padding-left: 5px;
	height: 40px;
}
.input_default_action textarea {
	width: 100%;
	padding-left: 5px;
	padding-top: 5px;
	height: 80px;
}
.input_default_action span {
	width: 100%;	
	display: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	font-size: 13px;
	height: 20px;	
	
}
/*******  INPUT ERRO  *******/
.input_error_action {	
	width: 100%;
	height: 80px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.input_error_action label {
	width: 100%;		
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #E0474C;
}
.input_error_action i {
	color: #E0474C
}
.input_error_action input, .input_error_action select, .input_error_action textarea {
	width: 100%;
	padding-left: 5px;
	height: 40px;
	border-color: #E0474C;
	background-color: rgba(244,71,76,0.1);
}
.input_error_action span {
	width: 100%;	
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	font-size: 13px;
	height: 20px;	
	background-color: #E0474C;	
	color: #f1f0ee;
	
}
/*******  INPUT ITEM LIST  *******/
.input_item_list_default_action {	
	width: 100%;
	height: 80px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 15px;
    padding-top: 10px;
/*     border: 1px solid red; */
}
.input_item_list_default_action input {
	width: 100%;
	padding-left: 5px;	
	height: 50px;
}
.input_item_list_default_action textarea {
	width: 100%;
	padding-left: 5px;
	padding-top: 15px;	
	height: 50px;
	min-height: 50px;
	max-height: 50px;
}
.input_item_list_default_action span {
	width: 100%;	
	display: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	font-size: 13px;
	height: 20px;	
}
/*******  INPUT ITEM LIST COM ERRO *******/
.input_item_list_error_action {	
	width: 100%;
	height: 80px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 15px;
    padding-top: 10px;
/*     border: 1px solid red; */
}
.input_item_list_error_action input {
	width: 100%;
	padding-left: 5px;	
	padding-bottom: 0px;
	height: 50px;
	border-color: #E0474C;
	background-color: rgba(244,71,76,0.1);
}
.input_item_list_error_action span {
	width: 100%;	
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	font-size: 13px;
	height: 20px;
	background-color: #E0474C;	
	color: #f1f0ee;	
}
/*******  INPUT ITEM TYPE FILE SELECIONADO *******/
.input_file_selected_action {
	width: 100%;
	height: 80px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
}
.input_file_selected_action label {
	width: 100%;		
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;	
}
.input_file_selected_action input {
	width: calc(100% - 110px);
	padding-left: 5px;
	height: 40px;
	float: left;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #8A949B;
	background: #8A949B;
	color: rgba(255,255,255,0.5);
}
.input_file_selected_action a {
	float: right;
}
.input_file_selected_action span {
	width: 100%;	
	display: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	font-size: 13px;
	height: 20px;			
}
/*******  INPUT ITEM TYPE FILE SELECIONADO COM ERRO *******/
.input_file_selected_action_error {
	width: 100%;
	height: 80px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
/*     border: 1px solid red; */
}
.input_file_selected_action_error label {
	width: 100%;		
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #E0474C;	
}
.input_file_selected_action_error input {
	width: calc(100% - 110px);
	padding-left: 5px;
	height: 40px;
	float: left;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(240,89,69,0.3);
    border-color: #E0474C;
    color: #E0474C;
}
.input_file_selected_action_error a {
	float: right;
}
.input_file_selected_action_error span {
	width: 100%;	
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	font-size: 13px;
	height: 20px;
	background-color: #E0474C;	
	color: #f1f0ee;		
}
/*******  INPUT ITEM TYPE FILE NÃO SELECIONADO *******/
.input_file_no_selected_action div {
	border: 2px dashed #AEB8C3;	
	border-radius: 6px;
	min-height: 160px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 60px;
	text-align: center;
}
.input_file_no_selected_action span {
	width: 100%;	
	display: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	font-size: 13px;
	height: 20px;		
}
/*******  INPUT ITEM TYPE FILE NÃO SELECIONADO COM ERRO *******/
.input_file_no_selected_action_error div {
	border: 2px dashed #E0474C;
	background: rgba(240,89,69,0.1);
	border-radius: 6px;
	min-height: 160px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 60px;
}
.input_file_no_selected_action_error label {
	color: #E0474C
}
.input_file_no_selected_action_error span {
	width: 100%;	
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	font-size: 13px;
	height: 20px;	
	background-color: #E0474C;	
	color: #f1f0ee;		
}
/*******  INPUT RADIOBUTTON SELECIONADO *******/
.input_default_type_radio_action {	
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
    padding-top: 20px;
}
.input_default_type_radio_action label {
	cursor: pointer;
	font-size: 14px; 
	float: left;
    margin-top: 4px;	
}
.input_default_type_radio_action input[type="radio"] {
	width: 50px;
	height: 25px;
	outline: 0;
	float: left;
	box-shadow: none;
}
 
.input_default_type_radio_action span {
	width: 100%;	
	display: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	font-size: 13px;
	height: 20px;	
	
}
/*******  INPUT RADIOBUTTON COM ERRO *******/
.input_default_type_radio_error_action label {
	cursor: pointer;
	font-size: 14px; 
	float: left;
    margin-top: 4px;
    color: #E0474C;	
}
.input_default_type_radio_error_action span {	
	display: block;	
	background-color: #E0474C;	
	color: #f1f0ee;
	
}
/*******  INPUT FORM:RADIOBUTTON *******/
.input_default_form_radio_button_action {	
	width: 100%;
	height: 80px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}
.input_default_form_radio_button_action label:FIRST-CHILD {
	width: 100%;		
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;	
}
.input_default_form_radio_button_action i {
	color: #E0474C
}
.input_default_form_radio_button_action span {
	padding-left: 15px;
	padding-top: 10px;		
	float: left; 	
}
.input_default_form_radio_button_action span input[type="radio"] {
	width: 20px;
	height: 20px;	
	float: left;
	box-shadow: none !important;
}
.input_default_form_radio_button_action span label {
	padding-left: 10px;		
	float: left;
}
.input_default_form_radio_button_action span:LAST-CHILD {	
	display: none;	
	background-color: #E0474C;	
	color: #f1f0ee;
	
}
/*******  INPUT FORM:RADIOBUTTON COM ERRO *******/
.input_error_form_radio_button_action {
	width: 100%;
	height: 80px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}
.input_error_form_radio_button_action label:FIRST-CHILD {
	width: 100%;		
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #E0474C;	
}
.input_error_form_radio_button_action i {
	color: #E0474C
}
.input_error_form_radio_button_action span {
	padding-left: 15px;
	padding-top: 10px;		
	float: left; 	
	color: #E0474C;	
}
.input_error_form_radio_button_action span input[type="radio"] {
	width: 20px;
	height: 20px;	
	float: left;
	box-shadow: none !important;
}
.input_error_form_radio_button_action span label {
	padding-left: 10px;		
	float: left;
}
.input_error_form_radio_button_action span:nth-child(4){	
	width: 100%;	
	display: block;	
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	font-size: 13px;
	height: 20px;	
	background-color: #E0474C;	
	color: #f1f0ee;		
}
.input_error_form_radio_button_action span:LAST-CHILD {
	margin-top: -20px;
    margin-left: -10PX;
    color: #FFF;
}
/*******  INPUT TYPE CHECKBOX  *******/
.input_checkbock_action {	
	width: 100%;
	height: 50px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}
.input_checkbock_action label:FIRST-CHILD {
	width: calc(100% - 60px);
	float: left;			
}
.input_checkbock_action label:LAST-CHILD {
	float: right;
	width: 45px;
}
.input_checkbock_action i {
	color: #E0474C;
}
.input_checkbock_action span {
	width: 100%;	
	display: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	font-size: 13px;
	height: 20px;	
	
}

option {	
	border-bottom: 1px solid #d4d4dc;
	height: 30px;
	padding-top: 6px;
	padding-left: 5px;
	cursor: pointer;		
}
option:nth-child(odd) {	
	background-color: #fff;
}
option:nth-child(even) {	
	background-color: rgba(74,189,172,0.1);
}
/**************************************************
****************** CLASSES MENU *******************
**************************************************/
.header_menu {
	width: 100%;
    min-width: 300px;
	height: 60px;			
	top: 0px;
	border-top: 2px solid #F77E45;			
	overflow: hidden;	
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
/*******  ITENS DA ESQUERDA  *******/
.header_menu_itens_left {
	float: left;
	width: calc(100% - 200px);
	min-width: 300px;
	height: 58px;	
}
.header_menu_itens_left .is_select a {
	background-color: #44475A;	
	color: #fff;
	fill: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
	box-shadow: inset 0 5px 10px hsla(0, 0%, 0%, 0.3);
}
.header_menu_itens_left ul {
	display: inline-block;
	list-style: none;
	cursor: pointer;	
}
.header_menu_itens_left ul li {
	float: left;	
	height: 58px;
	min-width: 100px;
	max-width: 150px;
	border-right: 1px solid rgba(0,0,0,0.1);
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, all .15s;	
}
.header_menu_itens_left ul li a {
	width: 100%;
	height: 100%;
	display: block;	
	text-decoration: none;
	text-align: center;	
	color: #084C61;
	fill: #084C61;
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, all .15s;	
}
.header_menu_itens_left ul li a:HOVER, .header_menu_itens_left ul li a:FOCUS {	
	background: #F77E45;
	color: #fff;
	fill: #fff;	
	outline: 0;	
	text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
	box-shadow: inset 0 5px 10px hsla(0, 0%, 0%, 0.3);
}
.header_menu_itens_left ul li a i {
	width: 100%;
	height: 35px;
	padding-top: 5px;	
	float: left;	
	font-size: 26px;	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}
.header_menu_itens_left ul li a i svg {
	width: 26px;
	height: 26px;
}
.header_menu_itens_left ul li a span {
	width: 100%;
	height: 23px;		
	padding: 0px 3px;
	float: left;	
	font-size: 12px;	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}
/*******  ITEN LOGOMARCA  *******/
.new-cati-logo {	
	background: #fff url('../images/app/logo-catidoc_big.svg') no-repeat center;
	width: 100%;
	height: 100%;	
}
/*******  ITENS DA DIREITA  *******/
.header_menu_itens_right {	
	float: right;
	max-width: 200px;		
	height: 58px;	
}
.header_menu_itens_right ul {
	display: inline-block;
	list-style: none;	
	float: right;
}
.header_menu_itens_right ul li {
	float: left;	
	height: 58px;
	width: 60px;
	text-align: center;		
	outline: 0;		
}
.header_itens_modules {
	width: 100%;	
	
}
.header_itens_modules a {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 30px;	
	margin-top: 5px;
	padding-top: 10px;
}
.header_itens_modules a:FOCUS {
	outline: 0;
	background: rgba(0,0,0,0.1);
}
.header_itens_modules a i {
	font-size: 30px;
	color: #084C61;
	fill: #084C61;
}
.header_itens_modules a i svg {
	width: 30px;
	height: 30px;			
}
.message_alert:BEFORE {
	content: "";
	position: absolute;
	background: #3399FF;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	margin-left: 18px;	
}
/**** RESPONSIVIDADE MENU *****/
@media (max-width: 1200px) {
	.header_menu_itens_left ul li {		
		width: 80px;		
	}
	.header_menu_itens_left ul li a span {
		font-size: 11px;
	}
}
@media (max-width: 1000px) {
	.cati-logo {	
		background: #fff url('../images/theme-mrv-com/logo-li-min.png') no-repeat center;
	}
	.span_none_menu {
		display: none;
	} 	
	.header_menu_itens_left ul li {		
		width: 60px;		
	}
	.header_menu_itens_left ul li a i {
		height: 58px;
		padding-top: 15px;		
		font-size: 28px;			
	}
}
@media (max-width: 800px) {
	.header_menu_itens_left ul li {		
		width: 40px;		
	}
	.header_menu_itens_left ul li a i {
		font-size: 25px;
	}
}
@media (max-width: 600px) {
	.header_menu {
		min-width: 370px; 
	}
	.header_menu_itens_left ul li {		
		width: 40px;		
	}
	.header_menu_itens_left {
		width: calc(100% - 395px);
		min-width: 240px;
	}	
	.header_menu_itens_right {		
		width: 120px;
	}
	.header_menu_itens_right ul li {		
		width: 40px;		
	}
	.header_itens_modules a {
		width: 35px;
	}
}

.list-header {
	box-shadow: 0 5px 10px hsla(0, 0%, 0%, 0.1) !important;
	background: #2b3a40;	
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user_option_id {
	top: 0px;
	font-family: 'Roboto', sans-serif;
	white-space: nowrap;	
	padding: 6px 5px;
	color: #888;
	background: #2b3a40 url('../images/theme-mrv-com/header_menu-min.png') no-repeat center;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
	margin-top: -8px;
	overflow: hidden;	
	width: 300px;
	height: 100px;
}
.user_option_id label {
	color: #fff;
	margin-top: 65px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cati_drop_user li {
	border-top: 1px solid #1d2a2f;
	background: #2b3a40;
}
.cati_drop_user li:HOVER:FIRST-CHILD {
	background: #fff url('../images/theme-mrv-com/header_menu-min.png') no-repeat center;	
}
.cati_drop_user li:HOVER {
	background: #44475A;
	color: #fff;
}
.cati_drop_user li a {
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	color: #888;
	font-weight: 400;
	display: block;
}
.cati_drop_user li a:HOVER {
	color: #fff;
}
.cati_drop_user li a label {
	cursor: pointer;	
	display: block;
}
/**************************************************
****************** CLASSES ÚTEIS *******************
**************************************************/
/*******  BORDAS  *******/
.border_solid {
	border: 1px solid #d4d4dc;
}
.border_solid_left {
	border-left: 1px solid #d4d4dc;
}
.border_solid_top {
	border-top: 1px solid #d4d4dc;
}
.border_solid_right {
	border-right: 1px solid #d4d4dc;
}
.border_solid_bottom {
	border-bottom: 1px solid #d4d4dc;
}
.border_solid_red {
	border: 1px solid #E8110F;
}
.border_solid_yellow {
	border: 1px solid #FBC723;
}
.border_solid_blue {
	border: 1px solid #1B6AA5;
}
.border_solid_black {
	border: 1px solid #333333;
}
.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

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

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

/* PADDING E MARGIN */

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

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

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

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
/*******  SOMBRAS  *******/
.shadow_box_outset {
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}
.shadow_box_inset {
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3) inset;
	box-shadow: 2px 0px 4px rgba(0,0,0,0.1) inset;
}
/*******  CORES  *******/
.bg_primary {
	background-color: #ffffff;
}
.bg_secondary {
	background-color: #e9e9e9;
}
.bg_header {
	background-color: #DDE0DF;
}
.bg_bar {
	background-color: #fafafa;
}
.bg_table_bar {
	background-color: #fafafa;
}
.bg_popup_loading {
	background-color: rgba(26,146,94,0.9);
}
.bg_title{
	background-color: #8C95AA;	
	color: #fff;
	fill: #ffffff;
}
.bg_expander{
	background-color: #8C95AA;
	color: #ffffff;
	fill: #ffffff;
}
.bg_popup {
	background-color: #e9e9e9;
}
.bg_title_popup{
	background-color: #44475A;	
	color: #fff;
	fill: #fff;
	height: 75px;
}
.bg_authentication {
	background: var(--highlight_light);
}
.bg_accent {
	background-color: #E57A44;
}
.bg_aura_1 {
	background-color: #44475A;
	box-shadow: 0px 0px 60px 20px rgba(40,190,155 ,0.5);
}
.bg_aura_2 {
	background-color: #00796B;
	box-shadow: 0px 0px 60px 10px rgba(96,145,148 ,0.5), 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.bg_gray {
	background-color: #74828F;
	color: #fff;
}
.bg_deep_gray {
	background-color: #595959;
	color: #fff;
}
.bg_green {
	background-color: #6ABE83;
	color: #fff;
}
.bg_red {
	background-color: #E0474C;
	color: #fff;
}
.bg_orange {
	background-color: #E57A44;
	color: #fff;
}
.bg_blue {
	background-color: #4472CA;
	color: #fff;
}
.tx_color_blue {
	font-weight: 400;
	color: #fff;	
	background-color: #3399FF;
	text-shadow: 0 1px 0 rgba(51, 102, 204, 1);
	padding: 3px 5px;
	border-radius: 6px;
	display: inline-block;
}
.tx_color_white {
	font-weight: 400;
	color: #fff;	
	background-color: #78c0a8;
	text-shadow: 0 1px 0 rgba(51, 102, 204, 1);
	padding: 3px 5px;
	border-radius: 6px;
	display: inline-block;
}
.tx_color_orange {	
	font-weight: 500;
	color: #424242;	
	background-color: #f9ae08;
	text-shadow: 0 1px 0 rgba(249,174,8,1);
	padding: 3px 5px;
	border-radius: 6px;
	display: inline-block;
}
.tx_color_red {	
	font-weight: 400;
	color: #fff;	
	background-color: #e94c6f;
	text-shadow: 0 1px 0 rgba(84, 39, 51, 1);
	padding: 3px 5px;
	border-radius: 6px;
	display: inline-block;
}
.tx_color_green {	
	font-weight: 400;
	color: #fff;	
	background-color: #00c07f;
	text-shadow: 0 1px 0 rgba(32,147,139,1);
	padding: 3px 5px;
	border-radius: 6px;
	display: inline-block;		
}
.tx_color_grey {	
	font-weight: 500;
	color: #fff;	
	background-color: #74828F;
	text-shadow: 0 1px 0 rgba(51,48,48,1);
	padding: 3px 5px;
	border-radius: 6px;
	display: inline-block;
}
.tx_color_deep_gray {	
	font-weight: 500;
	color: #fff;	
	background-color: #595959;
	text-shadow: 0 1px 0 rgba(51,48,48,1);
	padding: 3px 5px;
	border-radius: 6px;
	display: inline-block;
}
.fill_color_orange {	
	fill: #E57A44;	
}
.fill_color_red {	
	fill: #E0474C;
}
.fill_color_green {	
	fill: #38925E;	
}
.fill_color_blue {	
	fill: #1098F7;
}
.fill_color_grey {	
	fill: #1098F7;
}
/**************************************************
****************** CLASSES PAGINAÇÃO *******************
**************************************************/
.pagination_default_list {
	float: right;		
	padding-top: 3px;
	padding-right: 5px;
	overflow: hidden;
	cursor: pointer;	
}
.pagination_default_list ul {
	background: #fff;
}
.pagination_default_list ul li a {
	display: inline-block;	
	padding: 9px 15px 9px 15px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
}
.pagination_default_list ul li a i {
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
}
.pagination_default_list .pagination_is_select{	
	background: #44475A;
	color: #fff;
}
/**** RESPONSIVIDADE PAGINAÇÃO *****/
@media (max-width: 500px) {
	.pagination_default_list ul li a {
		padding: 9px 10px 9px 10px;
	}
}
/**************************************************
****************** CLASSES MENSANGENS *******************
**************************************************/
/*******  ALERTA DE ERRO  *******/
.message_erro_alert {
	margin-left: auto;
	margin-right: auto;	
	position: relative;
	display: none;
	width: 500px;	
	z-index: 999;	
}
.message_erro_alert_content {
	background: #dd5959;
	background: -moz-linear-gradient(top, #dd5959 0%, #c9342f 46%, #c15252 100%);
	background: -webkit-linear-gradient(top, #dd5959 0%,#c9342f 46%,#c15252 100%);
	background: linear-gradient(to bottom, #dd5959 0%,#c9342f 46%,#c15252 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd5959', endColorstr='#c15252',GradientType=0 );
	overflow: hidden;	
	position: absolute;	
	margin-top: 20px;			
	display: block;
	border-radius: 6px;	
	border: 2px solid rgba(255,255,255,0.6);
	width: 100%;
	height: 60px;
	padding: 10px 5px;
}
.message_erro_alert_content a {
	width: 30px;
	height: 30px;	
	float: right;	
	background: #fff;
	color: #c9342f;
	border-radius: 20px;	
	color: #c9342f;
	fill: #c9342f;	
}
.message_erro_alert_content label {
	color: #fff;
	font-size: 14px;
	line-height: 20px;		
	width: calc(100% - 50px);
	height: 40px;	
	float: left;				
	overflow: auto;		
}
@media (max-width: 500px) { 
	.message_erro_alert {
		width: 100%;
	}
	.message_erro_alert_content {
		margin-top: 0px;
     	border-radius: 0px;		
	}
	.message_erro_alert_content label {			
		font-size: 12px;
		text-align: left;
	}
}
/*******  MENSAGENS DE SNACKBAR  *******/
.snackbar_reset i {
	padding-top: 10px;
	padding-right: 10px;
	cursor: pointer;
}
.snackbar_reset i svg {
	width: 30px;
	height: 30px;
}
.snackbar_target {
	background: #0097A7 !important;
	color: #fff !important;
	fill: #fff !important;
	z-index: 9999 !important;
}
.snackbar_warning {
	background: #ED8A63 !important;
	color: #fff !important;
	fill: #fff !important;
	z-index: 9999 !important;
}
/**************************************************
****************** CLASSES POP UPS *******************
**************************************************/
/*******  POPUP DE DEFAULT  *******/
.base_default_popup {		
	width: 100%;
	height: 100%;
	padding: 0px;	
	display: none;	
	position: fixed;
	left: 0;
	top: 0;	
	overflow: auto;	
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 999;
}
.container_full_default_popup {		
	width: 100%;
	height: 100%;	
	min-width: 250px;	 			
}
.container_400_center_default_popup {		
	width: 400px;
	height: auto;
	margin-left: -200px;
	left: 50%;
	position: relative;	
	top: 200px;	
	border-radius: 6px; 
	overflow: hidden;						
}
.container_500_center_default_popup {		
	width: 500px;
	height: auto;
	margin-left: -250px;
	left: 50%;
	position: relative;	
	top: 200px;	
	border-radius: 6px; 
	overflow: hidden;						
}
.container_800_center_default_popup {		
	width: 800px;
	height: auto;
	margin-left: -400px;
	left: 50%;
	position: relative;	
	top: 200px;	
	border-radius: 6px; 
	overflow: hidden;						
}
.base_default_title_popup {
	font-size: 18px;
	width: 100%;
	height: 50px;	
	padding: 15px 15px;	
}
.base_default_middle_popup {
	width: 100%;
	height: auto;	
	padding: 15px;
}
.base_default_bar_bottom_popup {
	width: 100%;
	height: 50px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;	
}
/*******  POPUP LOADING  *******/
.loading_popup {
	width: 100%;
	height: 100%;
	background: transparent;		
	position: fixed;
	margin: 0px auto;
	display: none;						  
    z-index: 999;    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.loading_popup_content {	
	width: 350px;
	min-height: 200px;
	max-height: 300px;
	position: fixed;	
	left: 50%;
	margin-left: -150px;
	top: 50%;	
	margin-top: -100px;
	border: 1px solid lightgray;					
	border-radius: 8px;	 
	text-align: center;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
   	padding: 40px 0;   	        		
}
.loading_popup_content p label {	
	font-size: 18px;
	margin-top: 8px;	
	color: #fff;	
}
.loading_popup_progress_style {	
	width: 80px !important;
	height: 80px !important;
	
}
.loading_img {	
	width: 100%;
	height: 90px;
}
.loading_img img {
	width: 60px;
	height: auto;
}
/*******  RESPONSIVIDADE LOADING  *******/
@media (max-width: 500px) {
	.loading_popup_content {
		width: 160px;
		min-height: 120px;
		max-height: 200px;
		margin-left: -80px;
		margin-top: -60px;
		padding: 10px 0;
	}	
	.loading_popup_progress_style {
		width: 60px !important;
		height: 60px !important;
	}	
}
/*******  POPUP PROGRESS  *******/
.progress_popup {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7);		
	position: fixed;
	margin: 0px auto;
	display: none;						  
    z-index: 999;    
}
.progress_popup_content {	
	width: 300px;
	min-height: 200px;
	max-height: 300px;
	position: fixed;	
	left: 50%;
	margin-left: -150px;
	top: 50%;	
	margin-top: -100px;					
	border-radius: 4px;	 
	text-align: center;
	-webkit-transition: all 0.1s;
   	transition: all 0.1s;
   	padding: 40px 20px;
   	color: #fff;
   	font-size: 18px;   	        		
}
.progress_popup_content p label {
	color: #fff;
	font-size: 18px;	
}
.progress_control {
	width: 100%;	
	margin-top: 20px;	
}
/*******  RESPONSIVIDADE PROGRESS  *******/
@media (max-width: 500px) {
	.progress_popup_content {
		width: 160px;
		min-height: 120px;
		max-height: 200px;
		margin-left: -80px;
		margin-top: -60px;
		padding: 10px 10px;
	}
	.progress_control {
		margin-top: 40px;
	}
}
/*******  POPUP MÓDULO  *******/
.header_module_popup {		
	width: 300px !important;
	height: auto;	
	max-height: 350px;
	overflow: hidden;		
	padding: 10px 12px !important;	
}
.header_module_popup li {
	width: 84px; 
	height: 95px;
	float: left;
	margin: 4px;
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, all .15s;
	border: 1px solid transparent;
	border-radius: 6px;
}
.header_module_popup li:FOCUS, .header_module_popup li:HOVER {
	border: 1px solid #dcdcdc;	
}
.header_module_popup li:ACTIVE {
	background: rgba(0,0,0,0.1);
}
.item_module_popup {	
	display: block;
	width: 100%;
	height: 100%;	
	text-decoration: none;
	text-align: center;		
	color: #312b45;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;		
	padding: 5px;
	line-height: 12px;
}
.item_module_popup:HOVER {	
}
.item_module_popup i {
	display: block;
	background-image: url(../images/modules/icone.png);
	-webkit-background-size: 92px 2731px;
    background-size: 92px 2731px;
	width: 100%;
	height: 58px;
	
}
/*******  POPUP DE PREVIEW DE DOCUMENTO  *******/
.preview_document_poupup {		
	width: 100%;
	height: 100%;
	padding: 0px;	
	display: none;	
	position: fixed;
	left: 0;
	top: 0;	
	overflow: auto;	
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 99999;
}
.base_document_preview {		
	width: 100%;
	height: 100%;	
	min-width: 250px;
	background: #444; 
	border: 2px solid #444;			
}
.base_document_preview .float-left {
	float: left;
}
.base_document_preview .float-right {
	float: right;
}
.document_preview_title {
	font-size: 18px;
	width: 100%;
	height: 50px;	
	color: #fff;
	padding: 15px 15px;	
}
.document_preview_title svg {
	width: 25px;
	height: 25px;
}
.document_visual {
	overflow: hidden;	
	width: 100%;	
	height: calc(100% - 50px);
}
/*******  POPUP DE CONFIRMAÇÃO  *******/
.message_confimation_poupup {
	width: 100%;
	height: 100%;
	padding: 0px;	
	display: none;	
	position: fixed;
	left: 0;
	top: 0;	
	overflow: auto;	
	background-color: rgba(80, 84, 96, 0.7);
	z-index: 999;	
}
.base_message-popup {	
	width: 400px;
	height: 250px;
	margin-left: -200px;
	left: 50%;
	position: relative;	
	top: 200px;	
	border-radius: 6px; 
	overflow: hidden;
}
.message_title {
	font-size: 18px;
	width: 100%;
	height: 50px;	
	color: #fff;
	padding: 15px 15px;
}
.content_message_confirmation_popup {
	width: 100%;
	height: calc(100% - 100px);
	overflow: auto;
	text-align: center;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 5px;
}
.content_message_confirmation_popup label {
	font-size: 16px;
}
.message_bar_bottom_popup {
	width: 100%;
	height: 50px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;	
}
/*******  RESPONSIVIDADE POPUP CONFIRMAÇÃO  *******/
@media (max-width: 500px) {
	.base_message-popup {	
		width: 250px;
		height: 200px;
		margin-left: -125px;
		left: 50%;
		position: relative;	
		top: 100px;		
		border-radius: 6px; 
		overflow: hidden;
	}
	.content_message_confirmation_popup label {
		font-size: 14px;
	}
}
/*******  POPUP DE ATUALIZAÇÃO DE PESSOA  *******/
.message_select_person_poupup {
	width: 100%;
	height: 100%;
	padding: 0px;	
	display: none;	
	position: fixed;
	left: 0;
	top: 0;	
	overflow: auto;	
	background-color: rgba(80, 84, 96, 0.7);
	z-index: 999;	
}
.base_message_select_person_popup {	
	width: 500px;
	height: 400px;
	margin-left: -250px;
	left: 50%;
	position: relative;	
	top: 200px;	
	border-radius: 6px; 
	overflow: hidden;
}
.message_select_person_title {
	font-size: 18px;
	width: 100%;
	height: 50px;	
	color: #fff;
	padding: 15px 15px;
}
.content_message_select_person_popup {
	width: 100%;
	height: calc(100% - 100px);
	overflow: auto;
	text-align: center;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 5px;
}
.content_message_select_person_popup label {
	font-size: 16px;
}
.message_bar_bottom_select_person_popup {
	width: 100%;
	height: 50px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;	
}
/*******  RESPONSIVIDADE POPUP CONFIRMAÇÃO  *******/
@media (max-width: 500px) {
	.base_message_select_person_popup {	
		width: 250px;
		height: 400px;
		margin-left: -125px;
		left: 50%;
		position: relative;	
		top: 50px;		
		border-radius: 6px; 
		overflow: hidden;
	}
	.content_message_select_person_popup label {
		font-size: 14px;
	}
}
/*******  POPUP DOWNLOAD DOCUMENTO  *******/
.download_document_poupup {
	width: 100%;
	height: 100%;
	padding: 0px;	
	display: none;	
	position: fixed;
	left: 0;
	top: 0;	
	overflow: auto;	
	background-color: rgba(80, 84, 96, 0.7);
	z-index: 999;	
}
.base_download_document_poupup {	
	width: 700px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	position: relative;	
	top: 100px;	
	border-radius: 6px; 
	overflow: hidden;
}
.space_download_popup {	
	width: 100%;
	height: calc(100% - 100px);
	overflow: auto;
}
.botttom_bar_download_popup {
	width: 100%;
	height: 50px;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 15px;
}
.space_download_buttons_popup {
	text-align: center;
	width: 452px;
	height: 50px;		
	margin-left: auto;
	margin-right: auto;	
}
.space_download_buttons_popup a {
	float: left;
	width: 220px;
	margin: 2.5px;
}
@media (max-width: 900px) {
	.base_download_document_poupup {
		width: 600px;		
		top: 30px;
	}
}
@media (max-width: 600px) {
	.base_download_document_poupup {
		width: 300px;
		height: 400px;
		top: 30px;
	}
	.space_download_buttons_popup {
		width: 280px;
		height: 95px;
	}
	.space_download_buttons_popup a {
		width: 270px;;		
	}
}
/**************************************************
****************** CLASSES TABELA/LISTAS *******************
**************************************************/
/*****   STYLE DA LISTA PRINCIPAL      ******/
.canvas_table_base {	
	width: 100%;
	height: 100%;
	overflow: auto;	
}
.table { 
	width: 100%;     	
}
.table th {
	height: 50px;	
	font-weight: 500;
	line-height: 15px;
	text-align: left;
	vertical-align: middle;     
	border-right: 1px solid #d4d4dc;
	border-bottom: 1px solid #dddddd;  
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, all .15s;
}
.table th:HOVER {
	background: #f5f5f5;
}
.table td {		
	max-width: 300px;
	height: 40px;
	font-weight: 400;
	font-size: 12px;	
	padding-left: 15px;
	line-height: 20px;		
	text-align: left;
	vertical-align: middle;	
	border-bottom: 1px solid #dddddd;	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
/* 	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, all .15s;					 */
}

.table thead th {
	background: #fafafa;
	vertical-align: bottom;
}   
/* .table tbody tr:nth-child(odd) {	 */
/* 	background-color: rgba(74,189,172,0.1); */
/* } */
/* .table tbody tr:nth-child(even) { */
/* 	background-color: #fff; */
/* } */
.table tbody .is_select td {
	background: #e1e8f0;	
	color: #1967D2 !important; 
	box-shadow: 0 2px 4px rgba(225,232,240,1);
	color: #FFF;	
}
.table tbody .is_select td a {
	color: #fff;
}
/*****   TAMANHO DAS COLUNAS    ******/
.table .t_small_size_1 {
	width: 130px;
	min-width: 130px;
	max-width: 130px;
}
.table .t_small_size_2 {
	width: 120px;
	min-width: 120px;
	max-width: 120px;
}
.table .t_small_size_3 {
	width: 150px;
	min-width: 150px;
	max-width: 150px;	
}
.table .t_small_size_4 {
	width: 110px;
	min-width: 110px;
	max-width: 110px;	
}
.table .t_small_size_5 {
	width: 200px;
	min-width: 200px;
	max-width: 200px;	
}
.table .t_small_size_6 {
	width: 250px;
	min-width: 250px;
	max-width: 250px;	
}
.table .t_small {
	width: 180px;
	min-width: 180px;
	max-width: 180px;
}
@media (max-width: 1023px) {
	.table .t_small_size_3 {
		width: auto;
		min-width: 200px;
		max-width: auto;
	}
}
@media (max-width: 600px) {
	.table .t_small_size_1 {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	}
	.table .t_small_size_2 {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	.table .t_small_size_3 {
		width: 100%;
		min-width: 100%;
		max-width: 100%;	
	}
	.table .t_small_size_4 {
		width: 100%;
		min-width: 100%;
		max-width: 100%;	
	}
	.table .t_small_size_5 {
		width: 100%;
		min-width: 100%;
		max-width: 100%;	
	}
	.table .t_small_size_6 {
		width: 100%;
		min-width: 100%;
		max-width: 100%;	
	}
	.table .t_small {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}	
}
.table .t_medium {
	width: 15%;				
	min-width: 250px;	
}
.table .t_full {	
	min-width: 200px;
}
.table .t_checkbox {
	width: 50px;	
	max-width: 50px !important;
	min-width: 50px !important;
	padding-left: 15px;
}
.table .t_ordem {
	width: 60px;	
	max-width: 60px !important;
	min-width: 60px !important;	
}
.table .t_number {
	width: 250px;
	min-width: 250px;		
	max-width: 250px;	
}
.t-data {
	width: 300px;
	min-width: 300px;		
	max-width: 300px;
}
.t_right {
	max-width: 100px;
}
.table .t_button {
	width: 200px;
	min-width: 200px;	
	max-width: 200px;		
}
@media (max-width: 1200px) {
	.table .t_button {
		width: 140px;
		min-width: 140px;	
		max-width: 200px;		
	}	
}
@media (max-width: 600px) {
	.table .t_button {
		width: 100%;
		min-width: 100%;	
		max-width: 100%;		
	}
}
.table .t_button_size_1 {
	width: 200px;
	min-width: 200px;	
	max-width: 200px;	
}
.table .t_button_size_3 {
	width: 150px;
	min-width: 150px;	
	max-width: 150px;	
}
.table .t_button_size_5 {
	width: 240px;
	min-width: 240px;	
	max-width: 240px;	
}
.table .t_button_size_6 {
	width: 240px;
	min-width: 240px;	
	max-width: 240px;	
}
@media (max-width: 1200px) {
	.table .t_button_size_6 {
		width: 170px;
		min-width: 170px;	
		max-width: 170px;		
	}	
}
@media (max-width: 600px) {
	.table .t_button_size_6 {
		width: 100%;
		min-width: 100%;	
		max-width: 100%;		
	}
}
.table .t_mobile {
	display: none;
}
/*****   CORES DO STATUS    ******/
.table .t_status {
  font-weight: bold;
}
.table .t_green {
  color: #6ABE83;
}
.table .t_red {
  color: #E0474C;
}
.table .t_orange {
  color: #E57A44;
}
.table .t_blue {
  color: #4472CA;
}
/*****   FORMATAÇÃO CHECKBOX HEADER    ******/
.checkbox_link_list {	
	display: block;	
	padding: 13px 0px;	
}
/*****   FORMATAÇÃO TITULO HEADER    ******/
.table_title_column {
	float: left;		
	width: calc(100% - 30px);
	height: 50px;
	cursor: pointer;	
	white-space: nowrap;	
	text-overflow: ellipsis;
	overflow: hidden;
}
.table_title_column label {
	float: left;
	width: auto;
	height: 50px;
	max-width: calc(100% - 20px);
	padding-top: 20px;
	padding-left: 15px;	
	white-space: nowrap;	
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
}
.table_title_column label span {
	color:  #FF7A5A;
	font-size: 12px;		
}
.table_title_column i {
	float: left;	
	width: 20px;
	height: 50px;
	padding-top: 15px;
}
.table_title_column i svg {
	width: 24px;
	height: 24px;
	fill: #212121;
}
.header_simple {	
	height: 50px;
	padding-top: 20px;
	padding-left: 13px;
}
@media (max-width: 1390px) {	
	.table_title_column label {
		font-size: 13px;
	}
	.table_title_column label span {
		font-size: 11px;
	}
	.table_title_column i {
		width: 20px;
	}
}
/*****   ICONES DENTRO DA LISTA    ******/
.ico_line svg {
	width: 30px;
	height: 30px;
}
/*****   FORMATAÇÃO BOTÃO DE FILTRO    ******/
.table_link_filter {
	width: 30px;
	height: 30px;	
	float: right;
	border-radius: 30px;
	margin-top: 10px;
/* 	border-left: 1px solid #d4d4dc; */
	cursor: pointer;
	background: url('../images/svg/filter.svg') no-repeat transparent;
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, all 0.1s;
	background-size: 30px 50px !important;
	background-position: 0px -7px !important;
}
.table_link_filter:HOVER {
	background: url('../images/svg/filter.svg') no-repeat #DDE0DF;
	box-shadow: inset 0 5px 10px hsla(0, 0%, 0%, 0.1);
	background-size: 30px 50px !important;
	background-position: 0px -7px !important;	
}
.table_link_filter:ACTIVE {
	box-shadow: inset 0 5px 10px hsla(0, 0%, 0%, 0.3);
	background-size: 30px 50px !important;
}
/*****   FORMATAÇÃO INPUT DE FILTRO    ******/
.header_input_table {	
	width: 100%;
	height: 50px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
	display: none;
}
.header_input_table input, .header_input_table select {
	width: 100%;
	height: 100%;
	padding: 0px 15px;
}
/*****   FORMATAÇÃO DOS BOTÕES DE FILTRO    ******/
.table_header_button {
	width: 100%;
	height: 50px;
	padding-top: 6px;	
	text-align: center;	
}
/*****   FORMATAÇÃO DOS ITENS DA LISTA    ******/
.table_error_label label {
	color: #E0474C;
	font-weight: 500;
}
.table_error_label span {
	background-color: #E0474C;	
	color: #f1f0ee;	
	width: 100%;
    display: inherit;
    padding-left: 5px;
}
.table_reset_label {
	width: 100%;	
	padding: 8px 7,5px;
	display: block;	
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;	
}
.table_reset_label p {
	display: none;
}
.table_reset_label p:FIRST-CHILD {
	display: table;	
	font-size: 12px !important;
}
.table_line_break_label label {
	display: block;
	width: 100%;	
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;	
	
}
.table_checkbox_iten label {
	margin-left: 15px;
}
/*****   BOTÕES DA LISTA    ******/
.list_button_item {
	float: right;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
/*****   BOTÕES DA LISTA TAG <A>    ******/
.list_button_item a {
	height: 34px;
	width: 40px;		
	text-decoration: none;	
	text-align: center;	
	margin-right: 5px;	
	float: left;
	display: inline-block;
	background: #dcdcdc;	
	color: #2b3a40 !important;
	fill: #2b3a40;
	border: 1px solid #2b3a40;
	border-radius: 4px;	
	padding-top: 4px;	
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.list_button_item a i svg {
	width: 24px;
	height: 24px;
}
@media (max-width: 1200px) {
	.list_button_item a {
		height: 32px;
		width: 27px;
		margin-right: 4px;		
	}	
}
.list_button_item a:FOCUS {
	outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(231,58,26,.4);
}
.list_button_item a:HOVER, .list_button_item a:ACTIVE  {
	background:  #2b3a40;
	color: #fff !important;
	fill: #fff;
	border-color: #2b3a40;
}
/*****   BOTÕES DA LISTA TAG <BUTTON>    ******/
.list_button_item button {
	height: 34px;
	width: 40px;		
	text-decoration: none;	
	text-align: center;	
	margin-right: 5px;
	float: left;
	display: inline-block;
	background: #dcdcdc;	
	color: #2b3a40;
	fill: #2b3a40;
	border: 1px solid #084C61;
	border-radius: 4px;	
	padding-top: 4px;	
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, all .15s;
}
.list_button_item button i svg {
	width: 24px;
	height: 24px;
}
.list_button_item button:FOCUS {
	outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(231,58,26,.4);
}
.list_button_item button:HOVER, .list_button_item button:ACTIVE  {
	background:  #2b3a40;
	color: #fff;
	fill: #fff;
	border-color: #2b3a40;
}
.list_button_item button:DISABLED {
	background:  #8A949B;
    border-color:  #8A949B;
    color: rgba(255,255,255,0.5);
    fill: rgba(255,255,255,0.5);
    cursor: default;
}
.list_button_item .list_button_delete:HOVER, .list_button_item .list_button_delete:ACTIVE {
	background: #e0474c;
	color: #fff;
	fill: #fff;
	border-color: #b11a21;
}
.list_button_item .list_button_send:HOVER, .list_button_item .list_button_send:ACTIVE {
	background: #6ABE83;
	color: #fdfdfd;
	fill: #fdfdfd;
	border-color: #6ABE83;
}
.list_button_item .list_button_peding {
	background:  #e94c6f;
	color: #000;
	fill: #000;
	border-color: #000;
}
.list_button_item .list_button_peding:HOVER, .list_button_item .list_button_peding:ACTIVE {
	background: #e94c6f;
	color: #fdfdfd;
	fill: #fdfdfd;
	border-color: #000;
}
.list_button_item .list_button_registered {
	background:  #00c07f;
	color: #212121;
	fill: #212121;
	border-color: #000;
}
.list_button_item .list_button_registered:HOVER, .list_button_item .list_button_registered:ACTIVE {
	background: #00c07f;
	color: #fdfdfd;
	fill: #fdfdfd;
	border-color: #4472CA;
}
.list_button_item .list_button_alert {
	background:  #ED8A63;
	color: #000;
	fill: #000;
	border-color: #000;
}
.list_button_item .list_button_alert:HOVER, .list_button_item .list_button_alert:ACTIVE {
	background: #FD7923;
	color: #fff;
	fill: #fff;
	border-color: #000;
}
.list_button_item .list_button_approve {
	background: #62C8A5;
	color: #212121;
	fill: #212121;
	border-color: #62C8A5;
}
.list_button_item .list_button_approve:HOVER, .list_button_item .list_button_approve:ACTIVE {
	background: #58B4AB;
	color: #fff;
	fill: #fff;
	border-color: #62C8A5;
}
.list_button_item .list_button_reject {
	background: #e0474c;
	color: #212121;
	fill: #212121;
	border-color: #b11a21;
}
.list_button_item .list_button_reject:HOVER, .list_button_item .list_button_reject:ACTIVE {
	background: #B11A21;
	color: #fff;
	fill: #fff;
	border-color: #b11a21;
}
@media (max-width: 1200px) {
	.list_button_item button {
		height: 32px;
		width: 27px;
		margin-right: 4px;		
	}	
}

.list_button_item .list_button_red {
	background:  #e94c6f;
	color: #fff;
	fill: #fff;
	border-color: #bf173e;
	text-shadow: 0 1px 0 rgba(84, 39, 51, 1);
}
.list_button_item .list_button_red:HOVER, .list_button_item .list_button_red:ACTIVE {
	background: #bf173e;
	color: #fff;
	fill: #fff;
	border-color: #bf173e;
}
.list_button_item .list_button_green {
	background:  #00c07f;
	color: #fff;
	fill: #fff;
	border-color: #009762;
	text-shadow: 0 1px 0 rgba(84, 39, 51, 1);
}
.list_button_item .list_button_green:HOVER, .list_button_item .list_button_green:ACTIVE {
	background: #009762;
	color: #fff;
	fill: #fff;
	border-color: #009762;
}
.list_button_item .list_button_orange {
	background:  #f9ae08;
	color: #424242;
	fill: #424242;
	border-color: #c18904;
	text-shadow: 0 1px 0 rgba(84, 39, 51, 1);
}
.list_button_item .list_button_orange:HOVER, .list_button_item .list_button_orange:ACTIVE {
	background: #c18904;
	color: #424242;
	fill: #424242;
	border-color: #c18904;
}
.list_button_item .list_button_grey {
	background:  #595959;
	color: #fff;
	fill: #fff;
	border-color: #3a3a3a;
	text-shadow: 0 1px 0 rgba(84, 39, 51, 1);
}
.list_button_item .list_button_grey:HOVER, .list_button_item .list_button_grey:ACTIVE {
	background: #3a3a3a;
	color: #fff;
	fill: #fff;
	border-color: #3a3a3a;
}

.list_button_message_alert {
	-webkit-animation-name: btn_message_alert; /* Safari 4.0 - 8.0 */
  	-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  	-webkit-animation-iteration-count: infinite;
  	-webkit-animation-direction: alternate;
  	animation-name: btn_message_alert;
  	animation-duration: 1s;
  	animation-iteration-count: infinite;
  	animation-direction: alternate;
	
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes btn_message_alert {
  from {
  		background-color: #dcdcdc;
  		color: #084C61;
		fill: #084C61;		
	}
  to {
  		background-color: #f9ae08;
  		color: #424242;
		fill: #424242;
		border-color: #c18904;
  	}
}

/* Standard syntax */
@keyframes btn_message_alert {
  from {
  		background-color: #dcdcdc;
  		color: #084C61;
		fill: #084C61;
	}
  to {
  		background-color: #f9ae08;
  		color: #424242;
		fill: #424242;
		border-color: #c18904;
  	}
}

/*****   BOTÕES DA LISTA TAG <lABEL>    ******/
.list_button_item div {
	float: left;
}
.list_button_item label {
	height: 34px;
	width: 40px;		
	text-decoration: none;	
	text-align: center;	
	margin-right: 5px;
	float: left;
	cursor: pointer;
	display: inline-block;
	background: #dcdcdc;	
	color: #084C61;
	fill: #084C61;
	border: 1px solid #084C61;
	border-radius: 4px;	
	padding-top: 4px;	
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.list_button_item label i svg {
	width: 24px;
	height: 24px;
}
.list_button_item label:FOCUS {
	outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(231,58,26,.4);
}
.list_button_item label:HOVER, .list_button_item label:ACTIVE  {
	background:  #3f3f3f;
	color: #fff;
	fill: #fff;
	border-color: #dcdcdc;
}
/*****   CLASSES DE RESPONSIVIDADE    ******/
@media (max-width: 2050px) {
	.table .t_hidden_2050px {
		display: none;
	}
}
@media (max-width: 1850px) {
	.table .t_hidden_1850px {
		display: none;
	}
}
@media (max-width: 1790px) {
	.table .t_hidden_1790px {
		display: none;
	}
}
@media (max-width: 1620px) {
	.table .t_hidden_1620px {
		display: none;
	}
}
@media (max-width: 1500px) {
	.table .t_hidden_1500px {
		display: none;
	}
}
@media (max-width: 1360px) {
	.table .t_hidden_1360px {
		display: none;
	}
}
@media (max-width: 1200px) { 
	.table .t_hidden_1200px {
		display: none;
	}
}
@media (max-width: 1025px) { 
	.table .t_hidden_1025px {
		display: none;
	}
}
@media (max-width: 1023px) { 
	.table .t_hidden_1023px {
		display: none;
	}
}
@media (max-width: 960px) { 
	.table .t_hidden_960px {
		display: none;
	}
}
@media (max-width: 600px) {
	.table .t_mobile {
		display: none;
	}
  	.table-action thead {
    	display: none;
  	}  
  	.table-action tr {
    	border-bottom: 1px solid #dddddd;
  	}
  	.table-action td {
    	border: 0;
  	}
  	.table-action td:not(:first-child) {
    	display: block;
  	}
  	.table td {
  		max-width: 100%;
  		padding-top: 10px;  
  		height: auto;	
  	}
	.table_reset_label {
		width: 200px;
	}
	.list_button_item {
		float: left;
		margin-bottom: 10px;
	}
}
/**************************************************
****************** CLASSES ANIMAÇÃO*******************
**************************************************/
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}