*:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
  -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
}

#eventHeader {
    width: 100%;
    margin: 0px;
    padding: 0px;

    background-color:white;

    color: #677280;
    text-align: center;
}

#eventHeader .legend {
    font-size: 12px;
    margin-top:0px;
    margin-bottom:8px
}

#eventHeader h1 {
    width: 100%;
    margin: 0px!important;
    padding: 0px;

    color: #677280;
    font-size: 36px!important;
    font-weight: bold!important;
    text-align: center;
}

#eventHeader img {
    max-width: 100%;
    max-height: 200px;
}

#eventInfoContainer {
    padding-bottom: 5px;
    background-color:white;

    color: #677280;
    text-align: center;
}

.eventInfo {
    display:inline-block;
    width: 118px;
    margin: 7px 7px;
}

.eventInfo div {
    height: 45px;
}


#partners {
    position:relative;
    width: 100%;
    overflow:hidden;
    background-color: white;
    border: 1px solid #D3D3D3;
}

.partnersContainer {
    height:0;
    margin:0;
    padding:0;
}

.partnersContainer li {
    margin-top: 5px;
}

#updatePictureButton {
    position:absolute;
    width:150px;
    height:40px;
    background-color:white;
    color:#02b8fa;
    text-align:center;
    line-height:40px;
    font-size:12px;
    top:55px;
    cursor:pointer;
    display:none;
}

#eventProductsPanel, #eventActionPanel, #eventStagesPanel, #eventCompetitorsPanel, #eventDescriptionPanel {
    padding-bottom: 22px;
    background-color:white;
    text-align: center;
}

#eventProductsPanel h3, #eventActionPanel h3, #eventStagesPanel h3, #eventCompetitorsPanel h3, #eventDescriptionPanel h3 {
    margin: 0;

    color: #677280;
    font-weight: bold;
    font-size: 22px;
}

#eventProductsPanel > h3 {
    padding-top: 50px;
}

#eventDescriptionPanel p {
    padding: 10px;
    margin: 10px 25px;

    border-bottom: 1px solid;
    border-top: 1px solid;

    text-align: center;
    color: #677280;
}

#eventStagesPanel h3 {
    padding-top: 20px;
}

.eventAction, .competitorAction {
    display:inline-block;
    overflow:hidden;
    width: 110px;
    height: 110px;
    margin: 9px 9px;

    background-color:#9C9C9C;
    -webkit-box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.7);
    box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.7);

    cursor: pointer;
    
    text-align: center;
    font-weight:bold;
    font-size: 12.5px;
}

.eventAction:hover {
    background-color:#02B8FA;
    -webkit-transition: background-color 400ms linear;
    -moz-transition: background-color 400ms linear;
    -o-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
}

.eventActionCell {
    display:table-cell;
    vertical-align: middle;
    width: 110px;
    height: 110px;
}

#eventStagesPanel .eventTile {
    height:160px;
    float:none;
}

#eventStagesPanel .eventContent {
    white-space: normal;
    height: initial;

    text-align: justify;
}

#eventStagesPanel .MGLListElement {
    background-color: #02B8FA;
    color: white!important;
}

#eventStagesPanel .MGLListElement:hover {
    -webkit-box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.7);
    box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.7);
}
    
#eventStagesPanel .eventImg img {
    max-width: 120px;
    max-height: 105px;
}

#eventStagesPanel .eventTitle {
    padding-right: 0;
}

#eventStagesPanel a {
    padding: 0;
}

#eventProductsPanel .thumbnail {
     padding-left: 0;
     margin-right: 10px;
}

.eventButton {
    display: inline-block;
    overflow: hidden;
    margin: 9px 9px;
    padding: 5px;
    
    color: rgb(255, 255, 255);
    background-color: rgb(156, 156, 156);
    -webkit-box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 4px 4px 14px rgba(0,0,0,.7);
    box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.7);
    border: none;

    cursor: pointer;
    text-align: center;
    font-weight: bold;
    font-size: 12.5px;
}

.eventButton:hover {
    background-color:#02B8FA;
    -webkit-transition: background-color 400ms linear;
    -moz-transition: background-color 400ms linear;
    -o-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
}

#competitorsList {
    margin-top:10px;
}

.competitorAction  {
    height: 160px;
    width: 150px;
    margin: 3px 3px;
    
    color: #677280;
    background-color:#fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    cursor: initial;
    font-weight:initial;
    text-align:center;

    border: 1px solid rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
}

