@charset "UTF-8";

h2 {
  font-family: 'MyriadProLight', sans-serif;
  color:#DA291C;
}
h3 {
  font-family: 'MyriadProLight', sans-serif;
  color:#444;
  border-top: solid 1px #DDD;
  padding: 10px 0;
  margin: 50px 0 40px;
  background-color:#FAFAFA;
}
.no-gutter {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

/* NAVMENU CSS */
.navmenu {
    /*padding-top: 50px;*/
    font-size: 14px;
}
.navbar {
    display: block;
    text-align: center;
}
.navbar-brand {
    display: inline-block;
    float: none;
}
.navbar-toggle {
    float: left;
    margin-left: 15px;
    position: absolute;
}
.container {
    width: 100%;
    max-width:1170px;
    margin:0;
    padding:20px;
}
.main-content {
    margin-bottom:150px !important;
    max-width: 100%;
}
.main-content h2.event-name {
  font-size: 1.5em;
  color: #666;
  margin-top: 0;
  line-height: normal;
}
.home .container {
    max-width:100%;
}
body.home .headerMain ~ .container {
    width:100%;
}
.navmenu, .navbar-offcanvas {
    width:200px;
}
.navmenu-default, .navbar-default .navbar-offcanvas {
    background-color:#333;
}
.navmenu-default .navmenu-nav > li > a, .navbar-default .navbar-offcanvas .navmenu-nav > li > a, .navmenu-default .navmenu-brand, .navbar-default .navbar-offcanvas .navmenu-brand, .navmenu p {
    color:#FFF;
}
.navmenu-default .navmenu-nav>li>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-default .navmenu-nav>li>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus {
    color:#FFF;
    background-color: #222;
}
.membershipUl a, .registrationUl a, .sponsorshipUl a {
  background-color: #000;
}
.navmenu-default .navmenu-nav > .active > a, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a, .navmenu-default .navmenu-nav > .active > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover, .navmenu-default .navmenu-nav > .active > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus,.navmenu-default .navmenu-nav > .open > a, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a, .navmenu-default .navmenu-nav > .open > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover, .navmenu-default .navmenu-nav > .open > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus {
    background-color: #DA291C;
    color:#FFF;
}
.dropdown-menu, .navmenu-default .navmenu-nav.dropdown-menu, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
    background-color:transparent;
}
.dropdown ul {
    display:none;
}
.dropdown.active ul, .dropdown.open ul {
    display:block;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color:#b12f2a !important;
    background-image:none;
    border-top:solid 1px #000;
}
.disabled.day {
    color:#CCC;
}

/* DATEPICKER */
.datepicker.dropdown-menu {
    background-color:#FFF;
}
.datepicker-dropdown thead th.prev,
.datepicker-dropdown thead th.next {
  cursor: pointer;
}
.datepicker-dropdown thead th,
.datepicker-dropdown tbody td.day {
  text-align: center;
  border-radius: 4px;
}
.datepicker-dropdown tbody td.day:hover {
  background-color: #ccc;
  color: #555;
  cursor: pointer;
}
.datepicker-dropdown tbody td.active {
  background-color: #DA291C;
  color: #fff;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 40px;
  line-height: 40px;
  float: left;
  margin: 1%;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* fix for non-clickable submenu on mobile */
.navmenu-default .navmenu-nav.dropdown-menu { position: relative; }
/* */

.userData {
    margin: 15px;
}
.userData .profile_image {
    width:50px;
    height:50px;
}
.userData p {
    text-align: left;
    min-height:50px;
}
.userStatus {
    padding: 0 15px;
}
.navmenu .mainLink, .navmenu h4 {
    text-transform: uppercase;
    color:#FFF;
    font-size: 14px;
}
.navmenu h5 {
    color:#FFF;
    font-family: 'MyriadProBold', sans-serif;
    margin-left: 15px;
}
.dropdown-menu > li > a {
    padding: 5px 15px;
}
.dropdown-menu > li > a:hover {
    background-color: #000;
    background-image: none;
}
.restrictedPages a {
    text-transform: capitalize;
}
.navmenu h4 {
    padding-top:0;
}
.navmenu ul, .userStatus {
    border-top: solid 1px #555;
}
.navmenu-nav {
    margin-bottom: 0;
}
.navbar-brand {
    padding:0;
}
.dropdown-menu {
  padding-bottom:0;
}
a.exportwinbooks:visited {
  color:#BBB;
}

/* BOOTSTRAP OVERRIDE */
.table-hover tbody tr {
  cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate {
  float: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: none;
  border-color: transparent;
}

/* tiny mce */
div.mce-edit-area {
  padding: 10px 15px; /* 0 25px */
}

/* TIMEPICKER */
.bootstrap-timepicker-widget.dropdown-menu.open {
  background:  white;
}

.btn-group .btn-primary:active, .btn-group .btn-primary.active,
.btn-group .btn-default:active, .btn-group .btn-default.active
 {
  background-color: #5cb85c;
  border-color: #3e8f3e;
  color: #fff;
  text-shadow: 0 1px 0 #3e8f3e;
}

/* NDY : My css rules below */
    /* for forms validation */
.error {
  color: #DA291C;
  font-family: 'MyriadProBold', sans-serif;
}
input[type="text"]:read-only {
    background-color: #CCC;
}
input[type="text"]:-moz-read-only {
    background-color: #CCC;
}

    /* for image cropping and upload with cropit jquery plugin */
#cropContainer {
	position: relative;
  border: 0;
  background-color: #dedede;
  margin: 0 0 .5em;
  display: inline-block;
}
#cropContainer.too-large {
  display: block;
  overflow: auto;
}
#form_highlights .cropit-preview {
/* You can specify preview size in CSS */
  width: 175px;
  height: 145px;
}
#form_events .cropit-preview {
/* You can specify preview size in CSS */
  width: 400px;
  height: 400px;
}
#form_events .cropit-preview.preview-list-image {
/* You can specify preview size in CSS */
  width: 640px;
  height: 320px;
}
#form_events .cropit-preview.preview-banner-image {
/* You can specify preview size in CSS */
  width: 1200px;
  height: 300px;
}

