#pagination{
    display: inline-block;
}

h1{
    font-size: 26px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

hr{
  border-top: 1px solid #dedede;
}

.pagination{
    margin:0;
}

.box-header h4{
  margin:5px 0px;
}

.pagination a, .pagination .previous_page, .pagination .next_page, .pagination .current{
    padding:5px 10px;
    font-size: 12px;
    line-height: 1.5;
    z-index: 2;
    color: #333;
    background-color: #fafafa;
    border:1px solid #ddd;
    margin-left: -2px;
}
.pagination a:hover{
    background-color: #eee;
}

.pagination .disabled{
    opacity: 0.5;
}

.pagination .current{
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}


#shortcuts_navbar{
  max-width: 80%;
  overflow: hidden;
  height: 50px;
}
#shortcuts_navbar > li > a{
  padding-top: 10px;
  padding-bottom: 10px;
}

.shortcut_item .fa, .navbar_link_icon .fa{
  transition: transform 0.2s;
}
.shortcut_item:hover .fa, .navbar_link_icon:hover .fa{
  transform: scale(1.2);
}

.sidebar .treeview > a{
  transition: all 0.2s;
}
.sidebar .treeview > a:hover{
  padding-left: 18px;
}

.shortcut_item .active{
  background-color: rgba(0,0,0,0.1);
  box-shadow: inset 0px 0px 20px rgba(0,0,0,0.2);
}


.field{
    padding: 0px 0px;
}



/* show visitors */
.show_field_name, .show_field_value{
    padding: 5px 10px;
    /*display: inline-block;*/
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.show_field_name{
    background-color: #c3c2c4;
    color: #000000;
    /*width: 200px;*/
}

.show_field_value{
    background-color: #f0f0f0;
    color: #000000;
    min-height: 31px;
    /*margin-left: -5px;*/
    /*width: 600px;*/
}

.field_row_margin{
    margin-left: 0;
    margin-right: 0;
    padding:2px 0;
}

#error_explanation{
  border:1px solid #c00;
  background-color: rgba(255,255,255,0.5);
  padding: 10px;
}

#error_explanation h2{ font-size: 22px; margin: 5px; }
#error_explanation ul{ color:#c00; }











/* clases utiles */

.font10{ font-size: 10px }
.font12{ font-size: 12px }
.font14{ font-size: 14px }
.font16{ font-size: 16px }
.font18{ font-size: 18px }
.font20{ font-size: 20px }
.font22{ font-size: 22px }
.font24{ font-size: 24px }
.font26{ font-size: 26px }
.font28{ font-size: 28px }
.font32{ font-size: 32px }
.font36{ font-size: 36px }
.font40{ font-size: 40px }
.font44{ font-size: 44px }
.font48{ font-size: 48px }
.font50{ font-size: 50px }
.font70{ font-size: 70px }
.font72{ font-size: 72px }



.block{
    display: block !important;
    width: 100%;
}
.inline_block{ display: inline-block; width: auto; }


.width40{ width: 40% }
.width50{ width: 50% }
.width60{ width: 60% }
.width70{ width: 70% }
.width80{ width: 80% }
.width90{ width: 90% }



.padding5{ padding: 5px; }
.padding10{ padding: 10px; }
.padding20{ padding: 20px; }
.padding30{ padding: 30px; }
.padding40{ padding: 40px; }
.padding50{ padding: 50px; }
.padding5h{ padding-left: 5px; padding-right: 5px }
.padding10h{ padding-left: 10px; padding-right: 10px }
.padding20h{ padding-left: 20px; padding-right: 20px; }
.padding30h{ padding-left: 30px; padding-right: 30px; }
.padding40h{ padding-left: 40px; padding-right: 40px; }
.padding50h{ padding-left: 50px; padding-right: 50px; }
.padding5v{ padding-top: 5px; padding-bottom: 5px; }
.padding10v{ padding-top: 10px; padding-bottom: 10px; }
.padding20v{ padding-top: 20px; padding-bottom: 20px; }
.padding30v{ padding-top: 30px; padding-bottom: 30px; }
.padding40v{ padding-top: 40px; padding-bottom: 40px; }
.padding50v{ padding-top: 50px; padding-bottom: 50px; }


