/* Helpers css stylesheet. */
/**********************************************************
 *                     Effects                            *
 **********************************************************/
.hidden-effect{
    max-height: 0px;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;

}
.visible{
    max-height: 500px;
}
/**********************************************************
 *                     Colors                              *
 **********************************************************/
/* .color-white { color: #fff !important; }
.color-blue{ color: #1d65a0 !important; }
.color-darkBlue{ color: #0a4f87 !important; }
.color-red{ color: #fa5f5b !important; }
.color-orange{ color:#EABF15 !important; }
.color-yellow{ color:#fedd52 !important; }
.color-grey{ color:#888 !important; }
.color-dark-grey{ color:#828a9d !important; }
.color-lightGrey{ color:#C0BEBE !important; }
.color-lite{ color:#AAA !important; }
.color-black{color: #000 !important; }
.color-green{color: #356635 !important;} */

.bg-white {  background-color: #fff !important; }
.bg-darkBlue { background-color: #0a4f87 !important; }
.bg-blue { background-color: #1d65a0 !important; }
.bg-red { background-color: #fa5f5b !important; }
.bg-orange { background-color:#EABF15 !important; }
.bg-yellow { background-color:#fedd52 !important; }
.bg-lightBlue { background-color:#eaf5f9 !important; }
.bg-grey {  background-color: #f8f8f8 !important; }
.bg-eee { background-color:#eee; }
.bg-blue2 { background-color:rgb(79,129,189) !important; }
.bg-lightBlue2 { background-color:rgb(187, 211, 239) !important }

.btn.bg-white:hover { background-color: #fff !important; }
.btn.bg-darkBlue:hover { background-color: #0a4f87 !important; }
.btn.bg-blue:hover { background-color: #1d65a0 !important; }
.btn.bg-red:hover { background-color: #ff8380 !important; }
.btn.bg-orange:hover { background-color:#EABF15 !important; }
.btn.bg-yellow:hover { background-color:#fedd52 !important; }

/**********************************************************
 *                     Margins                              *
 **********************************************************/
.m0 { margin: 0 !important; }

.mt0 { margin-top: 0px !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt8 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt26 { margin-top: 26px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt36 { margin-top: 36px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 50px !important; }
.mt100 { margin-top: 100px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb3 { margin-top: 3px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml7 { margin-left: 7px !important; }
.ml10 { margin-left: 10px   !important; }
.ml20 { margin-left: 20px   !important; }
.ml25 { margin-left: 25px   !important; }
.ml30 { margin-left: 30px   !important; }
.ml40 { margin-left: 40px   !important; }
.ml50 { margin-left: 50px   !important; }
.ml60 { margin-left: 60px   !important; }

.mr0 { margin-right: 0px    !important; }
.mr5 { margin-right: 5px    !important; }
.mr10 { margin-right: 10px  !important; }
.mr20 { margin-right: 20px  !important; }
.mr25 { margin-right: 25px  !important; }
.mr30 { margin-right: 30px  !important; }
.mr40 { margin-right: 40px  !important; }
.mr50 { margin-right: 50px  !important; }

/**********************************************************
 *                     Paddings                           *
 **********************************************************/
.p0 {  padding: 0px    !important; }
.p13 { padding: 13px !important; }
.pt0 { padding-top: 0px!important; }
.pt5 { padding-top: 5px!important; }
.pt7 { padding-top: 7px!important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

.pr0 { padding-right: 0px!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr30 { padding-right: 30px!important; }
.pr40 { padding-right: 40px!important; }
.pr50 { padding-right: 50px!important;; }
.pr60 { padding-right: 60px!important; }
.pr70 { padding-right: 70px!important;; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl30 { padding-left: 30px!important; }
.pl40 { padding-left: 40px!important; }
.pl50 { padding-left: 50px!important; }
.pl60 { padding-left: 60px!important; }

.plr5 { padding-left: 5px !important; padding-right: 5px !important; }

.nopadding{  padding: 0  !important}
.p5 { padding: 5px !important}
.p10 { padding: 10px !important}
.p15 { padding: 15px !important}
.p20 { padding: 20px !important}
.p25 { padding: 25px !important}

.p5 {  padding: 5px    !important; }
.p10 { padding: 10px  !important; }
.p20 { padding: 20px  !important; }
.p25 { padding: 25px  !important; }
.p30 { padding: 30px  !important; }
.p40 { padding: 40px  !important; }
.p50 { padding: 50px  !important; }

.fw300 { font-weight: 300 !important ;}
.fw400 { font-weight: 400 !important ;}
.fw600 { font-weight: 600 !important ;}
.fw700 { font-weight: 700 !important ;}

.light-blue {
    background-color: #eaf5f9;
}

.underline {
    text-decoration:underline!important;
    cursor:pointer;
}

.italic{
	font-style: italic !important;
}

.b0{border: 0 !important}
/**********************************************************
 *                    Border radius                       *
 **********************************************************/
.br0 { border-radius: 0px  !important; }
.br5 { border-radius: 5px !important; }
.br4 { border-radius: 4px !important; }
.br10 { border-radius: 10px !important; }
.br20 { border-radius: 20px !important; }
.br25 { border-radius: 25px !important; }
.br30 { border-radius: 30px !important; }
.br40 { border-radius: 40px !important; }
.br50 { border-radius: 50px !important; }


.br-tl0 { border-top-left-radius: 0px !important; }
.br-tl5 { border-top-left-radius: 5px !important; }
.br-tl10 { border-top-left-radius: 10px !important; }
.br-tl20 { border-top-left-radius: 20px !important; }
.br-tl30 { border-top-left-radius: 30px !important; }
.br-tl40 { border-top-left-radius: 40px !important; }
.br-tl50 { border-top-left-radius: 50px !important; }

.br-tr0 { border-top-right-radius: 0px !important; }
.br-tr5 { border-top-right-radius: 5px !important; }
.br-tr10 { border-top-right-radius: 10px !important; }
.br-tr20 { border-top-right-radius: 20px !important; }
.br-tr30 { border-top-right-radius: 30px !important; }
.br-tr40 { border-top-right-radius: 40px !important; }
.br-tr50 { border-top-right-radius: 50px !important; }

.br-bl0 { border-bottom-left-radius: 0px !important; }
.br-bl5 { border-bottom-left-radius: 5px !important; }
.br-bl10 { border-bottom-left-radius: 10px !important; }
.br-bl20 { border-bottom-left-radius: 20px !important; }
.br-bl30 { border-bottom-left-radius: 30px !important; }
.br-bl40 { border-bottom-left-radius: 40px !important; }
.br-bl50 { border-bottom-left-radius: 50px !important; }

.br-br0 { border-bottom-right-radius: 0px !important; }
.br-br5 { border-bottom-right-radius: 5px !important; }
.br-br10 { border-bottom-right-radius: 10px !important; }
.br-br20 { border-bottom-right-radius: 20px !important; }
.br-br30 { border-bottom-right-radius: 30px !important; }
.br-br40 { border-bottom-right-radius: 40px !important; }
.br-br50 { border-bottom-right-radius: 50px !important; }

.border-solid { border:solid; }

.mh55{ min-height: 55px }

.top150 { top: 150px !important; }
/**********************************************************
 *                    Font Size                           *
 **********************************************************/
.fz11 { font-size: 11px !important; }
.fz12 { font-size: 12px !important; }
.fz13 { font-size: 13px !important; }
.fz14 { font-size: 14px !important; }
.fz16 { font-size: 16px !important; }
.fz18 { font-size: 18px !important; }
.fz22 { font-size: 22px !important; }
.fz27 { font-size: 27px !important; }
.fz28 { font-size: 28px !important; }
.fz42 { font-size: 42px !important; }
.fz60 { font-size: 60px !important; }
.fz70 { font-size: 70px !important; }

/**********************************************************
 *               Boostrap3 extension                      *
 **********************************************************/

.modal-vertical-centered {
    transform: translate(0, 50%) !important;
    -ms-transform: translate(0, 50%) !important; /* IE 9 */
    -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}

/**********************************************************
 *                End Colors                              *
 **********************************************************/
.bold { font-weight:bold !important; }
.text-inline { display: inline; }
.text-inline-block { display: inline-block; }
.text-block { display: block; }
.align-middle { vertical-align: middle !important; }
.align-top { vertical-align: top !important; }
.position-abosulte { position: absolute !important; }
.position-relative { position: relative !important; }

.text-clipped {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-center { text-align: center; }