/* 
Abstract Management Base Additional Style Sheet

Created by: Bob
Created on: March 7, 2017
Modified
Version: 1.0


HEX Colours from Banner

	yellow - #fed844
	aqua - #2cbab4
	red - #eb3e36


*/
div.image-input input {
    display: inline-block !important;
}
input[type="checkbox"],
input[type="radio"]{
	width:18px;
	height: 18px;
}
/*****************************************************************
GENERAL STYLE
*****************************************************************/
/* layout */
/* import any custom fonts
@import url(https://fonts.googleapis.com/css?family=Pacifico);
*/

#content-login h2,
#content-register h2{
	text-align: center;
}

/* General Styles */
@import url(https://fonts.googleapis.com/css?family=Dosis:400,300,600,700,500,800,200);
/*
@font-face{
	font-family: 'Rockwell';
}
*/
html{
	background: url(https://events.decorporate.ca/CCME2023/abstract/download.php?t=document&f=769&y=ZmlsZUlkPTc2OQ==) no-repeat center center / cover;
    background-attachment: fixed;
	height:100%;
}
body {
	/*background: url("/CCME2018/abstract/download.php?t=document&f=15&y=ZmlsZUlkPTE1") left top repeat-x;*/
	background:transparent;
	border:none;
	font: 12pt arial,helvetica,sans-serif;
	color: #444;
	height: 100%;
	line-height: 23px;
}
#wrapper {
	box-shadow: none;
	/*
	max-width: 1000px;
	width: 1000px;
	*/
	max-width: 80%;
    width: 100%;
	margin: 0px auto;
}
h1, h2, h3, h4, h5, h6 {
	color: #29bab6;
	font-family: "Dosis",sans-serif;
	font-weight: bold;
}
.required {
    color: rgb(235,62,54);
}
a,
a:active,
a:visited{
	color: #eb3e36;
	text-decoration: underline;
}
a:hover,
a:focus{
	text-decoration: none;
	color: #eb3e36;
}
.btn, a.btn {
	background-color: rgba(235,62,54,1.0);
	border-color: rgba(235,62,54,1.0);
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    margin: 5px 0;
    width: auto;
}
.btn:hover, .btn:active, .btn:focus, .btn.active, 
a.btn:hover, a.btn:active, a.btn:focus, a.btn.active {
	background-color: rgba(235,62,54,0.8);
	border-color: rgba(235,62,54,1.0);
    color: #ffffff;
}

.btn-instructions{
	background-color: rgba(49,184,178,0.8) !important;
    border-color: rgba(49,184,178,1) !important;
	margin: 8px 0px !important;
    width: auto;
    font-size: 20px;
    font-weight: normal !important;
    padding: 11px 21px;
	border-radius:25px;
}
.btn-instructions:hover,
.btn-instructions:focus{
	background-color: rgba(49,184,178,1) !important;
    border-color: rgba(49,184,178,1) !important;
}

.lostPassword a,
.createAccount a{
	padding:0px;
	background:none;
	color:rgb(235,62,54);
	border:none;
	text-decoration: underline;
}
.lostPassword a:hover,
.createAccount a:hover,
.lostPassword a:focus,
.createAccount a:focus{
	background:none;
	color: #eb3e36;
}
.has-success .form-control{
	border-color: rgba(00,00,00,0.2);
}
.has-success .form-control:focus{
border-color: rgba(00,00,00,0.3);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px #666666;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px #666666;
}
/*****************************************************************
HEADER
*****************************************************************/
/* layout */
#header {
	background: url('https://events.decorporate.ca/ICAM-CIMU2026/abstract/download.php?t=document&f=1532&y=ZmlsZUlkPTE1MzI=') no-repeat center center / cover #ffffff;
    height: 291px;
    border: none;
    border-bottom: none;
    border-radius: 6px;
    margin: 10px 0px;
	box-shadow: 1px 1px 3px rgb(00,00,00, 0.3);
}
/* styles */
#header h1, 
#header h2
{
	position: absolute;
	bottom: 25px;
	right: 0;
}
#header h1{
	color: #29bab6;
	position: absolute;
    top: 31px;
    right: 10px;
    margin: 0;
	font-size: 27px;
}

