/*========================================================*\
    Positions
\*========================================================*/
.pos_rel {position: relative;}
.pos_s {position: static;}
/* Top
========================================*/
.t_16 {
    top: 16px !important;
}

/*========================================================*\
    Margins
\*========================================================*/
.mt-3 {
    margin-top: -3px;
}
.mt-40 {
    margin-top: -40px; 
}
/* Margin top
========================================*/
.mt_0 { 
    margin-top: 0; 
}
.mt_3 {
    margin-top: 3px; 
}
.mt_5 {
    margin-top: 5px; 
}
.mt_7 {
    margin-top: 7px; 
}
.mt_10 {
    margin-top: 10px;
}
.mt_11 {
    margin-top: 11px;
}
.mt_15 { 
    margin-top: 15px;
 }
 .mt_16 { 
    margin-top: 16px;
 }
.mt_20 {
    margin-top: 20px;
}
.mt_25 {
    margin-top: 25px;
}
.mt_30 {
    margin-top: 30px;
}
.mt_40 {
    margin-top: 40px;
}
.mt_50 {
    margin-top: 50px;
}
.mt_60 {
    margin-top: 60px;
}
.mt_70 {
    margin-top: 70px;
}
.mt_77 {
    margin-top: 77px; 
}
.mt_90 {
    margin-top: 90px;
}
.mt_140 {
    margin-top: 140px; 
}


/* Margin bottom
========================================*/
.mb_0 {
    margin-bottom: 0; 
}
.mb_10 {
    margin-bottom: 10px; 
}
.mb_15 {
    margin-bottom: 15px; 
}
.mb_16 {
    margin-bottom: 16px;
}
.mb_20 {
    margin-bottom: 20px; 
}
.mb_21 {
    margin-bottom: 21px; 
}
.mb_25 {
    margin-bottom: 25px; 
}
.mb_30 {
    margin-bottom: 30px; 
}
.mb_40 {
    margin-bottom: 40px;
}
.mb_50 {
    margin-bottom: 50px;
}
.mb_55 {
    margin-bottom: 55px;
}
.mb_75 {
    margin-bottom: 75px;
}
.mb_260 {
    margin-bottom: 260px;
}

/* Margin left
========================================*/
.ml_10 {
    margin-left: 10px; 
}
.ml_30 {
    margin-left: 30px; 
}

/* Margin right
========================================*/
.mr_5 { margin-right: 5px; }
.mr_10 {
    margin-right: 10px; 
}
.mr_20 {
    margin-right: 20px; 
}
.mr_35 {
    margin-right: 35px; 
}

/*========================================================*\
    Paddings
\*========================================================*/

/* Padding top
========================================*/
.pt_0 {
    padding-top: 0px;
}
.pt_3 {
    padding-top: 3px; 
}
.pt_10 {
    padding-top: 10px;
}
.pt_20 {
    padding-top: 20px;
}
.pt_30 {
    padding-top: 30px;
}
.pt_40 {
    padding-top: 40px;
}
.pt_50 {
    padding-top: 50px;
}
.pt_60 {
    padding-top: 60px;
}
.pt_70 {
    padding-top: 70px;
}
.pt_90 {
    padding-top: 90px;
}

/* Padding bottom
========================================*/
.pb_0 {
    padding-bottom: 0px;
}
.pb_20 {
    padding-bottom: 20px;
}
.pb_30 {
    padding-bottom: 30px;
}
.pb_40 {
    padding-bottom: 40px;
}
.pb_50 {
    padding-bottom: 50px;
}
.pb_85 {
    padding-bottom: 85px;
}
.pb_100 {
    padding-bottom: 100px;
}

/* Padding left
========================================*/
.pl_0 {
    padding-left: 0px;
}
.pl_2 {
    padding-left: 2px;
}
.pl_15 {
    padding-left: 15px;
}
.pl_20 {
    padding-left: 20px;
}
.pl_40 {
    padding-left: 40px;
}
.pl_50{
    padding-left: 50px;
}
.pl_60{
    padding-left: 60px;
}
/* Padding Right
========================================*/
.pr_0 {
    padding-right: 0px;
}
.pr_10 {
    padding-right: 10px;    
}
.pr_20 {
    padding-right: 20px;    
}
.pr_30 {
    padding-right: 30px; 
}
.pr_40 {
    padding-right: 40px; 
}

/*========================================================*\
    Font-weights
\*========================================================*/
.fw_400 { font-weight: 400; }
.fw_500 { font-weight: 500; }

/*========================================================*\
    Font-sizes
\*========================================================*/
.fs_10 {
    font-size: 10px;
}
.fs_12 {
    font-size: 12px;
}
.fs_14 {
    font-size: 14px;
}
.fs_16 {
    font-size: 16px !important; 
}
.fs_20 {
    font-size: 20px;
}
.fs_27 {
    font-size: 27px !important;
}
.fz_36 {
    font-size: 36px; 
}
.fz_24 {
    font-size: 24px; 
}
.fz_18 {
    font-size: 18px; 
}


