.head-spacer {
    height: 152px;
}


@media (max-width: 767px) {
    .head-spacer {
        height: 0px;
    }
}

/*
/////////////////////////////////
Generic Layout
/////////////////////////////////
*/

label, input, button, select, textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
}
.datatable-scroll {
  overflow-x: auto;
  overflow-y: visible;
  float: left;
  width: 100%;
  position: relative;
}
.holder {
	max-width:1400px;
	text-align: left;
}
table.dataTable tbody td.text-center,
table.dataTables td.text-center,
.text-center{
  text-align: center;
}  
.centre {
	margin-left: auto;
	margin-right: auto;
}

.right {
	float: right;
}

.left {
	float: left;
}

.row {
	clear: both;      
}


.hidden {
    display: none;
}


.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 {
    float: left;
    -moz-box-sizing: border-box;
    display: block;
    
}

.w1d, .w2d, .w3d, .w4d, .w5d, .w6d, .w7d, .w8d, .w9d, .w10d, .w11d, .w12d {
    float: left;
    -moz-box-sizing: border-box;
    display: block;
    
}


/*
/////////////////////////////////
Generic Spacers
/////////////////////////////////
*/

.s80 {
  padding:80px;
}

.s40 {
  padding: 40px;
}

.s20 {
  padding:20px;
}

.s10 {
  padding:10px;
}

.s3 {
  padding:3px;
}

.s15 {
    padding:15px;
}
.s20l {
    padding-left: 20px;
}

.s30 {
    padding: 30px;
}

.s6 {
  padding: 6px;
}

.s5 {
    padding: 5px;
}

.s1 {
    padding: 1px;
}

/*
/////////////////////////////////
Generic settings
/////////////////////////////////
*/

.show {
  border: 1px solid red;
}

img {
	border:0px;
	max-width: 100%;
}

div, body, a, img, p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}

div, img, p, a {
  /* display: block; */
}

a {
  text-decoration: none;
}

/*
/////////////////////////////////
Mobile
/////////////////////////////////
*/

@media (max-width: 767px) {

    .menu {

    }
    .content {

    }

   .test {
    border: 1px solid red;
   }
   
  .vm {
    display: block;
  }
  
  .hm {
    display: none;
  }
  
  .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 {
      float: left;
      -moz-box-sizing: border-box;
      width:100%;
  }

  .w1m, .w2m, .w3m, .w4m, .w5m, .w6m, .w7m, .w8m, .w9m, .w10m, .w11m, .w12m {
        float: left;
        -moz-box-sizing: border-box;
    }
  
  .w1m {  
    width: 8.33%;
  }
  
  .w2m {  
    width: 16.66%;
  }
  
  .w3m {  
    width: 25%;
  }
  
  .w4m {
    width: 33.33%;
  }
  
  .w5m {
    width: 41.66%;
  }
  
  .w6m {
    width: 50%;
  }
  
  .w7m {
    width: 58.33%;
  }
  
  .w8m {
    width: 66.66%;
  }
  
  .w9m {
    width: 75%;
  }
  
  .w10m {
    width: 83.33%;
  }
  
  .w11m {
    width: 91.66%;
  }
  
  .w12m {
    width: 100%;
  }
  
}

/*
/////////////////////////////////
Tablets
/////////////////////////////////
*/

@media (max-width: 970px) and (min-width: 768px) {

    .menu {

    }
    .content {

    }

    .w1t, .w2t, .w3t, .w4t, .w5t, .w6t, .w7t, .w8t, .w9t, .w10t, .w11t, .w12t {
        float: left;
        -moz-box-sizing: border-box;
    }

    .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 {
        float: left;
        -moz-box-sizing: border-box;
    }
	.ht {
		display: none;
	}

    .vt {
        display: block;
    }

    .test {
        border: 1px solid orange;
    }

    .w1, .w1t {
        width: 8.33%;
    }

    .w2, .w2t {
        width: 16.66%;
    }

    .w3, .w3t {
        width: 25%;
    }

    .w4, .w4t {
        width: 33.33%;
    }

    .w5, .w5t {
        width: 41.66%;
    }

    .w6, .w6t {
        width: 50%;
    }

    .w7, .w7t {
        width: 58.33%;
    }

    .w8, .w8t {
        width: 66.66%;
    }

    .w9, .w9t {
        width: 75%;
    }

    .w10, .w10t {
        width: 83.33%;
    }

    .w11, .w11t {
        width: 91.66%;
    }

    .w12, .w12t {
        width: 100%;
    }
  
}


/*
/////////////////////////////////
Desktop
/////////////////////////////////
*/

@media (min-width: 970px) {

    .menu {
        width: 190px;
        margin-right: 0px;
    }
    .content {
    	width: 1400px;
    }

    .test {
        border: 1px solid green;
    }

	.hd {
		display: none;
	}
	
	.vm {
		  display: none;
	}
	
	.w1, .w1d {  
		width: 8.33%;
	}
	
	.w2, .w2d {  
		  width: 16.66%;
	}
	
	.w3, .w3d {  
		width: 25%;
	}
	
	.w4, .w4d {
		  width: 33.33%;
	}
	
	.w5, .w5d {
		width: 41.66%;
	}
	
	.w6, .w6d {
		  width: 50%;
	}
	
	.w7, .w7d {
		width: 58.33%;
	}
	
	.w8, .w8d {
		  width: 66.66%;
	}
	
	.w9, .w9d {
		width: 75%;
	}
	
	.w10, .w10d {
		  width: 83.33%;
	}
	
	.w11, .w11d {
		width: 91.66%;
	}
	
	.w12, .w12d {
		width: 100%;
	}

}

/*
old IE
*/

@media \0screen\,screen\9 {

    .menu {
        width: 190px;
        margin-right: 0px;
    }
    .content {
        width: 1000px;
    }

    .left-menu-space {
        padding-left: 200px;
    }
	
	.hd {
		  display: none;
	}
	
	.vm {
		display: none;
	}
	
	input {
		min-width: 0% !important;
		box-sizing: border-box;
	}
	
	.w1, .w1d {
		width: 8.33%;
	}
	
	.w2, .w2d {
		width: 16.66%;
	}
	
	.w3, .w3d {
		width: 25%;
	}
	
	.w4, .w4d {
		width: 33.33%;
	}
	
	.w5, .w5d {
		width: 41.66%;
	}
	
	.w6, .w6d {
		width: 50%;
	}
	
	.w7, .w7d {
		width: 58.33%;
	}
	
	.w8, .w8d {
		width: 66.66%;
	}
	
	.w9, .w9d {
		width: 75%;
	}
	
	.w10, .w10d {
		width: 83.33%;
	}
	
	.w11, .w11d {
		width: 91.66%;
	}
	
	.w12, .w12d {
		width: 100%;
	}

}