/*
common.css
Octorate srl. All rights reserved. 2020
*/
.gray {color:#999}
.darkgray {color:#666}
.red {color:#F44336 !important}
.green {color:#4AA564}
.white {color:#FFF !important}
.blue {color:#0071bc}
.orange {color:#fe875d !important}
.purple {color:#9f4488 !important}

.orange-back {background-color:#fe875d !important}
.purple-back {background-color:#9f4488 !important}
.green-back {background-color:#4AA564 !important}
.red-back {background-color:#F44336 !important}
.white-back {background-color:#fff !important}
.gray-back {background-color:#666 !important}
.light-gray-back {background-color:#aaa !important}
.blue-back {background-color:#0FADDB !important}
.teal-back {background-color:#07A089 !important}

.opa-20 {opacity:0.2}
.opa-30 {opacity:0.3}
.opa-50 {opacity:0.5}

.float-l {float:left}
.float-r {float:right}

.vert-m {vertical-align:middle}
.text-l {text-align:left}
.text-r {text-align:right}
.text-c {text-align:center}

.mar-0 {margin:0 !important}
.mar-t-2 {margin-top:2px !important}
.mar-t-5 {margin-top:5px !important}
.mar-t-10 {margin-top:10px !important}
.mar-t-20 {margin-top:20px !important}
.mar-b-5 {margin-bottom:5px !important}
.mar-b-20 {margin-bottom:20px !important}
.mar-r-0 {margin-right:0 !important}
.mar-r-1 {margin-right:1px !important}
.mar-r-5 {margin-right:5px !important}
.mar-r-10 {margin-right:10px !important}
.mar-r-20 {margin-right:20px !important}
.mar-r-30 {margin-right:30px !important}
.mar-r-50 {margin-right:50px !important}
.mar-l-20 {margin-left:20px !important}
.mar-l-10 {margin-left:10px !important}
.mar-l-5 {margin-left:5px !important}

.pad-5 {padding:5px !important}
.pad-10 {padding:10px !important}
.pad-b-20 {padding-bottom:20px}
.pad-b-10 {padding-bottom:10px}
.pad-t-10 {padding-top:10px}
.pad-r-10 {padding-right:10px}

.position-r {position:relative}
.position-a {position:absolute !important}
.over-a {overflow:auto}

.min-h-500 {min-height:500px}
.hei-1 {height:1px}
.hei-20 {height:20px}
.hei-80 {height:80px}
.hei-100 {height:80px}
.hei-200 {height:200px}
.hei-300 {height:300px}
.hei-400 {height:400px}
.hei-500 {height:500px}
.hei-1000 {height:1000px}

.wid-10 {width:10px}
.wid-20 {width:20px}
.wid-25 {width:25px}
.wid-30 {width:30px}
.wid-35 {width:35px}
.wid-40 {width:40px}
.wid-50 {width:50px}
.wid-60 {width:60px}
.wid-70 {width:70px}
.wid-80 {width:80px}
.wid-90 {width:90px}
.wid-100 {width:100px}
.wid-120 {width:120px}
.wid-140 {width:140px}
.wid-160 {width:160px}
.wid-180 {width:180px}
.wid-200 {width:200px}
.wid-250 {width:250px}
.wid-300 {width:300px}
.wid-350 {width:350px}
.wid-400 {width:400px}

.max-w-100 {max-width:100%}
.max-wh-40 {max-width:40px;max-height:40px}

.wid-20p {width:20%}
.wid-25p {width:25%}
.wid-45p {width:45%}
.wid-100p {width:100%}

.fs-11{font-size:11px}
.fs-12{font-size:12px}
.fs-18{font-size:18px}
.fs-24{font-size:24px}
.fs-32{font-size:32px}
.fs-40{font-size:40px}
.stroke{text-decoration:line-through}
.font-i{font-style:italic}
.font-b{font-weight:bold}

.lower-case{text-transform:lowercase}

.scroll-h {overflow-x:scroll}

.line-h-20 {line-height:20px}
.line-h-25 {line-height:25px}

.inline-block{display:inline-block}
.disp-block{display:block}
.disp-grid{display:grid}

.bord-rad-no {border-radius:0 !important}

.no-wrap {white-space:nowrap}
.no-select {
    -webkit-touch-callout:none; /* iOS Safari */
    -webkit-user-select:none; /* Safari */
    -khtml-user-select:none; /* Konqueror HTML */
    -moz-user-select:none; /* Firefox */
    -ms-user-select:none; /* Internet Explorer/Edge */
    user-select:none; /* Non-prefixed version, currently supported by Chrome and Opera */
}