#header h2{
	bottom: 0;
	color:#222222;
	font-weight:500;
	display:none;
}

#user {

}

/*****************************************************************
NAVIGATION
*****************************************************************/
/* layout */
#navigation {
	width: 20%;
    float: left;
    position: relative;
    padding: 10px;
}
#navigation a {
	color: #ffffff;
	font-weight: bold;
}
#navigation ul{
	margin: 0px;
}
#navigation ul.main-nav li div.panel-heading a {
    background-color: rgba(235, 62, 54, 1.0);
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: normal;
    padding: 14px 15px;
}
#navigation ul.main-nav li div.panel-heading a:hover,
#navigation ul.main-nav li div.panel-heading a:focus{
	background-color: rgba(235,62,54,0.8);
}
#navigation ul.main-nav li div.sideSubNav {
	background-color: rgba(235,62,54,0.7);
}
#navigation ul.main-nav li div.sideSubNav ul li a {
    margin: 2px 0px;
    text-align: left;
    white-space: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 1px;
}
/*****************************************************************
CONTENT
*****************************************************************/
/* layout */
#pa{
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
    border-radius: 6px;
    box-shadow: 1px 1px 3px rgb(00, 00, 00, 0.3);
}
#pa div.inner-element {
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
    display: block;
}

#main {
	width: 79%;
    float: left;
    padding: 10px 15px;
	margin:0px;
}

#main h2, #main h4 {
	font-size: 22px;
	text-transform: uppercase;
}
/* breadcrumb */
.navBreadcrumb{

}

/* navigation buttons */
div.navButtons{

}

#fieldVar-2692, #fieldVar-3125 {
	display: none;
}

/* general styles */
#fieldVar-869 p label, #fieldVar-869 p span, 
#fieldVar-870 p label, #fieldVar-870 p span, 
#fieldVar-871 p label, #fieldVar-871 p span, 
#fieldVar-874 p label, #fieldVar-874 p span, 
.breadcrumb
{
	display: none;
}

/*****************************************************************
FOOTER
*****************************************************************/
/* layout */
#footer{
	font-size: 100%;
	border:none;
	margin-top:25px;
}
/* menu */
#footLinks {

}

/*****************************************************************
PAGE SPECIFIC
*****************************************************************/
/* table sorter */
th.tablesorter-headerAsc {
	background: lightgray url("../../../admin/asset/image/asc.gif") center right no-repeat;
}
th.tablesorter-headerDesc {
	background: lightgray url("../../../admin/asset/image/desc.gif") center right no-repeat;
}

/*****************************************************************
Custom
- set the custom field display options
*****************************************************************/
table.formatTypereview th:nth-child(2), table.formatTypereview td:nth-child(2), table.formatTypereview th:nth-child(3), table.formatTypereview td:nth-child(3), 
table.formatTypefail th:nth-child(2), table.formatTypefail td:nth-child(2), table.formatTypefail th:nth-child(3), table.formatTypefail td:nth-child(3) {
	/*display: none;*/
}

/*************************
	Mobile Adjustments
**************************/
@media (min-width:120px)and (max-width:991px){
	body{
		padding: 5px;
		border:none;
	}
	#wrapper {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		margin: 0px;
		margin-top: 25px;
	}
	#header{
		background-size: contain;
		height:100px;
		margin-bottom:15px;
	}
	#header h1{
		font-size:1.8rem;
	}
	#header h2{
		font-size:1.4rem;
	}
	#user {
		position: relative;
		top: -23px;
		right: 0px;
	}
	#user li a{
		color:#eb3e36;
		border-color:#ffffff;
	}
	.content{
		width:100% !important;	
	}
	div.login .form-control{
		margin-bottom:15px;	
	}
/* Main */
	#main{
		width:100%;	
	}

