/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Abstracts
6.0 Navigation and Menus
7.0 Buttons
8.0 Alignment
9.0 Labels
10.0 Tables
11.0 Footer
12.0 Session Draft and Manage Programs
13.0 Help page
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	background-color: #ffffff;
	margin: 0 auto;
	overflow-x: hidden;
	text-align: left;
	width: 100%;
    color: #787878;
    font-family: 'lato', sans-serif;
    font-size: 14px;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
@font-face {
    font-family: 'lato', sans-serif;
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

h1{
    margin-bottom: 16px;
    color: black;
    font-size: 20px;
}

h2 {
    line-height: 23px;
    color: #676767;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 4px;
}

h3 {
    color: #676767;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top:12px;
}


b {
    font-weight: bold;
    color: #676767;
}

.red {
    color: #dd0000;
}

.blue {
    color: #0E49FF;
}

.msg {
    color: #DF7000;
}

.note {
    font-size: 12px;
}

.note2{
    font-size: 13px;
}

.required_star {
    color: #dd0000;
}

.required_fld_background {
    background-color: #ff0000;
}

/* Top site navigation row like "Abstracts > Declaration > Authors > Abstract > Summary" */
#breadcrumbs a{
    text-decoration: none;
}

#outer-breadcrums {
    margin-left:10px;
    margin-top: 30px;
    text-align: left;
    margin-bottom: 35px
}

#nav li {
	display: inline;
}

#ie-warning {
	padding: 12px 20px;
	margin: 5px 5px 10px 5px;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	background-color: lightyellow;
	border-radius: 12px;
	border: 2px dashed;
}

.descr-lg {
    width: 70%;
    margin-right: 20px;
    float: left;
}


/* Use together with label-sm */
.text-sm {
    width: 80%;
    float: left;
}


/* Use together with label-m */
.text-m {
    width: 60%;
    float: left;
}

/* Use together with label-l */
.text-l {
    width: 50%;
    float: left;
}


/* Use together with label-md */
.text-md {
  width: 73%;
  float: left;
}

.text-tb-sm {
  width: 100px;
  float: left;
  padding-right: 10px;
}

.text-tb-md {
  width: 250px;
  float: left;
  padding-right: 10px;
}

.remove-icon{
    font-size: 30px;
    text-decoration: none;
    color: #dd0000;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

textarea {
    padding: 5px 10px;
    font-size: 13px;
    width:100%;
    max-width: 600px;
    height: 80px;
    margin: 0;
    resize: none;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #9c9c9c;
}

.textarea-sm {
  margin: 0 0 0 0;
  width: 70%;
}


.select-style-xs,
.select-style-sm,
.select-style-ms,
.select-style-md,
.select-style-lg,
.select-style-xl,
.select-style-tb-sm,
.select-style-tb-md,
.select-style {
    float:left;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #9c9c9c;
    border-radius: 5px;
    overflow: hidden;
    outline:none;
    background: #fafafa url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 98% 50%;
}

.select-style-xs select,
.select-style-sm select,
.select-style-ms select,
.select-style-md select,
.select-style-lg select,
.select-style-xl select,
.select-style-tb-sm select,
.select-style-tb-md select,
.select-style select {
    padding-left:10px;
    height:18px;
    width: 140%;
    border: none;
    outline:none;
    background: transparent;
    background-image: none;
}

.select-style-xs {
    width: 60px;
}

.select-style-sm {
    width: 100px;
}

.select-style-ms {
    width: 130px;
}
.select-style-md {
    width: 50%;
}

.select-style-lg {
    width: 70%;
}

.select-style-xl {
    width: 90%;
}

.select-style-tb-sm {
    width: 100px;
}

.select-style-tb-md {
    width: 250px;
}


.select-style-xs-right {
    width: 60px;
    float:right;
    padding-right: 200px;
}

.input-text-xxs,
.input-text-xs,
.input-text-sm,
.input-text-md,
.input-text-xl,
.input-text-tb-sm,
.input-text-tb-md,
.input-text{
    width: 80%;
    height: 30px;
    border: 1px solid #9c9c9c;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 5px;
}
.input-text-xl{
    width: 100%;
}
.input-text-md{
    width: 50%;
}
.input-text-sm{
    width: 30%;
}

.input-text-xs{
   width: 22%;
   margin-right: 7px
}

.input-text-xxs {
    width: 13%;
}

.input-text-tb-sm {
    width: 100px;
}

.input-text-tb-md {
    width: 270px;
}


.inside-contact-form {
    width:80%;
    background-color: #F5F5DC;
    padding: 15px 25px 50px 25px;
    margin-top:10px;
    border-radius: 10px;
    margin-bottom:15px;
}

.input-text-sub-section {
	float: left;
    margin-right: 2%;
	width: 20%;
}

.msg_box {
    width: 500px;
	background-color: #FFFFFF;
	padding: 20px;
	border: 1px solid #858a8e;
	border-radius: 10px;
	z-index: 1;
}

/*--------------------------------------------------------------
5. Abstracts
--------------------------------------------------------------*/

/* Dropzone container for Abstract */

#dropzone-container {
	height:220px;
	width:380px;
	background-color:white;
	opacity:.5;
	border: 3px solid black;
	background-repeat: no-repeat;
  background-position: 0 0;
  z-index:10;
    position: relative;
}

