/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016.11.08., 19:28:48
    Author     : menri
*/


.show{display: block;}
.hide{display:none;}


/* FLOAT */
.float-left{float: left;}
.float-right{float: right;}
.clear{clear: both;}

.display-flex{display: flex;}

/* TEXT */
.text-align-left{text-align: left;}
.text-align-center{text-align: center;}
.text-align-right{text-align: right;}
.font-weight-bold{font-weight: bold;}
.text-transform-uppercase{text-transform: uppercase;}
/* TABLE */
.table{display: table; border-spacing: 0px; border-collapse: collapse;}
.table-cell{display: table-cell;}
.vertical-align-top{vertical-align: top;}
.vertical-align-middle{vertical-align: middle;}
.vertical-align-bottom{vertical-align: bottom;}

/* WIDTH + HIGHT */
.width-100{width: 100%;}
.width-90{width: 90%;}
.width-80{width: 80%;}
.width-70{width: 70%;}
.width-60{width: 60%;}
.width-65{width: 65%;}
.width-66{width: 66.66%;}
.width-55{width: 55%;}
.width-50{width: 50%;}
.width-45{width: 45%;}
.width-40{width: 40%;}
.width-35{width: 35%;}
.width-33{width: 33.33%;}
.width-30{width: 30%;}
.width-25{width: 25%;}
.width-20{width: 20%;}
.width-15{width: 15%;}
.width-10{width: 10%;}
.width-auto{width: auto;}
.height-100{height: 100%;}

/* PADDING */
.padding-15{padding: 15px;}
.padding-10{padding: 10px;}
.padding-5{padding: 5px;}
.padding-8{padding: 8px;}
.padding-5-15{padding: 5px 15px;}
.padding-5-10{padding: 5px 10px;}
.padding-5-0{padding: 5px 0px;}
.padding-0-5{padding: 0px 5px;}
.padding-0-2{padding: 0px 2px;}
.padding-0-15{padding: 0px 15px;}
.padding-0-8{padding: 0px 8px;}
.padding-0-10{padding: 0px 10px;}
.padding-10-15{padding: 10px 15px;}
.padding-10-5{padding: 10px 5px;}
.padding-10-0{padding: 10px 0px;}
.padding-15-0{padding: 15px 0px;}
.padding-top-10{padding-top: 10px;}
.padding-top-15{padding-top: 15px;}
.padding-left-10{padding-left: 10px;}
.padding-right-10{padding-right: 10px;}
.padding-right-50{padding-right: 50px; }
.padding-right-15{padding-right:15px;}
.padding-bottom-5{padding-bottom: 5px;}
.padding-bottom-10{padding-bottom: 10px;}


/* MARGIN */
.margin-auto{margin: auto;}
.margin-top-10{margin-top: 10px;}
.margin-top-5{margin-top: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-top-15{margin-top: 15px;}
.margin-right-15{margin-right: 15px;}
.margin-5{margin: 5px;}
.margin-right-10{margin-right: 10px;}
.margin-right-5{margin-right: 5px;}
.margin-left-10{margin-left: 10px;}
.margin-left-5{margin-left: 5px;}



/* BORDER */
.border-top-1{border-top: 1px solid #cccccc;}
.border-bottom-1{border-bottom: 1px solid #cccccc;}
.border-1{border: 1px solid #cccccc;}
.border-none{border:none;}
.border-top-dotted-1{border-top: 1px dotted #cccccc;}

.outline-none{outline:none;}