/* Admin Form Styles  responsive.css included by styles.css */

/*body {min-width:300px}*/

/* --------------------------------------------------------------------- 12 Column Grid */

.row {
	clear: both;
	padding: 0px;
	margin: 0px;
  width:100%;
}
.row::after{content: ''; display: table;}


.column, .columns {
	display: block;
	float:left;
	margin: 0 .5% 0 0;
  min-height: 1px;
}

.column:last-child, .columns:last-child {margin-right: 0;}


.small-12{width:100%;}
.small-11{width:91.62%;}
.small-10{width:83.25%;}
.small-9{width:74.87%;}
.small-8{width:66.5%;}
.small-7{width:58.12%;}
.small-6{width:49.75%;}
.small-5{width:41.37%;}
.small-4{width:33%;}
.small-3{width:24.62%;}
.small-2{width:16.25%;}
.small-1{width:7.875%;}




/*  small (Mobile)) */
@media screen and (max-width:52.5rem) {

  html.admin {font-size: 120%}


  .col {margin: 0}  /* 1% 0 1% 0%; */

  .show-for-medium, .show-for-large, .show-for-medium-only, .show-for-large-only, .hide-for-small {display:none !important;}
  .unvisible-for-small {visibility: hidden}




  table.responsive {
    border: 0;
  }

  table.responsive caption {
    font-size: 1.3em;
  }

  table.responsive thead {/*
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;*/
    display:none;
  }
  table.responsive thead tr {border:none}

  table.responsive tr {
    border-bottom: 2px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table.responsive td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1rem;
    text-align: right;
    padding: .3rem .6rem .2rem !important;
  }

  table.responsive td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
  }

  table.responsive td:last-child {
    border-bottom: 0;
  }







}

/*  medium (Tablet)) */
@media screen and (min-width:52.51rem) and (max-width:100rem) {
  .show-for-large, .show-for-small-only, .show-for-large-only, .hide-for-medium {display:none !important;}
}
/*  medium and up */
@media screen and (min-width:52.51rem){

  .medium-12{width:100%;}
  .medium-11{width:91.62%;}
  .medium-10{width:83.25%;}
  .medium-9{width:74.87%;}
  .medium-8{width:66.5%;}
  .medium-7{width:58.12%;}
  .medium-6{width:49.75%;}
  .medium-5{width:41.37%;}
  .medium-4{width:33%;}
  .medium-3{width:24.62%;}
  .medium-2{width:16.25%;}
  .medium-1{width:7.875%;}

}

/*  large (Desktop)) */
@media screen and (min-width:100.01rem) {

  .show-for-small-only, .show-for-medium-only, .hide-for-large {display:none !important;}

  .large-12{width:100%;}
  .large-11{width:91.62%;}
  .large-10{width:83.25%;}
  .large-9{width:74.87%;}
  .large-8{width:66.5%;}
  .large-7{width:58.12%;}
  .large-6{width:49.75%;}
  .large-5{width:41.37%;}
  .large-4{width:33%;}
  .large-3{width:24.62%;}
  .large-2{width:16.25%;}
  .large-1{width:7.875%;}

}