/* ConfTool Main CSS File for Mobile version */
/* Please do not update this file but conftool-custom.css */

/*  general settings------------------------- */
body {
 background: #ffffff !important;
 margin-top: 0 !important;
 min-width: 0;
 padding: 0 !important;
}
body::before, body::after, #bottom, #top, #right, #left {
 background: transparent !important;
}

/* allow vertical scrolling */
.xscroll {
 overflow-x: scroll;
 -webkit-overflow-scrolling: touch;
}

#main_box{
 padding-top: 0 !important;
 border-top: 0 !important;
}
#below_siteheader {
 padding: 0 5px 0 5px !important;
 box-sizing: border-box !important;
 border-radius: 0 !important;
 width: 100% !important;
 background: #fff !important;
}
#inner_content {
 background: #fff !important;
}

h1 { font-size: 14pt; }
h2 { font-size: 13pt; }
h3 { font-size: 12pt; }
h4 { font-size: 10pt; }

pre { font-size: 10pt; }

.hrtablehead {
 width:100%;
}

.listheader_label { font-size: 10pt; }

.form_label_small { font-size:  9pt; }

.form_hint_small { font-size:  9pt; }

.login_main_div {
 width: 100% !important;
}
.td_dlg_title {
 height: 42px;
/* background-color: #555555; */
 background-position: 0 -9999px !important;
/* color: #fff; */
}
.login_header {
 font-size: 12pt;
}
.login_second_header {
 float: left;
 width: 100%;
 padding-left: 5px;
 font-size: 12pt;
}
.login_separators {
 width: 100%;
 text-align: left;
 padding-left: 5px;
}
.login_separators1 {
 padding: 3px 0 3px 0;
}
.login_separators2 {
 padding-left: 5px;
}
.login_box_left {
 display: none;
}
.login_box_right {
 width: 100%;
 text-align: left;
 padding: 5px 0 0 5px !important;
}

/*  header and footer of ConfTool------------- */

#ctSessionTimeout {
 padding: 2px 8px 2px 8px;
 background: #ffffcc;
}

.ctfoot {
 font-size:  9pt;
}


/* Related Links Box --------------------------------- */

#related_links {
 width: 100%;
 margin: 0 0 0 0;
}
#related_links_header {
 padding: 5px 10px 5px 10px;
 border-top: 0 !important; border-left: 0 !important; border-right: 0 !important;
 border-bottom: 1px solid #bbb !important;
 background: #e0e0e0;
}
#related_links_icon {
 font-size: 12pt;
 color: #337ab7;
}
#related_links_body {
 border-left: 0; border-right: 0;
 padding: 8px 0 8px 0;
}
/* make sure that the left infobox is shown in full width... */
.infoview_leftinfo{
 width: 100% !important;
}
.infoview_rightaction{
 width: 0 !important; display: none;
}

#actionbox {
}
#actionbox_header {
 background-color: #e0e0e0;
 padding: 5px 10px 5px 10px;
 font-size: 12pt;
 border-bottom: 1px solid #bbb;
}
#actionbox_icon {
 font-size: 14pt;
 color: #337ab7;
}
#actionbox_body {
 border-top: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 padding-bottom: 8px;
}
#actionbox_body li {
 padding-top: 4px;
}

.box_standard_inner {
 padding: 4px 3px 4px 3px;
}
/* The admin box is also bright in mobile view */
.box_admin_inner {
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAIAAABhIeELAAAAB3RJTUUH3gEWDAsr6qAv4wAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAAcSURBVHjaY3jx4gXDly9fmBgZGTEwAwMDCo2EASdbBctjrmxxAAAAAElFTkSuQmCC') repeat-x #fefefe;
 padding: 4px 3px 4px 3px;
 text-align: left;
}

/* Chat */
#chatinput {
 right: 0;
 position: absolute;
 width: 78%;
}
.chatSubmit {
 vertical-align: 20%;
 width: 30px;
 height: 29px;
 padding: 22px 4px 6px 2px;
}
#chatoptions {
 width: 22%;
 font-size: 8pt;
 line-height: 1.5em;
 height: 55px;
}