.competitorAction a  {   
    padding: 0; 
    background-color:#fff;
    color: #677280!important;
}

.competitorAction a:hover  { 
    background-color:#fff;   
    color: #677280;
}

.competitorAction:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
}

.competitorActionCell {
    height: initial;
    width:initial;
}

.competitorActionCell .competitorPicture {
    display: block;
    height: 100px;
    padding-top: 2px;
}

.competitorActionCell .competitorName {
    display: block;
    height: 60px;

    text-overflow:ellipsis;
}

.competitorActionCell img {
    max-height: 96px;
    max-width: 146px;
}

#addMoreCompetitors {
    cursor: pointer;
}

.toolbarTitle
{
    height:30px;
    margin:0px;
    padding:10px;
    line-height:30px;
    font-size:18px;
}

.toolbarButton
{
    width:30px;
    height:30px;
    margin:0px;
    padding:10px;
    vertical-align: middle;
    cursor:pointer;
    pointer-events:all;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    background-color:transparent;
    background-origin:content-box;
}

.toolbarButton:hover
{
    background-color:#012749;
}

.toolbarButtonDisabled
{
    width:30px;
    height:30px;
    margin:0px;
    padding:10px;
    cursor:default;
    opacity:0.5;
    vertical-align: middle;
    pointer-events:none;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    background-color:transparent;
    background-origin:content-box;
    background-color:transparent;
}

#mgl-competitor-toolbar .elCheck {
    position:relative;
    display: inline-block;
    text-align: center;
    padding: 5px;
    width: 30px;
    margin: -10px 21px -10px -10px;
    vertical-align: middle;
    transition: all .15s ease-in-out;
    float:left;
}

#mgl-competitor-toolbar .elCheck > input[type=checkbox] {
  display: none;
}
#mgl-competitor-toolbar .elCheck > label {
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  top: 20px;
  left: 21px;
  border-radius: 2px;
  text-align: center;
  border: 1px solid #e1e8ed;
  background-color: #fff;
}
#mgl-competitor-toolbar .elCheck > input[type="checkbox"]:not(:checked) + label:before,
#mgl-competitor-toolbar .elCheck > input[type=checkbox]:checked + label:before {
  content: "";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  color: #333333;
  text-align: center;
  line-height: 15px;
}
#mgl-competitor-toolbar .elCheck > input[type="checkbox"]:not(:checked) + label:after,
#mgl-competitor-toolbar .elCheck > input[type="checkbox"]:checked + label:after {
  content: '✔';
  font-size: 15px;
  color: #999999;
  transition: all .2s;
}
#mgl-competitor-toolbar .elCheck > input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
#mgl-competitor-toolbar .elCheck > input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

#mgl-competitor-toolbar .elCheck > input[type="checkbox"]:indeterminate + label::before {
  position:absolute;
  content: '-';
  top:0;
  left:0;
  font-size: 22px;
  font-weight: bold;
  color: #999999;
  display:inline-block;
  width:20px;
  line-height:17px;
  transition: all .2s;
}

.competitorToolbarButton
{
    width:30px;
    height:30px;
    margin:0px;
    padding:10px;
    cursor:pointer;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    background-color:transparent;
    background-origin:content-box;
    background-color:#02b8fa;
}

.editorLabel
{
    color:#677280;
    font-size:14px;
    font-weight:normal;
    text-align:center;
    margin:20px 5px 0px 0px;
}

.editorDescription {
    color:#677280;
    padding:5px;
    margin:5px 0px 0px 5px;
    text-overflow:clip;
    position:relative;
    display:block;
    text-align:left;
    font-size:13px;
    font-weight:normal;
    clear:both;
}

.adminContentElem {
    margin: 10px auto;
    max-width: 450px;
    color:black;
    background-color: #fff;
    border: 1px solid #e1e8ed;
    border-right: 4px solid white;
    padding: 10px;
    transition: all .15s ease-in-out;
    cursor:default;
}

.adminContentElem:hover {
    border: 1px solid rgba(2, 184, 250, 0.33);
    border-right: 4px solid rgba(2, 184, 250, 1);
}

.adminContentElem:hover .title {
    color: rgba(2, 184, 250, 1);
}

.adminContentElem .elPic {
    display: inline-block;
    height: 60px;
    text-align: center;
    padding: 5px;
    width: 60px;
    vertical-align: middle;
    transition: all .15s ease-in-out;
}

