body {
    font-family: 'Roboto-Regular';
}

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

.margin-left-right-0{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.content-right{
    justify-content: flex-end;
}

/***Padding-top start***/
.p-t-0 {
    padding-top: 0px;
}
.p-t-5 {
    padding-top: 5px;
}
.p-t-10 {
    padding-top: 10px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-40 {
    padding-top: 40px;
}
.p-t-50 {
    padding-top: 50px;
}
/***Padding-top end***/

/***Padding-left start***/
.p-l-0 {
    padding-left: 0px;
}
.p-l-5 {
    padding-left: 5px;
}
.p-l-10 {
    padding-left: 10px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-l-40 {
    padding-left: 40px;
}
.p-l-50 {
    padding-left: 50px;
}
/***Padding-left end***/

/***Padding-right start***/
.p-r-0 {
    padding-right: 0px;
}
.p-r-5 {
    padding-right: 5px;
}
.p-r-10 {
    padding-right: 10px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-r-30 {
    padding-right: 30px;
}

.p-r-40 {
    padding-right: 40px;
}
.p-r-50 {
    padding-right: 50px;
}
/***Padding-right end***/


/***Padding-bottom start***/
.p-b-0 {
    padding-bottom: 0px;
}
.p-b-5 {
    padding-bottom: 5px;
}
.p-b-10 {
    padding-bottom: 10px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-b-40 {
    padding-bottom: 40px;
}
.p-b-50 {
    padding-bottom: 50px;
}
/***Padding-bottom end***/

.padding-10{
    padding: 15px 10px 5px;
}



/***margin-top start***/
.m-t-5 {
    margin-top: 5px;
}
.m-t-10 {
    margin-top: 10px;
}

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

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}
.m-t-50 {
    margin-top: 50px;
}
.m-t-60 {
    margin-top: 60px;
}
.m-t-70 {
    margin-top: 70px;
}
.m-t-130 {
    margin-top: 130px;
}
.m-t-150 {
    margin-top: 150px;
}
.m-t-180 {
    margin-top: 175px;
}
/***margin-top end***/

/***margin-left start***/
.m-l-5 {
    *margin-left: 5px;
}
.m-l-10 {
    margin-left: 10px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-l-40 {
    margin-left: 40px;
}
.m-l-50 {
    margin-left: 50px;
}

/***margin-left end***/

/***margin-right start***/
.m-r-5 {
    margin-right: 5px;
}
.m-r-10 {
    margin-right: 10px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-r-40 {
    margin-right: 40px;
}
.m-r-50 {
    margin-right: 50px;
}
/***margin-right end***/


/***margin-bottom start***/
.m-b-5 {
    margin-bottom: 5px;
}
.m-b-10 {
    margin-bottom: 10px;
}

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

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-40 {
    margin-bottom: 40px;
}
.m-b-50 {
    margin-bottom: 50px;
}
.m-b-70 {
    margin-bottom: 70px;
}

/***margin-bottom end***/

/**borders*/
.no-border{
    border: none !important;
}
.border-left-maron {
    border-left: 3px solid #e63939;
}
.border-left-sky {
    border-left: 3px solid #e63939;
}
.border-left-yellow {
    border-left: 3px solid #ffcd00;
}
.border-left-purple {
    border-left: 3px solid purple;
}
.border-left-green {
    border-left: 3px solid green;
}
.border-left-black {
    border-left: 3px solid #000;
}

/***fonts***/
.f-12{
    font-size: 12px
}
.f-14{
    font-size: 14px
}
.f-16{
    font-size: 16px
}
.f-18{
    font-size: 18px
}
.f-20{
    font-size: 20px
}
.f-25{
    font-size: 25px
}
.f-30{
    font-size: 30px
}

/**colors**/
.white-text {
    color:#fff
}
.black-text {
    color:#000
}

/*background**/
.bg-grey{
    background:#f9f9f9;
}
.bg-light-grey{
    background: #f0efef;
}
.bg-dark-grey {
background: #f7f7f7;
}
/**pointer*/
.pointer {
    cursor: pointer;
}

.center-text{
    justify-content: center;
}

.left-float{
    float: left;
}
.right-float{
    float: right;
}

.block{
    display: block;
    width: 100%;
}
.font-500{
    font-weight: 500
}
.font-700{
    font-weight: 700
}


.yellow-bg{
    background: #fde900;
}
.no-padding{
    padding: 0px;
}