.mtop0{
  margin-top: 0px !important;
}
.mtop5{
  margin-top: 5px !important;
}
.mtop10{
  margin-top: 10px !important;
}
.mtop20{
  margin-top: 20px !important;
}
.mtop30{
  margin-top: 30px !important;
}
.mtop40{
  margin-top: 40px !important;
}
.mtop50{
  margin-top: 50px !important;
}
.mbottom0{
  margin-bottom: 0px !important;
}
.mbottom5{
  margin-bottom: 5px !important;
}
.mbottom10{
  margin-bottom: 10px !important;
}
.mbottom20{
  margin-bottom: 20px !important;
}
.mbottom30{
  margin-bottom: 30px !important;
}
.mbottom40{
  margin-bottom: 40px !important;
}
.mbottom50{
  margin-bottom: 50px !important;
}

.text_bold{
  font-weight: bolder;
}
.text_bold600{
  font-weight: 600;
}



/* **** AGENDA STYLES **** */
.fc-unthemed .fc-today{
  background-color: #DEF9BF !important;
}

.select_inline{
    display: inline-block !important;
    width: auto !important;
}

.fc-body .fc-row{ cursor: pointer; }
/*.fc-event{
    background-color: #67A321 !important;
    border:1px solid #66A121 !important;
}*/

.fc-agendaDay-view .fc-time-grid{ cursor: pointer; }
.fc-agendaDay-view .fc-time-grid tr:hover{
    background-color: #f9f9f9;
}

.fc-agendaWeek-view .fc-slats{
    cursor: pointer;
}

.section_header{
    font-size: 32px;
    margin-bottom: 10px;
}

.section_header small{
    font-size: 14px;
    color:#777777;
}

.activity_complete{
    text-decoration: line-through;
}

/* **** TIPOS DE ACTIVIDADES PARA LA AGENDA **** */
.activity_type_color_index{
    display: inline-block;
    width: 50px;
    height: 20px;
}

label.agenda_activity_type_icon{
    text-align: center;
}

label.agenda_activity_type_icon > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label.agenda_activity_type_icon > input + span{ /* IMAGE STYLES */
  cursor:pointer;
  width: 60px;
  padding: 6px;
  border:2px solid transparent;
}
label.agenda_activity_type_icon > input + span:hover{
    opacity: 0.9;
    border:2px solid rgba(0,0,0,0.1);
}
label.agenda_activity_type_icon > input:checked + span{ /* (RADIO CHECKED) IMAGE STYLES */
  background-color: rgba(255,255,255,0.2);
  border:2px solid #67BB05;
}


.activity_type_preview{
    width: 100%;
    height: 30px;
    color:#ffffff;
    padding: 2px 10px;
    font-size: 18px;
}

#activity_type_title{
    margin-left: 6px;
}

.TokensContainer .Token{
    height: 21px !important;
}

.TokensContainer .Token, .TokensContainer .Token .Close{
    color:#ffffff !important;
}




.callcenter_tickets_messages .callcenter_message{
    border-bottom: 1px solid #eaeaea;
}

/* callcenter */
.callcenter_message_options{
  text-align: right;
  min-width: 130px;
}

.callcenter_message_options .fa{ margin-left: 10px; }


#modal_loading .modal-dialog{
  margin-top: 18%;
  border:10px solid rgba(34,45,50,0.5);
}
#loading_text{
  text-align: center;
  font-size: 16px;
}








/* ***** FLOOR SPACES PLANO DE PISO **** */
#floor_map_wrapper{
    /*padding: 10px;*/
    /*background-color: #eaeaea;*/
    overflow: auto;
    min-height: 100px;
}
#floor_map{
    background-color: #ffffff;
    width: 1600px;
}

.grid-stack-item-content:hover{
    opacity: 0.9;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.btn_space_type{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.box_toolbar.fixed{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}

.sidebar-collapse .box_toolbar.fixed{
  left: 65px;
  width: calc(100% - 80px);
  background-color: #d1d1d1;
  box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.12);
}

#floor_map_wrapper.toolbar_fixed{
  margin-top: 76px;
}



.section_tool{
    margin-right: 5px;
}

.section_tool.btn-sm{
    height: 29px;
    margin-top: 2px;
}


/* FORMULARIOS FORMS TABS */

