/***********************************************************************
 * Organization code: idance
 * Template code name: ny
 * Last generated: 2023-06-15 14:12:25
 ***********************************************************************/


/***********************************************************************
 * Auto generated css-code for reg wizard from settings in selected layout
 ***********************************************************************/

    .cwTool {
        background-color: white;
    }
    .cwTool,
    .cwTool A,
    .cwTool A:hover,
    .cwTool A:visited {
        color : black;
    }
    .cwArea .shopSearchFormBasic {
        background-color : #E8E8E8;
    }

/***********************************************************************
 * Auto generated css-code for shop from settings in selected layout
 ***********************************************************************/

    .cwBody {
        background-color: white;
    }
    .cwBody,
    .cwBody A,
    .cwBody A:hover,
    .cwBody A:visited {
        color : black;
    }
    .cwArea .regIcon,
    .cwVisibleForm,
    .cwFormCenter,
    .cwControlAreaTop,
    .cwControlAreaBottom,
    .cwInputArea,
    .cwInfoArea,
    .cwDataArea,
    .cwArea .shopSearchForm,
    .cwArea .shopSearchFormBasic,
    .cwArea .shopSearchFormAdvanced,
    .cwArea DIV.filterOptionFramed:hover,
    .cwTerms,
    .cwArea HR {
        border-color : #DADADA;
    }
    .cwArea .regIcon {
        background-color : #E8E8E8;
    }
    .cwControlAreaTop {
        background-color : #E8E8E8;
        background: -moz-linear-gradient(top, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%);
        background: -webkit-linear-gradient(top, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%);
        background: -o-linear-gradient(top, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%);
        background: -ms-linear-gradient(top, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%);
        background: linear-gradient(to bottom, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%)
    }
    .cwControlAreaTop,
    .cwArea .shopSearchFormBasic,
    .cwArea .regIcon {
        color : black;
    }
    DIV.filterOptionFramed:hover {
        background-color : #FAFAFA;
    }
    .cwControlAreaBottom,
    .cwVisibleForm,
    .cwInfoArea,
    .cwInputArea {
        background-color : #FAFAFA;
        background: -moz-linear-gradient(left, #F4F4F4 0%,#FAFAFA 250px);
        background: -webkit-linear-gradient(left, #F4F4F4 0%,#FAFAFA 250px);
        background: -o-linear-gradient(left, #F4F4F4 0%,#FAFAFA 250px);
        background: -ms-linear-gradient(left, #F4F4F4 0%,#FAFAFA 250px);
        background: linear-gradient(to right, #F4F4F4 0%,#FAFAFA 250px)
    }
    .cwhc_Question:hover,
    .cwTerms,
    .cwArea .shopSearchFormAdvanced,
    .cwDataArea {
        background-color : #F6F6F6;
        background: -moz-linear-gradient(left, #F3F3F3 0%,#F6F6F6 80%);
        background: -webkit-linear-gradient(left, #F3F3F3 0%,#F6F6F6 80%);
        background: -o-linear-gradient(left, #F3F3F3 0%,#F6F6F6 80%);
        background: -ms-linear-gradient(left, #F3F3F3 0%,#F6F6F6 80%);
        background: linear-gradient(to right, #F3F3F3 0%,#F6F6F6 80%)
    }

/***********************************************************************
 * Manually added css-code in selected layout
 ***********************************************************************/

/* Main CSS */

h2 {
  letter-spacing: 1px;
  text-transform: uppercase;
}

.title {
  text-shadow: 1px 1px #0000;
}

.cwControlAreaTop {
  color: black;
  width: 97%;
  background-color: #0099CC;
  min-height: 60px;
  margin: 0 auto;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  background: linear-gradient(#0099CC, white);
  background: linear-gradient(#0a6787,#09c);
  padding: 1.5%;
}

.cwControlAreaBottom, .cwVisibleForm, .cwInfoArea, .cwInputArea{
  background: linear-gradient(transparent,white);
  border-color: transparent;
}

.cwButton {
  background-color: #9ca1b0;
  background-image: linear-gradient(#0199cc,#0199cc);
  border-color: white;
  color: #bfe1ec;
  cursor: pointer;
  font-weight: bold;
  min-width: 50px;
  min-height: 40px;
  padding: 8px;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 4px 0px rgba(249, 244, 244, 0.75);
  border-radius: 240px;
  border: solid white 1px;
  color: white;
}

.button {
  background-color: #9ca1b0;
  background-image: linear-gradient(#0199cc,#0199cc);
  border-color: white;
  color: #bfe1ec;
  cursor: pointer;
  font-weight: bold;
  min-width: 50px;
  min-height: 40px;
  padding: 8px;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 4px 0px rgba(249, 244, 244, 0.75);
  border-radius: 240px;
  border: solid white 1px;
  color: white;
}

TABLE.cwEvents TH.title {
  font-weight: bold;
  text-decoration: none;
  font-size: 1.3em;
} 

.cwBody {
  font-family: tahoma, sans-serif;
  font-size: 13px;
}

.headerRow  {
  border-width: 0;
  color: white;
  border-radius: 6px;
  height: 40px;
  background-color: #09c;
}

TABLE.cwEvents .title, TABLE.cwEvents .title A, TABLE.cwEvents TD.eventNumber, TABLE.cwEvents TD.eventNumber A, TABLE.cwEvents TD.eventNumStr, TABLE.cwEvents TD.eventNumStr A {
  font-weight: bold;
  text-decoration: none;
  color: #09c;
}

TABLE.cwEvents TH.title {
  font-weight: bold;
  text-decoration: none;
  font-size: 1.3em;
  color: white;
  text-shadow: 1px 1px black;
}

TABLE.cwEvents {
  width: 100%;
  border-radius: 6px;
  border-top: 15px solid #0099cc;
  background-color: #0099CC;
  margin: 0 auto;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  background: white;
  overflow: auto;
  border-collapse: separate;
  border-radius: 6px;
  } 

TABLE.cwEvents TR.dataRow:hover, TABLE.cwEvents TR.dataRow:hover A {
  color: black;
  background-color: #b0dfee;
}

.regLink {
  float: left;
}

.cwNoPrint {
  padding-right: 15px;
}

TABLE.filterOptionVertical TD {
  padding: 10px;
}

select {
  padding: 8px;
  background-color: #edf6f9;
  border-radius: 24px;
  min-width: 200px;
}

input { 
  padding: 12px;
  background-color: #edf6f9;
  border-radius: 24px;
}

.shopSearchForm DIV.filterOptionFramed:first-child {
display: none }

TABLE.filterOptionVertical TD {
   padding: 3px;
}


/* Input type text */
input[type="text"] {
    padding: 8px 8px;
    border-radius: 240px;
}

input[type=text]:focus {
  background-color: #ddf2f9;
  color: black;
  border: #008ab8 solid 1px;
}

input[type="text"]:focus-visible {
  border: none;
  outline: none;
}

input[type="submit"] {
  background-color: #9ca1b0;
  background-image: linear-gradient(#0199cc,#0199cc);
  border-color: white;
  color: #bfe1ec;
  cursor: pointer;
  font-weight: bold;
  min-width: 50px;
  min-height: 40px;
  padding: 8px;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 4px 0px rgba(249, 244, 244, 0.75);
  border-radius: 240px;
  border: solid white 1px;
  color: white;
}

input[type="submit"]:hover {
  background-color: black;
  color: white;
}



/* The boxes of search field titles */
DIV.filterOptionFramed:hover {
  background-color: #0099cc;
  color: #d5eaf1;;
  border-color: #09c;
}

/* The search form */

.shopSearchFormBasic {
  background-color: #09c;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 15px;
  text-align: center;
}

.shopSearchForm {
    color: #000;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #DBD7D7;
    border-radius: 6px;

    overflow: auto;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    position: relative;
    width: 100%

    min-width: 310px;
    height: auto;
    display: flex;
    flex-direction: column-reverse;
}

.shopSearchFormAdvanced {
    background-color: #0099cc;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    
    min-width: 310px;
    min-height: 130px;
    
    overflow: auto;
    color: white;
}
.shopSearchFormBasic {
    background-color: transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 15px;
    text-align: center;
}

#textSearch {
    border-radius: 24px;
    margin: 5px;
}

.cwArea .shopSearchFormBasic {
  background-color: transparent;
}

/* Spacing below the form */
TABLE.cwEvents TR.spacingRow {
  height: 1.50em;
}

/* Spacing around event description */
.cwEvents .eventGroupDescription, .cwEvents .eventGroupDescriptionContainer {
  padding: 0.5%;
  margin: 0;
}

/* Title spacing */
TABLE.cwEvents TD.title {
  padding-left: 1.0em;
  padding-left: 21px;
  padding: 1.7%;
}

TABLE.cwEvents TD.title {
  min-width: 80px;
}



/* Scrollbar (from w3schools) */
/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


/* Media queries : responsive */
@media screen and (max-width:600px) {


/* the search forms */
  .shopSearchForm {
     background-color: #0099ccb0;
     height: 500px; REMOVE
     font-size: 1.2em;
     min-width: auto;
  }
   
  .shopSearchFormBasic {
     top: 420px; REMOVE
     padding: 1%; REMOVE
  }

  .shopSearchFormAdvanced {
     background-color: #09c;
     height: 400px;
     max-width: 350px;
     min-width: 200px;
     width: auto;
     margin: 0 auto;

  .select {
     min-width: 250px;
     padding: 12px;
  }
}