/*
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 : 25/mai/2016, 17:58:12
    Author     : Wow
*/

/*FLOATS*/
.float-right{
    float: right;
}

.float-left{
    float: left;
}


.clear{
    clear: both;   
}


/*DIV IMG BACKGROUND*/
.bg_img_panel{
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center;
}


/*TRANSIOTIONS*/
.transition-150{
    -webkit-transition: all 150ms ease-in !important;
    -moz-transition: all 150ms ease-in !important;
    -ms-transition: all 150ms ease-in !important;
    -o-transition: all 150ms ease-in !important;
    transition: all 150ms ease-in !important;
}

.transition-250{
    -webkit-transition: all 250ms ease-in !important;
    -moz-transition: all 250ms ease-in !important;
    -ms-transition: all 250ms ease-in !important;
    -o-transition: all 250ms ease-in !important;
    transition: all 250ms ease-in !important;
}

.transition-500{
    -webkit-transition: all 500ms ease-in !important;
    -moz-transition: all 500ms ease-in !important;
    -ms-transition: all 500ms ease-in !important;
    -o-transition: all 500ms ease-in !important;
    transition: all 500ms ease-in !important;
}

.no-transition{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}


/*SHADOW HOVER*/
.shadow-hover:hover{
    -webkit-box-shadow: 1px 1px 15px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    1px 1px 15px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         1px 1px 15px 0px rgba(50, 50, 50, 0.5);
}



.uppercase{
    text-transform: uppercase;
}



/*BUTTONS*/
.btn-250{
    min-width: 250px;
    max-width: 99%;
}

.btn-150{
    min-width: 150px;
    max-width: 99%;
}

.btn-100{
    min-width: 100px;
    max-width: 99%;
}


/*PADDINGS & MARGINS*/
.m-auto { margin: 0 auto !important; }
.m-0 { margin: 0px !important; }
.m-1 { margin: 1px !important; }
.m-2 { margin: 2px !important; }
.m-3 { margin: 3px !important; }
.m-4 { margin: 4px !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }
.m-35 { margin: 35px !important; }
.m-40 { margin: 40px !important; }

