.d-n
{
    display: none;
}

.po-r
{
    position: relative;
}

.po-a
{
    position: absolute;
}

.po-s
{
    position: static;
}

.po-l-0
{
    left: 0;
}

.po-b-0
{
    bottom: 0;
}

.po-t-0
{
    top: 0;
}

.po-r-0
{
    right: 0;
}

.p-0
{
    padding: 0;
}

.p-3
{
    padding: 3px;
}

.p-5
{
    padding: 5px;
}

.p-10
{
    padding: 10px;
}

.p-15
{
    padding: 15px;
}

.p-20
{
    padding: 20px;
}

.pt-0
{
    padding-top: 0;
}

.pt-3
{
    padding-top: 3px;
}

.pt-5
{
    padding-top: 5px;
}

.pt-10
{
    padding-top: 10px;
}

.pt-15
{
    padding-top: 15px;
}

.pt-20
{
    padding-top: 20px;
}

.pr-0
{
    padding-right: 0px;
}

.pr-3
{
    padding-right: 3px;
}

.pr-5
{
    padding-right: 5px;
}

.pr-10
{
    padding-right: 10px;
}

.pr-15
{
    padding-right: 15px;
}

.pr-20
{
    padding-right: 20px;
}

.pb-0
{
    padding-bottom: 0;
}

.pb-3
{
    padding-bottom: 3px;
}

.pb-5
{
    padding-bottom: 5px;
}

.pb-10
{
    padding-bottom: 10px;
}

.pb-15
{
    padding-bottom: 15px;
}

.pb-20
{
    padding-bottom: 20px;
}

.pl-0
{
    padding-left: 0px;
}

.pl-3
{
    padding-left: 3px;
}

.pl-5
{
    padding-left: 5px;
}

.pl-10
{
    padding-left: 10px;
}

.pl-15
{
    padding-left: 15px;
}

.pl-20
{
    padding-left: 20px;
}


.m-0
{
    margin: 0;
}

.m-3
{
    margin: 3px;
}

.m-5
{
    margin: 5px;
}

.m-10
{
    margin: 10px;
}

.m-15
{
    margin: 15px;
}

.m-20
{
    margin: 20px;
}

.m-45
{
    margin: 45px;
}

.m-50
{
    margin: 50px;
}

.mt-0
{
    margin-top: 0px;
}

.mt-3
{
    margin-top: 3px;
}

.mt-5
{
    margin-top: 5px;
}

.mt-10
{
    margin-top: 10px;
}

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

.mt-20
{
    margin-top: 20px;
}

.mr-0
{
    margin-right: 0px;
}

.mr-3
{
    margin-right: 3px;
}

.mr-5
{
    margin-right: 5px;
}

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

.mr-15
{
    margin-right: 15px;
}

.mr-20
{
    margin-right: 20px;
}

.mb-0
{
    margin-bottom: 0px;
}

.mb-3
{
    margin-bottom: 3px;
}

.mb-5
{
    margin-bottom: 5px;
}

.mb-10
{
    margin-bottom: 10px;
}

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

.mb-20
{
    margin-bottom: 20px;
}

.mb-30
{
    margin-bottom: 30px;
}

.ml-0
{
    margin-left: 0;
}

.ml-3
{
    margin-left: 3px;
}

.ml-5
{
    margin-left: 5px;
}

.ml-10
{
    margin-left: 10px;
}

.ml-15
{
    margin-left: 15px;
}

.ml-20
{
    margin-left: 20px;
}


.w-2p
{
    width: 2%;
}

.w-3p
{
    width: 3%;
}

.w-5p
{
    width: 5%;
}

.w-10p
{
    width: 10%;
}

.w-12_5p
{
    width: 12.5%;
}

.w-15p
{
    width: 15%;
}

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

.w-25p
{
    width: 25%;
}

.w-33p
{
    width: 33%;
}

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


.flex
{
    display: flex;
    flex-wrap: wrap;
}

.flex.f-sb
{
    justify-content: space-between;
}

.flex.f-center
{
    align-items: center;
}

.flex-col
{
    flex-flow: column;
}

.flex > *
{
    flex: 1 auto;
}

.flex.f-end
{
    align-items: flex-end;
}


.line-height-20
{
    line-height: 20px;
}

.line-height-30
{
    line-height: 30px;
}

.line-height-35
{
    line-height: 35px;
}

.line-height-40
{
    line-height: 40px;
}

.line-height-45
{
    line-height: 45px;
}

.line-height-50
{
    line-height: 50px;
}

.font-10
{
    font-size: 10px;
}

.font-11
{
    font-size: 11px;
}

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

.font-14
{
    font-size: 14px;
}

.font-10-i
{
    font-size: 10px !important;;
}

.font-11-i
{
    font-size: 11px !important;
}

.font-12-i
{
    font-size: 12px !important;;
}

.font-14-i
{
    font-size: 14px !important;;
}

.text-right-i
{
    text-align: right !important;
}

.text-left-i
{
    text-align: left !important;
}

.text-center-i
{
    text-align: center !important;
}

.c-p
{
    cursor: pointer;
}

.dis-overlay
{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(50, 50, 50, 0.5);
    z-index: 9999;
}

.ajax-loader > div,
#ajaxLoader > div
{
    -webkit-animation: loader 400ms linear infinite;
    -moz-animation: loader 400ms linear infinite;
    animation: loader 400ms linear infinite;

    border: 3px solid #FFF;
    border-left-color: #CCC;

    background: none !important;
    border-radius: 30px;
    width: 28px;
    height: 28px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    position: fixed;
    z-index: 10000;
}

@keyframes loader
{
    0%
    {
        transform: rotate(0deg);
    }
    25%
    {
        transform: rotate(90deg);
    }
    50%
    {
        transform: rotate(180deg);
    }
    75%
    {
        transform: rotate(270deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}