/* Min-width
========================================*/
.min_wi_100 {
    min-width: 100px;
}
.min_wi_140 {
    min-width: 140px;
}

/* Width
========================================*/
.wi_100pr{width:100%;}
.wi_190 { width: 190px; }

/* Height
========================================*/
.hi_100pr{height:100%;}

/* Text styles
========================================*/
.text-italic {
    font-style: italic;
}
.wrap {
    word-wrap: break-word;
}
.break-all {
    word-break: break-all;
}

/*  Hover opacity effect
========================================*/
.hover-opacity,
.hover-opacity:hover {
    transition: all .3s ease;
}
.hover-opacity:hover {
    opacity: 0.9;
}

/*  Responsive images
========================================*/
.img-fluid { max-width: 100%; }

/*  Center .img-responsive
========================================*/
.img-center {margin:0 auto;}

.block { display: block; }
.inline-block {
    display: inline-block;
}
.display_none {display:none;}
.d-block { display: block !important; }

/*  Vertical align
========================================*/
.va_top {vertical-align: top;}

/* ALERTS and ERRORS ---------------------  */
.alert {
    border-radius:4px;
    margin:10px 0;
    padding: 8px 14px 8px 14px;
    font-size:12px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.info_success {
    background-color: #dff0d8;
    border:1px solid #d6e9c6;
    color: #468847;
}
.info_success h4 {
    color: #468847;
}
.info_error{
    background-color: #f2dede;
    border:1px solid #eed3d7;
    color: #b94a48;
}
.info_error h4 {
    color: #b94a48;
}
.info_success .close,
.info_error .close{
    color:#000;
    float:right;
    font-size:20px;
    font-weight:bold;
    line-height:20px;
    opacity:0.4;
    text-shadow:0 1px 0 #fff;
    position:relative;
/*    right:-21px;*/
    top:-2px;
    cursor:pointer;
    padding:0;
}
input.alerted, input:focus.alerted, input:hover.alerted, textarea.alerted{
    background-color: #f2dede;
    border:1px solid #b94a48;
}
select.alerted, select:focus.alerted, select:hover.alerted{
    background-color: #f2dede;
    border:1px solid #b94a48;
}

/* Overflow
------------------------------------ */
.no-scroll {
    overflow: hidden;
}
/* ----------------------   custom style for parts - elements   ---------------------- */

/*  Animation Delays
------------------------------------ */
.delay-100ms {
    -webkit-animation-delay: 100ms;
       -moz-animation-delay: 100ms;
         -o-animation-delay: 100ms;
            animation-delay: 100ms;
 }
 .delay-200ms {
    -webkit-animation-delay: 200ms;
       -moz-animation-delay: 200ms;
         -o-animation-delay: 200ms;
            animation-delay: 200ms;
 }
.delay-300ms {
   -webkit-animation-delay: 300ms;
      -moz-animation-delay: 300ms;
        -o-animation-delay: 300ms;
           animation-delay: 300ms;
}
.delay-400ms {
    -webkit-animation-delay: 400ms;
       -moz-animation-delay: 400ms;
         -o-animation-delay: 400ms;
            animation-delay: 400ms;
 }
 .delay-500ms {
    -webkit-animation-delay: 500ms;
       -moz-animation-delay: 500ms;
         -o-animation-delay: 500ms;
            animation-delay: 500ms;
 }
.delay-600ms {
   -webkit-animation-delay: 600ms;
      -moz-animation-delay: 600ms;
        -o-animation-delay: 600ms;
           animation-delay: 600ms;
}
.delay-700ms {
    -webkit-animation-delay: 700ms;
       -moz-animation-delay: 700ms;
         -o-animation-delay: 700ms;
            animation-delay: 700ms;
}
.delay-800ms {
    -webkit-animation-delay: 800ms;
       -moz-animation-delay: 800ms;
         -o-animation-delay: 800ms;
            animation-delay: 800ms;
}
.delay-900ms {
   -webkit-animation-delay: 900ms;
      -moz-animation-delay: 900ms;
        -o-animation-delay: 900ms;
           animation-delay: 900ms;
}
.delay-1200ms {
   -webkit-animation-delay: 1200ms;
      -moz-animation-delay: 1200ms;
        -o-animation-delay: 1200ms;
           animation-delay: 1200ms;
}
.delay-1500ms {
   -webkit-animation-delay: 1500ms;
      -moz-animation-delay: 1500ms;
        -o-animation-delay: 1500ms;
           animation-delay: 1500ms;
}
.delay-1800ms {
   -webkit-animation-delay: 1800ms;
      -moz-animation-delay: 1800ms;
        -o-animation-delay: 1800ms;
           animation-delay: 1800ms;
}


/*  Animation Variations on Animate.css
------------------------------------ */
@keyframes fadeInUpSmall {
    from {
      opacity: 0;
      transform: translate3d(0, 10%, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
}
  
.fadeInUpSmall {
    animation-name: fadeInUpSmall;
}

pre.sf-dump {
    overflow: visible;
}
/* Colors
------------------------------------ */
.blue { color: #048ef8; }