.m-t-0 { margin-top: 0px !important; }
.m-t-1 { margin-top: 1px !important; }
.m-t-2 { margin-top: 2px !important; }
.m-t-3 { margin-top: 3px !important; }
.m-t-4 { margin-top: 4px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-35 { margin-top: 35px !important; }
.m-t-40 { margin-top: 40px !important; }

.m-r-0 { margin-right: 0px !important; }
.m-r-1 { margin-right: 1px !important; }
.m-r-2 { margin-right: 2px !important; }
.m-r-3 { margin-right: 3px !important; }
.m-r-4 { margin-right: 4px !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-r-25 { margin-right: 25px !important; }
.m-r-30 { margin-right: 30px !important; }
.m-r-35 { margin-right: 35px !important; }
.m-r-40 { margin-right: 40px !important; }

.m-b-0 { margin-bottom: 0px !important; }
.m-b-1 { margin-bottom: 1px !important; }
.m-b-2 { margin-bottom: 2px !important; }
.m-b-3 { margin-bottom: 3px !important; }
.m-b-4 { margin-bottom: 4px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-35 { margin-bottom: 35px !important; }
.m-b-40 { margin-bottom: 40px !important; }

.m-l-0 { margin-left: 0px !important; }
.m-l-1 { margin-left: 1px !important; }
.m-l-2 { margin-left: 2px !important; }
.m-l-3 { margin-left: 3px !important; }
.m-l-4 { margin-left: 4px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-l-35 { margin-left: 35px !important; }
.m-l-40 { margin-left: 40px !important; }

.p-0 { padding: 0px !important; }
.p-1 { padding: 1px !important; }
.p-2 { padding: 2px !important; }
.p-3 { padding: 3px !important; }
.p-4 { padding: 4px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15, .wrapper { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-30 { padding: 30px !important; }
.p-35 { padding: 35px !important; }
.p-40 { padding: 40px !important; }
.p-45 { padding: 45px !important; }
.p-50 { padding: 50px !important; }

.p-t-0 { padding-top: 0px !important; }
.p-t-1 { padding-top: 1px !important; }
.p-t-2 { padding-top: 2px !important; }
.p-t-3 { padding-top: 3px !important; }
.p-t-4 { padding-top: 4px !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-35 { padding-top: 35px !important; }
.p-t-40 { padding-top: 40px !important; }
.p-t-45 { padding-top: 45px !important; }
.p-t-50 { padding-top: 50px !important; }

.p-r-0 { padding-right: 0px !important; }
.p-r-1 { padding-right: 1px !important; }
.p-r-2 { padding-right: 2px !important; }
.p-r-3 { padding-right: 3px !important; }
.p-r-4 { padding-right: 4px !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-r-35 { padding-right: 35px !important; }
.p-r-40 { padding-right: 40px !important; }
.p-r-45 { padding-right: 45px !important; }
.p-r-50 { padding-right: 50px !important; }

.p-b-0 { padding-bottom: 0px !important; }
.p-b-1 { padding-bottom: 1px !important; }
.p-b-2 { padding-bottom: 2px !important; }
.p-b-3 { padding-bottom: 3px !important; }
.p-b-4 { padding-bottom: 4px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-25 { padding-bottom: 25px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-b-35 { padding-bottom: 35px !important; }
.p-b-40 { padding-bottom: 40px !important; }
.p-b-45 { padding-bottom: 45px !important; }
.p-b-50 { padding-bottom: 50px !important; }

.p-l-0 { padding-left: 0px !important; }
.p-l-1 { padding-left: 1px !important; }
.p-l-2 { padding-left: 2px !important; }
.p-l-3 { padding-left: 3px !important; }
.p-l-4 { padding-left: 4px !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-l-35 { padding-left: 35px !important; }
.p-l-40 { padding-left: 40px !important; }
.p-l-45 { padding-left: 45px !important; }
.p-l-50 { padding-left: 50px !important; }

.width-100 {
    width: 100% !important;
}

.display-none{
    display: none !important;
}




/*ICON MIRROR*/
i.fa.icon-mirror{
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}


/*DISPLAYS*/
.display-table{
    display: table;
}

.display-table-row{
    display: table-row;
}

.display-table-cell{
    display: table-cell;
}



/*TEXT ALIGNS*/

.text-center{
    text-align: center;
}

.text-left{
    text-align: left;
}

.text-right{
    text-align: right;
}

.text-justify{
    text-align: justify;
}



/*RESPONSIVE TEXT ALIGNS*/

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}


@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}



/* COLUMNS OF SAME HEIGHT STYLES */

.row-full-height {
    height: 100%;
}
.col-full-height {
    height: 100%;
    vertical-align: middle;
}
.row-same-height {
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
}

.row-same-height::before{
    content: none;
}

.col-xs-height {
    display: table-cell;
    float: none !important;
}

@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }

    .col-md-not-height{
        display: block;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}


/*VERTICAL ALIGNMENTS*/

.col-top {
    vertical-align: top;
}
.col-middle {
    vertical-align: middle;
}
.col-bottom {
    vertical-align: bottom;
}



/*COL AUTO WIDTH*/
@media (min-width: 1200px) {
    .col-lg-auto-width{
        width: auto !important;
    }
}

@media (min-width: 992px) {
    .col-md-auto-width{
        width: auto !important;
    }
}

@media (min-width: 768px) {
    .col-sm-auto-width{
        width: auto !important;
    }
}


@media (max-width: 768px){
    .row-same-height:not(.xs){
        display: block;
    }
}


h1,h2,h3, h4{
    -webkit-transition: all 250ms ease-in !important;
    -moz-transition: all 250ms ease-in !important;
    -ms-transition: all 250ms ease-in !important;
    -o-transition: all 250ms ease-in !important;
    transition: all 250ms ease-in !important;
}

/* responsive text queries */
@media screen and (max-width: 992px) {
    /*  p,.btn,input,div,span,h4 {
        font-size: 95%;
      }*/
    h1 {
        font-size: 24px;  
    }
    h2 {
        font-size: 22px;  
    }
    h3 {
        font-size: 18px;  
    }
    h4{
        font-size: 15px;
    }
}

@media screen and (max-width: 768px) {
    /*  p,.btn,input,div,span,h4 {
        font-size: 90%;
      }*/
    h1 {
        font-size: 20px;  
    }
    h2 {
        font-size: 18px;  
    }
    h3 {
        font-size: 16px;  
    }
    h4{
        font-size: 12.5px;
    }
}


@keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:.15; }
    100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:.15; }
    100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:.15; }
    100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:.15; }
    100% { opacity:1; }
}
.animate-flicker:not(:hover) {
    -webkit-animation: flickerAnimation 2000ms infinite;
    -moz-animation: flickerAnimation 2000ms infinite;
    -o-animation: flickerAnimation 2000ms infinite;
    animation: flickerAnimation 2000ms infinite;
}




/*LINK ANIMATIONS*/
.scale_hover:hover{
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.opacity_hover:hover{
    opacity: .75;
}



.readonly-mobile[readonly],
.form-control.readonly-mobile[readonly]{
    background-color: white;
}



/*POPUPOVERLAY*/

.custom-popup {
    background-color: rgba(0, 0, 0, 0.9);
    color: #777;
    text-align: center !important;
    padding: 15px;
}
.custom-popup.full-width {
    width: 100%;
}
.custom-popup.light {
    background-color: #f9f9f9;
}
.custom-popup {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.popup_visible .custom-popup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.custom-popup .btn{
    min-width: 100px;
    margin: 5px 10px;
}


/*FORM IMAGE*/
.form-image-wrapper{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
    height: 90%;
}    


.form-image-wrapper .form-image {
    text-align: center;
    height: 100%;
    border: 5px solid white;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
    overflow: hidden;
}


.form-image-wrapper .form-image .form-image-inner {
    width: 100%;
    height: 100%;
    min-height: 200px;
    margin: auto;
    max-width: 100%;
    position: relative;
}


.form-image-wrapper .form-image .form-image-inner .btn-remove-form-image {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 6px 10px !important;
    border-left: 3px solid white !important;
    border-bottom: 3px solid white !important;
    border-top: 1px solid white !important;
    border-right: 1px solid white !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    opacity: 0;
}

.form-image-wrapper .form-image .form-image-inner:hover .btn-remove-form-image {
    opacity: 1;
}

.form-image-wrapper .form-image .form-image-inner .image-inner-inner{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: 100%;
}


.form-image-dropzone.dropzone{
    width: 100%;
    background-color: #dedede;
    position: relative;
    border: none;
    min-height: 200px;
    height: 90%;
}



/*DROPZONE*/
.dropzone .dz-preview.dz-image-preview {
    background-color: transparent;
}

.dropzone{
    border-style: dashed;
    border-width: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    min-height: 250px;
    padding: 20px 0.1px;
}

.dropzone .dz-preview .btn{
    margin-top: 10px;
}

.dropzone .dz-message i.fa.placeholder_icon{
    color: #dadada;
    font-size: 55pt;
    margin-top: 15px;
    -webkit-transition: all 150ms ease-in !important;
    -moz-transition: all 150ms ease-in !important;
    -ms-transition: all 150ms ease-in !important;
    -o-transition: all 150ms ease-in !important;
    transition: all 150ms ease-in !important;
}

.dropzone .dz-preview .dz-error-message{
    top: -10px;
}

.dropzone .dz-preview .dz-error-message:after{
    bottom: -6px;
    top:auto;
    border-top: 6px solid #aa2222;
    border-bottom: none;
}

.dropzone .dz-preview .dz-success-mark, 
.dropzone .dz-preview .dz-error-mark{
    top: 40%;
}

/* responsive text queries */
@media screen and (max-width: 992px) {
    .dropzone .dz-message i.fa.placeholder_icon{
        font-size: 50pt;
    }
}

@media screen and (max-width: 768px) {
    .dropzone .dz-message i.fa.placeholder_icon{
        font-size: 40pt;
    }
}