@charset "UTF-8";
/* CSS Document */


/* generic */
html, body { padding: 0px; margin: 0px ; 
font-family:  'Text', "sans-serif";
    font-size: 1em;
    color: var(--generaltext)
}

body { display:flex; flex-direction:column;min-height: 100vh; background: var(--white)!important}

*  {margin: 0px; padding: 0px}
a {  text-decoration: none; cursor: pointer; color: var(--secondary)}

body.docs-body{overflow:hidden;max-width:100%;max-height:100%;}
.md-api-table{margin-bottom:16px;max-width:100%;width:100%;border-spacing:0;border-radius:2px;overflow:hidden;}
.docs-tools .md-button.md-icon-button{min-height:0;height:auto;}
#license-footer{align-self:flex-end;padding:16px 32px;width:100%;text-align:center;font-size:small;border-top:1px solid #ddd;}
.training_link{color:rgb(255,82,82);text-transform:none;}
.training_site{text-transform:none;}
.training_info{opacity:0.4;text-transform:none;}
a{text-decoration:none;font-weight:400;-webkit-transition:border-bottom 0.35s;-moz-transition:border-bottom 0.35s;-ms-transition:border-bottom 0.35s;-o-transition:border-bottom 0.35s;transition:border-bottom 0.35s;}



h1, h2, h3, h4, h5, h6{margin-bottom:1rem;margin-top:1rem;}
h1{font-size:3.400rem;font-weight:400;line-height:4rem;}
h2{font-size:2.400rem;font-weight:400;line-height:3.2rem;}
h3{font-size:2.000rem;font-weight:500;letter-spacing:0.005em;}
h4{font-size:1.600rem;font-weight:400;letter-spacing:0.010em;line-height:2.4rem;}
p{font-size:1em;font-weight:400;line-height:1.3em}
strong{font-weight:500;}



* {  box-sizing: border-box;}

#home_display {border: 0px solid #f09; margin: 0px; padding: 0px; position: relative; top: 0px; overflow-x: hidden}
#home_main {border: 0px solid #f09; margin: 0px 240px; padding: 0px; position: relative; top: 0px;  }

#contentblock , #champion {border: 0px solid #f79; margin: 40px 240px 20px!important; padding: 0px!important; position: relative; top: 0px;  }
.innerblock { flex-grow: 1;  padding: 0px; margin: 0px; border: 0px solid #f09}

.mainblock { flex-grow: 1;}
.contentdisplay  {border: 0px solid #f90; padding: 40px 50px 0px; }
.contentdisplay h1  {font-size: 1.4em; color: var(--secondary); font-weight: 600; text-transform: uppercase; margin-bottom: 30px!important; display: block}


/*** caroulsel ***/
.loop-container-flex {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  border: 0px solid #f09;
    z-index: 0;
    position: relative;
    top: 0px; left: 0px
}

.bg-trans-cross-fade {
  width: 100%;
  height: 420px;
  position: relative;
  z-index: 1;
  margin: 0px;
}

.bg-trans-cross-fade .bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
    background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
}

.bg-trans-cross-fade .bg-layer .fg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-size: cover;
    background-repeat: no-repeat;
  background-position: bottom right;
  transition: opacity 2s;
}

.bg-trans-cross-fade .bg-layer .fg-layer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  z-index: 4;
}

/*** end caroulsel ***/
.bg-trans-cross-fade .bg-layer .display-layer {
  border: 0px solid #f09;
  position: absolute;
  top: 55%;
  left: 50%;
    transform:  translateY(-50%) translateX(-50%);
  width: 65%;
  height: auto;
  justify-content: center;
  align-items: center;
  z-index: 30;
    padding: 0px; margin: 0px;
}

.maintextshadow {text-shadow: 2px 2px 4px rgba(0,0,0,0.2)}

.bg-trans-cross-fade .bg-layer .display-layer h2 { 
font-family:  'Display', "serif";
    font-weight: 300;
    font-size: 4.2em;
    text-align: center;
    line-height: 1.15em;
    padding: 0px; margin: 0px 0px 0px 0px;
    color: #fff;
}

.bg-trans-cross-fade .bg-layer .display-layer h4 { 
    font-weight: 200;
    font-size: 1.4em;
    text-align: center;
    padding: 0px; margin: 30px 160px 0px;
    color: #fff;
    text-transform: uppercase
}