#speaker-detail #dropzone-container,
#speaker-detail .dropzone .dz-default.dz-message,
#speaker-detail .dropzone {
  width: 250px;
  height: 150px;
  margin: 0px;
  top: 0%;
  left: 0%;
}

#speaker-presentations #dropzone-container,
#speaker-presentations .dropzone .dz-default.dz-message,
#speaker-presentations .dropzone {
  width: 350px;
  height: 150px;
  margin: 0px;
  top: 0%;
  left: 0%;
}

.speaker_dropzone_text {
  margin-top:30px;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
}

.speaker-photo-image {
  position:relative;
  display:inline-block;
  width:100px;
  height:100px;
  border: 1px solid;
  top: 0;
  left: 0;
}

.participant_dropzone_text {
  margin-top:30px;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
}

.participant-photo-image {
  position:relative;
  display:inline-block;
  width:100px;
  height:100px;
  border: 1px solid;
  top: 0;
  left: 0;
}

.expense_dropzone_text {
  margin-top:30px;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
}

/*  'Drop files here' text for Dropzone icon */
.dropzone-dropfiles_text{
    font-weight: bold;
    font-size: 44px;
}


/* Abstract images' icons */
.abstract-dropzone-icon {
	margin-top:30px;
	margin-left:63px;
}

.abstract-edit-images {
	display:inline-block;
	margin-bottom:20px;
	margin-top:10px;
}

.abstract-view-image-preview {
	margin-right:12px;
	border-style:solid;
	border-width:1px;
	height:125px;
	width:140px;
}

.abstract-edit-image-preview {
	position:relative;
	width:100px;
	height:100px;
	top: 0;
	left: 0;
}

.abstract-edit-image {
	position:relative;
	display:inline-block;
	width:100px;
	height:100px;
	margin-right:35px;
	border: 1px solid;
	top: 0;
	left: 0;
}

.abstract-edit-image-empty {
	position:absolute;
	width:100px;
	height:60px;
}

.delete-image-icon {
	position:absolute;
	top: -10px;
	left: 90px;
}

/* abstract table icons 461px - 449px */
.table-preview {
    width:85px;
	height:85px;
}

.abstract-edit-table-preview {
   width:110px;
   height:85px;
}

/* Title total count */
.title_total {
    font-size:13px;
    float:right;
    margin-right:24px;
}

/*--------------------------------------------------------------
6.0 Navigation and Menus
--------------------------------------------------------------*/

a{
	color: #8c8c8c;
	text-decoration: underline;
	-webkit-text-decoration-color: #045ff2;
	text-decoration-color: #045ff2;
}

.internal_link a{
	color: #790000;
}

.pointer-arrow {
    cursor: pointer;
    cursor: hand;
}

