/*
************************************************************************************************************************************
************************************************************************************************************************************
 ######   #######   ######  ##     ##  #######  ##      ##  ######  
##    ## ##     ## ##    ## ###   ### ##     ## ##  ##  ## ##    ## 
##       ##     ## ##       #### #### ##     ## ##  ##  ## ##       
##       ##     ##  ######  ## ### ## ##     ## ##  ##  ##  ######  
##       ##     ##       ## ##     ## ##     ## ##  ##  ##       ## 
##    ## ##     ## ##    ## ##     ## ##     ## ##  ##  ## ##    ## 
 ######   #######   ######  ##     ##  #######   ###  ###   ######  
 ************************************************************************************************************************************
************************************************************************************************************************************
*/

/** GRIDS **************************************************************************************************/
.grid-table,
.ui-table{display:table;}
.grid-row,
.ui-table-row{display:table-row;}
.grid-cell,
.ui-table-cell{display:table-cell;}

/** SPACERS ************************************************************************************************/
/*spacer-auto*/
.spacer-auto{margin-left:auto;margin-right:auto;}
/*spacer-small*/
.spacer-small-top{margin-top:5px;}
.spacer-small-bottom{margin-bottom:5px;}
.spacer-small-left{margin-left:5px;}
.spacer-small-right{margin-right:5px;}
td.spacer-small-top,
th.spacer-small-top,
.spacer-small-top.grid-cell{padding-top:5px;}
td.spacer-small-bottom,
th.spacer-small-bottom,
.spacer-small-bottom.grid-cell{padding-bottom:5px;}
td.spacer-small-left,
th.spacer-small-left,
.spacer-small-left.grid-cell{padding-left:5px;}
td.spacer-small-right,
th.spacer-small-right,
.spacer-small-right.grid-cell{padding-right:5px;}
/*spacer-medium*/
.spacer-top,
.spacer-medium-top{margin-top:10px;}
.spacer-bottom,
.spacer-medium-bottom{margin-bottom:10px;}
.spacer-left,
.spacer-medium-left{margin-left:10px;}
.spacer-right,
.spacer-medium-right{margin-right:10px;}
td.spacer-top,
th.spacer-top,
td.spacer-medium-top,
th.spacer-medium-top,
.spacer-top.grid-cell,
.spacer-medium-top.grid-cell{padding-top:10px;}
td.spacer-bottom,
th.spacer-bottom,
td.spacer-medium-bottom,
th.spacer-medium-bottom,
.spacer-bottom.grid-cell,
.spacer-medium-bottom.grid-cell{padding-bottom:10px;}
td.spacer-left,
th.spacer-left,
.spacer-left.grid-cell,
.spacer-medium-left.grid-cell
td.spacer-medium-left,
th.spacer-medium-left,
.spacer-left.grid-cell,
.spacer-medium-left.grid-cell{padding-left:10px;}
td.spacer-right,
th.spacer-right,
td.spacer-medium-right,
th.spacer-medium-right,
.spacer-right.grid-cell,
.spacer-medium-right.grid-cell{padding-right:10px;}
/*spacer-large*/
.spacer-large-top{margin-top:15px;}
.spacer-large-bottom{margin-bottom:15px;}
.spacer-large-left{margin-left:15px;}
.spacer-large-right{margin-right:15px;}
td.spacer-large-top,
th.spacer-large-top,
.spacer-large-top.grid-cell{padding-top:15px;}
td.spacer-large-bottom,
th.spacer-large-bottom,
.spacer-large-bottom.grid-cell{padding-bottom:15px;}
td.spacer-large-left,
th.spacer-large-left,
.spacer-large-left.grid-cell{padding-left:15px;}
td.spacer-large-right,
th.spacer-large-right,
.spacer-large-right.grid-cell{padding-right:15px;}
/*spacer inherit for table elements*/
td.spacer-small-top,
td.spacer-medium-top,
td.spacer-large-top,
th.spacer-small-top,
th.spacer-medium-top.th,
th.spacer-large-top.th,
.spacer-small-top.grid-cell,
.spacer-top.grid-cell,
.spacer-medium-top.grid-cell,
.spacer-large-top.grid-cell{margin-top:inherit;}
td.spacer-small-bottom,
td.spacer-medium-small,
td.spacer-large-bottom,
th.spacer-small-bottom.th,
th.spacer-medium-small-th,
th.spacer-large-bottom.th,
.spacer-small-bottom.grid-cell,
.spacer-bottom.grid-cell,
.spacer-medium-bottom.grid-cell,
.spacer-large-bottom.grid-cell{margin-bottom:inherit;}
td.spacer-left,
th.spacer-left,
td.spacer-small-left,
td.spacer-medium-left,
td.spacer-large-left,
th.spacer-small-left.th,
th.spacer-medium-left.th,
th.spacer-large-left.th,
.spacer-small-left.grid-cell,
.spacer-left.grid-cell,
.spacer-medium-left.grid-cell,
.spacer-large-left.grid-cell{margin-left:inherit;}
td.spacer-right,
th.spacer-right,
td.spacer-small-right,
td.spacer-medium-right,
td.spacer-large-right,
th.spacer-small-right.th,
th.spacer-medium-right.th,
th.spacer-large-right.th,
.spacer-small-right.grid-cell,
.spacer-right.grid-cell,
.spacer-medium-right.grid-cell,
.spacer-large-right.grid-cell{margin-right:inherit;}
/*for V5 module*/
.module.spacer-content .module-content{padding:10px;}
/*for tables*/
.border-collapse{border-collapse:collapse;}