/* Buttons in Agenda */
@media screen and (max-width: 600px) {
 .chaticon_big {
  width: 98%;
  width: calc(100% - 10px);
 }

 .icsicon_big {
  width: 98%;
  width: calc(100% - 10px);
 }

 .sessions_agenda_div {
  width: 98%;
  width: calc(100% - 10px);
  float: right;
 }
 .sessions_agenda_div_add {
  width: 100%;
 }
 .sessions_agenda_div_in {
  width: 100%;
 }
 .sessions_agenda_div_booked {
  width: 100%;
 }
}

.identityitem {
 width: 100%;
}

@media only screen and (min-width: 380px) {
 .identityitem {
  width: 50%;
 }
}

@media only screen and (min-width: 570px) {
 .identityitem {
  width: 33.3%;
 }
}

@media only screen and (min-width: 760px) {
 .identityitem {
  width: 25%;
 }
}

@media only screen and (min-width: 950px) {
 .identityitem {
  width: 20%;
 }
}

@media only screen and (min-width: 1140px) {
 .identityitem {
  width: 16.6%;
 }
}

@media only screen and (min-width: 1330px) {
 .identityitem {
  width: 14.2%;
 }
}

@media only screen and (max-width: 680px) {
 .showidentityimage {
  border: 1px solid #aaa;
  border-top: 0;
  width: 100%;
 }
}


/*  link-list-format---------------------------------- */

.list_element_actions ul {
 font-size:10pt;
}


#session_search_right input.search {
 font-size: 12px;
 margin-top: 0; margin-right: 3px;
}

/* Special Navbars in Body of ConfTool */
.navbar_sessions{ }
.navbar_adminSessions{ }


/* form settings */
.form_table {
 empty-cells: show;
}
.form_tr_separator {} /* td { padding-top: 2px; padding-bottom: 2px; } */
.form_tr_main td { padding-top: 7px; }
.form_tr_data td { padding-bottom: 7px; }

.form_tr_main_small td { }
.form_tr_data_small td { padding-left: 4px; }

.table_noborder td { padding-bottom: 1px; }

.form_td_label {
 background: #e8e8e8;
}
.form_td_label_small {
 background: #e8e8e8;
}
.form_td_label_sub{
 background: #e0e0e0;
}
.form_td_label_error {
 background: #ffbbbb;
}
.form_td_label_error_small {
 background: #ffbbbb;
}

.form_td_entry {
 background: #e8e8e8;
 padding-top: 11px !important;
}

.form_label{
 color: #000;
}
.form_label_small{
 color: #000;
}
.form_label_sub{
 color: #000;
}
.form_label_negative {
 color: #aa0000;
}
.form_label_link {
 color: #0000cc !important;
 background: #e8f8ff;
}
.form_label_data {
}
.form_mobile_left {
 max-width: 70px;
}
.form_hint_div {
}


.form_td_field {
 background: #f0f0f0;
}
.form_td_field_small {
 background: #ddd;
}
.form_td_field_sub {
 background: #e0e0e0;
}
.form_field{}

.form_hint{
}
.form_radio_div {
}
.form_radio_small {
}
.checkboxradiodiv {
}


.form_td_buttons {
 background: #e8e8e8 !important;
 padding-top: 4px !important;
}


.expander_main {
 font-size: 8pt !important;
}

/* Message boxes */
.message_error_title {
 font-size: 11pt;
}
.message_warning_title {
 font-size: 11pt;
}
.message_info_title {
 font-size: 11pt;
}



.topline_white {
 border-top: 2px solid white;
}
.expander_bg {
 width: 100% !important;
}

