/*
    xxxxs: 2
    xxxs: 4
    xxs: 8
    xs: 12
    s: 16
    med: 20
    lg: 24
    xlg: 28
    xxlg: 32
    xxxlg: 36
    xxxxlg: 40
    xxxxxlg: 44
*/

/* margins and paddings*/


.margin-5 {
    margin:5px 0px;
}

.margin-10{
    margin:10px 0px;
}

.u-marign-l-n--10{
    margin-left:-10px;
}

.margin-right-10{
    margin-right:10px;
}

.margin-15 {
    margin:15px 0px;
}

.margin-15 {
    margin:15px 0px;
}

.u-m-t-p--xxxxs{
    margin-top: 2px;
}

.u-m-a-p--xxxs{
    margin: 4px;
}

.u-m-t-b-p--xxs{
    margin: 8px 0px 8px 0px;
}

.u-m-t-b-p-xs{
    margin: 12px 0px;
}

.u-m-t-b-p-xlg{
    margin: 28px 0px;
}

.u-m-a-p-xlg{
    margin:28px;
}

.u-m-a-p--med{
    margin:20px;
}

.u-m-b-p--xxxs{
    margin-bottom: 4px;
}

.u-m-b-p--xs{
    margin-bottom: 12px;
}

.u-m-b-p--med{
    margin-bottom: 20px;
}

.u-m-t-p--xxxs{
    margin-top:4px;
}

.u-m-t-p--xxs{
    margin-top: 8px;
}


.u-m-t-p--med{
    margin-top: 20px;
}

/*TODO: FIX; This !important is used to overwrite bootstrap's 
input[type=radio] attributes (in data-protection.html)*/
.u-m-l-p--xxs{
    margin-left:8px !important;
}

.u-m-l-p--xxxs{
    margin-left:4px;
}

.u-m-l-p--xs{
    margin-left:12px;
}

.u-m-l-p--s{
    margin-left:16px;
}

.u-m-r-p--xxxs{
    margin-right:4px;
}

.u-m-r-p--xs{
    margin-right:12px;
}

.u-m-r-p--lg{
    margin-right:24px;
}

.u-m-b-p--15{
    margin-bottom:15px;
}

.u-m-b-p--10{
    margin-bottom:10px;
}

.margin-bot-15{
    margin-bottom:15px;
}

.margin-top-15{
    margin-top:15px;
}

.margin-auto{
    margin: 0 auto;
}

.u-center-horizontal{
    margin: 0 auto;
}

.u-p-r--s{
    padding-right:12px;
}

.u-p-r--xxs{
    padding-right:8px;
}

.u-p-l--s{
    padding-left:12px;
}

.u-p-l--xxs{
    padding-left:8px;
}

.u-p-l--xxxs{
    padding-left:4px;
}

.u-p-a-p--xxxxs-xxs{
    padding: 2px 2px 2px 8px;
}

.u-p-a-p--xxs-xxxxs{
    padding: 2px 8px 2px 2px;
}

.u-remove-padding{
    padding: unset !important;
}

.remove-padding{
    padding:0px;
}

.u-p-tb-p--xxxs{
    padding-bottom: 4px;
    padding-top: 4px;
}

.u-p-t--xxs-2{
    padding-top:6px;
}

.u-p-b-p--xxs{
    padding-bottom:8px;
}

.u-p-a-p--xxxs{
    padding: 4px;
}

.u-p-a--xxxxxlg{
    padding:44px;
}

.u-p-a-p--lg{
    padding:28px;
}

.u-p-a-p--xs{
    padding:12px;
}

.u-p-a-p--xxs{
    padding:8px;
}

.padding-5{
    padding:5px;
}

.remove-margin{
    margin:0px;
}

.padding-12{
    padding:12px;
}

/*width-related*/

.u-h-auto{
    height:auto !important;
}

.u-w--100{
    width:100%;
}

.u-w--20{
    width:20%;
}

.u-w-50{
    width:50%;
}

.u-u-w--90{
    width:90%;
}

.u-w--70{
    width:70%;
}

.u-w--80{
    width:80%;
}

.u-h--100{
    height:100%;
}

.u-w-pure--240{
    width:240px;
}

.u-3-inline {
    float:left;
    width:33.3%;
}

/*transformations*/

.u-rotate-up{
	transform:rotateX(-180deg);
}

.js-rotate-up{
	transform:rotateX(-180deg);
}



.u-f-left{
    float:left;
}

.u-f-right{
    float:right;
}

.overflow-unset{
    overflow:unset;
}

.overflow-hidden{
    overflow:hidden;
}

.u-vert-align-flex-center{
    display:flex;
    align-items: center;
}

.u-vert-align-super{
    vertical-align:super;
}

.u-vert-align--mid{
    vertical-align: middle;
}

.u-vert-align-top{
    vertical-align: top;
}


