.usuarios_menu{margin-top:20px;}
.usuarios_opcion_menu {font-weight:bold; width:140px; height:100px; float:left; text-align:center; margin-top:20px; margin-right:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.usuarios_opcion_menu_imagen {float:left; width:100%; height:60px}
.usuarios_opcion_menu_texto{font-weight:bold; width:100%; float:left; text-align:center}
.usuarios_tablainforme td{}
.usuarios_tablainformefila1{background-color:#f0f0f0; color:#000000;}
.usuarios_tablainforme_importes td{}
.usuarios_divnombre{margin-bottom:-30px; text-align:right}
.usuarios_divnombre a {text-decoration: none;}
.usuarios_nombre{margin:0;font-weight:bold; font-size:10px; padding:5px;}
.usuarios_icono{vertical-align:middle; margin-bottom:12px; width:30px}
.usuarios_informepdf{text-align:right; margin:-10px 0 0 0; padding:0}
.usuarios_error_no_encontrado {color:#900;font-weight:bold}
.usuarios-foto-wrap {overflow:auto}
.usuarios-foto-content {margin-top:20px; margin-bottom:60px; overflow:auto}
.usuarios-foto-div {float:left; margin-right:20px; border:1px solid #ccc; min-width:150px; min-height:200px; position:relative;}
.usuarios-foto-op {float:left; max-width:70%}
.usuarios-foto {min-height: 50px; min-width: 50px; max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.usuarios-foto-menu {transition: all .2s ease-in-out;}
.usuarios-foto-menu:hover {transform: scale(2);}
.usuarios-foto-mensaje {margin-top:20px}
.usuarios-justificante-wrap {overflow:auto; margin-bottom:50px;}
.usuarios-justificante-content {margin-bottom:15px; overflow:auto}
.usuarios-justificante-div {float:left; margin-right:20px; border:1px solid #ccc; min-width:150px; min-height:200px; position:relative;}
.usuarios-justificante-op {float:left; max-width:70%}
.usuarios-justificante {min-height: 50px; min-width: 50px; max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.usuarios-justificante-menu {transition: all .2s ease-in-out;}
.usuarios-justificante-menu:hover {transform: scale(2);}
.usuarios-justificante-mensaje {margin-top:20px}

table.tablesorter.table-survey-list *, table.tablesorter.table-cert-list * {
	font-size:14px !important;
}

.box-exhibitor-container {
    overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
    float: left;
    width: 50%;
    padding: 5px; 
}

.box-exhibitor {
    padding: 10px; 
    margin: 15px 0; 
    border: 2px solid #eee;
    box-shadow: 0px 0px 5px #eee;
    overflow: auto;
    position: relative;
    min-height: 300px;
    /*max-height: 400px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
    float: left;
    width: 100%;    
}

.box-exhibitor.popup-mode {
    border: none;
    box-shadow: none;
    padding: 0; 
    margin: 0; 
    height: auto;
}

.box-exhibitor .field {
    padding: 10px; 
    /*text-align: justify;*/
}

.box-exhibitor .field.name {
    font-size: 18px;
    font-weight: bold;
}

.box-exhibitor .field.description {
    overflow: auto;
    height: 60px;
}

.box-exhibitor .field.full-description {
    overflow: auto;
}

.box-exhibitor .field.logo {
    padding: 10px 10px;
}

.box-exhibitor .field.logo img {
    height: 50px;
    max-height: 50px;
}

.box-exhibitor .field.web {
    padding: 5px 10px;
}

.box-exhibitor .title {
    padding: 5px 10px; 
    font-weight: bold;
}

.box-exhibitor .fields-logo-container {
    box-sizing: border-box;  
    overflow: auto;
    margin-bottom: 40px;
}

.box-exhibitor .fields-container {
    box-sizing: border-box;    
    width: 100%; 
    float: left;
}

.box-exhibitor .logo-container {
    box-sizing: border-box;
    float: left;
}

.box-exhibitor .viewmore-container {
    box-sizing: border-box;
    float: left;
    padding: 10px;
    overflow: auto;
}

.box-exhibitor .viewmore-container a {
    background-color: #8FBC8F;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
}

.box-exhibitor .viewmore-container a:hover {
    background-color: #666;
}

.box-exhibitor .interview-container {
    box-sizing: border-box;
    float: left;
    padding: 10px;
    overflow: auto;
}

.box-exhibitor .interview-container a {
    background-color: #eaa53b;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
}

.box-exhibitor .interview-container a:hover {
    background-color: #666;
}


.box-exhibitor .contact-details {
    padding: 10px;
}

.box-exhibitor .contact-details p {
    margin: 0;
}

.box-exhibitor .operartions-container {
    position: absolute;
    bottom: 15px;
}

#element_to_pop_up_exhibitor { 
	display:none; 
    background-color:#fff;
    border-radius:3px;
    color:#000;
    margin-top: 5vh;
    padding:35px 20px 20px 20px;
	width: 80vw !important;
	max-width: 1024px;
	max-height: 80vh!important;
	overflow: auto;
}

#element_to_pop_up_exhibitor .b-close{
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
	font-size:24px;
}

.box-meeting {
    padding: 10px; 
    margin: 15px 0; 
    border: 2px solid #eee;
    box-shadow: 0px 0px 5px #eee;
    overflow: auto;
    position: relative;
}

.box-meeting.request-sent {
    border-color: #457AB0;
    background-color: #fff;
}

.box-meeting.request-accepted {
    border-color: #8FBC8F;
    background-color: #fff;
}

.box-meeting.request-rejected {
    border-color: #a73c3c;
    background-color: #fff;
}

.box-meeting.meeting-arranged {
    border-color: #8FBC8F;
    background-color: #8FBC8F;
    color: #fff;
}

.box-meeting.meeting-canceled {
    border-color: #a73c3c;
    background-color: #fff;
}

.box-meeting .field-caption {
    font-weight: bold;
}

.box-meeting .notes-container {
	max-width: 600px;
}

.box-meeting .notes-text textarea {
	width:100% !important; 
	height: 60px; 
	box-sizing: border-box;
}

.box-meeting .notes-text textarea.updating {
    border-color: #e9fed2;
    background-color: #e9fed2;
}

.box-meeting .notes-caption {
    position: relative;
}

.box-meeting .notes-update {
    position: absolute;
    bottom: 3px;
    right: 3px;
}

.box-meeting .notes-update a {
    padding: 2px 5px;
    border-radius: 5px;
}

.box-meeting .notes-update .updating {
	/*background-color: #8FBC8F;
    color: #fff;*/
    color: #000;
}

.box-meeting .notes-bottom-message {
    text-align: left;
    font-size: 0.9em;
}

.box-meeting .operations-container {
    margin-top: 15px;
    /*border: 1px solid #f2f2f2;
    box-shadow: 1px 1px 5px #f6f6f6;
    padding: 8px 6px 6px 6px;*/
}

.box-meeting .operations-container img {
    height: 40px;
    margin-right: 5px;
}

.box-meeting .videoconference-container {
    margin-top: 10px;
}

.box-meeting .videoconference-message {
    font-weight: bold;
    color:#a73c3c;
}


.box-meeting .field-state.request-sent {
    font-weight: bold;
    color: #457AB0;
}

.box-meeting .field-state.request-accepted {
    font-weight: bold;
    color: #8FBC8F;
}

.box-meeting .field-state.request-rejected {
    font-weight: bold;
    color: #a73c3c;
}

.box-meeting .field-state.meeting-arranged {
    font-weight: bold;
    color: #fff;
}

.box-meeting .field-state.meeting-canceled {
    font-weight: bold;
    color: #a73c3c;
}

.box-meeting.slot-available {
    border-color: #8FBC8F;
    background-color: #fff;
}

.box-meeting.slot-unavailable {
    border-color: #a73c3c;
    background-color: #fff;
}

.box-meeting.slot-unavailable-date {
    border-color: #F4A460;
    background-color: #fff;
}

.box-meeting .request-type-icon {
    float:right; 
    position: absolute; 
    top: 5px; 
    right: 10px;
}

.box-meeting .id-container {
    padding-bottom: 5px;
}

.box-meeting-details-container {
    padding: 0 0 2px 30px;
}

.box-meeting .interview-now, .box-meeting .meeting-now  {
    position: absolute;
    top: 5px;
    right:5px;
    font-weight: bold;
    color: #fff;  
    background-color: #CB4335;  
    padding: 1px 3px;   
}

.meeting-details-title p {
    margin: 0;
    font-weight: bold;
    margin-bottom: -5px;
}

.meeting-details-arrow {
    margin: -2px 0 0 -22px; 
    position: absolute;
}

.meeting-details-arrow img {
    height: 18px;
}

.meetings-help-container {
    margin-top: 20px;
}

.box-meeting .field-caption.id-meeting {
    color: #457AB0;
}

.box-meeting .share-contact-details {
    /*border-top: 1px solid #eee; 
    border-bottom: 1px solid #eee;
    padding: 6px 0;
    margin: 10px 0;*/
    padding: 6px 6px;
    margin: 10px 0;
    background-color: #f0f8ff;  
}

.enable-meetings-container {
    margin: 20px 0 10px 0;
    overflow: auto;
}

.enable-meetings-button p{
    padding-top: 20px;
    text-align: center;
}

.enable-meetings-policy {
    margin: 10px 0 0 20px;
}

.enable-meetings-policy p {
    font-size: 14px;
}

.enable-videoconferences-container, .enable-facetoface-container, .enable-chats-container {
    margin-left: 20px;
    border-top: 1px solid #eee;
}

.hidden {
    display: none;
}

.visible {
    display: block;
}

.switch-control-message p{
    font-size: 14px;
    margin: 5px 0 10px 20px;
}

.switch-control-message-1 {

}

.switch-control-message-2 {
}

.switch-control-caption {
	float: left; 
	display: flex; 
	align-items: center;
	height:50px; 
	padding-right:20px;
    font-weight: bold;
}

.switch-control-image {
    height:50px;  
}

.switch-control-image img {
	height:50px; 
    cursor: pointer;
}

.newSlotContainer {
    border: 1px solid #ccc;
    padding: 10px;
    overflow: auto;
}

.meetings-time-slots-help {
    padding: 10px 0;
}

.newSlotContainer .float-left {
    float: left;
    margin: 5px 20px 0 0;
}

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

.newSlotContainer p {
    margin: 0;
}

.newSlotContainer .newSlot-fields {
    overflow: auto;
}

.newSlotContainer .newSlot-buttons {
    margin-top: 10px;
    overflow: auto;
}

#formAddSlot {

}

.btFormSlots {
    min-width: 100px;
}

.aviso-reuniones {
    /*border:1px solid #ccc; */
    padding: 5px 10px; 
    margin: 5px;
    background-color: salmon;
    color: #fff;
    border-radius: 3px;
}

.aviso-reuniones.red {
    background-color:#a73c3c;
}

.streaming-sessions-page, .streaming-session-videos-page {
    margin-top: 20px;
    margin-left: 5px;
}

.streaming-session-container {
    overflow: auto;
    margin: 20px 10px;
    box-shadow: 1px 1px 10px 3px #f2f2f2;
    padding: 10px;
    box-sizing: border-box;
}

.streaming-session-container .session-video-thumb {
    width: 20%;
    margin: 0;
    float: left;
    position: relative;
    font-size: 0.9em;
}

.streaming-session-container .session-video-thumb img{
    height: auto;
    width: 100%;
}

.streaming-session-container .session-data {
    overflow: auto;
    padding: 10px 0 0 20px;
    float: left;
    width: 65%;
}

.streaming-session-container .session-date {
    margin-top: 5px;
}

.streaming-session-container .session-date p {
    margin: 3px 0px;
    font-size: 0.9em;
    color:#666;
}

.streaming-session-container .disabled-title {
    font-weight: bold;
}

.streaming-session-data-container {
    margin: 20px 0 20px 0px;
}

.streaming-session-data-container .session-title {
    font-size: 1.2em;
    font-weight: bold;
}

.streaming-session-data-container .session-date {
    margin-top: 5px;
    font-size: 0.9em;
    color:#666;
}

.streaming-session-data-container .session-description {
    margin-top: 15px;
}

.streaming-session-data-container .session-speakers {
    margin-top: 10px;
}

.streaming-session-data-container .session-speakers-label {
    font-weight: bold;
}

.streaming-video-container {
    padding: 15px 0px;
    float:left;
    box-sizing: border-box;
    text-align: center;
}

.streaming-video-container .video-title {
    padding: 10px 0;
    font-size: 1.2em;
    color:#666;
    font-style: italic;
}

.streaming-video-container.full-width {
    padding: 20px 0px;
    width: 100%;
}

.streaming-video-container.full-width .video-content iframe {
    width: 100%;
}   

.streaming-video-container.medium-width {
    width: 50%;
}

.streaming-video-container.medium-width .video-content iframe {
    width: 100%;
}   

.lang-video-container ul {
    margin: 0;
    padding: 0;
}

.lang-video-container ul li {
    display:inline;
    padding: 5px 10px;
    margin: 0 10px 0 0;
    border-radius: 5px;
    background-color: #666;
    color: #fff;
    cursor: pointer;
}

.lang-video-item.active {
    background-color: #CB4335;
}

.streaming-widgets-container {
    width: 100%;
    overflow:auto;
}

.streaming-widget {
    float: left;
    width: 33.3%;
    box-sizing: border-box;
    padding: 10px 15px;
}

.streaming-widget-container {
    border: 1px solid #f2f2f2;
    font-size: 0.9em;    
    position: relative;
}

.streaming-widget-title {
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 10px;
}    

.streaming-widget-refresh {
    position: absolute;
    top: 5px;
    right: 5px;
}

.streaming-widget-refresh img {
    height: 20px;
    cursor: pointer;
}


.streaming-widget-modlink {
    position: absolute;
    top: 5px;
    left: 5px;
}

.streaming-widget-modlink img {
    height: 20px;
    cursor: pointer;
}

.streaming-widget-title.meetings-title {
    background-color: #E91E63;
    color: #fff;
}

.streaming-widget-title.interviews-title {
    background-color:darkorchid;
    color: #fff;
}

.streaming-widget-title.connectedusers-title {
    background-color: #6495ED;
    color: #fff;
}

.streaming-widget-search, .streaming-widget-search-text {
    box-sizing: border-box;
    padding:10px; 
    width: 100%;
}

.streaming-widget-wrapper {
    width: 100%;
    box-sizing: border-box;
    height: 500px;
    padding: 0px 5px;
    overflow: auto;    
}

.connectedusers-wrapper .connecteduser {
    padding: 10px; 
    box-shadow: 0px 0px 5px #eee;
    overflow: auto;
    position: relative;    
    background-color: #edf7ff;
    margin: 15px 5px;
}

.connectedusers-wrapper .connecteduser {
    background-color: #fff;
    border-left: 5px solid #6495ED;
}

.connectedusers-wrapper .connecteduser:first-child {
    margin-top: 1px;
}

.connectedusers-wrapper .connecteduser .connecteduser-name {
    font-weight: bold;
}

.connectedusers-wrapper .connecteduser.me {
    background-color: #d1f2eb;
    border-left: none;
}

.meetings-wrapper .meeting {
    padding: 10px; 
    box-shadow: 0px 0px 5px #eee;
    overflow: auto;
    position: relative;    
    background-color: #fff2f2;
    margin: 15px 5px;
}

.meetings-wrapper .meeting {
    background-color: #fff;
    border-left: 5px solid #E91E63;
}

.meetings-wrapper .meeting:first-child {
    margin-top: 1px;
}

.meetings-wrapper .meeting .meeting-name, .meetings-wrapper .meeting .meeting-date {
    font-weight: bold;
}

.meetings-wrapper .meeting .meeting-videoconference-message {
    font-weight: bold;
    color: #a73c3c;
}

.meetings-wrapper .meeting.in-progress {
    border-color: #D1F2EB;
    background-color: #D1F2EB;
}

.meetings-wrapper .meeting.in-progress {
    background-color: #fff;
    border-left: 5px solid #369782;
}

.meetings-wrapper .meeting-now, .interviews-wrapper .interview-now {
    position: absolute;
    top: 5px;
    right:5px;
    font-weight: bold;
    color: #fff;  
    background-color: #CB4335;  
    padding: 1px 3px;
}

.meetings-wrapper .meeting-incoming-request {
    padding: 10px; 
    box-shadow: 0px 0px 5px #eee;
    overflow: auto;
    position: relative;    
    background-color: #fff7e8 ;
    margin: 15px 5px;
}

.meetings-wrapper .meeting-incoming-request:first-child {
    margin-top: 1px;
}

.meetings-wrapper .meeting-incoming-request .meeting-incoming-request-title {
    font-weight: bold;
    color: #E91E63;
    padding-right: 35px;
}

.meetings-wrapper .meeting-incoming-request .meeting-incoming-request-name {
    font-weight: bold;
}

.meetings-wrapper .meeting-incoming-request .meeting-incoming-request-date {
    position:absolute;
    top: 5px;
    right: 5px;
}

.meetings-wrapper .meeting-incoming-request .meeting-incoming-request-icon {
    position:absolute;
    bottom: 3px;
    right: 5px;
}

.meetings-wrapper .meeting-incoming-request .meeting-incoming-request-icon img{
    height: 25px;
}

.meetings-wrapper .meeting-incoming-request .meeting-incoming-request-videoconference-message {
    font-weight: bold;
    color: #a73c3c;
}

.meeting-incoming-request-response {
    overflow: auto;
    font-size: 1em;
}

.meeting-incoming-request-response-accept {
    float: left;
    padding: 5px 5px 5px 0px;
}

.meeting-incoming-request-response-reject {
    float: left;
    padding: 5px 5px 5px 5px;
}

.meetings-wrapper .meeting-outgoing-request {
    padding: 10px; 
    box-shadow: 0px 0px 5px #eee;
    overflow: auto;
    position: relative;    
    background-color: #fffed9  ;
    margin: 15px 5px;
}

.meetings-wrapper .meeting-outgoing-request:first-child {
    margin-top: 1px;
}

.meetings-wrapper .meeting-outgoing-request .meeting-outgoing-request-title {
    font-weight: bold;
    color: #E91E63;
    padding-right: 35px;
}

.meetings-wrapper .meeting-outgoing-request .meeting-outgoing-request-name {
    font-weight: bold;
}

.meetings-wrapper .meeting-outgoing-request .meeting-outgoing-request-date {
    position:absolute;
    top: 5px;
    right: 5px;
}
.meetings-wrapper .meeting-outgoing-request .meeting-outgoing-request-icon {
    position:absolute;
    bottom: 3px;
    right: 5px;
}

.meetings-wrapper .meeting-outgoing-request .meeting-outgoing-request-icon img{
    height: 25px;
}

.meetings-wrapper .meeting-rejected-request {
    padding: 10px; 
    box-shadow: 0px 0px 5px #eee;
    overflow: auto;
    position: relative;    
    background-color:#E91E63;
    margin: 15px 5px;
    color: #fff;
}

.meetings-wrapper .meeting-rejected-request:first-child {
    margin-top: 1px;
}

.meetings-wrapper .meeting-rejected-request .meeting-rejected-request-title {
    font-weight: bold;
    color: #ffefd5;
    padding-right: 35px;
}

.meetings-wrapper .meeting-rejected-request .meeting-rejected-request-name {
    font-weight: bold;
}

.meetings-wrapper .meeting-rejected-request .meeting-rejected-request-date {
    position:absolute;
    top: 5px;
    right: 5px;
}
.meetings-wrapper .meeting-rejected-request .meeting-rejected-request-icon {
    position:absolute;
    bottom: 3px;
    right: 5px;
}

.meetings-wrapper .meeting-rejected-request .meeting-rejected-request-icon img{
    height: 25px;
}

.interviews-wrapper .interview {
    padding: 10px; 
    box-shadow: 0px 0px 5px #eee;
    overflow: auto;
    position: relative;    
    background-color: #f7edfc;
    margin: 15px 5px;
}

.interviews-wrapper .interview { 
    background-color: #fff;
    border-left: 5px solid darkorchid;
}

.interviews-wrapper .interview:first-child {
    margin-top: 1px;
}

.interviews-wrapper .interview .interview-name, .interviews-wrapper .interview .interview-date {
    font-weight: bold;
}

.interviews-wrapper .interview .interview-videoconference-message, .interviews-wrapper .interview .interview-chat-message {
    font-weight: bold;
    color: #a73c3c;
}

.interviews-wrapper .interview .interview-videoconference-button, .meetings-wrapper .meeting .meeting-videoconference-button {
    cursor: pointer;    
}

.interviews-wrapper .interview .interview-videoconference-button-min, .meetings-wrapper .meeting .meeting-videoconference-button-min {
    cursor: pointer;    
}

.interviews-wrapper .interview.in-progress {
    border-color: #D1F2EB;
    background-color: #D1F2EB;
}

.interviews-wrapper .interview.in-progress {
    background-color: #fff;
    border-left: 5px solid #369782;
}

.notifications-container {
    padding-top: 5px;
}

.notifications-bar {
    overflow: auto;
    padding: 10px;
}

.notifications-bar-item {
    float:left;
    position: relative;
    margin-right: 25px;
    cursor: help;
}

.notifications-bar-item img{
    height: 40px;
}

.notifications-bar-item .count-message{
    background-color: #CB4335;
    border-radius: 50px;
    color: #fff;
    position: absolute;
    bottom: -5px;
    right: -5px;
    height: 15px;
    width: 15px;
    font-size: 12px;
    padding: 3px;
    border: 2px solid #fff;
    visibility: hidden;
}

.notifications-bar-item.notif-connecteduser-inprogress .count-message{
    background-color: #6495ED;
}

.notifications-bar-item.notif-meeting-inprogress .count-message{
    background-color: #E91E63;
}

.notifications-bar-item.notif-interview-inprogress .count-message{
    background-color: #9932CC;
}

.notifications-bar-item.notif-incoming-request .count-message{
    background-color: #E91E63;
}

.notifications-bar .notifications-bar-messages {
    text-align: left;
    overflow: auto;
    height: 100px;
    border: 1px solid #eee;
    padding: 5px;
    background-color: #fafafa;
}

.notifications-bar-messages .notification-message-date {
    color:#F4A460;
    font-weight: bold;
}

.notifications-bar .notifications-bar-survey {
    text-align: left;
}

.streaming-tabs {
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 15px 15px;
}

.streaming-tabs-title {
    padding: 5px 10px;
    background-color: #888;
    color: #fff;
}

.streaming-tabs.medium-width {
    width: 50%;
}

.streaming-tabs.large-width {
    width: 66%;
}

.streaming-tabs.full-width {
    width: 100%;
}

.streaming-tabs-component {
    overflow: auto;
    min-height: 500px;    
}

.session-chat-container {
    background-image: url(../../images/user/loading.gif); 
    background-repeat: no-repeat;
    background-position: center;   
    background-size: 120px;  
    padding: 15px 0px;
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
}

.session-chat-container .session-chat-iframe {
    width: 450px;
    height: 400px;
    border: 1px solid #ccc;
}

.session-chat-wrapper {
    visibility: hidden;
}

.session-chat-container.full-width {
    padding: 20px 0px;
    width: 100%;
}

.session-chat-container.full-width .session-chat-iframe {
    width: 100%;
}    

.meeting-chat-container {
    background-image: url(../../images/user/loading.gif); 
    background-repeat: no-repeat;
    background-position: center;   
    background-size: 120px;  
    padding: 15px 0px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.meeting-chat-container .meeting-chat-iframe {
    width: 100%;
    height: 400px;
    border: 1px solid #ccc;
}

.meeting-chat-wrapper {
    visibility: hidden;
}

.chat-logout-button {
    padding: 3px 10px;
    margin-right: 10px;
}

.chat-logout-button:hover {
    background-color: #666;
    color: #fff;
    border-color: #666;    
}

.table-add-interview {
    min-width: 50%
}

.form-add-interview-container {
	width: 100%;
    margin-top: 20px;
}

.form-add-interview-container textarea {
    width: 100%; 
    max-width: 500px;
    height: 50px;
}

.form-add-interview-container input[type=text] {
    width: 100%; 
    max-width: 500px;
}

.form-add-interview-container .interview-field-container {
	margin-top: 10px;
}

.form-add-interview-container .submit-add-interview-container {
    margin-top: 10px;
}

.form-add-interview-container .interview-exhibitor-name {
    margin: 25px 0;
    font-weight: bold;
    font-size: 1.1em;
}

.streaming-error-message {
    margin: 30px 0;
    font-size: 1.2em;
    color:#900;
}

.meet-jitsi-container {
	width: 100%;
	max-width: 1024px;
}

.meet-jitsi-outer {
    animation: meet-jitsi-loading 15s;    
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

.meet-jitsi {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

@-webkit-keyframes meet-jitsi-loading {
    0% {
        background-image: url(../../images/user/loading.gif); 
        background-repeat: no-repeat;
        background-position: center;          
        background-size: 100px;
    }
    99% { 
        background-image: url(../../images/user/loading.gif); 
        background-repeat: no-repeat;
        background-position: center;          
        background-size: 100px;
    }    
    100% {
        background-image: url(../../images/user/loading.gif); 
        background-repeat: no-repeat;
        background-position: center;          
        background-size: 0;
    }
}

.meet-jitsi-user-details {
    font-weight: bold;
    padding: 10px;
    margin: 10px 0 10px 0;
    border: 1px solid #eee;
    color: #fff;
    background-color: #4173A6;
}

/*
.meet-jitsi {
    width: 100%;
    height: 600px;
    margin-bottom: 30px;
}
*/

/*
.divBreadCrumbsCP {
    border-radius: 5px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border: 1px solid #f2f2f2;
    padding: 6px 10px 3px 10px;
    margin-bottom: 10px;
    background-color: #fafafa;
    text-align: right;
}
*/

/*
.divBreadCrumbsCP {
    padding: 6px 10px 3px 10px;
    margin-bottom: 10px;
    text-align: left;
}
*/


.divBreadCrumbsCP {
    padding: 6px 10px 6px 10px;
    margin-bottom: 10px;
    border: 1px solid #f2f2f2;
    background-color: #f6f6f6;
    text-align: right;
    text-align: left;
    line-height: 0;
}

.user-menu-up-icon {
    margin-right: 10px;
}

.user-menu-up-icon img{
    height: 32px;
}


.streaming-nombre-agente {
    font-size: 1.2em;
    padding: 5px 10px;
    /*border: 1px solid #eee;*/
    box-shadow: 1px 1px 6px #eee;
    margin-top: -5px;
    margin-bottom: 10px;
    background-color: #457AB0;
    color: aliceblue;
    text-align: center;
}

.error-message {
    font-weight: bold;
    color: #900;
}

.field.images {
    overflow: auto;
}

.image-container {
    padding: 20px 0;
}

.image-container img {
    max-height: 200px;
}

.time-line-session {
    margin-top: 5px;
    height: 20px;
    width: 150px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.time-line-session-back {
    height: 100%;
    background-color: #ccc;
    text-align: center;
    position: relative;
    width: 100%;
}

.time-line-session-bar {
    height: 100%;
    background-color:#900;
}

.time-line-session-bar-text {
    background-color:transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    display: flex;
    align-items: center;
    justify-content: center;    
}

.time-line-value {
    color: #fff;
}

/* Surveys */

.survey-question-container {
    margin-top: 25px;
}

.survey-question-title {
    background-color: #f2f2f2; 
    margin:0 0 15px 0; 
    padding:5px; 
    font-weight:bold; 
    border: 1px solid #ccc;
}

.survey-question-required-message {
    padding-bottom: 3px;
    margin:10px 0 0 5px;
}

.survey-question-required-message span {
    font-weight: bold;
    color: #900;
}

.survey-question-required-message img {
    vertical-align: middle;
}

.survey-response-title.inline {
    padding: 0 0 0 15px;
}

.survey-responses-inline {
    overflow: auto;
}

.survey-responses-inline .survey-response-title.inline:first-child {
    padding: 0 0 0 0;
}

.survey-response-container {
    float: left;
    margin-right: 10px;
    min-height: 24px;
}

.survey-form-top-message {
    margin-top: 20px;
}

.survey-subquestion-title {
    margin: 10px 0;
    font-weight: bold;
}

.survey-responses-table {
    width: 100%;
}

.survey-textarea {
    width: 80%;
}

.table-survey-list td, .table-survey-list th, .table-survey-list th strong {
    font-size: 14px!important;
}

.survey-input-textarea-full, .survey-input-text-full {
	width: 100%;
	max-width: 800px;
    height: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 		
}

.survey-input-textarea-inline, .survey-input-text-inline {
	width: 100%;
	min-width: 300px;
	max-width: 800px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 		
}

.table-survey-list td, .table-survey-list th, .table-survey-list th strong {
    font-size: 14px!important;
}


/* SURVEY V2*/

.survey-question-container {
	overflow: auto;
}

.survey-question-container.subquestion {
	margin-top: 5px;
}

.survey-v2-response-container {
	padding: 3px 0 3px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 	
}

.survey-v2-response-container input[type] {
	margin-left: 0;	
}

.survey-v2-response-container.row {
	display: flex; 
	flex-direction: row;
}

.survey-v2-response-container.column {
	display: flex; 
	flex-direction: column;
}

.survey-v2-response-container.block {
	float: none;
	width: 100%;
}

.survey-v2-response-container.inline {
	float: left;
	padding-right: 10px;
}

.survey-v2-response-container.alt-response {
	float: none;
	width: 100%;
	padding-left: 5px;
	padding-right: 0;
}

.survey-v2-response-container.row {
	display: flex; 
	flex-direction: row;
}

.survey-v2-response-title-container {
	justify-content: center;
    flex-direction: column;
    display: flex;	
}

.survey-v2-response-title-container.order-1 {
	order: 1;
}

.survey-v2-response-title-container.order-2 {
	order: 2;
}

.survey-v2-response-field-container {
	padding: 0;
}

.survey-v2-response-field-container.order-1 {
	order: 1;
	padding-right: 5px;
}

.survey-v2-response-field-container.order-2 {
	order: 2;
	padding-left: 5px;
}

.mensaje-encuesta-finalizada-container {
    margin: 40px 0 20px 0;
}

/*ui-tabs*/

.ui-icon-close {
    background-position: -98px -128px !important;
    cursor: pointer;
}

.ui-tabs ul.ui-tabs-nav {

}

.ui-tabs .ui-tabs-nav.ui-widget-header {
	border: none;
	background: none!important;
	background-color: #ffffff;
}

.ui-tabs .ui-tabs-nav li {
	border: none;
	background: none;
	background-color: #ffffff;
	font-size: 0.9em;
    font-weight: normal;
	border-bottom: 0;
	/*margin: 4px 0.3em!important;*/
    margin: 0 2px;
    border-bottom: 2px solid #ccc!important;
}

.ui-tabs .ui-tabs-nav li .tab-title-icon {
    height: 18px;
    float: left;
    padding-top: 5px;
    padding-left: 3px;
}

.ui-tabs .ui-tabs-nav li:hover {
	border: none;
}

.ui-tabs .ui-tabs-nav li a {
	color: #888;
}

.ui-tabs .ui-tabs-nav li a:hover {
	color: #666;
	transition: all 0.5s;
}

.ui-tabs .ui-tabs-nav li.ui-state-active, .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: none;
	border: none;
    margin-bottom: 0!important;
	padding-bottom: 0!important;
	/*background-color: #F0F8FF;*/
    border-bottom: 2px solid #6685A3!important;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
	color: #6685A3;
	transition: all 1s;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 0.4em 0.4em 0.2em 0.4em !important;
}

.ui-tabs.ui-widget.ui-widget-content {
    border: none;
    border: 1px solid #f2f2f2;
}

.ui-tabs .ui-tabs-panel {
    padding: 0.5em 1em!important;
}

@media only screen and (max-width: 800px) {

    .meet-jitsi-container iframe {
        display: block;
        background: #000;
        border: none;
        height: 100vh;
        width: 100vw;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1001;
    }
    
    .streaming-video-container {
        padding: 20px 0px;
        width: 100%;
    }

    .streaming-video-container .video-content iframe {
        width: 100%;
    }    

    .streaming-video-container.medium-width {
        width: 100%;
    } 

    .session-chat-container {
        margin: 20px 0px;
        width: 100%;
    }

    .session-chat-container .session-chat-iframe {
        width: 100%;
        height: 400px;
    }

    .streaming-tabs.medium-width {
        width: 100%;
        padding: 10px 0px;
    }

    .change-video-width {
        display:none;
    }

    .box-exhibitor {
        height: auto;
    }

    .box-exhibitor .fields-container {
        box-sizing: border-box;    
        width: 100%; 
        float: left;
    }

    .box-exhibitor .fields-container.full-width {
        width: 100%!important;
    }

    .box-exhibitor .logo-container {
        box-sizing: border-box;
        width: 100%; 
        float: left;
    }    

    .box-exhibitor .field.logo {
        padding: 20px 0 20px 10px;
        text-align: left;
    }

    .box-exhibitor .field.logo img{
        max-width: 200px;
    }    

    .box-exhibitor .operartions-container {

    }

    .survey-form {
        padding: 10px 10px;
        padding: 0;
    }

    .interview-videoconference-button-min, .meeting-videoconference-button-min {
        display: none;
    }

    .box-exhibitor .field.description {
        height: 120px;
    }

}

@media only screen and (max-width: 600px) {
    
    .streaming-sessions-page, streaming-session-videos-page {
        margin-top: 10px;
    }    

    .streaming-session-container .session-video-thumb {
        width: 100%;
        margin: 0 0 0 0;
    }

    .streaming-session-container .session-data {
        padding: 5px 0;
        width: 100%;
    }

    .streaming-session-container {
        margin: 10px 2%;
    }  

    .streaming-widget {
        width: 100%;
    }    

   .streaming-tabs.large-width {
        width: 100%;
   }

    .table-add-meeting-fields {
        width: 100%;
    }    

    .time-line-session {
        height: 30px;
    }

    .survey-response-container {
        float: none;
    }

    .survey-response-container .survey-response-title.inline{
       /*display: inline-block;*/
    }

    .survey-response-container input[type="radio"],.survey-response-container input[type="checkbox"]  {
        float: left;
    }

    .survey-responses-table-invert {
        direction: rtl;
        text-align: left;
    }

	.survey-v2-response-container.inline {
		float: none;
	}

    .survey-form-top-message {
        margin-top: 5px;
    }

    .mensaje-encuesta-finalizada-container {
        margin: 20px 0 20px 0;
    }
    
    .usuarios_opcion_menu {
        height: 120px;
        font-size: 0.9em;
    }

}

@media only screen and (max-width: 400px) {
    
    .streaming-sessions-page, streaming-session-videos-page {
        margin-top: 10px;
    }    

    .streaming-session-container .session-video-thumb {
        width: 100%;
        margin: 0 0 0 0;
    }

    .streaming-session-container .session-data {
        padding: 5px 0;
        width: 100%;
    }

    .streaming-session-container {
        margin: 10px 2%;
    }

    .meet-jitsi-outer {
        min-height: 50px;
    }    

    .time-line-session {
        height: 30px;
    }

}

/* LOG IN */

.user-sign-in-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 28px rgba(0, 0, 0, 0.15);
    width: 95%;
    max-width: 400px;
    margin: 50px auto;
    padding: 20px;
    box-sizing: border-box;
}

.user-sign-in-container * {
    box-sizing: border-box;
}

.user-sign-in-form .user-sign-in-title {
    font-size: 1.3em;
    margin: 0 0 10px 0;
}

.user-sign-in-form .user-sign-in-field, .user-sign-in-form .user-sign-in-field:focus {
    background-color: #eee;
    border: none;
    padding: 8px 15px;
    margin: 8px 0;
    width: 100% !important;
    font-size: 1em;
}

.user-sign-in-form .user-sign-in-field:focus {
    background-color: #ffffff;
    border: #666666 1px solid;
    padding: 7px 14px;
}

.user-sign-in-form .forgot-password {
    text-align: center;
    padding: 15px 0;
}

.user-sign-in-form .forgot-password-link {
    color: #666;
    font-size: 14px;
    text-decoration: underline;
    margin: 15px 0;
    font-size: 0.9em;
}

.user-sign-in-form .sing-in-button-container {
    text-align: center;
    margin-top: 10px;
}

.user-sign-in-form .user-sign-in-send-button {
    padding: 8px 5px;
}

.user-sign-in-error {
    color: #c0392b;
    font-size: 0.8em;
}

.user-password-recovery-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 28px rgba(0, 0, 0, 0.15);
    width: 95%;
    max-width: 400px;
    margin: 50px auto;
    padding: 20px;
    box-sizing: border-box;
}

.user-password-recovery-container * {
    box-sizing: border-box;
}

.user-password-recovery-form .user-password-recovery-title {
    font-size: 1.2em;
    margin: 0 0 10px 0;
}

.user-password-recovery-form .user-password-recovery-field, .user-password-recovery-form .user-password-recovery-field:focus {
    background-color: #eee;
    border: none;
    padding: 8px 15px;
    margin: 8px 0;
    width: 100% !important;
    font-size: 1em;
}

.user-password-recovery-form .user-password-recovery-field:focus {
    background-color: #ffffff;
    border: #666666 1px solid;
    padding: 7px 14px;
}

.user-password-recovery-form .forgot-password {
    text-align: center;
    padding: 15px 0;
}

.user-password-recovery-form .forgot-password-link {
    color: #666;
    font-size: 14px;
    text-decoration: underline;
    margin: 15px 0;
    font-size: 1em;
}

.user-password-recovery-form .sing-in-button-container {
    text-align: center;
    margin-top: 10px;
}

.user-password-recovery-form .user-password-recovery-send-button {
    padding: 8px 5px;
}

.user-password-recovery-error {
    color: #c0392b;
    font-size: 0.8em;
}