#form_podcasts .cropit-preview {
/* You can specify preview size in CSS */
  width: 500px;
  height: 300px;
}
.cropit-preview:hover {
	cursor: move;
}
/* Show load indicator when image is being loaded */
.cropit-preview.cropit-image-loading .spinner {
  opacity: 1;
}
/* Show move cursor when image has been loaded */
.cropit-preview.cropit-image-loaded .cropit-preview-image-container {
  cursor: move;
}
/* Gray out zoom slider when the image cannot be zoomed */
.cropit-image-zoom-input[disabled] {
  opacity: .2;
}
/* Hide default file input button if you want to use a custom button */
/*input.cropit-image-input {
  visibility: hidden;
}*/
/* The following styles are only relevant to when background image is enabled */
/* Translucent background image */
.cropit-preview-background {
  opacity: .2;
}
/*
 * If the slider or anything else is covered by the background image,
 * use non-static position on it
 */
input.cropit-image-zoom-input {
  position: relative;
}
/* Limit the background image by adding overflow: hidden */
#image-cropper {
  overflow: hidden;
}
/* CROP IMAGE (IMPORTED FROM MYAIJA STYLES.CSS 28/12/16) */
.controls-wrapper input[type=range] {
	width: 55%;
	margin: 0 1em;
	display: inline-block;
}
.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}
/* CROPPER FOR SPONSORS LOGOS */
#cropContainer.sponsorsLogo {
	width: 350px;
	height: 150px;
	margin: 0 0 .5em;
}
/* END YOANN */

/* MEMBERSHIP */
button, input, optgroup, select, textarea {
	color:#000;
}
.clickableRow {
    cursor: pointer;
}
.sortable th {
	cursor:row-resize;
}

table.ticketnoborder td {
	padding:5px 20px 5px 0;
  vertical-align: top;
}

/* DATATABLES OVERRIDE */
table.dataTable thead th, table.dataTable thead td {
  padding: 10px 0;
  min-width: 100px;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
  background-image: none;
}
table.dataTable.eventReg thead th, table.dataTable.eventReg thead td {
  padding: 2px 0 !important;
  min-width: 10px;
}
#reqPages.eventReg th {
  font-family: 'MyriadProBold',arial,sans-serif;
  font-size: 15px;
  padding-right:5px !important;
  padding-left:5px !important;
}
table.dataTable.eventReg tbody th, table.dataTable.eventReg tbody td {
  padding: 8px 0 3px 0;
}
table.dataTable.eventReg thead .sorting::after {
  content: "";
}

/* */