/* Navigation */
	#navigation{
		width: 100%;
		float: none;
		padding: 0px 10px;
	}
	#navigation ul{
		margin:0px;	
	}

/* Mobile Footer */	
	#footer #ers{
		position: relative;
		width: 100%;
		background-position: center;	
	}
	#footer #tagline{
		margin: 20px 0px;
		text-align: center;
	}
	#footer #footLinks {
		margin: 15px 0px;
		text-align: center;
	}
	#footer #footLinks li{
		float:none;
		border:none;
	}
	#footer .copyright{
		float: none;
		margin: 5px 0px;
		text-align: center;
	}
	
	/* Review */
	form[name="scoringForm"] div.nextField p{
		height:100%;
		overflow:hidden;
	}
	form[name="scoringForm"] div.nextField label{
		display: inline-block;
		float: right;
		width: 92%;
	}
}

#loginAdmin input,
#retrieve input,
#register input{
	font-size: 20px;
    line-height: normal;
    height: auto;
    padding: 9px 9px;
}
#loginAdmin label,
#retrieve label,
#register label{
    font-size: 18px;
    line-height: normal;
    height: auto;
    padding: 5px 0px;
    display: inline-block;
    margin: 0px;
}
#loginAdmin input[type="checkbox"],
#retrieve input[type="checkbox"],
#register input[type="checkbox"],
#loginAdmin input[type="radio"],
#retrieve input[type="radio"],
#register input[type="radio"]{
	width: 20px;
    height: 20px;
    padding: 0;
    margin: 0px 5px;
}
table.table-bordered tbody td a.btn-sm{
	display: block;
    padding: 6px;
    background: rgba(41,186,182,1.0);
    text-align: center;
    border: 1px solid rgba(41,186,182,1.0);
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
    letter-spacing: 1px;
}
table.table-bordered tbody td a.btn-sm:hover,
table.table-bordered tbody td a.btn-sm:focus{
	background: rgba(41,186,182,0.8);
}

#main .nav-link {
	line-height: inherit;
}
#submitAbstract 
{
	float: right;
}

/* custom request for removal of the menu to accommodate a specific request for a custom menu layout that is unproven */
#navigation #author-menu, 
#navigation #reviewer-menu, 
#navigation #additional-menu 
{
	display: none;
}

table.review-list-table {
	font-size: 12px;
}

tr.tablesorter-filter-row input {
	width: 100%;
}

/* REQUIRED in CUSTOM THEMES!
 This is the only definition that MUST BE added to any custom themes.
 This is how rows are hidden by filtering (included in provided themes) */
.tablesorter .filtered {
  display: none;
}

/* All of the following css is already contained within each theme file; modify it as desired */
/* filter row */
.tablesorter-filter-row td {
  background: #eee;
  line-height: normal;
  text-align: center; /* center the input */
  -webkit-transition: line-height 0.1s ease;
  -moz-transition: line-height 0.1s ease;
  -o-transition: line-height 0.1s ease;
  transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-filter-row .disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: not-allowed;
}

/* hidden filter row */
.tablesorter-filter-row.hideme td {
  /*** *********************************************** ***/
  /*** change this padding to modify the thickness     ***/
  /*** of the closed filter row (height = padding x 2) ***/
  padding: 2px;
  /*** *********************************************** ***/
  margin: 0;
  line-height: 0;
  cursor: pointer;
}
.tablesorter-filter-row.hideme * {
  height: 1px;
  min-height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  /* don't use visibility: hidden because it disables tabbing */
  opacity: 0;
  filter: alpha(opacity=0);
}

/* filters */
.tablesorter-filter {
  width: 95%;
  height: inherit;
  margin: 4px;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.1s ease;
  -moz-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease;
}

/*****************************
     Custom
*****************************/
input[value="34905"],
label[for="submission[8983]-34905"]{
     pointer-events: none;
     opacity: 0.5;
}

/*#navigation li a.btn[href="submission.php"] {display: none;}*/