.adminContentElem .elDesc {    
    color: #999999;
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    font-size: 18px;
    width: 53%;
    max-width:300px;
    position:absolute;
    white-space: nowrap;
}

.adminContentElem .elDesc .title {
    font-weight: bold;
    transition: all .15s ease-in-out;
}

.adminContentElem .elDesc .subtitle {
    color: #8899a6;
    font-weight: normal;
}

.adminContentElem .elButton {
    display: inline-block;
    vertical-align: middle;
    padding: 18px 0px 18px 0px;
    cursor:pointer;
    float:right;
}

.participantContentElem {
    position:relative;
    margin: 10px auto;
    height:110px;
    color:black;
    background-color: #fff;
    border: 1px solid #e1e8ed;
    border-right: 4px solid #e1e8ed;
    padding: 10px;
    transition: all .15s ease-in-out;
    white-space: nowrap;
    cursor:default;
    overflow:hidden;
}

.participantContentElem:hover {
    border: 1px solid rgba(2, 184, 250, 0.33);
    border-right: 4px solid rgba(2, 184, 250, 1);
}

.participantContentElem:hover .title {
    color: rgba(2, 184, 250, 1);
    vertical-align:top;
}

.participantContentElem:hover .elCheck {
    border-right: 1px solid rgba(2, 184, 250, 0.33);
}

.participantContentElem:hover .elCheck > label {
    border: 1px solid rgba(2, 184, 250, 0.33);
}

.participantContentElem .elCheck {
    display: inline-block;
    height: 120px;
    text-align: center;
    padding: 5px;
    width: 30px;
    margin: -10px 5px -10px -10px;
    vertical-align: middle;
    transition: all .15s ease-in-out;
    border-right: 1px solid #e1e8ed;
    float:left;
}

.participantContentElem .elCheck > input[type=checkbox] {
  display: none;
}
.participantContentElem .elCheck > label {
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  top: 50px;
  border-radius: 2px;
  text-align: center;
  border: 1px solid #e1e8ed;
  background-color: #fff;
}
.participantContentElem .elCheck > input[type="checkbox"]:not(:checked) + label:before,
.participantContentElem .elCheck > input[type=checkbox]:checked + label:before {
  content: "";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  color: #333333;
  text-align: center;
  line-height: 15px;
}
.participantContentElem .elCheck > input[type="checkbox"]:not(:checked) + label:after,
.participantContentElem .elCheck > input[type="checkbox"]:checked + label:after {
  content: '✔';
  font-size: 15px;
  color: #999999;
  transition: all .2s;
}
.participantContentElem .elCheck > input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.participantContentElem .elCheck > input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.participantContentElem .elPic {
    display: inline-block;
    height: 100px;
    text-align: center;
    padding: 0px 5px 10px 5px;
    width: 60px;
    vertical-align: middle;
    transition: all .15s ease-in-out;
    float:left;
}

.participantContentElem .elDesc {    
    color: #999999;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 125px;
    font-size: 18px;
    float:left;
    text-align:left;
}

.participantContentElem .elDesc .title {
    font-weight: bold;
    transition: all .15s ease-in-out;
}

.participantContentElem .elDesc .subtitle {
    color: #8899a6;
    font-weight: normal;
}

.participantContentElem .elButton {
    display: inline-block;
    vertical-align: middle;
    padding: 18px 0px 18px 0px;
    cursor:pointer;
    float:right;
}

.partnerContentElem {
    position:relative;
    margin: 10px; /*auto;*/
    /*max-width: 750px;*/
    color:black;
    background-color: #fff;
    border: 1px solid #e1e8ed;
    /*border-right: 4px solid white;*/
    padding: 10px;
    /*transition: all .15s ease-in-out;*/
    white-space: nowrap;
    cursor:default;
    height:75px;
    overflow:hidden;
}

.partnerContentElem:hover {
    border: 1px solid rgba(2, 184, 250, 0.33);
    border-right: 4px solid rgba(2, 184, 250, 1);
}

.partnerContentElem:hover .title {
    color: rgba(2, 184, 250, 1);
}

.partnerContentElem .elPic {
    display: inline-block;
    height: 65px;
    text-align: center;
    padding: 5px;
    width: 200px;
    vertical-align: middle;
    transition: all .15s ease-in-out;
}

.partnerContentElem .elDesc {    
    color: #999999;
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    font-size: 18px;
    width: 55%;
}


@media (max-width: 750px) {
    .partnerContentElem .elDesc {    
        width: 48%;
    }
}

