@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Oswald|Roboto);
@font-face {
font-family: 'Antipasto';
   src: url('../fonts/antipasto.eot');
   src: url('../fonts/antipasto.eot?#iefix') format('embedded-opentype'),
        url('../fonts/antipasto.woff') format('woff'),
        url('../fonts/antipasto.ttf') format('truetype'),
        url('../fonts/antipasto.svg#adlerRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
font-family: ‘Roboto’;
   src: url('../fonts/roboto-regular.eot');
   src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-regular.woff') format('woff'),
        url('../fonts/roboto-regular.ttf') format('truetype'),
        url('../fonts/roboto-regular.svg#adlerRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
font-family: ‘Raleway’;
   src: url('../fonts/Raleway-Regular.eot');
   src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Raleway-Regular.woff') format('woff'),
        url('../fonts/Raleway-Regular.ttf') format('truetype'),
        url('../fonts/Raleway-Regular.svg#adlerRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*------------------------------------------------------------------*/
/*   IE10 in Windows 8 and Windows Phone 8 Bug fix
/*-----------------------------------------------------------------*/

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

html, body{
    background-color: #f8f8f8 !important;
}

/*canea test*/
.titulo{
    display: inline-block;
    margin: 0 auto;    
    font-family: 'Arial';
    font-size: 30pt;
    text-align: center;
    color: #204478;
    /*border-bottom: 3px solid #204478;*/
    
}

.qs-text{
    color: #515151;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 15px;
    /*font-family: Arial’;*/
    
}
.qs-text-lista{
    color: #4b94d9;
    /*text-align: justify;*/
}
.qs-iconos{
    color: #4b95da;
    font-size: 90pt !important;
}
.qs-subt{
    /*font-family: 'Arial';*/
    color: #204478;
    font-size: 28pt;
    padding-top: 30px;
    margin-top: 0px !important;
}
.texto-canea{
    text-align: center;
    /*font-family: 'Arial';*/
    text-transform: uppercase;

    color: #204478;
    margin-bottom: 30px;
    font-size: 16px !important;
    font-weight: 400;
}
.canea-text-modal{
    background-color: transparent;
    text-align: center;
    font-weight: 100;
    /*font-family: 'Arial';*/
    color: #204478;
}
@media screen and (max-width:600px){
	.canea-text-modal{
        font-size: 40pt;
    }
}

@media only screen and (max-width:1000px) and (min-width:481px){
	.canea-text-modal{
        font-size: 80pt;
    }
}

@media only screen and (min-width:1000px){
	.canea-text-modal{
        font-size: 100pt;
        margin-top: -40px;
    }
}
.method-image{
	max-height: 35vh;
}

.btn-blue{
	background-color: #204478;
	color: #ffffff;
	padding: 10px;
	margin: 10px;
	border: transparent !important;
}

.text_origen, .text_destino, .drag_origen, .drop_destino, .contenedor_drag{
	min-height: 100px;
	max-height: 100px;
	position: relative;
}

.contenedor_drag{
	border: 1px solid #e8e8e8;
}

.text_origen label, .text_destino label, .drag_origen label, .drop_destino label{
	/*border: 1px solid red;*/
	padding: 15px;
	width: 100%;
	height: 100%;
	position: absolute;
	/*background-color: red;*/
}

.text_destino label, .drop_destino label{
	border: 1px solid #000000;
}

.text_origen, .drag_origen{
	border: 1px solid #e8e8e8;
	/*padding: 15px;*/
	border-radius: 5px;
	/*background-color: #e3e3e3;*/
}

.text_destino, .drop_destino{
	border: 1px solid #e8e8e8;
	/*padding: 15px;*/
	border-radius: 5px;
	background-color: #F9F7F6;
}

.order_priority{
	position: absolute;
	color: #ffffff;
	background-color: #204478;
	width: 20px;
	height: 20px;
	font-size: 14px;
	text-align: center;
	z-index: 10;
}

.delete_icon{
	position: absolute;
	/*right: 0;*/
	z-index: 10;
	color: #ffffff;
	right: 0;
	background-color: red;
	border-radius: 3px;
	font-size: 14px;
	text-align: center;
	padding: 3px;
}
/*end*/

/*2023-04-28*/
.navbar .btn, .home-page .btn{
    border-radius: 20px;
}

.min-vh-80{
    min-height: 80vh !important;
}

.min-vw-80{
    min-width: 80vh !important;
}

.logo-icon-noback{
    height: 30px;
}

.login-register-panel-logo{
    width: 100%;
}

.login-register-left-panel{
/*    background: rgb(75,116,124);*/
/*    background: linear-gradient(90deg, rgba(75,116,124,1) 0%, rgba(58,107,115,1) 25%, rgba(109,152,154,1) 50%, rgba(51,82,88,1) 75%, rgba(43,72,78,1) 100%);*/
/*    background-color: #000000;*/
}

.form-container{
    padding: 15px;
}

.card{
/*    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;*/
/*    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;*/
/*    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;*/
/*    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;*/
/*    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;*/
/*    box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;*/
/*    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;*/
/*    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;*/
/*    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;*/
    border-radius: 20px;
    border: none;
}

.card-chart{
/*    height: 350px;*/
    text-align: center;
}

.canvas-chart{
    height: 250px !important;
/*    margin: 0 auto;*/
    display: block;
    margin: 0 auto;
    width: 100%;
}

.login-register-form{
    min-height: 75vh;
}

.login-form, .register-form{
    overflow: hidden;  /* Hide the element content, while height = 0 */
    height: 0;
    opacity: 0;
    transition: height 0ms 400ms, opacity 400ms 0ms;
}

.form-visible{
    height: auto; opacity: 1;
    transition: height 0ms 0ms, opacity 600ms 0ms;
}

.form-change-element{
    cursor: pointer;
}
/*end*/

/*2023-06-03*/
.error_msg_end_test{
    text-align: center;
    background-color: #ff0000;
    color: #ffffff;
    font-size: 20px;
    padding: 10px;
    border-radius: 10px;
}

.success_msg_end_test{
    text-align: center;
    background-color: #19AE24;
    color: #ffffff;
    font-size: 20px;
    padding: 10px;
    border-radius: 10px;
}

.not-allowed{
    cursor: not-allowed;
}
/*end*/

/*2023-06-21*/
.acronym_bubble{
    width: 30px;
    height: 30px;
    background-color: #42797f;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    padding: 5px;
    font-size: 14px;
/*    border: 1px solid #e8e8e8;*/
}
/*end*/

/*2023-06-24*/
.logo-side-panel{
    background-color: #231f20;
}

.login-register-panel{
    padding: 0;
}

.login-register-panel div[class*="col-"]{
    padding: 20px;
}
/*end*/