/* Portrait and Landscape */
.pullleft{ float:left}
.pullright{ float:right; width:165px; position: fixed; right:0}
header{ position:fixed; width:100%; z-index: 999;}

.desktophide{ display:none !important;}
.mobilehide{ display:block !important;}

label {
	font-size:18px;
	color:#000;
}




@media only screen and (min-width:220px) and (max-width:480px) {
	/*body{ background:#6F0}*/
	.pullleft{ float:left}
.pullright{ float:right}
.desktophide{ display:block !important;}
.mobilehide{ display:none !important;}

.row .col.s1 {
	width:100%;
	margin-left:0
}
.row .col.s2 {
	width:100%;
	margin-left:0
}
.row .col.s3 {
	width:100%;
	margin-left:0
}
.row .col.s4 {
	width:100%;
	margin-left:0
}
.row .col.s5 {
	width:100%;
	margin-left:0
}
.row .col.s6 {
	width:100%;
	margin-left:0
}
.row .col.s7 {
	width:100%;
	margin-left:0
}
.row .col.s8 {
	width:100%;
	margin-left:0
}
.row .col.s9 {
	width:100%;
	margin-left:0
}
.row .col.s10 {
	width:100%;
	margin-left:0
}
.row .col.s11 {
	width:100%;
	margin-left:0
}
.row .col.s12 {
	width:100%;
	margin-left:0
}



.responsive_table th:last-of-type {
    border-right: 0;
  }

  .responsive_table tr:before {
    content     : attr(data-th);
    font-weight : bold;
    width       : 100%;
    display     : none;
    padding		: 15px 5px 10px;
    font-size   : 15px;
  }

  .responsive_table td:before {
    content       : attr(data-th) ": ";
    font-weight   : bold;
    width         : 6.5em;
    display       : none;
    border-bottom : solid 1px #ce2343;
  }

  .responsive_table {
    border-left: 0;
    border-top: 0;
    border-right: 0;
  }

  .responsive_table tr:first-of-type {
    display: none;
  }

  .responsive_table tr {
    border-bottom  : 0;
    vertical-align : middle;
    border-bottom : solid 1px #CCC;
  }

  .responsive_table th, .responsive_table td {
    padding : 0;
  }

  .responsive_table td {
    display : block;
    border-bottom: 0;
  }

  .responsive_table tr:before {
    display : block;
  }

  .responsive_table td:before {
    display : inline-block;
    margin-right: 10px;
  }

  .responsive_table td:last-of-type:before {
    border-bottom: 0;
  }

  .responsive_table th {
    display : none;
  }

  .responsive_table tr td {
    background: #eee;
  }

  .responsive_table td.nice_hidden_column {
    display: none;
  }
  
  
  .material-icons{ line-height:58px !important;}
  
  
  
 .loginbox {
    margin:0 auto;
    width:96%;
}

.loginbackground main {
    padding-top: 0px !important;
}

  
}

@media only screen and (min-width: 600px) and (max-width:768px) {
	/*body{ background:#ccc}*/

.row .col.s1 {
	width:100%;
	margin-left:0
}
.row .col.s2 {
	width:100%;
	margin-left:0
}
.row .col.s3 {
	width:100%;
	margin-left:0
}
.row .col.s4 {
	width:100%;
	margin-left:0
}
.row .col.s5 {
	width:100%;
	margin-left:0
}
.row .col.s6 {
	width:100%;
	margin-left:0
}
.row .col.s7 {
	width:100%;
	margin-left:0
}
.row .col.s8 {
	width:100%;
	margin-left:0
}
.row .col.s9 {
	width:100%;
	margin-left:0
}
.row .col.s10 {
	width:100%;
	margin-left:0
}
.row .col.s11 {
	width:100%;
	margin-left:0
}
.row .col.s12 {
	width:100%;
	margin-left:0
}



.pullleft{ float:left}
.pullright{ float:right}


}

@media only screen and (min-width: 769px) and (max-width:980px) {

/*body{ background:#000}*/

}


@media only screen and (min-width: 981px) and (max-width:1200px) {

/*body{ background:#ff0}*/

}















.nice_table {
  margin :0px ;
  width  : 100%;
  min-width:300px;
  border : 0px solid #fff;
  color: #444;
  overflow      : hidden;
}

.nice_table th, .nice_table td {
  display : table-cell;
  padding : 10px 8px;
  background:#FFFFFF;
}

.nice_table td {
  vertical-align: middle;
  border-right: 0px solid #f00;
  border-bottom: 0px solid #f00;
}

.nice_table th {
  border-bottom: solid 0px #f00;
}

.nice_table tr:hover td {
  background : #f7f8fa;
}

.nice_table tr {
  border-bottom : 1px solid #D8D8D8;
}

.nice_table th, .nice_table td {
  text-align: left;
}

.nice_table th, .responsive_table td:before {
  font-weight  : bold;
/*  padding      : 15px 14px 15px 15px;
*/  color        : #000;
  background   : #f1f1f1;
  border-right : solid 0px #f00;
}

/* Example 1 & 2 ===== */
@media 
  only screen and (max-width: 915px),
  (min-device-width: 768px) and (max-device-width: 1024px)  {
    /* Force table to not be like tables anymore */
    table.resp_table, table.resp_table thead, table.resp_table tbody, table.resp_table th, table.resp_table td, table.resp_table tr { 
      display: block; 
	  
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.resp_table thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    table.resp_table tr { /*border: 1px solid #ccc;*/ margin-bottom: 20px;}

    table.resp_table tr td { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #f2f2f2; 
      position: relative;
      padding-left: 25%; 
      width: calc(100% - 0px) !important;
      text-align: left !important;
    }

    table.resp_table tr td:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 12px;
      left: 6px;
      width:20%; 
      padding-right: 10px; 
      white-space: nowrap;
      text-align: right !important;
      font-weight: bold;

      content: attr(data-th) ": ";
    }
	
	
	.nice_table {
  width: auto  !important;
}

.smk_accordion .accordion_in .acc_content {
  padding:5px;
}

  }

/* Example 3 ===== */
@media screen and (max-width : 480px) {
  
}