.no_underline {
    text-decoration: none;
}

#header{
	background-color: white;
	overflow: hidden;
	width: 100%;
}

#banner0{
	width:100%;
	height:auto;
	text-align: left;
	float:left;
}

#nav{
	height: 51px;
	width: 100%;
	background-color: #272727;
	text-align: left;
}

#nav ul{
	line-height: 23px;
	padding: 14px 0;
	margin: 0 10px;
}

#nav a{
	color: white;
	font-size: 15px;
	padding-right: 43px;
	text-decoration: none;
}

/*--------------------------------------------------------------
7.0 Buttons
--------------------------------------------------------------*/
.button-white-sm,
.button-sm,
.button-white,
.button {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    background-color: #868a8d;
    box-sizing: border-box;
    border: 1px solid #868a8d;
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    margin-right: 8px;
    width: 175px;
    font-family: "lato";
}

.button-white-sm,
.button-white {
	background-color:white;
	color:#858a8e;
}

.button-white-sm,
.button-sm {
    font-size: 12px;
    height: 25px;
    width: 100px;
}
/*--------------------------------------------------------------
8.0 Alignment
--------------------------------------------------------------*/

/*Centered  Elements*/
.center-block{
	margin: 0 auto;
	width: 90%;
}

/*Floats*/
.left-float{float: left;}
.right-float{float: right;}

/*Clearing Floats*/
.block-m:before,.block-m:after,
.block-s:before,.block-s:after,
.clear:before,.clear:after {
	content: "";
	display: table;
}

.block-m:after,
.block-s:after,
.clear:after{
    clear: both;
}

.block-inline {
  display: inline-block;
  margin-right: 10px;
}

/*Sidebar*/
.sidebar {
	margin-left:10px;
	width: 25%;
    float: left;
}

.sidebar .block {
	margin-bottom: 27px;
}

.main-content {
	margin-right:10px;
	width: 70%;
    float: right;
}

.main-content .block {
	margin-bottom: 20px;
}

.sidebar li {
	margin-left:20px;
	}

/*CONTENT*/
.page-content{
    margin-bottom: 80px;
}

.popup-window {
    padding: 12px 20px;
}

.page-content li {
	margin-left:20px;
	margin-bottom:3px;
	}

/*Horizontal Line*/
.hr{
	height: 1px;
	background-color: #e5e5e5;
	width: 100%;
	margin-bottom: 34px;
}

/* Bottom margin for elements */

.block-m {
	margin-bottom: 20px;
}

.block-s,
.margin-bottom-s {
	margin-bottom: 10px;
}

.par-left {
    display:inline-block;
    width:250px;
    float:left;
}

.par-right {
    display:inline-block;
    width:65%;
}

.part-half {
  width:50%;
  float: left;
}

.speaker-logout {
  margin-top: -20px;
  float: right;
}

/*--------------------------------------------------------------
9.0 Labels
--------------------------------------------------------------*/

.label,
.label-xsm,
.label-sm,
.label-m,
.label-l,
.label-lin,
.label-input-md,
.label-input-sm{
    font-weight: bold;
    color: #676767;
}

.label-xsm,
.label-sm,
.label-m,
.label-l,
.label-lin,
.label-input-sm{
    width: 20%;
    float: left;
}
.label-input-md{
  width: 27%;
  float: left;
}

.label-xsm {
  width: 5%;
}
.label-m {
    width: 40%;
}

.label-l {
    width: 50%;
}

.label-lin {
    width: 48%;
    padding-left: 2%;
}

}
.label-notbold {
    font-weight: normal;
}

.label-input-md,
.label-input-sm {
  margin-top: 5px;
}

.label {
  margin-bottom: 5px;
}
/*--------------------------------------------------------------
10.0 Tables
--------------------------------------------------------------*/

.table-list {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #858a8e;
}