/** ALIGNMENTS **********************************************************************************************/
.align-top,
.align-top.grid-table .grid-cell,
.align-top.grid-cell{vertical-align:top;}
.align-middle,
.align-middle.grid-table .grid-cell,
.align-middle.grid-cell{vertical-align:middle;}
.align-bottom,
.align-bottom.grid-table .grid-cell,
.align-bottom.grid-cell{vertical-align:bottom;}
.direction-ltr{direction:ltr;}
.direction-rtl{direction:rtl;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.align-justify{text-align:justify;}
.align-right{text-align:right;}
.align-baseline{vertical-align: baseline;}

/** POSITIONS ***********************************************************************************************/
/*position*/
.float-left{float:left;}
.float-right{float:right;}
.hidden{visibility:hidden;}
.item-relative{position:relative;}
.item-absolute{position:absolute;}
.clear{clear:both;}
.clear::after{content:'';display:block;clear:both;}

/** TEXTS **************************************************************************************************/
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.nowrap{white-space:nowrap;}
.cursor-pointer{cursor:pointer;}
.cursor-default{cursor:default;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}

/** ELEMENTS ***********************************************************************************************/
/* CSS Width */
.width-auto,
.module.width-auto{width:auto;}
.width-0{width:0%;} .width-1{width:1%;} .width-2{width:2%;} .width-3{width:3%;} .width-4{width:4%;} .width-5{width:5%;} .width-6{width:6%;} .width-7{width:7%;} .width-8{width:8%;} .width-9{width:9%;} .width-10{width:10%;} .width-11{width:11%;} .width-12{width:12%;} .width-13{width:13%;} .width-14{width:14%;} .width-15{width:15%;} .width-16{width:16%;} .width-17{width:17%;} .width-18{width:18%;} .width-19{width:19%;} .width-20{width:20%;} .width-21{width:21%;} .width-22{width:22%;} .width-23{width:23%;} .width-24{width:24%;} .width-25{width:25%;} .width-26{width:26%;} .width-27{width:27%;} .width-28{width:28%;} .width-29{width:29%;} .width-30{width:30%;} .width-31{width:31%;} .width-32{width:32%;} .width-33{width:33%;} .width-34{width:34%;} .width-35{width:35%;} .width-36{width:36%;} .width-37{width:37%;} .width-38{width:38%;} .width-39{width:39%;} .width-40{width:40%;} .width-41{width:41%;} .width-42{width:42%;} .width-43{width:43%;} .width-44{width:44%;} .width-45{width:45%;} .width-46{width:46%;} .width-47{width:47%;} .width-48{width:48%;} .width-49{width:49%;} .width-50{width:50%;} .width-51{width:51%;} .width-52{width:52%;} .width-53{width:53%;} .width-54{width:54%;} .width-55{width:55%;} .width-56{width:56%;} .width-57{width:57%;} .width-58{width:58%;} .width-59{width:59%;} .width-60{width:60%;} .width-61{width:61%;} .width-62{width:62%;} .width-63{width:63%;} .width-64{width:64%;} .width-65{width:65%;} .width-66{width:66%;} .width-67{width:67%;} .width-68{width:68%;} .width-69{width:69%;} .width-70{width:70%;} .width-71{width:71%;} .width-72{width:72%;} .width-73{width:73%;} .width-74{width:74%;} .width-75{width:75%;} .width-76{width:76%;} .width-77{width:77%;} .width-78{width:78%;} .width-79{width:79%;} .width-80{width:80%;} .width-81{width:81%;} .width-82{width:82%;} .width-83{width:83%;} .width-84{width:84%;} .width-85{width:85%;} .width-86{width:86%;} .width-87{width:87%;} .width-88{width:88%;} .width-89{width:89%;} .width-90{width:90%;} .width-91{width:91%;} .width-92{width:92%;} .width-93{width:93%;} .width-94{width:94%;} .width-95{width:95%;} .width-96{width:96%;} .width-97{width:97%;} .width-98{width:98%;} .width-99{width:99%;} .width-100{width:100%;}
/* CSS Height */
.height-0{height:0%;} .height-1{height:1%;} .height-2{height:2%;} .height-3{height:3%;} .height-4{height:4%;} .height-5{height:5%;} .height-6{height:6%;} .height-7{height:7%;} .height-8{height:8%;} .height-9{height:9%;} .height-10{height:10%;} .height-11{height:11%;} .height-12{height:12%;} .height-13{height:13%;} .height-14{height:14%;} .height-15{height:15%;} .height-16{height:16%;} .height-17{height:17%;} .height-18{height:18%;} .height-19{height:19%;} .height-20{height:20%;} .height-21{height:21%;} .height-22{height:22%;} .height-23{height:23%;} .height-24{height:24%;} .height-25{height:25%;} .height-26{height:26%;} .height-27{height:27%;} .height-28{height:28%;} .height-29{height:29%;} .height-30{height:30%;} .height-31{height:31%;} .height-32{height:32%;} .height-33{height:33%;} .height-34{height:34%;} .height-35{height:35%;} .height-36{height:36%;} .height-37{height:37%;} .height-38{height:38%;} .height-39{height:39%;} .height-40{height:40%;} .height-41{height:41%;} .height-42{height:42%;} .height-43{height:43%;} .height-44{height:44%;} .height-45{height:45%;} .height-46{height:46%;} .height-47{height:47%;} .height-48{height:48%;} .height-49{height:49%;} .height-50{height:50%;} .height-51{height:51%;} .height-52{height:52%;} .height-53{height:53%;} .height-54{height:54%;} .height-55{height:55%;} .height-56{height:56%;} .height-57{height:57%;} .height-58{height:58%;} .height-59{height:59%;} .height-60{height:60%;} .height-61{height:61%;} .height-62{height:62%;} .height-63{height:63%;} .height-64{height:64%;} .height-65{height:65%;} .height-66{height:66%;} .height-67{height:67%;} .height-68{height:68%;} .height-69{height:69%;} .height-70{height:70%;} .height-71{height:71%;} .height-72{height:72%;} .height-73{height:73%;} .height-74{height:74%;} .height-75{height:75%;} .height-76{height:76%;} .height-77{height:77%;} .height-78{height:78%;} .height-79{height:79%;} .height-80{height:80%;} .height-81{height:81%;} .height-82{height:82%;} .height-83{height:83%;} .height-84{height:84%;} .height-85{height:85%;} .height-86{height:86%;} .height-87{height:87%;} .height-88{height:88%;} .height-89{height:89%;} .height-90{height:90%;} .height-91{height:91%;} .height-92{height:92%;} .height-93{height:93%;} .height-94{height:94%;} .height-95{height:95%;} .height-96{height:96%;} .height-97{height:97%;} .height-98{height:98%;} .height-99{height:99%;} .height-100{height:100%;}
/*display*/
.display-none.display-none,
*[v-cloak]{display:none;}
.display-block{display:block;}
.display-inline{display:inline;}
.display-inline-block,
.inline-block{display:inline-block;}
/** Overflow ************************************************************************************************/
.overflow-hidden{overflow: hidden;}
.overflow-visible{overflow: visible;}
/** OPACITY ************************************************************************************************/
.opacity-10{opacity:.1;}
.opacity-20{opacity:.2;}
.opacity-30{opacity:.3;}
.opacity-40{opacity:.4;}
.opacity-50{opacity:.5;}
.opacity-60{opacity:.6;}
.opacity-70{opacity:.7;}
.opacity-80{opacity:.8;}
.opacity-90{opacity:.9;}
/*font-size*/
.font-small{font-size:11px;}
.font-medium{font-size:13px;}
.font-large{font-size:15px;}

/** IMAGE **************************************************************************************************/
.transform-mirror{
    transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
}

/** GRAYSCALE ************************************************************************************************/
.grayscale{
    -webkit-filter: grayscale(1); /* Webkit */
    filter: grayscale(1); /* W3C */
}
@media all and (-ms-high-contrast:none){
    .grayscale{
        opacity: .5;
    } /* IE & Edge */
}