/***************************
    Utilities 
Created by Sanjeet
*****************************/

/****************************
How to use?
xs and above | sm and above  |  md and above  | lg and above
.m-0	     |.m-sm-0	     | .m-md-0	      |.m-lg-0
.mt-0	     |.mt-sm-0	     | .mt-md-0	      |.mt-lg-0
.mr-0	     |.mr-sm-0	     | .mr-md-0	      |.mr-lg-0
**********************************/

.mr-0,.mx-0{margin-right:0}.ml-0,.mx-0{margin-left:0}.mt-0,.my-0{margin-top:0}.mb-0,.my-0{margin-bottom:0}.pr-0,.px-0{padding-right:0}.pl-0,.px-0{padding-left:0}.pt-0,.py-0{padding-top:0}.pb-0,.py-0{padding-bottom:0}.float-left{float:left}.float-right{float:right}.float-none{float:none}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.m-0{margin:0}.mr-1,.mx-1{margin-right:.25rem}.ml-1,.mx-1{margin-left:.25rem}.mt-1,.my-1{margin-top:.25rem}.mb-1,.my-1{margin-bottom:.25rem}.m-1{margin:.25rem}.mr-2,.mx-2{margin-right:.5rem}.ml-2,.mx-2{margin-left:.5rem}.mt-2,.my-2{margin-top:.5rem}.mb-2,.my-2{margin-bottom:.5rem}.m-2{margin:.5rem}.mr-3,.mx-3{margin-right:1rem}.ml-3,.mx-3{margin-left:1rem}.mt-3,.my-3{margin-top:1rem}.mb-3,.my-3{margin-bottom:1rem}.m-3{margin:1rem}.mr-4,.mx-4{margin-right:1.5rem}.ml-4,.mx-4{margin-left:1.5rem}.mt-4,.my-4{margin-top:1.5rem}.mb-4,.my-4{margin-bottom:1.5rem}.m-4{margin:1.5rem}.mr-5,.mx-5{margin-right:3rem}.ml-5,.mx-5{margin-left:3rem}.mt-5,.my-5{margin-top:3rem}.mb-5,.my-5{margin-bottom:3rem}.m-5{margin:3rem}.p-0{padding:0}.pr-1,.px-1{padding-right:.25rem}.pl-1,.px-1{padding-left:.25rem}.pt-1,.py-1{padding-top:.25rem}.pb-1,.py-1{padding-bottom:.25rem}.p-1{padding:.25rem}.pr-2,.px-2{padding-right:.5rem}.pl-2,.px-2{padding-left:.5rem}.pt-2,.py-2{padding-top:.5rem}.pb-2,.py-2{padding-bottom:.5rem}.p-2{padding:.5rem}.pr-3,.px-3{padding-right:1rem}.pl-3,.px-3{padding-left:1rem}.pt-3,.py-3{padding-top:1rem}.pb-3,.py-3{padding-bottom:1rem}.p-3{padding:1rem}.pr-4,.px-4{padding-right:1.5rem}.pl-4,.px-4{padding-left:1.5rem}.pt-4,.py-4{padding-top:1.5rem}.pb-4,.py-4{padding-bottom:1.5rem}.p-4{padding:1.5rem}.pr-5,.px-5{padding-right:3rem}.pl-5,.px-5{padding-left:3rem}.pt-5,.py-5{padding-top:3rem}.pb-5,.py-5{padding-bottom:3rem}.p-5{padding:3rem}@media (min-width:768px){.float-sm-left{float:left}.float-sm-right{float:right}.float-sm-none{float:none}.text-sm-left{text-align:left}.text-sm-right{text-align:right}.text-sm-center{text-align:center}.mr-sm-0,.mx-sm-0{margin-right:0}.ml-sm-0,.mx-sm-0{margin-left:0}.mt-sm-0,.my-sm-0{margin-top:0}.mb-sm-0,.my-sm-0{margin-bottom:0}.pr-sm-0,.px-sm-0{padding-right:0}.pl-sm-0,.px-sm-0{padding-left:0}.pt-sm-0,.py-sm-0{padding-top:0}.pb-sm-0,.py-sm-0{padding-bottom:0}.m-sm-0{margin:0}.mr-sm-1,.mx-sm-1{margin-right:.25rem}.ml-sm-1,.mx-sm-1{margin-left:.25rem}.mt-sm-1,.my-sm-1{margin-top:.25rem}.mb-sm-1,.my-sm-1{margin-bottom:.25rem}.m-sm-1{margin:.25rem}.mr-sm-2,.mx-sm-2{margin-right:.5rem}.ml-sm-2,.mx-sm-2{margin-left:.5rem}.mt-sm-2,.my-sm-2{margin-top:.5rem}.mb-sm-2,.my-sm-2{margin-bottom:.5rem}.m-sm-2{margin:.5rem}.mr-sm-3,.mx-sm-3{margin-right:1rem}.ml-sm-3,.mx-sm-3{margin-left:1rem}.mt-sm-3,.my-sm-3{margin-top:1rem}.mb-sm-3,.my-sm-3{margin-bottom:1rem}.m-sm-3{margin:1rem}.mr-sm-4,.mx-sm-4{margin-right:1.5rem}.ml-sm-4,.mx-sm-4{margin-left:1.5rem}.mt-sm-4,.my-sm-4{margin-top:1.5rem}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem}.m-sm-4{margin:1.5rem}.mr-sm-5,.mx-sm-5{margin-right:3rem}.ml-sm-5,.mx-sm-5{margin-left:3rem}.mt-sm-5,.my-sm-5{margin-top:3rem}.mb-sm-5,.my-sm-5{margin-bottom:3rem}.m-sm-5{margin:3rem}.p-sm-0{padding:0}.pr-sm-1,.px-sm-1{padding-right:.25rem}.pl-sm-1,.px-sm-1{padding-left:.25rem}.pt-sm-1,.py-sm-1{padding-top:.25rem}.pb-sm-1,.py-sm-1{padding-bottom:.25rem}.p-sm-1{padding:.25rem}.pr-sm-2,.px-sm-2{padding-right:.5rem}.pl-sm-2,.px-sm-2{padding-left:.5rem}.pt-sm-2,.py-sm-2{padding-top:.5rem}.pb-sm-2,.py-sm-2{padding-bottom:.5rem}.p-sm-2{padding:.5rem}.pr-sm-3,.px-sm-3{padding-right:1rem}.pl-sm-3,.px-sm-3{padding-left:1rem}.pt-sm-3,.py-sm-3{padding-top:1rem}.pb-sm-3,.py-sm-3{padding-bottom:1rem}.p-sm-3{padding:1rem}.pr-sm-4,.px-sm-4{padding-right:1.5rem}.pl-sm-4,.px-sm-4{padding-left:1.5rem}.pt-sm-4,.py-sm-4{padding-top:1.5rem}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem}.p-sm-4{padding:1.5rem}.pr-sm-5,.px-sm-5{padding-right:3rem}.pl-sm-5,.px-sm-5{padding-left:3rem}.pt-sm-5,.py-sm-5{padding-top:3rem}.pb-sm-5,.py-sm-5{padding-bottom:3rem}.p-sm-5{padding:3rem}}@media (min-width:992px){.float-md-left{float:left}.float-md-right{float:right}.float-md-none{float:none}.text-md-left{text-align:left}.text-md-right{text-align:right}.text-md-center{text-align:center}.mr-md-0,.mx-md-0{margin-right:0}.ml-md-0,.mx-md-0{margin-left:0}.mt-md-0,.my-md-0{margin-top:0}.mb-md-0,.my-md-0{margin-bottom:0}.pr-md-0,.px-md-0{padding-right:0}.pl-md-0,.px-md-0{padding-left:0}.pt-md-0,.py-md-0{padding-top:0}.pb-md-0,.py-md-0{padding-bottom:0}.m-md-0{margin:0}.mr-md-1,.mx-md-1{margin-right:.25rem}.ml-md-1,.mx-md-1{margin-left:.25rem}.mt-md-1,.my-md-1{margin-top:.25rem}.mb-md-1,.my-md-1{margin-bottom:.25rem}.m-md-1{margin:.25rem}.mr-md-2,.mx-md-2{margin-right:.5rem}.ml-md-2,.mx-md-2{margin-left:.5rem}.mt-md-2,.my-md-2{margin-top:.5rem}.mb-md-2,.my-md-2{margin-bottom:.5rem}.m-md-2{margin:.5rem}.mr-md-3,.mx-md-3{margin-right:1rem}.ml-md-3,.mx-md-3{margin-left:1rem}.mt-md-3,.my-md-3{margin-top:1rem}.mb-md-3,.my-md-3{margin-bottom:1rem}.m-md-3{margin:1rem}.mr-md-4,.mx-md-4{margin-right:1.5rem}.ml-md-4,.mx-md-4{margin-left:1.5rem}.mt-md-4,.my-md-4{margin-top:1.5rem}.mb-md-4,.my-md-4{margin-bottom:1.5rem}.m-md-4{margin:1.5rem}.mr-md-5,.mx-md-5{margin-right:3rem}.ml-md-5,.mx-md-5{margin-left:3rem}.mt-md-5,.my-md-5{margin-top:3rem}.mb-md-5,.my-md-5{margin-bottom:3rem}.m-md-5{margin:3rem}.p-md-0{padding:0}.pr-md-1,.px-md-1{padding-right:.25rem}.pl-md-1,.px-md-1{padding-left:.25rem}.pt-md-1,.py-md-1{padding-top:.25rem}.pb-md-1,.py-md-1{padding-bottom:.25rem}.p-md-1{padding:.25rem}.pr-md-2,.px-md-2{padding-right:.5rem}.pl-md-2,.px-md-2{padding-left:.5rem}.pt-md-2,.py-md-2{padding-top:.5rem}.pb-md-2,.py-md-2{padding-bottom:.5rem}.p-md-2{padding:.5rem}.pr-md-3,.px-md-3{padding-right:1rem}.pl-md-3,.px-md-3{padding-left:1rem}.pt-md-3,.py-md-3{padding-top:1rem}.pb-md-3,.py-md-3{padding-bottom:1rem}.p-md-3{padding:1rem}.pr-md-4,.px-md-4{padding-right:1.5rem}.pl-md-4,.px-md-4{padding-left:1.5rem}.pt-md-4,.py-md-4{padding-top:1.5rem}.pb-md-4,.py-md-4{padding-bottom:1.5rem}.p-md-4{padding:1.5rem}.pr-md-5,.px-md-5{padding-right:3rem}.pl-md-5,.px-md-5{padding-left:3rem}.pt-md-5,.py-md-5{padding-top:3rem}.pb-md-5,.py-md-5{padding-bottom:3rem}.p-md-5{padding:3rem}}@media (min-width:1200px){.float-lg-left{float:left}.float-lg-right{float:right}.float-lg-none{float:none}.text-lg-left{text-align:left}.text-lg-right{text-align:right}.text-lg-center{text-align:center}.mr-lg-0,.mx-lg-0{margin-right:0}.ml-lg-0,.mx-lg-0{margin-left:0}.mt-lg-0,.my-lg-0{margin-top:0}.mb-lg-0,.my-lg-0{margin-bottom:0}.pr-lg-0,.px-lg-0{padding-right:0}.pl-lg-0,.px-lg-0{padding-left:0}.pt-lg-0,.py-lg-0{padding-top:0}.pb-lg-0,.py-lg-0{padding-bottom:0}.m-lg-0{margin:0}.mr-lg-1,.mx-lg-1{margin-right:.25rem}.ml-lg-1,.mx-lg-1{margin-left:.25rem}.mt-lg-1,.my-lg-1{margin-top:.25rem}.mb-lg-1,.my-lg-1{margin-bottom:.25rem}.m-lg-1{margin:.25rem}.mr-lg-2,.mx-lg-2{margin-right:.5rem}.ml-lg-2,.mx-lg-2{margin-left:.5rem}.mt-lg-2,.my-lg-2{margin-top:.5rem}.mb-lg-2,.my-lg-2{margin-bottom:.5rem}.m-lg-2{margin:.5rem}.mr-lg-3,.mx-lg-3{margin-right:1rem}.ml-lg-3,.mx-lg-3{margin-left:1rem}.mt-lg-3,.my-lg-3{margin-top:1rem}.mb-lg-3,.my-lg-3{margin-bottom:1rem}.m-lg-3{margin:1rem}.mr-lg-4,.mx-lg-4{margin-right:1.5rem}.ml-lg-4,.mx-lg-4{margin-left:1.5rem}.mt-lg-4,.my-lg-4{margin-top:1.5rem}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem}.m-lg-4{margin:1.5rem}.mr-lg-5,.mx-lg-5{margin-right:3rem}.ml-lg-5,.mx-lg-5{margin-left:3rem}.mt-lg-5,.my-lg-5{margin-top:3rem}.mb-lg-5,.my-lg-5{margin-bottom:3rem}.m-lg-5{margin:3rem}.p-lg-0{padding:0}.pr-lg-1,.px-lg-1{padding-right:.25rem}.pl-lg-1,.px-lg-1{padding-left:.25rem}.pt-lg-1,.py-lg-1{padding-top:.25rem}.pb-lg-1,.py-lg-1{padding-bottom:.25rem}.p-lg-1{padding:.25rem}.pr-lg-2,.px-lg-2{padding-right:.5rem}.pl-lg-2,.px-lg-2{padding-left:.5rem}.pt-lg-2,.py-lg-2{padding-top:.5rem}.pb-lg-2,.py-lg-2{padding-bottom:.5rem}.p-lg-2{padding:.5rem}.pr-lg-3,.px-lg-3{padding-right:1rem}.pl-lg-3,.px-lg-3{padding-left:1rem}.pt-lg-3,.py-lg-3{padding-top:1rem}.pb-lg-3,.py-lg-3{padding-bottom:1rem}.p-lg-3{padding:1rem}.pr-lg-4,.px-lg-4{padding-right:1.5rem}.pl-lg-4,.px-lg-4{padding-left:1.5rem}.pt-lg-4,.py-lg-4{padding-top:1.5rem}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem}.p-lg-4{padding:1.5rem}.pr-lg-5,.px-lg-5{padding-right:3rem}.pl-lg-5,.px-lg-5{padding-left:3rem}.pt-lg-5,.py-lg-5{padding-top:3rem}.pb-lg-5,.py-lg-5{padding-bottom:3rem}.p-lg-5{padding:3rem}}
.w-10 {width: 10%}.w-20 {width: 20%}
/* Special utilities of colors */
.col-green {color: #00ae65}
.col-blue {color: #2aade3}
.col-light-green {color: #97c93d}
.col-dark {color: #2c3e50}
.bg-blue {background-color: #2aade3}
.bg-light-green {background-color: #97c93d}
.bg-dark {background-color: #2c3e50}
.bg-white {background-color: #fff}
.bg-gray {background-color: #eee}
.bg-light-white {background-color: #f2f2f2 !important}