#members th, #firms th, #reqPages th, #reqPagesALL th {
	text-align:left;
	font-weight:normal;
	font-family: "MyriadProBoldCondensed",arial,sans-serif;
	font-size:16px;
	line-height:18px;
	width:13%;
	border-bottom: solid 5px #EEE;
	border-top: solid 5px #EEE;
	padding: 5px 10px;
	margin-bottom:5px;
}
#reqPages th.tiny, #reqPages th.tiny {
  width: 50px !important;
  min-width: 50px !important;
}
#members td, #firms td {
	border-bottom: solid 1px #EEEEEE;
	line-height:16px;
	padding:5px 0;
}
.overlay {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: #000 url(/images/icons/loading_overlay.gif) center no-repeat;
  z-index:9999;
  color:white;
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

.ui-tabs-panel, .panels {
  padding:10px 10px 50px 10px !important;
  background-color:#FFF;
}
/* menuAdmin */

.menuAdmin {
	margin:0 0 20px 0 !important;
	width:auto;
	background-color:#AAA;
	height:60px;
	padding:5px 0 0 0 !important;
}
.menuAdmin li {
	height:55px;
  margin: 0;
  padding: 0 0 1px;
  list-style: none outside none;
  float: left;
  display: block;
}
.menuAdmin li a {
	color:#FFF;
  font-family: "MyriadProBoldCondensed",arial,sans-serif;
	font-size:15px;
  letter-spacing: 0.03em;
	line-height:20px;
	text-align:center;
	display: table-cell;
  float: left;
  padding:0.2em 1em;
  display: block;
}
.menuAdmin li.active a, .menuAdmin a:hover {
	color:#000;
  text-decoration: none;
}
.menuAdmin li:before {
	content: none !important;
}
.menuAdmin .notification {
    font-family: "MyriadProBold",arial,sans-serif;
    background-color: #fff;
    border-radius: 3px;
    color: #AAA;
    margin: 5px;
    padding: 0 5px;
}
.menuAdmin li.active .notification {
    background-color: #000;
    color: #fff;
}

/* DASHBOARD ADMIN */
.dashboard .linkCreate {
  min-height: 100px;
  text-align: center;
  font-size:30px;
  line-height: 28px;
}
.linkCreate .small {
  font-size:16px;
  line-height: 20px;
}
.linkCreate a {
  display:block;
  padding:25px 10px;
  background-color:#FFF;
  -moz-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
}
.linkCreate.blue a {
  color:#0C2340;
}
.dashboard.membership h2, .dashboard.registration h2, .dashboard.membership .small, .dashboard.registration .small {
  color:#444;
}
.linkCreate a:hover {
  text-decoration: none;
  background-color:#DA291C;
  color:#FFF !important;
}
.linkCreate.blue a:hover {
  background-color:#0C2340;
}



/* STATS */
.statistics {
  width: 100% !important;
}
.statistics tr {
  border-bottom: dotted 1px #CCC;
}
.statistics td {
  padding-top:3px;
  padding-bottom:3px;
}
.noborder {
  border-bottom: 0px !important;
}
table.stats, table.stats td, table.stats th {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
}
.stats td.sum {
    background-color: #f8f8f8;
}
.stats .header th {
  font-family: "MyriadProBold",arial,sans-serif;
}
.stats .bordertopblack {
    border-top: 2px solid #000 !important;
}


/* #########################
REGISTRATION
############################ */


label:hover {
	background-color: transparent;
}
input, textarea, select {
	font-family: 'MyriadProLight';
}
.ui-datepicker-header {
    color: #666;
    text-shadow: none;
}
.ui-datepicker-prev, .ui-datepicker-next {
    background-image: url(../images/arrow.png);
}
.error {
	color: red;
}
select.error {
	background: white;
}
strong, th {
	font-weight: normal;
	font-family: 'MyriadProBold';
}

h2 a {
	text-decoration: none;
}

fieldset h3 {
	font-size: 1.3em;
	color: #01A7E1;
	margin-bottom: .5em;
}

a img {
	border: 0;
}

.blue {
	color: #01A7E1;
}
.red, .countNumber {
	color: #DA291C;
}
.countNumberGrey {
  color:#AAA;
}

.button {
	padding: 0.3em 0.5em;
}

tr.end {
	border-bottom: solid 5px #01A7E1;
}
tr.inactive td, tr.inactive td a {
	color:#AAA;
}

/* SUBSCRIBERS */
.subscribersList tr {
}

.subscribersList th, .subscribersList td {
	/*text-align: left;*/
	padding: 2px;
	vertical-align: middle;
}
.subscribersList td {
	border-bottom: 1px solid #EEE;
}

.subscribersList tr.inactive, th.complimentary.inactive, td.complimentary.inactive {
	display: none;
}

.subscribersList .pair td {
	background: #EEE;
}
.subscribersList .impair td {
	background: white;
}

.subscribersList tr:hover td, .subscribersList tr.highlighted td {
	background-color: yellow;
	color: black;
}

.subscribersList.speakers th {
	padding:10px 0 10px 10px;
}
.subscribersList.speakers td {
	border-bottom: 1px dotted #000;
	padding:10px 0 10px 10px;
}
.subscribersList.speakers td td {
	border-bottom: none;
	padding:5px;
}

#events th, .subscribersList th, .election th, .left th {
  border-bottom: 3px solid #EEE;
  border-top: 3px solid #EEE;
  padding: 15px 0;
}
#events tr:first-of-type td, #events tr:nth-of-type(2) td, .subscribersList tr:first-of-type td, .subscribersList tr:nth-of-type(2) td {
  padding-top: 15px;
}
.sponsorsTable td {
  padding-top: 10px;
}
#events td, .subscribersList td {
  padding: 3px 0;
}
.noborder td {
  border-bottom:none;
  padding:0 !important;
}