.form_tabs_container .nav-tabs{
  border-bottom: none;
}
.form_tabs_container .nav-tabs > li > a{
  background-color: #62a90f;
  color: #ffffff;
  border-radius: 0px;
}
.form_tabs_container .nav-tabs > li.active > a{
  background-color: #7bc02b;
  border: 1px solid #62a90f;
  border-bottom: none;
}
.form_tabs_container .tab-content{
  padding: 30px 20px;
  color: #000;
  border-radius: 0px 10px 0 0;
  background-color: #ffffff;
}
.form_tabs_container .nav-tabs>li:not(.active)>a:hover{
  border-color: #62a90f;
  background-color: #7bc02b;
}
.form_tabs_container 
.nav-tabs>li>a:hover,
.form_tabs_container 
.nav-tabs>li>a:active,
.form_tabs_container 
.nav-tabs>li>a:focus{
  color:#fff;
}


.form_tabs_footer{
  border: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 12px 20px;
  background-color: #eaeaea;
}

.customer_summary{
  border-radius: 8px;
  background-color: rgba(255,255,255,0.2);
  padding: 8px;
}



.form_tabs_container .field{
  position: relative;
  margin-top: 30px;
}

.form_tabs_container .field:first-child{
  margin-top: 0;
}

.form_tabs_container .field .field_title{
  position: absolute;
  top: -20px;
  left: 0;
  display: inline-block;
  background-color: rgba(255,255,255,0.2);
  padding: 0px 10px;
  border-radius: 4px 4px 0 0;
}



.table_invoice_information_detail td:first-child{
  background-color: #666;
  color:#ffffff;
  width: 110px;
}

.table_invoice_information_detail td:last-child{
  background-color: #999;
  color:#ffffff;
}

.table_invoice_information_detail tr:first-child td:first-child{
  border-radius: 7px 0 0 0;
}

.table_invoice_information_detail tr:last-child td:first-child{
  border-radius: 0 0 0 7px;
}

.table_invoice_information_detail tr:first-child td:last-child{
  border-radius: 0 7px 0 0;
}

.table_invoice_information_detail tr:last-child td:last-child{
  border-radius: 0 0 7px 0;
}

.table-striped>tbody>tr:nth-of-type(odd){
  /*background-color: #b8f86d;*/
}







.table_white{
  background-color: white;
}









.edit_badge_exhibitor{
  display: block;
  width: 100%;
  min-height: 20px;
}
.edit_badge_exhibitor:hover{
  background-color: #eaeaea;
}


.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 6px;
    margin-bottom: 6px;
}




.content_wrapper{
  position: relative;
}
.content_wrapper.loading:before{
  content: " ";
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border:2px solid #ccc;
  border-top:2px solid #222D31;
  background-color: rgba(255,255,255,0.6);
  position:absolute;
  top: 40%;
  left: calc(50% - 20px);
  z-index: 9;
  font-size: 18px;
  padding: 4px 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  animation-name: loading_rotation;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}
.content_wrapper.loading:after{
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(255,255,255,0.6);
  animation-name: loadingFade;
    animation-duration: 2s;
}

@keyframes loadingFade {
    from {opacity: 0}
    to {opacity: 1;}
}

@-webkit-keyframes loading_rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes loading_rotation{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframes loading_rotation{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframes loading_rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}








/* galeria de imagenes */

#image_gallery_container{
  min-height: 100px;
  max-height: 500px;
  overflow-y: auto;
}

.img_gallery_item{
  max-width: 100%;
  outline: 2px solid #fff;
}

.img_gallery_item_sizer, .gallery_image_container{
  width: 32.5%;
}

.gallery_image_container{
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 4px;
  cursor: pointer;
  transition: background-color 0.1s;
}

.gallery_image_container:hover{
  background-color: #ccc;
}

#url_selected_gallery_image{
  padding: 8px 2px;
  font-size: 16px;
}






/* ----------------- dashboard ---------------- */
.dashboard_cell{
  padding: 0px 10px;
  width: 20%
}
.dashboard_cell:first-child{
  padding-left: 0px;
}
.dashboard_cell:last-child{
  padding-left: 0px;
}
.container_indicators{
  opacity: 1;
  transition: opacity 3.2s;
}

.container_indicators.not_loaded_data{
  opacity: 0;
}





.well1{
  padding: 6px 9px;
  background-color: rgba(255, 255, 255, 0.41);
  border: 1px solid rgba(49, 49, 49, 0.16);
}
.well2{
  padding: 6px 9px;
  background-color: rgba(0,0,0,0.1);
  border: 1px solid rgba(0,0,0,0.12);
}
.well3{
  padding: 6px 9px;
  background-color: rgba(183, 183, 183, 0.1);
  border: 1px solid rgba(0,0,0,0.12);
}

