.font-medium{
    margin-top:15px;
    font-size:15px;
}
.font-large {
    font-size: 18px!important;
}
.font-xlarge {
    font-size: 24px!important;
}
.font-xxlarge {
    font-size: 32px!important;
}
.font-xxxlarge {
    font-size: 48px!important;
}
.font-jumbo{
    font-size: 64px!important;
}
.bg-primary {
    background-color: #007bff!important;
}
.bg-success {
    background-color: #28a745!important;
}
.bg-info {
    background-color: #17a2b8!important;
}
.bg-warning {
    background-color: #ffc107!important;
}
.bg-danger {
    background-color: #dc3545!important;
}
.bg-secondary {
    background-color: #6c757d!important;
}
.bg-dark {
    background-color: #343a40!important;
}
.bg-light {
    background-color: #f8f9fa!important;
}
.bg-black{
    background-color: #000!important;
}
.bg-orange{
    background-color: #f4511e!important;
}
.bg-red-f44336   {
    background-color:#f44336!important;
}
.bg-blue-1C3A70{
    background-color:#1C3A70!important;
}
.bg-blue-000067{
    background-color:#000067!important;
}
.bg-ffd6d6{
    background-color:#ffd6d6!important;
}
.bg-teal{
    background-color:#009688!important;
}
.bg-newblue{
    background-color:#81DAF5!important;
}
.bg-green {
    background-color: #008367!important;
}
.text-muted{
    color:#6c757d!important;
}
.text-primary{
    color: #007bff!important;
}
.text-success {
    color: #28a745!important;
}
.text-info {
    color: #17a2b8!important;
}
.text-warning {
    color: #ffc107!important;
}
.text-danger {
    color: #dc3545!important;
}
.text-secondary {
    color: #6c757d!important;
}
.text-dark {
    color: #343a40!important;
}
.text-body {
    color: #212529!important;
}
.text-red{
    color:#f44336!important;
}
.text-white{
    color:#dff0d8!important;
}
.text-orange{
    color:#f4511e!important;
}
.text-black{
    color:#000!important;
}
.text-center{
    text-align: center;
}
.opacity-50{
    opacity:0.5;
        filter: alpha(opacity=50); /* For IE8 and earlier */
}
.opacity-60{
    opacity:0.6;
        filter: alpha(opacity=60); /* For IE8 and earlier */
}
.opacity-75{
    opacity:0.75;
        filter: alpha(opacity=75); /* For IE8 and earlier */
}
.opacity-100{
    opacity:1.0;
        filter: alpha(opacity=100); /* For IE8 and earlier */
}
.curser-pointer{
    cursor:pointer;
}
animate-right {
    position: relative;
    animation: animateright 0.4s;
}
.hover-white:hover{
                 color: #f44336!important;
      background-color: #fff !important;
}
.hover-red:hover{
                 color:#fff!important;
      background-color: #f44336!important;
}
.hover-light:hover{

    background-color:#868e96!important;
}
.black,.hover-black:hover {
    color: #fff!important;
    background-color: #000!important;
}
hover-text-green:hover{
    color:#28a745;
}
.hover-opacity:hover{
    opacity:0.5
}

.hover-shadow:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
}

.padding-large{
    padding: 12px 24px!important;
}
.padding-small{
    padding:4px 8px;
}

.pl-32{
       padding-left: 32px!important;
}
.pl-64{
       padding-left: 64px!important;
}

.pr-32{
       padding-right: 32px!important;
}
.pr-64{
       padding-right: 64px!important;
}
.pt-32{
       padding-top: 32px!important;
}
.pt-64{
       padding-top: 64px!important;
}
 
.pb-32{
       padding-bottom: 32px!important;
}
.pb-64{
       padding-bottom: 64px!important;
}
.p-32{
    padding: 32px!important;
}
.py-32{
       padding-top: 32px!important;
    padding-bottom: 32px!important;
}
.py-64{
       padding-top: 64px!important;
    padding-bottom: 64px!important;
}
.px-32{
     padding-left: 32px!important;
    padding-right: 32px!important;
}
.px-64{
     padding-left: 64px!important;
    padding-right: 64px!important;
}
.m-0{
    margin:0;
}
.ml-3{
       margin-left: 16px!important;
}
.ml-32{
    margin-left: 32px!important;
}
.ml-4{
       margin-left: 24px!important;
}
.ml-32{
       margin-left: 32px!important;
}
.ml-5{
       margin-left: 48px!important;
}
.mr-3{
    margin-left: 16px!important;
}
.mr-4{
    margin-left: 24px!important;
}
.mr-32{
       margin-right: 32px!important;
}
.mr-48{
    margin-right: 48px!important;
}
.mr-64{
       margin-right: 64px!important;
}

.mt-32{
       margin-top: 32px!important;
}
.mt-64{
       margin-top: 64px!important;
}
.mb-32{
       margin-bottom: 32px!important;
}
.mb-64{
       margin-bottom: 64px!important;
}
.my-3{
    margin-top: 16px!important;
    margin-bottom: 16px!important;
}
.my-32{
       margin-top: 32px!important;
    margin-bottom: 32px!important;
}
.my-64{
       margin-top: 64px!important;
    margin-bottom: 64px!important;
}
.my-auto{
       margin-top: auto!important;
    margin-bottom: auto!important;
}
.mx-32{
     margin-left: 32px!important;
    margin-right: 32px!important;
}
.mx-64{
     margin-left: 64px!important;
    margin-right: 64px!important;
}
.mx-auto{
     margin-left:auto!important;
    margin-right:auto!important;
}