/*
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 : 27-feb-2015, 11:26:04
    Author     : JAUME
*/
 .datepicker{z-index:1151 !important;}
/* FONT COLOR */
    .black-text{ color:#000 !important; }
    .white-text{ color:#FFF !important; }
    .grey-text{ color:#cbcbcb !important; }
    .dark-grey-text{ color:#9e9e9e !important; }
    .light-grey-text{ color:#e1e1e1 !important; }
    .blue-text{ color: #048aab !important; }
    .green-text{ color:#02b91f !important; }
    .blue-button { color:#00b3ee !important; }
    .blue-title { color:#009bc4 !important; }
    .purple-text { color: #00b5ee !important; }
    .warning-text{ color:#D0D836 !important; }
    .success-text{ color:#4da92c !important; }
    .ajax_form.pointer:hover{ color: #048aab !important; }
    .red-text{color: red;}
    .bemadbox-text{ color: #33475b;}
    .blue-gray{ color: #525f7f !important;}

    .bold { font-weight: bold; }


.txt-shadow9{text-shadow: 0px 0px 10px rgba(0, 0, 0, .9);}
/* END FONT COLOR */


@media (max-width:767px)
{.hidden-xs{display:none!important}}

/* BG COLOR */
.no-bg { background:none; }
.bg-white{ background:#FFF !important; }
.bg-transparent{ background:transparent !important; }
.bg-grey{ background:#f9f9f9 !important; }
.bg-red{ background:red !important; }
.bg-blue, .bg-blue-hover:hover{ background:#f6fbfe !important; }
.bg-grey-public{
    background-color: #f6f9fc;
}

/* END BG COLOR */

/* FONT SIZE */
.size08{ font-size:0.8em; }
.size8{ font-size:8px !important;}
.size9{ font-size:9px !important;}
.size10{ font-size:10px !important;}
.size11{ font-size:11px !important;}
.size12{ font-size:12px !important;}
.size13{ font-size:13px !important;}
.size14{ font-size:14px !important;}
.size15{ font-size:15px !important;}
.size16{ font-size:16px !important;}
.size18{ font-size:18px !important;}
.size20{ font-size:20px !important;}
.size30{ font-size:30px !important;}
.size50{ font-size:50px !important;}

/* END FONT SIZE */

/*FONT WEIGHT*/
.thin{font-weight: 100;}
.extra-light{font-weight: 200;}
.light{font-weight: 300 !important;}
.regular{font-weight: 400 !important;}
.medium{font-weight: 500;}
.semi-bold{font-weight: 600!important;}
.bold{font-weight: 700!important;}
.extra-bold{font-weight: 800;}
.black{font-weight: 900;}


/* FONT FAMILY */
.arial {font-family: Arial !important;}
/* END FONT FAMILY */

.lower {
    text-transform: lowercase !important;
}

/* MARGIN */
.mg-top-bottom0{margin:0px 0px;}
.mg-top-bottom5{margin:5px 0px;}
.mg-top-bottom10{margin:10px 0px;}
.mg-top-bottom15{margin:15px 0px;}
.mg-top-bottom100{margin:100px 0px;}
.mg-top0 { margin-top:0px !important; }
.mg-top-3 { margin-top:-3px !important; }
.mg-top-5 { margin-top:-5px !important; }
.mg-top-15 { margin-top:-15px !important; }
.mg-top-20 { margin-top:-20px !important; }
.mg-top-25 { margin-top:-25px !important; }
.mg-top-60 { margin-top:-60px !important; }
.mg-top5 { margin-top:5px !important; }
.mg-top6 { margin-top:6px !important; }
.mg-top10 { margin-top:10px !important; }
.mg-top15 { margin-top:15px !important; }
.mg-top20 { margin-top:20px !important; }
.mg-top25 { margin-top:25px !important; }
.mg-top30 { margin-top:30px !important; }
.mg-top33 { margin-top:33px !important; }
.mg-top40 { margin-top:40px !important; }
.mg-top50 { margin-top:50px !important; }
.mg-top60 { margin-top:60px !important; }
.mg-top75 { margin-top:75px !important; }
.mg-top90 { margin-top:90px !important; }
.mg-top120 { margin-top:120px !important; }
.mg-top270 { margin-top:270px !important; }
.mg-left-1 { margin-left:-1px !important; }
.mg-left0 { margin-left:0px !important; }
.mg-left5 { margin-left:5px !important; }
.mg-left10 { margin-left:10px !important; }
.mg-left15 { margin-left:15px !important; }
.mg-left20 { margin-left:20px !important; }
.mg-left30 { margin-left:30px !important; }
.mg-left40 { margin-left:40px !important; }
.mg-left45 { margin-left:45px !important; }
.mg-left50 { margin-left:50px !important; }
.mg-left100 { margin-left:100px !important; }
.mg-left-25 { margin-left:-25px !important; }
.mg-right-left0 { margin-right:0px !important; margin-left:0px !important; }
.mg-right0 { margin-right:0px !important; }
.mg-right5 { margin-right:5px !important; }
.mg-right7 { margin-right:7px !important; }
.mg-right10 { margin-right:10px !important; }
.mg-right15 { margin-right:15px !important; }
.mg-right20 { margin-right:20px !important; }
.mg-right25 { margin-right:25px !important; }
.mg-right30 { margin-right:30px !important; }
.mg-right50 { margin-right:50px !important; }
.mg-right70 { margin-right:70px !important; }
.mg-bottom5 { margin-bottom:5px !important; }
.mg-bottom-5 { margin-bottom:-5px !important; }
.mg-bottom-10 { margin-bottom:-10px !important; }
.mg-bottom-15 { margin-bottom:-15px !important; }
.mg-bottom-25 { margin-bottom:-25px !important; }
.mg-bottom5 { margin-bottom:5px !important; }
.mg-bottom10 { margin-bottom:10px !important; }
.mg-bottom15 { margin-bottom:15px !important; }
.mg-bottom20 { margin-bottom:20px !important; }
.mg-bottom30 { margin-bottom:30px !important; }
.mg-bottom35 { margin-bottom:35px !important; }
.mg-bottom40 {margin-bottom: 40px !important;}
.mg-bottom50 {margin-bottom: 50px !important;}
.mg-bottom60 { margin-bottom:60px !important; }
.mg-bottom70 { margin-bottom:70px !important; }
.mg-bottom100 { margin-bottom:100px !important; }
.mg0 { margin:0px !important; }
/* END MARGIN */

/* LINE HEIGHT */

.lh1{ line-height: 1 !important;}
.lh20{ line-height: 20px !important;}
.lh25{ line-height: 25px;}
.lh30{ line-height: 30px;}
.lh33{ line-height: 33px;}
.lh35{ line-height: 35px;}
.lh40{ line-height: 40px;}
.lh45{ line-height: 45px;}

/* END LINE HEIGHT */

/* PADDING */
.offset1 { padding-left: 0px !important; }
.offset2 { padding-right: 0px !important; }
.offset0 { padding-left: 0px !important; padding-right: 0px !important; }
.pd-left-right0 {padding-left:0px; padding-right:0px;}
.pd-left-right80 {padding-left:80px; padding-right:80px;}
.pd-left-right40 {padding-left:40px; padding-right:40px;}
.pd-left-right25 {padding-left:25px; padding-right:25px;}
.pd-left-right15 {padding-left:15px!important; padding-right:15px !important;}
.pd-left-right10 {padding-left:10px; padding-right:10px;}
.pd-left-right5 {padding-left:5px !important; padding-right:5px !important;}
.pd-top-bottom0 { padding-top:0px !important; padding-bottom:0px !important; }
.pd-top-bottom15 { padding-top:15px !important; padding-bottom:15px !important; }
.pd-bottom15 { padding-bottom:15px; }
.pd-bottom20 { padding-bottom:20px; }
.pd-bottom30 { padding-bottom:30px !important;}
.pd-bottom40 { padding-bottom:40px !important; }
.pd-bottom50 { padding-bottom:50px; }
.pd-bottom70 { padding-bottom:70px !important; }
.pd-bottom110 { padding-bottom:110px; }
.pd-bottom5 { padding-bottom: 5px !important; }
.pd-bottom3 { padding-bottom: 3px !important; }
.pd-bottom0 { padding-bottom: 0 !important; }
.pd-left0 {padding-left:0px !important; }
.pd-right0 {padding-right:0px !important; }
.pd-right10{ padding-right:10px; }
.pd-right15{ padding-right:15px; }
.pd-right20{ padding-right:20px; }
.pd-right30{ padding-right:30px; }
.pd-0 { padding:0px !important; }
.pd-3 { padding:3px; }
.pd-7 { padding:7px; }
.pd-15 { padding:15px !important; }
.pd-20 { padding:20px; }
.pd-left0 { padding-left:0px; }
.pd-left10 { padding-left:10px; }
.pd-left25 { padding-left:25px; }
.pd-left15 { padding-left:15px; }
.pd-left37 { padding-left: 37px; }
.pd-top0 { padding-top:0px !important; }
.pd-top4 { padding-top:4px !important; }
.pd-top7 { padding-top:7px !important; }
.pd-top10 { padding-top:10px !important; }
.pd-top13 { padding-top:13px !important; }
.pd-top15 { padding-top:15px !important; }
.pd-top20 { padding-top:20px !important; }
.pd-top25 { padding-top:25px !important; }
.pd-top70 { padding-top:70px !important; }
.pd0 { padding:0px !important; }
.pd-auto{ padding: auto;}

/* END PADDING */

/* CURSOR */
.pointer { cursor:pointer; }
/* END CURSOR */

/* TABLES */
    th.width15x,td.width15x{ width: 15% !important; }
    th.width20x,td.width20x{ width: 20% !important; }
    th.width25x,td.width25x{ width: 25% !important; }
    th.width35x,td.width35x{ width: 35% !important; }
    th.width15,td.width15{ width: 15px !important; }
    th.width20,td.width20{ width: 20px !important; }
    th.width25,td.width25{ width: 25px !important; }
    th.width30,td.width30{ width: 30px !important; }
    th.width80,td.width80{ width: 80px !important; }
    .valigncenter {vertical-align: middle !important;}
/* END TABLES */

/* BUTTONS */
    .btn-xs.xxs { padding:0px 4px; margin-top:-1px;}
/* END BUTTONS */

.noPadding{
    padding: 0;
}

.noPadding-left{
    padding-left: 0;
}

.noPadding-right{
    padding-right: 0;
}

.posRelative{
    position: relative !important;
}
.posAbsolute{
    position: absolute!important;
}
.no-border-radius-top {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.bb-greyx2{
    border-bottom: solid 2px #e1e1e1;
}
.bt-grey{
    border-top: solid 1px #e1e1e1;
}
.bb-grey{
    border-bottom: solid 1px #e1e1e1;
}
.b-grey{
    border: solid 1px #e1e1e1;
}
.bl-grey{
    border-left: solid 1px #e1e1e1;
}
.br-grey{
    border-right: solid 1px #cecece;
}
.float-n{float: none!important;}
.float-l{float:left;}
.float-r{float: right !important;}
.clear-r{clear: right;}
.clear-l{clear: left;}
.b-right-no {border-right: none !important;}
.borderless { border: none !important; }
.b-radius-8 { border-radius: 8px !important; }
.b-radius-50 { border-radius: 50px !important; }
.w-auto { width: auto !important; }
.w-100x100 { width: 100% !important; }
.h-100x100 { height: 100% !important; }
.w-900 { width: 900px;}
.w-140 { width: 140px !important; }
.w-100 { width: 100px !important; }
.w-35 { width: 35px !important; }
.w-50 { width: 50px !important; }
.h-12 { height: 12px !important; }
.h-15 { height: 15px !important; }
.h-30 { height: 30px !important; }
.h-33 { height: 33px !important; }
.h-35 { height: 35px !important; }
.h-50 { height: 50px !important; }
.h-70 { height: 70px !important; }
.h-100 { height: 100px !important; }
.td-top { vertical-align: top !important; }
.max-w-60{ max-width: 60px !important; }
.btn-no-style{
    border:none;
    background-color: transparent;
}
.blue-gardient-btn{
    background: linear-gradient(to right, #0072ff, #00c6ff);
    color: #fff!important;
}
/* SHADOW */
.general-shadow {box-shadow: 0 7px 14px 0 rgba(50,50,93,.1),0 3px 6px 0 rgba(0,0,0,.07); }
.general-shadow-3 {box-shadow: 0 7px 14px 0 rgba(50,50,93,.3),0 3px 6px 0 rgba(0,0,0,.07); }


/* DISPLAY */
.block{display: block !important;}
.u-inline-block{display: inline-block!important;}
.no-show{display: none;}
.d-flex{display: flex!important;}
@media(max-width:990px){
.no-show-xs{display: none;}}

.txt-left {text-align: left !important;}
.txt-right {text-align: right !important;}
.txt-center{text-align: center !important;}

.overflow-h{overflow: hidden;}
.overflow-v{overflow: visible!important;}
.zindex-10{z-index: -10;}
.zindex10{z-index: 10;}

.top0{top: 0!important;}

.standard-text {font-weight: 300;font-size: 1.1em;color: #4e566d;}

.delete-background{
    background-image: url("/bundles/box/img/background-red.jpg");
    background-size: cover;
}
.standard-background{
    background-image: url("/bundles/box/img/background-blue.jpg");
    background-size: cover;
}

.op-1{opacity: .1;}
.op-2{opacity: .2;}
.op-3{opacity: .3;}
.op-4{opacity: .4;}
.op-5{opacity: .5;}
.op-6{opacity: .6;}
.op-7{opacity: .7;}
.op-8{opacity: .8;}
.op-9{opacity: .9;}

.shadow-for-png{
    filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
}