/* text related*/

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

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

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

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

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

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

.u-text-trans-uppercase{
    text-transform: uppercase;
}

.u-wrap-text{
    white-space: -moz-pre-wrap !important;  
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -webkit-pre-wrap;
    /* word-break: break-all; */
    white-space: normal;
}

.wrap-text{
    white-space:initial;
}

.u-nowrap-text{
    white-space:nowrap;
}

.f-size-12{
    font-size:12px;
}

.u-f-size-s{
    font-size:16px;
}

.u-f-size-med{
    font-size:20px;
}

.u-f-size-lg{
    font-size:24px;
}

.u-f-size-xlg{
    font-size:28px;
}

.u-f-size-xxxlg{
    font-size:36px;
}

.u-f-size-xxxxxlg{
    font-size:44px;
}

.break-word{
    word-break: break-all;
}

/*
xs:300
s:400
med:500
lg:600
xlg:700

*/

.u-font-bold {
	font-weight: bold;
}

.u-f-weight-700{
    font-weight:700 !important;
}

.f-weight-600{
    font-weight:600 !important;
}

.f-weight-400{
    font-weight:400 !important;
}

.u-f-weight-xs{
    font-weight:300 !important;
}

.three-dots{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


/*fixes*/
.u-clearfix::after{
    clear:both;
    display:table;
    content:""
}

.u-videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.u-videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.u-p-relative{
    position:relative;
}

.u-p-absolute{
    position:absolute;
}

.p-relative{
    position:relative;
}

.p-absolute-top-right{
    position:absolute;
    top:0;
    right:0;
}

.u-d-table{
	display:table;
}

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

.u-d-inline{
	display:inline;
}

.u-d-inline-block{
	display:inline-block;
}

.u-d-none{
    display:none;
}

.u-d-block{
	display:block;
}

.u-center-wrapper--top-150{
    top: 150%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;

}

.u-center-wrapper{
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	position:absolute;
}

.u-center-wrapper-hori{
    top:0%;
	left:50%;
	transform: translate(-50%,-0%);
	position:absolute;
}

.u-vertical-align-mid{
    vertical-align: middle;
}

.u-d-flex{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.d-ilnine-block{
    display:inline-block;
}

@media all and (max-width: 480px) {
	.u-d-flex{
        display:block;
    }
}

/*colors*/

.u-background-color-white{
    background-color:#ffff;
}

.u-background-color-orange--bright{
    background-color:#ff8500;
}

.u-background-color-grey--bright{
    background-color:#b8b8b8;
}

.u-background-color-orange{
    background-color:#ef7d00;
}

.u-background-color-trans{
    background-color: transparent;
}

.munevo-colors-reversed{
    color:#ef7d00;
    background-color: #fff;
    border-color: #fff;
}

.u-background-c--dark-gray{
    background-color:#808486;
}



.u-background-c--light-gray{
    background-color:#f5f5f5;
}

.u-c-grey-bright{
    color:#b8b8b8
}

.u-c--white{
    color:#ffff
}

.u-c--orange{
    color:#ef7d00;
}

.u-border-c--med-gray{
    border-color:#ccc;
}

.u-border-c--white{
    border-color:#ffff;
}

.u-c--orange-bright{
    color:#ff8500;
}

/*cursor*/
.u-cur--pointer{
    cursor:pointer;
}

.u-cur--default{
    cursor:default;
}

/*width*/

.u-width-50{
    width:50%;
}


/*list*/

.dotted-list{
    list-style: unset;
}

/*borders*/
.u-remove-border-style{
    border-style: none !important;
}
.u-border-rad-a--xxxxs{
    border-radius: 2px !important;
}

.u-border-rad-all-xxxs{
    border-radius: 4px;
}

.u-border-rad-all-xs{
    border-radius: 12px;
}

.u-border-c--trans{
    border-color: transparent;
}

.u-border-width--s{
    border-width: 1px;
}

.u-border-style--solid{
    border-style: solid;
}

/*positining*/

.u-position--left{
    position:absolute;
    left:0;
}
.u-position--top-right{
    top:0;
    right:0;
    position:absolute;
}

.u-position--top-left{
    top:0;
    left:0;
    position:absolute;
}

.u-position--bottom-left{
    bottom:0;
    left:0;
    position:absolute;
}

.u-position--bottom-right{
    bottom:0;
    right:0;
    position:absolute;
}

.u-position--bottom{
    bottom:0;
    position:absolute;
}

.u-position--bottom-centered{
    bottom:0;
    left: 50%;
    transform: translate(-50%,-0%);
    position:absolute;
}

.u-col--centered{
    float: none;
    margin: 0 auto;
}



/*shadows*/

.u-box-shadow-xxxs{
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.19) !important;
}

/*other*/

.u-hide-input{
    display:none;
    position: absolute;
}

/*other*/