.table-list th {
	padding-left: 5px;
    padding-right: 5px;
    height: 48px;
	background-color: #858a8e;
	color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

.table-list td {
	padding-top:5px;
	padding-bottom:5px;
    padding-left:10px;
	font-size: 13px;
	height: 30px;
	box-shadow:         1px 1px 0px 0px rgba(241, 241, 241, 0.75);
}

.table-list tfoot {
    border-top: 1px solid #858a8e;
}


/*  Define the background color for all the ODD background rows  */
.table-list tr:nth-child(odd) {
	background: #DDDDDD	;
}

/*  Define the background color for all the EVEN background rows  */
.table-list tr:nth-child(even) {
	background: white;
}

.table-lg {
	width: 110%;
}

.td-center {
    padding-left:0 !important;
	text-align:center;
}

.column-s {
    width:20px;
}

.sort-parentdiv {
    position:relative;
}
.sort-label {
    margin-right: 13px;
}
.sort_arrow {
    position:absolute;
    right: 2px;
    margin-top: -3px;
    top: 50%;
}

/*--------------------------------------------------------------
13.0 Footers
--------------------------------------------------------------*/
#footer{
	bottom:0;
	position:fixed;
	background-color: #272727;
	color: #ffffff;
	height: 51.33px;
	text-align: left;
	width: 100%;
	z-index:1001;
}

#footer span{
	display: inline-block;
	font-size: 15px;
	padding: 17px 0;
	text-decoration: none;
}


/*--------------------------------------------------------------
12.0 Session Draft and Manage Programs
--------------------------------------------------------------*/
.popup-wrapper {
    width: 100%;
    margin: 0 auto;
    float:left;
}

#sessions-container,
#pop-up-container {
    border-radius: 5px;
    left:40px;
    top:355px;
    display:none;
    height: 700px;
    width: 800px;
    position: absolute;
    z-index: 20;
}

#speaker-detail #pop-up-container {
  left:400px;
  height: 400px;
  width: 600px;
}


#sessions-container {
    left:100px;
    top:200px;
    height: 410px;
    width: 290px;
}

#drop_delegates {
    cursor:default;
    height:80px;
    font-size:25px;
    color:white;
}

.popup-title {
    cursor: pointer;  cursor: hand;
    width:100%;
    top:5px;
    position: absolute;
    z-index: 12;
    text-align: center;
    font-size: 22px;
    color:white;
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}


.popup-outer {
    border-radius: 5px;
    border: 1px solid black;
    height: 100%;
    width: 100%;
    cursor: default;
    background-color:#858a8e;
    position: absolute;
    z-index: 9;
}

.popup-inner {
    cursor: default;
    margin: auto;
    margin-top:35px;
    top: 0; left: 0; bottom: 0; right: 0;
    background-color: white;
    border: 1px solid black;
    height: 90%;
    width: 95%;
    position: absolute;
    z-index: 10;
    overflow-y:scroll;
}


.popup-close-place {
    cursor: default;
    right:6px;
    top:6px;
    background-color: #D3D3D3;
    border: 1px solid black;
    height: 12px;
    width: 12px;
    position: absolute;
    z-index: 15;
}

.popup-close-button {
    margin-left:2.5px;
    line-height:9px;
    color:black;
    position: absolute;
}

.popup-content {
    position: absolute;
    z-index: 100;
    margin-left:2.5%;
    margin-top:2.5%;
    height: 95%;
    width: 95%;
}

#sortable2 {
    border-radius:5px;
    border: 1px solid #9c9c9c;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
    margin-bottom:20px;
}

#sortable2 li {
    display: list-item;
    margin: 0 5px 5px 5px;
    padding: 5px;
    cursor: pointer; cursor: hand;
}

#sortable2 li:hover {
    border-color: red;
}

/*--------------------------------------------------------------
13.0 Help
--------------------------------------------------------------*/

#help h3 {
    margin-bottom:8px;
    margin-top:12px;
    color:#505050;
}

#help h4 {
    margin-bottom:4px;
    margin-top:8px;
}

#help p {
    margin-bottom:8px;
}

#help a {
    color:#790000;
}

#review li,
#review-summary li,
#abstract-summary li,
#help li {
    margin-left:17px;
    display: list-item;
}