/*
common.css
Octorate srl. All rights reserved. 2020
*/
.gray {
    color: #999 !important
}

.darkgray {
    color: #666 !important
}

.red {
    color: #F44336 !important
}

.green {
    color: #4AA564 !important
}

.yellow {
    color: #FBCE60 !important
}

.white {
    color: #FFF !important
}

.blue {
    color: #0071bc !important
}

.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-t {
    vertical-align: top
}

.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-5 {
    margin-top: 5px !important
}

.mar-t-10 {
    margin-top: 10px !important
}

.mar-t-20 {
    margin-top: 20px !important
}

.mar-t-35 {
    margin-top: 35px !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-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
}

.mar-l-70n {
    margin-left: -70px !important
}

.mar-r-33n {
    margin-right: -33px
}

.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-10 {
    height: 10px
}

.hei-15 {
    height: 15px
}

.hei-20 {
    height: 20px
}

.hei-200 {
    height: 200px
}

.hei-300 {
    height: 300px
}

.hei-400 {
    height: 400px
}

.hei-500 {
    height: 500px
}

.hei-800 {
    height: 800px
}

.hei-1000 {
    height: 1000px
}

.wid-10 {
    width: 10px
}

.wid-15 {
    width: 15px
}

.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
}

.wid-500 {
    width: 500px
}

.wid-600 {
    width: 600px
}

.wid-700 {
    width: 700px
}

.wid-750 {
    width: 750px
}

.min-w-600 {
    min-width: 600px
}

.min-w-800 {
    min-width: 800px
}

.max-w-100 {
    max-width: 100%
}

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

.wid-20p {
    width: 20%
}

.wid-23p {
    width: 23%
}

.wid-25p {
    width: 25%
}

.wid-45p {
    width: 45%
}

.wid-75p {
    width: 75%
}

.wid-100p {
    width: 100%
}

.fs-11 {
    font-size: 11px
}

.fs-12 {
    font-size: 12px
}

.fs-13 {
    font-size: 13px
}

.fs-15 {
    font-size: 15px
}

.fs-18 {
    font-size: 18px
}

.fs-20 {
    font-size: 20px
}

.fs-24 {
    font-size: 24px
}

.fs-26 {
    font-size: 26px
}

.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
}

.disp-flex {
    display: flex
}

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

.no-wrap {
    white-space: nowrap
}

.no-title-bar .ui-dialog-titlebar{
    display: none;
}

.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 */
}

body .ui-selectmanymenu.smallcheck .ui-selectlistbox-item > td:first-child {
    width: 28px;
    padding-right: 0
}