/* Remove gradient for mobile devices */
.mediumbg_gradient { background: #dcdcdc; }


.inline-block {
 max-width: 100%; /* workarounds for older Android versions */
 display: inline;
 padding-left: 0;
 padding-right: 1px;
}

/* Font settings */
.font7 { font-size: 7pt; }
.font7-5 { font-size: 7.5pt; }
.font8 { font-size:   8pt; }
.font9 { font-size:   9pt; }
.font10 { font-size: 10pt; }
.font11 { font-size: 11pt; }
.font12 { font-size: 12pt; }
.font14 { font-size: 14pt; }
.font20 { font-size: 19pt; }
.font26 { font-size: 23pt; }
.font36 { font-size: 30pt; }


@media screen and (min-width: 10px) and (max-width: 330px) {
 body, p, td, .cmda, .list_element_actions ul { font-size: 9pt; }
 .font7 { font-size: 6pt; }
 .font7-5 { font-size: 6.5pt; }
 .font8 { font-size:   7pt; }
 .font9 { font-size:   7pt; }
 .font10 { font-size: 9pt; }
 .font11 { font-size: 10pt; }
 .font12 { font-size: 11pt; }
 .font14 { font-size: 12pt; }
 .font20 { font-size: 17pt; }
 .font26 { font-size: 21pt; }
 .font36 { font-size: 26pt; }
 .listheader_label { font-size: 9pt; }
 .form_label_small { font-size:  8pt; }
 .form_hint_small { font-size:  8pt; }
 h1 { font-size: 13pt; }
 h2 { font-size: 12pt; }
 h3 { font-size: 11pt; }
 h4 { font-size: 9pt; }
 pre { font-size: 9pt; }

}

/* Overwrite Settings from "Newbrowser" and "oldbrowser" */

input.button, button.button, .fakeButton, .button_clear, .waitbutton  {
 font-size: 10pt;
}
input.button, button.button {
 white-space: normal; /* Allow line breaks! */
}
.smallbutton,.smallbutton_clear,.smallwaitbutton {
 padding: 3px 6px 1px 6px !important;
 font-size: 9pt !important;
}
.tinybutton,.tinywaitbutton {
 padding: 3px 6px 1px 6px !important;
}

.chosen-single {
 height: auto !important;
 padding-top: 1px !important; padding-bottom: 1px !important;
}

.optionregular, .optionsmall {
 /* max-width: 290px; // Set in CTForm if jquery.chosen is disabled! */
}
.optionsmall, .optionsmall *, .optionfullwidth, .optionfullwidth * {
 font-family: arial, helvetica, sans-serif;
 font-size: 9pt;
}

/* Jquery UI Sortable lists: Make boxes bigger! */
.sortable {
 width: 98% !important;
}
.ui-sortable li {
 padding-top: 5px !important;
 padding-bottom: 8px !important;
}


/* Select File Type Option Box */
.jquery-msg-content {
 width: 320px !important;
 margin-left: -170px !important;
 margin-top: -230px !important;
 padding: 5px !important;
 border: 1px solid #888 !important;
}
#form_filetypes {
 font-size:8pt;
}
.modal {
 width: 96% !important;
 padding: 1px !important;
}

/* Increase size of select boxes for iOS */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 /* select { font-size: 12px; } */
}


/* Menu Button */
.menu-btn {
 /*width: 100px;*/
 position:absolute;
 display: inline-block;
 right:14px;
 top: 11px;
 font-size: 28px;
 line-height: 28px;
 color: #337ab7;
 text-align: center;
 cursor: pointer;
}
.menu-btn:hover {
 color: #ff7754;
}
/* Close menu icon */
.in-menu {
 position:absolute;
 left:0;
 top:0;
 padding: 6px 0 0 4px;
 text-align:left;
 margin:0;
 font-size: 19pt;
 line-height: 19pt;
 color: red;
 background: #ffffff;
 width: 23px;
}
/* top-line main back button */
.menu-back-btn {
 /*width: 100px;*/
 position:absolute;
 left: 0.45em;
 top: 11px;
 font-size: 28px;
 line-height: 28px;
 color: #337ab7;
 text-align: center;
 cursor: pointer;
}
.menu-back-btn:hover {
 color: #ff7754;
}

/* to move the fancy box down on the screen. More than 20px do not work */
#fancybox-content {
 margin-top: 20px;
}