.partnerContentElem .elDesc .title {
    font-weight: bold;
    transition: all .15s ease-in-out;
}

.partnerContentElem .elDesc .subtitle {
    color: #8899a6;
    font-size:16px;
    font-weight: normal;
    width: 100%;
    margin-top: 2px
}

.partnerContentElem .elButton {
    display: inline-block;
    vertical-align: middle;
    padding: 18px 0px 18px 0px;
    cursor:pointer;
    float:right;
}

.partnerToolbarButton
{
    width:30px;
    height:30px;
    margin:0px;
    padding:10px;
    cursor:pointer;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    background-color:transparent;
    background-origin:content-box;
    background-color:#02b8fa;
}

.socialContentElem {
    position:relative;
    margin: 20px auto 20px auto;
    max-width: 750px;
    color:black;
    background-color: #fff;
    border: 1px solid #e1e8ed;
    border-right: 4px solid #e1e8ed;
    padding: 10px;
    transition: all .15s ease-in-out;
    white-space: nowrap;
    cursor:default;
    height:120px;
    overflow:hidden;
}

.socialContentElem:hover {
    border: 1px solid rgba(2, 184, 250, 0.33);
    border-right: 4px solid rgba(2, 184, 250, 1);
}

.socialContentElem:hover .title {
    color: rgba(2, 184, 250, 1);
}

.socialContentElem .socialLogo {
  width: 60px;
  height: 60px;
  padding: 5px;
  background-color: #CCC;
  background-origin: content-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.socialContentElem:hover .socialLogo {
    background-color: rgba(2, 184, 250, 1);
}

.socialContentElem .elPic {
    display: inline-block;
    height: 70px;
    text-align: center;
    padding: 5px;
    width: 70px;
    vertical-align: middle;
    transition: all .15s ease-in-out;
}

.socialContentElem .elDesc {    
    color: #999999;
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    font-size: 18px;
    width: 60%;
    height: 70px;
}

.socialContentElem .elDesc .title {
    font-weight: bold;
    transition: all .15s ease-in-out;
}

.socialContentElem .elDesc .subtitle {
    color: #8899a6;
    font-size:16px;
    font-weight: normal;
    width: 100%;
    padding: 10px 0px 0px 0px;
    clear:both;
}

.socialToolbarButton
{
    width:30px;
    height:30px;
    margin:0px;
    padding:10px;
    cursor:pointer;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    background-color:transparent;
    background-origin:content-box;
    background-color:#02b8fa;
}

.socialContentElem:hover .elCheck > label {
    border: 1px solid rgba(2, 184, 250, 0.33);
}
.socialContentElem .elCheck > input[type=checkbox] {
  display: none;
}
.socialContentElem .elCheck > label {
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  padding: 0px 4px 0px 4px;
  border-radius: 2px;
  text-align: center;
  border: 1px solid #e1e8ed;
  background-color: #fff;
}
.socialContentElem .elCheck > input[type="checkbox"]:not(:checked) + label:before,
.socialContentElem .elCheck > input[type=checkbox]:checked + label:before {
  content: "";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  color: #333333;
  text-align: center;
  line-height: 15px;
}
.socialContentElem .elCheck > input[type="checkbox"]:not(:checked) + label:after,
.socialContentElem .elCheck > input[type="checkbox"]:checked + label:after {
  content: '✔';
  font-size: 15px;
  color: #999999;
  transition: all .2s;
}
.socialContentElem .elCheck > input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.socialContentElem .elCheck > input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

#shopConfirmation {
    background-color: white;
    margin: 0px!important;
    padding: 0px 10px;
    color: #677280;
    text-align: center;
}

#shopConfirmation .fa-6 {
    font-size: 80px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

.table-body-hover tbody.withBg:hover td {
  background: #ecf3f8 !important;
}

@media (max-width: 768px) {
    .checkout-modal .input-group,
    .checkout-modal .checkoutTotal,
    .checkout-modal .checkoutSubmit {
        margin: 0 auto !important;
    }
}

#shoppingCart {
    width:98%;
}

#productsList {
    margin-top: 20px;
}

.media-heading a:link, 
.media-heading a:visited, 
.media-heading a:active, 
.media-heading a:hover {
    color: #677280!important;
}

.panel-body {
    color: #677280;
    -ms-word-break: break-all;

    /* Non standard for webkit */
    /*word-break:break-all;*/   
    word-break: break-word;
    word-wrap: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.panel-title {
    font-size: 14px;
}