﻿.inline-padding-box {
    padding: 15px;
    display: inline-block;
}
.status-block {
    height: 21px;
    width: 1rem;
    background: gray;
    display: inline-block;
    margin-bottom: -3px;
    margin-left: -1px;
    margin-right: 1rem;
}

.fc-content-with-status-block {
    width:calc(100% - 2rem);
    display:inline-block;
}


/*********************************************************************LAYOUT***************************************************************************************************/
/*MARGIN*/
.m-xxs {
    margin: 5px;
}

.m-xs {
    margin: 10px;
}

.m-s {
    margin: 20px;
}

.m-m {
    margin: 40px;
}

.m-l {
    margin: 80px;
}

.m-xl {
    margin: 140px;
}

.m-xxl {
    margin: 180px;
}
/*MARGIN TOP*/
.m-t-xxs {
    margin-top: 5px;
}

.m-t-xs {
    margin-top: 10px;
}

.m-t-s {
    margin-top: 20px;
}

.m-t-m {
    margin-top: 40px;
}

.m-t-l {
    margin-top: 80px;
}

.m-t-xl {
    margin-top: 140px;
}

.m-t-xxl {
    margin-top: 180px;
}

/*MARGIN BOTTOM*/
.m-b-xxs {
    margin-bottom: 5px;
}

.m-b-xs {
    margin-bottom: 10px;
}

.m-b-s {
    margin-bottom: 20px;
}

.m-b-m {
    margin-bottom: 40px;
}

.m-b-l {
    margin-bottom: 80px;
}

.m-b-xl {
    margin-bottom: 140px;
}

.m-b-xxl {
    margin-bottom: 180px;
}

/*MARGIN LEFT*/
.m-l-xxs {
    margin-left: 5px;
}

.m-l-xs {
    margin-left: 10px;
}

.m-l-s {
    margin-left: 20px;
}

.m-l-m {
    margin-left: 40px;
}

.m-l-l {
    margin-left: 80px;
}

.m-l-xl {
    margin-left: 140px;
}

.m-l-xxl {
    margin-left: 180px;
}


/*MARGIN RIGHT*/
.m-r-xxs {
    margin-right: 5px;
}

.m-r-xs {
    margin-right: 10px;
}

.m-r-s {
    margin-right: 20px;
}

.m-r-m {
    margin-right: 40px;
}

.m-r-l {
    margin-right: 80px;
}

.m-r-xl {
    margin-right: 140px;
}

.m-r-xxl {
    margin-right: 180px;
}



/*PADDING*/
.p-xxs {
    padding: 5px;
}

.p-xs {
    padding: 10px;
}

.p-s {
    padding: 20px;
}

.p-m {
    padding: 40px;
}

.p-l {
    padding: 80px;
}

.p-xl {
    padding: 140px;
}

.p-xxl {
    padding: 180px;
}
/*PADDING TOP*/
.p-t-xxs {
    padding-top: 5px;
}

.p-t-xs {
    padding-top: 10px;
}

.p-t-s {
    padding-top: 20px;
}

.p-t-m {
    padding-top: 40px;
}

.p-t-l {
    padding-top: 80px;
}

.p-t-xl {
    padding-top: 140px;
}

.p-t-xxl {
    padding-top: 180px;
}

/*PADDING BOTTOM*/
.p-b-xxs {
    padding-bottom: 5px;
}

.p-b-xs {
    padding-bottom: 10px;
}

.p-b-s {
    padding-bottom: 20px;
}

.p-b-m {
    padding-bottom: 40px;
}

.p-b-l {
    padding-bottom: 80px;
}

.p-b-xl {
    padding-bottom: 140px;
}

.p-b-xxl {
    padding-bottom: 180px;
}

/*PADDING LEFT*/
.p-l-xxs {
    padding-left: 5px;
}

.p-l-xs {
    padding-left: 10px;
}

.p-l-s {
    padding-left: 20px;
}

.p-l-m {
    padding-left: 40px;
}

.p-l-l {
    padding-left: 80px;
}

.p-l-xl {
    padding-left: 140px;
}

.p-l-xxl {
    padding-left: 180px;
}


/*PADDING RIGHT*/
.p-r-xxs {
    padding-right: 5px;
}

.p-r-xs {
    padding-right: 10px;
}

.p-r-s {
    padding-right: 20px;
}

.p-r-m {
    padding-right: 40px;
}

.p-r-l {
    padding-right: 80px;
}

.p-r-xl {
    padding-right: 140px;
}