.button {font-weight: 500; padding: 5px 40px; border-radius: 300px;color: #fff; background: var(--main);text-shadow: 1px 1px 2px rgba(0,0,0,0.2); white-space: nowrap; border: none; font-size: 1.1em}
.button_l {font-weight: 400; padding: 8px 40px; border-radius: 300px;color: var(--main);text-shadow: 1px 1px 2px rgba(0,0,0,0.2); white-space: nowrap; border: 1px solid var(--main);}
.button:hover {color: #fff}

.button_s {font-weight: 500; padding: 3px 7px; border-radius: 300px;color: var(--main); background: var(--white);text-shadow: 1px 1px 1px rgba(0,0,0,0.05); white-space: nowrap;  border: 1px solid var(--main); font-size: 0.8em; display: inline-flex; margin-left: 70px}
.button_s:hover {text-decoration: none; color: var(--main) }

.small_button {font-weight: 500; padding: 3px 7px; border-radius: 300px;color: var(--main); background: var(--white);text-shadow: 1px 1px 1px rgba(0,0,0,0.05); white-space: nowrap;  border: 1px solid var(--main); font-size: 0.8em}


.create_bt {font-weight: 500; padding: 5px 40px; border-radius: 300px;color: #fff; background: var(--main);text-shadow: 1px 1px 2px rgba(0,0,0,0.2); white-space: nowrap; border: none; font-size: 1.1em; float: right}
.create_bt1 {font-weight: 500!important; padding: 5px 40px!important; border-radius: 300px!important;color: #fff!important; background: var(--main)!important;text-shadow: 1px 1px 2px rgba(0,0,0,0.2); white-space: nowrap; border: none; font-size: 1.1em!important; float: right; transform: translateY(7px)}

.request_bt {font-weight: 400; padding: 5px 40px; border-radius: 300px;color: var(--main);text-shadow: 1px 1px 2px rgba(0,0,0,0.2); white-space: nowrap; border: 1px solid var(--main); float: left}
#uploadButton  {font-weight: 500!important; padding: 2px 40px!important; border-radius: 300px!important;color: var(--main)!important;text-shadow: none!important; white-space: nowrap; border: 1px solid var(--main)!important; background: var(--white)!important; line-height: 1em!important; box-shadow: none!important; margin-left: 0px!important}

 input[type="file"]::file-selector-button  {font-weight: 400!important; padding: 2px 40px!important; border-radius: 300px!important;color: var(--main)!important;text-shadow: none!important; white-space: nowrap; border: 1px solid var(--main)!important; background: var(--white)!important; box-shadow: none!important; margin-left: 0px!important; line-height: 30px!important; cursor: pointer}

md-switch .md-container {display: inline-block; transform: translateY(-10px)}

.md-button.md-warn.md-raised  {padding: 1px 1px!important; border-radius: 300px!important;color: var(--main)!important;text-shadow: none!important; white-space: nowrap; border: 1px solid var(--main)!important; background: var(--white)!important; line-height: 0.9em!important; box-shadow: none!important; font-size: 0.8em!important; font-weight: 500!important}

.photo_new {display: block; max-height: 80px; max-width: 80px;}

.lema {font-weight: 400;
    font-size: 1.7em;
    text-align: center;
    padding: 0px; margin: 30px 0px 0px;
    color: #444;
font-family:  'Display', "serif";
    display: inline-block;
    width: 100%
}

.home_cards {text-align: center; margin: 30px 0px}
.home_cards img {height: 150px; filter: drop-shadow(2px 2px 3px rgb(0 0 0 / 0.2))}
.home_cards h2 {color: var(--s80); font-weight: 600; font-size: 2.5em; margin: 0px 0px!important; padding: 0px 0px!important}
.home_cards h3 {color: var(--secondary); font-weight: 400; font-size: 1.8em; margin: 0px 0px!important; padding: 0px 0px!important}



.titulillo {font-size: 1.7em; font-weight: 500; text-align: center; color: #444; padding: 0px; margin: 80px 0px 50px; line-height: 1.6em; display: inline-block; 
font-family:  'Display', "serif"; position: relative}


.list_display { font-size: 1.05em; line-height: 1.3em; list-style-position: inside; padding-left: 1em}
.list_display li {color: var(--main); font-weight: 600; margin: 0px 0px 25px; text-indent: -1em;}
.list_display li b {color: #000; font-weight: 600; }
.list_display li span {color: #444; font-weight: 400; border: 0px solid #f99}

/* circle iimages*/
.round5{
  float: left;
  width: 20%;
  padding: 0 10px; border: 0px solid #f09; margin: 0px;
}
    
.row_round5 {margin: 40px auto; padding: 0px; min-width: 60%; max-width: 90%; width: 80%}
.circle_pic {border: 4px solid var(--main); width: 160px; height: 160px; border-radius: 160px; margin: 0px auto; background-size: cover!important; background-position: center center!important; background-repeat: no-repeat!important; }

/*#login_dialog {z-index: 0; pointer-events: none!important} --> remove after testing */

.pupups {background: var(--white); padding: 20px; min-width: 550px; position: relative; box-shadow: 2px 2px 3px rgba(0,0,0,0.1)}
.pupups .xclose {color: var(--main); font-size: 1.2em; position: absolute; top: 10px; right: 10px}
.pupups h2 {color: var(--secondary); font-size: 1.4em; font-weight: 550; padding: 0px; margin: 20px 0px 20px}

/***** forms *****/
.input_text { font-size: 1em; font-weight: 150!important; color: var(--dtext); border: 1px solid var(--vlgrey); width: 100%; border-radius: 0px; padding: 7px 3px; background: var(--white)!important}
.sp_form label {display: block; font-size: 1em; font-weight: 450; margin: 20px 0px 5px}
.input_select {padding: 9px 3px } 
.input_text:focus  {border-bottom: 1px solid var(--main)!important;outline: none!important; }


.input_colour {margin: 0px!important; padding: 0px!important; width: 100%; border: 1px solid var(--vlgrey)!important}

.input_small { font-size: 0.9em!important; font-weight: 250!important;  padding: 5px 2px}

/***** end forms *****/

.category {border: none; margin: 10px 0px 0px 30px}
.category md-switch {margin: 0px!important; padding: 0px!important}
.category md-radio-group {margin: 0px!important; padding: 0px!important; background: red}

#contentcol {border: 1px solid #f1f1f1!important; padding: 10px; position: relative}
#contentcol .left, #contentcol .right {color: #f1f1f1}

#contentcol h1 {font-size: 1.5em; margin: 0px!important; padding: 0px!important; font-weight: 600; text-shadow: 1px 1px 2px rgba(0,0,0,0.2)}

.sec_title {font-size: 1.45em; font-weight: 550; color: var(--secondary); text-transform: uppercase; margin: 0px 0px 20px 0px; display: inline-block}
.small_sec_title {font-size: 1.2em; font-weight: 400; color: var(--s80); margin: 0px 0px 10px 0px; display: inline-block}
.small_sec_title a {font-weight: 550; color: var(--secondary); display: inline-block}
.small_sec_title i { color: var(--main); display: inline-block; font-size: 0.7em; transform: translateY(-1px)}

.small_sec_name1 {margin: -20px 0px 10px 0px; font-size: 0.9em; font-weight: 300; display: block}
.small_sec_name1 b {font-weight: 500}

.sub_title {font-size: 1.2em; font-weight: 550; color: var(--secondary); text-transform: uppercase; margin: 0px; display: block; line-height: 35px}
.cat_table p {width: 10px;display: inline-block; ; margin: 0px 0px 0px 5px; line-height: 35px; font-weight: 450 }
.cat_table a {width: 20px;display: inline-block; ; line-height: 35px; font-size: 1.2em; transform: translateY(1px)}
.sec_title h6 {font-size: 0.9em; font-weight: 450; color: var(--s80); text-transform: none; display: inline-block}
.sec_title a { font-weight: 550!important; display: inline-block}


.sec_title {font-size: 1.45em; font-weight: 550; color: var(--secondary); text-transform: uppercase; margin: 0px 0px 20px 0px}
.sec_title h4 span {font-size: 0.8em; font-weight: 450; color: var(--secondary); text-transform: none!important; display: inline-block; transform: translateY(5px)}
.sec_title h4 i {font-size: 0.5em; color: var(--white); height: 22px; width: 22px; background: var(--main); text-align: center; line-height: 22px; border-radius: 20px; display: inline-block}

.categorie .groups {margin: 30px 0px; padding: 0px}
.categorie .groups h3 {; padding: 0px; font-size: 1.1em; font-weight: 500; color: var(--secondary); line-height: 14px}


.sp_label, .wrappertwo label, .wrapperthree label, .wrappersix label, .column3 label, .column2 label, .wrapperfour label, form label {display: block; font-size: 1em; font-weight: 450; margin: 10px 0px 5px}

.max_notification {border: 0px solid #f90; font-size: 0.9em; padding: 0px; margin: 0px}
.max_notification i {color: var(--red)}

/*** tables ***/
.new_table {background: none; margin: 30px 0px 0px!important; padding: 0px; width: 100%; border-radius: 0px!important; font-size: 1.0em}
.new_table td, .new_table thead th, .tablesorter {background: var(--white); border-radius: 0px!important; border-right: 1px solid var(--tgrey)}
.new_table td:first-child, .new_table thead th:first-child {border-left: 1px solid var(--tgrey)}

.new_table thead th {font-size: 1.05em; font-weight: 600; background: var(--slgrey)}
.new_table thead td {font-size: 0.95em; font-weight: 400}
.new_table thead th i {font-size: 0.8em}

.new_table .inf {border-radius: 0px!important; border: none; padding: 0px 0px 20px 0px!important}
.new_table .mdiv {border: none; padding: 0px 0px 20px 0px!important}
.new_table .tot {padding: 0px!important; transform: translateY(10px)}
.new_table .glyphicon, .new_table .fa {color: var(--secondary)}
.new_table .fltrow td  {border: 1px solid var(--tgrey); padding: 10px 5px!important}
.new_table .fltrow input  {border: 1px solid var(--vlgrey); padding: 10px 5px!important; font-size: 0.8em; line-height: 1em; height: 18px!important}

.smaller_text_table {font-size: 90%!important}

.ex_table {background: none; margin: 30px 0px 0px!important; padding: 0px; width: 100%; border-radius: 0px!important; font-size: 1.0em}
.ex_table thead th {background: var(--white); border-radius: 0px!important; border-right: 1px solid var(--tgrey); border-top: 1px solid var(--tgrey); border-bottom: 1px solid var(--tgrey); padding: 4px 3px}
.ex_table td:first-child, .ex_table thead th:first-child {border-left: 1px solid var(--tgrey)}

.ex_table thead th {font-size: 1.05em; font-weight: 600; background: var(--slgrey)}
.ex_table td {font-size: 0.95em; font-weight: 400; border-right: 1px solid var(--tgrey); border-top: 1px solid var(--tgrey); border-bottom: 1px solid var(--tgrey); padding: 4px 3px}

.ex_table .filter {background: var(--white)!important}
.ex_table .input-filter {border: 1px solid var(--vlgrey); padding: 10px 5px!important; font-size: 0.8em!important; line-height: 1em!important; height: 18px!important; min-height: 18px!important; font-weight: 200!important; border-radius: 0px!important}

.ex_table md-progress-linear {height: 1px!important; margin: 0px!important; padding: 0px!important}

.ex_table md-progress-linear .md-container {height: 1px!important; margin: 0px!important; padding: 0px!important}

.new_table .glyphicon, .ex_table .glyphicon {margin: 0px 3px!important}
/*  wizard */



.row6w {margin: 0 -5px; padding: 0px; min-width: 100%}

.row6w:after {
  content: "";
  display: table;
  clear: both;
}

.col6w {
  float: left;
  width: 16.6%;
  padding: 0 5px; border: 0px solid #f09; margin: 0px;
}
.row5w {margin: 0 -5px; padding: 0px; min-width: 100%}

.row5w:after {
  content: "";
  display: table;
  clear: both;
}

.col5w {
  float: left;
  width: 20%;
  padding: 0 5px; border: 0px solid #f09; margin: 0px;
}

.new_wizard a {
    float: left;
    padding: 0px 0px 0px 0px;
    background: var(--secondary);
    color: #fff;
    position: relative;
    border-top: 0px solid #666;
    border-bottom: 0px solid #666;
    width: 100%;
    margin: 0px;
    height: 32px;
    line-height: 30px;
    font-weight: 400; text-decoration: none; font-size: 1.0em; text-align: center; text-transform: uppercase
}
.new_wizard.wactive a {background: var(--main)!important; font-weight: 450!important; pointer-events:none} 
.new_wizard span {font-weight: 650; font-size: 1.05em}
.new_wizard a .total {font-weight: 150!important; font-size: 0.95em!important; color: var(--white)}



/* end wizard */


/* other forms */

.comp_form {border: 0px solid #f89}
.comp_form label {font-size: 1em; font-weight: 500!important; color: var(--dtext); display: block; margin: 10px 0px 5px}
.comp_form select, .comp_form input {font-size: 0.9em; font-weight: 150!important; color: var(--dtext); border: 1px solid var(--vlgrey); width: 100%; border-radius: 0px; padding: 6px 3px; background: var(--white)}
.comp_form select:focus, .comp_form input:focus  {border-bottom: 1px solid var(--main)!important;outline: none!important}

.star {font-size: 0.9em; font-weight: 600!important; color: var(--main); transform: translateY(-2px); display: inline-block}

.comp_form input[type=submit] {font-weight: 500; padding: 5px 40px!important; border-radius: 300px;color: #fff; background: var(--main);text-shadow: 1px 1px 2px rgba(0,0,0,0.2); white-space: nowrap; border: none; font-size: 1.1em; display: table!important; width: auto!important; margin: 20px 0px}

.uploadfile {margin: 10px 0px 0px!important; padding: 0px; border: none!important}
.uploadfile button {font-weight: 500!important; font-size: 1em!important; padding: 2px 20px!important; border-radius: 30px;color: var(--white)!important; background: var(--s50)!important;text-shadow: 1px 1px 2px rgba(0,0,0,0.2); white-space: nowrap; border: none!important; line-height: 1em; height: 12px!important; margin: 0px!important; display: inline-block!important}
.uploadfile md-input-container {display: inline-block!important; width: 50%!important; margin-top: 10px!important; padding: 0px!important; height: 20px!important; border: none!important}
.uploadfile md-input-container input {margin: 0px 10px!important; padding: 0px!important; border: none!important}
.uploadfile md-input-container input:focus {border: none!important}

.uploadfile .uploadphoto {display: inline-block!important; width: 50%!important; margin-top: 10px!important; padding: 0px!important; height: 30px!important; border: none!important}
.uploadfile .photo {max-height: 150px!important; width: auto!important; height: auto!important; max-width: 150px}

.photo_th {max-height: 70px; max-width: 140px}
.inc_ph {height: 70px; width: 70px; margin: 3px 0px 5px; display: inline-block}

/* pagination */
.pagination a {height: 35px!important; width: 35px; margin: 5px!important; padding: 0px!important; text-align: center!important; line-height: 33px!important; border-radius: 35px!important}



/* end pagination */

.subtitle {font-size: 1.15em!important; font-weight: 500!important; margin: 5px 0px!important; padding: 0px!important; color: var(--main); text-transform: uppercase}

.del_category {; color: var(--white); background: var(--red); border: none; width: 22px; height: 22px; border-radius: 22px; line-height: 23px; text-align: center}

.group_new {background: #fcfcfc; padding: 5px}

.dragging  li {border: 2px solid #f78; padding: 0px!important; border-radius: 0px!important}
.dragging .handle {color: var(--main)!important}
.dragging md-autocomplete-wrap {box-shadow: none!important; margin: 0px auto!important}

.multiDemo ul[dnd-list] li.selected {background-color: #f1f1f1!important; color: var(--secondary)!important;}

.prices {min-height: 500px; border: 1px solid var(--secondary); border-radius: 10px; padding: 20px; background: #fcfcfc; margin-top: 15px}
.prices .name {height: 50px; font-size: 2.4em!important; color: var(--secondary); margin: 0px 0px 10px!important; text-align: center; font-weight: 600}
.prices ul {height: 200px; font-size: 0.9em }
.prices li {margin: 0px 0px 2px 1em }
.prices .listing { height: 100px; border: 0px solid #f90; text-align: center}
.prices .listing .price { color: var(--secondary); font-size: 1.5em; font-weight: 400; display: inline-block; margin-top: 10px}
.prices p {font-weight: 600}

.manager_window_std {border: none}

.create_page_new h2 {color: red}

.static_modalidad {
    border: 1px solid var(--secondary);
    margin: 0px;
    padding: 10px 10px 20px 10px;
    text-align: left;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1)
}

.static_modalidad:first-child {margin-right: 10px}
.static_modalidad:last-child {margin-left: 10px}
.static_modalidad:nth-child(2) {margin: 0px 10px; }

.static_modalidad .name {
    font-size: 3em;
    color: var(--main);
    font-weight: 600;
    margin: 10px 0px 20px; text-align: center
}
.static_modalidad .price {
    font-weight: 500; color: var(--secondary);
    font-size: 2rem; text-align: center;
}
.static_modalidad .price .hi{
    font-weight: bold;
    font-size: 3rem;
}
.static_modalidad ul  {
    min-height: 220px;
    margin-left: 1em;
}
.static_modalidad ul li {
    font-size: 1em;
}

.md-whiteframe-z1 {box-shadow: none!important;}

.md-whiteframe-z1  { font-size: 1em!important; font-weight: 150!important; color: var(--dtext)!important; border: 1px solid var(--vlgrey)!important; width: 100%; border-radius: 0px; padding: 7px 3px!important; background: var(--white)!important}
.sp_form label {display: block; font-size: 1em; font-weight: 450; margin: 20px 0px 5px}
.input_select {padding: 9px 3px } 
.input_text:focus  {border-bottom: 1px solid var(--main)!important;outline: none!important; }

.geo_auto #input-1, .geo_auto #input-2 {padding: 0px!important; line-height: 1em!important; height: 1.5em!important; font-family:  'Text', "sans-serif"!important;font-weight: 350!important; color: var(--dtext)!important}

.recordatorio_table th { padding: 5px 0px; border: none; font-size: 1.1em; font-weight: 400}
.recordatorio_table th b { font-weight: 500}
.recordatorio_table td { padding: 10px 5px; border: 1px solid var(--vlgrey)!important}
.recordatorio_table i {margin: 0px 3px}

.recordatorios_event .recordatorio {border: none!important;padding: 0px;box-shadow: none!important;}

.special_select {font-size: 1.1em; font-weight: 600; color: var(--secondary); margin: 10px 0px }

/* fases */
.categorie1 { padding: 0px; margin: 0px}
.categorie1 h3 { padding: 0px!important; margin: 20px 0px 0px!important; color: var(--s80); font-size: 1.1em!important; font-weight: 400!important}
.categorie1 h3 b {  color: var(--secondary);  font-weight: 500!important}
.categorie1 h4 { padding: 0px!important; margin: 0px 0px 5px!important; color: var(--black); font-size: 0.9em!important; font-weight: 400!important}

.new_event_table .lang {background: var(--main); width: 28px; height: 28px; line-height: 28px; text-align: center; margin: 8px 10px 0px 0px; border-radius: 20px; color: var(--white); font-weight: 600; font-size: 0.8em; text-transform: uppercase}

.new_event_table .wrappertwo .k2aa {border-bottom: 0px solid var(--secondary); margin-bottom: 20px; padding-bottom: 10px}

#tournament_new {border: none!important}

.manage_title {font-size: 1.15em; color: var(--secondary); font-weight: 400; margin: 0px 0px 20px}
.manage_title b {font-weight: 600}

.event_tickets_table {width: 100%; font-size: 0.9em; font-weight: 400}
.event_tickets_table td, .event_tickets_table th {border: 1px solid #ccc; padding: 5px; }
.event_tickets_table th {font-weight: 550; background: var(--slgrey)}

.event_tickets_table .noborder {border-top: 1px solid #ccc!important; border: none!important}

.st_pages_table {height: 50px}
.st_pages_table tr td p {margin-bottom: 18px; color: var(--secondary)}
.st_pages_table tr td, .st_pages_table li {height: 50px; margin: 0px; padding: 0px}
.st_pages_table .mover {height: 24px; width: 24px; background: var(--s20); display: block; line-height: 20px; text-align: center; margin: auto 10px 13px; font-size: 1.1em; font-weight: 600; color: var(--s80); border-radius: 20px; cursor: grab }

.st_pages_table md-switch {margin-top: 18px}

.st_pages_table tr td a {  display: block; background: var(--main); margin: auto 10px 18px 10px; font-size: 0.8em; font-weight: 500; color: var(--white); padding: 2px 15px 3px 12px; border-radius: 10px}
.st_pages_table tr td a i {font-size: 0.8em}
.st_pages_table tr td a:hover {text-decoration: none}


.boxthree .sw_label, .boxfour .sw_label, .boxtwo .sw_label {transform: translateY(-10px)!important; display: inline-table}

/********************************************smaller screen settings**********************************************************/
@media screen and (max-width: 1450px) {
#home_main {border: 0px solid #f09; margin: 0px 20px; padding: 0px; position: relative; top: 0px}
#home_display { margin: -10px 0px 0px; padding: 0px;}
    

#contentblock , #champion {border: 0px solid #f79; margin: 40px 20px 20px!important; padding: 0px!important; position: relative; top: 0px;  }
    
.bg-trans-cross-fade .bg-layer .display-layer {
  width: 95%;
}
    
.bg-trans-cross-fade .bg-layer .display-layer h2 { 
    font-size: 3.2em;
}

.bg-trans-cross-fade .bg-layer .display-layer h4 {font-size: 1.2em;}
    
.create_bt {font-size: 1.1em; margin: 0px 1% 0px 15%}
.request_bt {font-size: 1.1em;  margin: 0px 15% 0px 1%; background: rgba(66,115,149,0.8)}
}