.well_white{
  padding: 6px 9px;
  background-color: white;
  border: 1px solid rgba(0,0,0,0.12);
}

.well_box{
  padding: 16px 20px;
  background-color: white;
  border: 1px solid rgba(0,0,0,0.12);
}


.new_image_placeholder{
  /*border: 1px dashed #ccc;*/
  cursor: pointer;
  padding: 20px 5px;
  width: 100%;
  background-color: rgba(255,255,255,0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}
.new_image_placeholder:hover{
 background-color: rgba(255,255,255,0.6); 
}
input.img_upload_input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.lbl_new_file_attachment{
  display: block;
}


.hotel_room_images_container > div{
  margin-bottom: 10px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}
.img_room_item{
  max-width: 100%;
  height: 140px;
}


.hotel_room_item{
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  border-radius: 4px;
  background-color: rgba(255,255,255,0.6);
}

.slider_lang_title{
  background-color: #f0fffc;
  padding: 2px 10px;
  font-weight: 600;
  color: #206041;
  margin-bottom: 10px;
  border: 1px solid #cae4d1;
}



.row_added_anim{
  animation-name: fading_bg;
  animation-duration: 1s;
  animation-iteration-count: 1;
}

@keyframes fading_bg{
  from {background-color: #3c8dbc}
  to {background-color: #fff}
}






/* ------- custom button colors --------- */

.btn-navy {
  color: #fff;
  background-color: #001f3f;
  border-color: #02305f;
}
.btn-navy:hover,
.btn-navy:active,
.btn-navy.hover {
  color: #fff;
  background-color: #02305f;
}
.btn-navy.focus, .btn-navy:focus {
    color: #fff;
    background-color: #06203c;
    border-color: #02305f;
}

.btn-olive {
  color: #fff;
  background-color: #3d9970;
  border-color: #287b56;
}
.btn-olive:hover,
.btn-olive:active,
.btn-olive.hover {
  color: #fff;
  background-color: #37805f;
}
.btn-olive.focus, .btn-olive:focus {
    color: #fff;
    background-color: #37805f;
    border-color: #37805f;
}


.btn-purple {
  color: #fff;
  background-color: #605ca8;
  border-color: #413e77;
}
.btn-purple:hover,
.btn-purple:active,
.btn-purple.hover {
  color: #fff;
  background-color: #4e4b8c;
}
.btn-purple.focus, .btn-purple:focus {
    color: #fff;
    background-color: #4e4b8c;
    border-color: #4e4b8c;
}


.btn-maroon {
  color: #fff;
  background-color: #d81b60;
  border-color: #a2184b;
}
.btn-maroon:hover,
.btn-maroon:active,
.btn-maroon.hover {
  color: #fff;
  background-color: #b31c53;
}
.btn-maroon.focus, .btn-maroon:focus {
    color: #fff;
    background-color: #b31c53;
    border-color: #b31c53;
}

.btn-dark {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #151515;
}
.btn-dark:hover,
.btn-dark:active,
.btn-dark.hover {
  color: #fff;
  background-color: #3e3e3e;
}
.btn-dark.focus, .btn-dark:focus {
    color: #fff;
    background-color: #3e3e3e;
    border-color: #151515;
}


.btn-gray {
  color: #383838;
  background-color: #e8e8e8;
  border-color: #b9b9b9;
}
.btn-gray:hover,
.btn-gray:active,
.btn-gray.hover {
  color: #383838;
  background-color: #cecece;
}
.btn-gray.focus, .btn-gray:focus {
    color: #383838;
    background-color: #dedede;
    border-color: #b9b9b9;
}



.btn-blue {
  color: #fff;
  background-color: #3450e6;
  border-color: #0a219e;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue.hover {
  color: #fff;
  background-color: #263fc1;
}
.btn-blue.focus, .btn-blue:focus {
    color: #fff;
    background-color: #263fc1;
    border-color: #0a219e;
}



.btn-brown {
  color: #fff;
  background-color: #ab5617;
  border-color: #92470f;
}
.btn-brown:hover,
.btn-brown:active,
.btn-brown.hover {
  color: #fff;
  background-color: #92470f;
}
.btn-brown.focus, .btn-brown:focus {
    color: #fff;
    background-color: #92470f;
    border-color: #92470f;
}

.btn-white { 
  color: #000000; 
  background-color: #FFFFFF; 
  border-color: #A3A3A3;
} 
 
.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white.active, 
.open .dropdown-toggle.btn-white {
  color: #000000; 
  background-color: #efefef; 
  border-color: #A3A3A3; 
} 
 
.btn-white:active, 
.btn-white.active, 
.open .dropdown-toggle.btn-white { 
  background-image: none; 
} 
 
.btn-white.disabled, 
.btn-white[disabled], 
fieldset[disabled] .btn-white, 
.btn-white.disabled:hover, 
.btn-white[disabled]:hover, 
fieldset[disabled] .btn-white:hover, 
.btn-white.disabled:focus, 
.btn-white[disabled]:focus, 
fieldset[disabled] .btn-white:focus, 
.btn-white.disabled:active, 
.btn-white[disabled]:active, 
fieldset[disabled] .btn-white:active, 
.btn-white.disabled.active, 
.btn-white[disabled].active, 
fieldset[disabled] .btn-white.active { 
  background-color: #FFFFFF; 
  border-color: #A3A3A3; 
} 
 
.btn-white .badge { 
  color: #FFFFFF; 
  background-color: #000000; 
}


.index_filter_cell{
  display:inline-block;
  vertical-align:middle;
  padding-bottom: 4px;
}


.label_with_check{
  padding: 3px 8px;
  border: 1px solid #e4e4e4;
  background-color: rgba(255, 255, 255, 0.1);
}
.label_with_check:hover{
  border: 1px dashed #999;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.03);
}
.label_with_check:hover input[type='checkbox']:after{
  border-color: #2f6ce2;
}
.label_with_check input{
  margin-top: 4px;
}

.label_with_check input:before,
.label_with_check input:after{
  border-radius: 0px;
}
.label_with_check input[type="radio"]:before,
.label_with_check input[type="radio"]:after{
  border-radius: 50%;
}


#library_images_wrapper {
    overflow: auto;
    max-height: 400px;
    min-height: 100px
}

.image_library_item {
    display: flex;
    width: 200px;
    height: 150px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 4px;
    border: 1px solid #ccc;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer
}

.image_library_item img {
    max-width: 100%;
    max-height: 100%
}

.image_library_item:hover {
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    border: 2px solid #5592f1
}

.image_library_item.selected {
    border: 2px solid #0063fd
}

.image_library_item.selected:before {
    font-family: "fontAwesome";
    content: "\f00c";
    position: absolute;
    top: -4px;
    right: 0px;
    padding: 4px 6px;
    background-color: #0063fd;
    color: white;
    text-align: center
}


.pagination,.pagination_wrapper {
    background: white;
    cursor: default
}

#pagination a,#pagination span,#pagination em,.pagination_wrapper a,.pagination_wrapper span,.pagination_wrapper em {
    padding: 0.4em 0.6em;
    display: block;
    float: left;
    height: 32px;
    margin-right: 1px
}

#pagination .disabled,.pagination_wrapper .disabled {
    color: #999999;
    border: 1px solid #dddddd
}

#pagination .current,.pagination_wrapper .current {
    font-style: normal;
    font-weight: bold;
    background: #2e6ab1;
    color: white;
    border: 1px solid #2e6ab1
}

#pagination a,.pagination_wrapper a {
    text-decoration: none;
    color: #105cb6;
    border: 1px solid #9aafe5
}

#pagination a:hover,#pagination a:focus,.pagination_wrapper a:hover,.pagination_wrapper a:focus {
    color: #000033;
    border-color: #000033
}

#pagination .page_info,.pagination_wrapper .page_info {
    background: #2e6ab1;
    color: white;
    padding: 0.4em 0.6em;
    width: 22em;
    margin-bottom: 0.3em;
    text-align: center
}

#pagination .page_info b,.pagination_wrapper .page_info b {
    color: #000033;
    background: #6aa6ed;
    padding: 0.1em 0.25em
}

#pagination:after,.pagination_wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}



@media screen and (max-width: 768px){
  #shortcuts_navbar{
    display: inline-block;
    margin: 0px;
    height: 44px;
  }
  .shortcut_item{
    display: inline-block !important;
  }

  .dashboard_cells_container{
    display: block;
  }

  .dashboard_cell{
    display: block;
    width: 45%;
    float: left;
  }
}