.wrong_data .error_icon {
	background-image: url(/images/icons/error.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 23px;
}
.wrong_data td {
	background-color: #EEE;
}

.leftBorder {
	border-left: 1px dashed #DDD;
}
.rightBorder {
	border-right: 1px dashed #DDD;
}

.loadImg {
	display: none;
}

.iconDoc {
	margin-right: 2px;
}
/*
.subscribersList tr:hover td {
	background: #FC9 !important;
}
*/


/* DEV */
#dev_box {
	position: absolute;
	left: 20px;
	top: 20px;
	color: #DA291C;
	font-family: 'MyriadProBold';
	font-weight: normal;
	font-size: 1.4em;
	padding: 15px 25px;
	background: white;
	border: 2px solid #DA291C;
	border-radius: 10px;
	z-index: 999;
}

/* ELECTION TOOL */
/*.election th, .left th {
	text-align: left;
  font-family: 'MyriadProBold';
  font-weight: normal;
  line-height: 1em;
  padding: 4px 2px;
  vertical-align: top;
}*/

.election input[type="text"] {
	width:300px;
}

.election .left {
	float: left;
}

.election .right {
	float: right;
}

fieldset.demi {
	width:42%;
	border-color:#CCC;
	position:relative;
}
.election .green {
	color:#649A2A;
}

/* SPEAKER TOOL */
.programme.tool td {
	padding:15px 0;
}
.contributors {
	width:90%;
	border-bottom: 1px #555 solid;
}
.contributors th {
	background-color:#01A7E1;
	color: #FFF !important;
	text-align:left;
	padding:3px 5px !important;
	line-height:17px;
}
.contributors tr {
	border-bottom: 1px #AAA dotted;
}
.contributors tr:first-child {
	border: none !important;
}
.contributors td {
	padding:5px !important;
}

/* PRE REG TOOL */
.prereg {
	border-top: solid 1px #ccc;
	margin-bottom:15px;
}
.prereg th {
	font-family: 'MyriadProBold';
	font-weight: normal;
	color: white;
	line-height: 1em;
	padding: 4px 2px;
	background: #01A7E1;
	vertical-align: top;
	text-align:left;
}
.prereg td {
	padding: 5px 2px;
	border-bottom: dotted 1px #ccc;
}
/* SPONSORS */

#winbooksReg {
	-webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
}

#alreadyuploaded hr {
  margin: 5px 0;
}

/* DATETIME PICKER */
.datetimepicker {
  background: white;
}

a.toggleStatus.pull-right {
  margin-right: 20px;
}

/* Certificate generation */
#certifModal h4 {
  margin-top: .5em;
  margin-bottom: .5em;
  padding-top: 0;
}
#certifModal .text-warning {
  color: #DA291C;
}
.processPercent {
  font-family: 'MyriadProBold';
  font-size: 1.5em;
  line-height: 1;
  font-weight: normal;
}
.processText {
  line-height: 1;
}

.processText i {
  -webkit-animation: rotating 1.5s linear infinite;
  -moz-animation: rotating 1.5s linear infinite;
  -ms-animation: rotating 1.5s linear infinite;
  -o-animation: rotating 1.5s linear infinite;
  animation: rotating 1.5s linear infinite;
}

.btn-group[data-toggle="buttons"] .btn-no.active {
  background-color: #ac2925 !important;
  border-color: #761c19 !important;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  body { padding-left: 200px; }
	footer { left: 200px; }
}