#media-query{
   position: fixed;
   z-index: 9999;
   width: 100px;
   height: 5px;
   bottom: 0;
   right: 0;
}
.cursor-pointer,[role=button]{cursor: pointer;}
.cursor-move{cursor: grab}
.cursor-move:active{cursor: grabbing}
.justify-content-safe-center{justify-content: safe center}
.btn{cursor: pointer}
.font-10{font-size: 10px !important}
.font-11{font-size: 11px !important}
.font-12{font-size: 12px !important}
.font-13{font-size: 13px !important}
.font-14{font-size: 14px !important}
.font-15{font-size: 15px !important}
.font-16{font-size: 16px !important}
.font-17{font-size: 17px !important}
.font-18{font-size: 18px !important}
.font-20{font-size: 20px !important; line-height: 27px}
.font-22{font-size: 22px !important; line-height: 29px}
.font-24{font-size: 24px !important; line-height: 31px}
.font-26{font-size: 26px !important; line-height: 33px}
.font-28{font-size: 28px !important; line-height: 35px}
.font-30{font-size: 30px !important; line-height: 37px}
.font-40{font-size: 40px !important; line-height: 47px}
.font-50{font-size: 50px !important; line-height: 57px}
.font-weight-medium{font-weight: 500 !important}
.font-weight-semibold{font-weight: 600 !important}
.font-weight-bolder{font-weight: 900 !important}
.condensed-half{letter-spacing: -0.5px}
.condensed-1{letter-spacing: -1px}
.condensed-2{letter-spacing: -2px}
.expanded-half{letter-spacing: 0.5px}
.expanded-1{letter-spacing: 1px}
.expanded-2{letter-spacing: 2px}
.display-5{font-size: 2rem; font-weight: 300}
.display-6{font-size: 1.5rem; font-weight: 300}
.display-7{font-size: 1.25rem; font-weight: 300}
.h-0{height: 0 !important}
.w-0{width: 0 !important}
.w-70{width: 70% !important}
.w-75{width: 75% !important}
.w-80{width: 80% !important}
.w-85{width: 85% !important}
.w-90{width: 90% !important}
.w-95{width: 95% !important}
.mt-neg-1{margin-top: -.25rem !important}
.mt-neg-2{margin-top: -.5rem !important}
.mt-neg-3{margin-top: -1rem !important}
.mt-neg-4{margin-top: -1.5rem !important}
.mt-neg-5{margin-top: -3rem !important}
.align-items-middle{align-items: center}
.overflow-hidden{overflow: hidden}
.overflow-auto{overflow: auto}
.overflow-scroll{overflow: scroll}
.opacity-5{opacity: .5}
.opacity-6{opacity: .6}
.opacity-7{opacity: .7}
.opacity-8{opacity: .8}
.opacity-9{opacity: .9}
.hover-opacity-5:hover{opacity: .5}
.hover-opacity-6:hover{opacity: .6}
.hover-opacity-7:hover{opacity: .7}
.hover-opacity-8:hover{opacity: .8}
.hover-opacity-9:hover{opacity: .9}
.border-opacity-1{border-color: rgba(255,255,255,0.1) !important}
.border-opacity-2{border-color: rgba(255,255,255,0.2) !important}
.border-opacity-3{border-color: rgba(255,255,255,0.3) !important}
.border-opacity-4{border-color: rgba(255,255,255,0.4) !important}
.border-opacity-5{border-color: rgba(255,255,255,0.5) !important}
.border-opacity-6{border-color: rgba(255,255,255,0.6) !important}
.border-opacity-7{border-color: rgba(255,255,255,0.7) !important}
.border-opacity-8{border-color: rgba(255,255,255,0.8) !important}
.border-opacity-9{border-color: rgba(255,255,255,0.9) !important}
.label-control{font-size: 11px; font-weight: bold; text-transform: uppercase}
.min-75{min-width: 75px}
.min-100{min-width: 100px}
.min-125{min-width: 125px}
.min-150{min-width: 150px}
.min-175{min-width: 175px}
.min-200{min-width: 200px}
.max-75{max-width: 75px}
.max-100{max-width: 100px}
.max-125{max-width: 125px}
.max-150{max-width: 150px}
.max-175{max-width: 175px}
.max-200{max-width: 200px}
.w-100px{width: 100px}
.w-150px{width: 150px}
.top-0{top: 0}
.bottom-0{bottom: 0}
.right-0{right: 0}
.left-0{left: 0}
.text-wrap{white-space: normal !important;}
.btn-white{background-color: #FFF; color: #5c5c5c; border: 1px solid #BBB;}
.btn-white:hover{background-color: #efefef}
.table.px-2 th, .table.px-2 td{padding-left: .5em !important; padding-right: .5em !important}
.table.px-3 th, .table.px-3 td{padding-left: 1em !important; padding-right: 1em !important}
.table.px-extra th, .table.px-extra td{padding-left: .75em !important; padding-right: .75em !important}
.table.align-middle th, .table.align-middle td,
.table .align-middle th, .table .align-middle td{vertical-align: middle !important}
.table-layout-fixed{table-layout: fixed}
.resize-none{resize: none}
.resize-vertical{resize: vertical}
.resize-horizontal{resize: horizontal}
.text-decoration-none{text-decoration: none !important}
.text-inherit, .text-inherit:hover{color:inherit}
.fake-link{cursor: pointer; color: var(--skin-link)}
.fake-link:hover{text-decoration: underline}
.list-style-none{list-style: none}
.absolute-middle{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.absolute-full{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.badge-outline-danger{color: var(--danger); border: 1px solid var(--danger)}
.badge-outline-dark{color: var(--dark); border: 1px solid var(--dark)}
.badge-outline-info{color: var(--info); border: 1px solid var(--info)}
.badge-outline-light{color: var(--light); border: 1px solid var(--light)}
.badge-outline-primary{color: var(--primary); border: 1px solid var(--primary)}
.badge-outline-success{color: var(--success); border: 1px solid var(--success)}
.badge-outline-secondary{color: var(--secondary); border: 1px solid var(--secondary)}
.badge-outline-warning{color: var(--warning); border: 1px solid var(--warning)}
/* BLOCK */
.blockPage,
.blockElement {
   color: #f7f7f7;
   cursor: wait;
   opacity: 0.9;
   padding: 20px 0;
   text-align: center;
   top: 30%;
   width: 100%;
}
.blockPage p,
.blockElement p {
   font-size: 25px;
   margin: 0;
   text-transform: uppercase;
}
.blockPage h1{
   font-size: 22px;
   font-weight: 300;
}
.blockPage .progress{
   width: 90%;
   margin: 0 auto;
   max-width: 400px;
}

select{
   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTRBRTExQzg4OTcyMTFFODlFMDJFODQ0MDM0RDYxOTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTRBRTExQzc4OTcyMTFFODlFMDJFODQ0MDM0RDYxOTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJGREM0Q0EyMzA1QzhFMkY5RjFFQjJGMTkzRkRDRDdCNiIgc3RSZWY6ZG9jdW1lbnRJRD0iRkRDNENBMjMwNUM4RTJGOUYxRUIyRjE5M0ZEQ0Q3QjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz50s/X/AAAAlklEQVR42mL8//8/AzUBEwOVwaiBI8ZAY2PjzYyMjG+4ubnvwzALC8tLJSWlg6QayAIi4uLiZnz8+NHo7t27CjAJISGh925ubrPIciETE9PWkJCQWHl5+YcgvqCg4OuSkpIUW1vbpST7GZT1jhw5wnD69GmGSZMm+UtISJxNSUmJO3jwIFgcJE8KZhzNy6MGDgIDAQIMABCjU7zIT2heAAAAAElFTkSuQmCC') no-repeat 100%  50%;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background-color: #fff;
   padding-right: 20px !important;
}

.form-group.inside-label{position: relative}
.form-group.inside-label label{position: absolute;top: 3px;left: 7px}
.form-group.inside-label input, .form-group.inside-label select, .form-group.inside-label textarea{padding-top: 20px; height: auto}

/* LOADING */
.css-load-wrap{
   text-align: center;
}
.css-load {
   display: inline-block;
   position: relative;
   width: 64px;
   height: 64px;
}
.css-load:before {
   content: ' ';
   position: absolute;
   border: 2px solid #CCC;
   opacity: 1;
   border-radius: 50%;
   animation: css-load 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.css-load:after {
   content: ' ';
   position: absolute;
   border: 2px solid #5b8bdd;
   opacity: 1;
   border-radius: 50%;
   animation: css-load 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
   animation-delay: -0.5s;
}
.css-load-wrap.small{
   padding: 5px;
}
.css-load-wrap.small .css-load{
   width: 40px;
   height: 40px;
}
@keyframes css-load {
   0% {
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      opacity: 1;
   }
   100% {
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      opacity: 0;
      border-width: 8px;

   }
}
/* CKEDITOR */
.ck .image-style-align-center,
.ck .image-style-align-left,
.ck .image-style-align-right{max-width: 50%}
.ck .image > figcaption {color: #333; background-color: #f7f7f7; padding: .6em; font-size: .75em}
.ck .image{text-align: center}
.ck .image > img {display: block; margin: 0 auto; max-width: 100%}
.ck .image-style-align-left{float: left; margin-right: 1em}
.ck .image-style-align-right {float: right; margin-left: 1em}
.ck .image-style-align-center {margin-left: auto;margin-right: auto}
/* 16:9 */
.ck .oembed {position:relative;padding-bottom:56.25%;padding-top:25px;height:0}
.ck .oembed iframe {position:absolute;top:0;left:0;width:100%;height:100%}
@media (max-width: 767.98px) {
   .ck .image-style-align-center,
   .ck .image-style-align-left,
   .ck .image-style-align-right{max-width: 100%}
}