/*Padding*/
.pl-0 {padding-left:0;
}
.pt-0 {padding-top:0;
}
.pr-0 {padding-right:0;
}
.pb-0 {padding-bottom:0;
}
.p-0-all {padding:0;
}
.px-0 {padding-left:0;
         padding-right:0;
}
.py-0 {padding-top:0;
         padding-bottom:0;
}
.pl-1px {padding-left:1px ;
}
.pt-1px {padding-top:1px ;
}
.pr-1px {padding-right:1px ;
}
.pb-1px {padding-bottom:1px ;
}
.p-1px-all {padding:1px ;
}
.px-1px {padding-left:1px ;
         padding-right:1px ;
}
.py-1px {padding-top:1px ;
         padding-bottom:1px ;
}
.pl-2px {padding-left:2px ;
}
.pt-2px {padding-top:2px ;
}
.pr-2px {padding-right:2px ;
}
.pb-2px {padding-bottom:2px ;
}
.p-2px-all {padding:2px ;
}
.px-2px {padding-left:2px ;
         padding-right:2px ;
}
.py-2px {padding-top:2px ;
         padding-bottom:2px ;
}
.pl-3px {padding-left:3px ;
}
.pt-3px {padding-top:3px ;
}
.pr-3px {padding-right:3px ;
}
.pb-3px {padding-bottom:3px ;
}
.p-3px-all {padding:3px ;
}
.px-3px {padding-left:3px ;
         padding-right:3px ;
}
.py-3px {padding-top:3px ;
         padding-bottom:3px ;
}
.pl-4px {padding-left:4px ;
}
.pt-4px {padding-top:4px ;
}
.pr-4px {padding-right:4px ;
}
.pb-4px {padding-bottom:4px ;
}
.p-4px-all {padding:4px ;
}
.px-4px {padding-left:4px ;
         padding-right:4px ;
}
.py-4px {padding-top:4px ;
         padding-bottom:4px ;
}
.pl-5px {padding-left:5px;
}
.pt-5px {padding-top:5px;
}
.pr-5px {padding-right:5px;
}
.pb-5px {padding-bottom:5px;
}
.p-5px-all {padding:5px;
}
.px-5px {padding-left:5px;
         padding-right:5px;
}
.py-5px {padding-top:5px;
         padding-bottom:5px;
}
.pl-6px {padding-left:6px ;
}
.pt-6px {padding-top:6px ;
}
.pr-6px {padding-right:6px ;
}
.pb-6px {padding-bottom:6px ;
}
.p-6px-all {padding:6px ;
}
.px-6px {padding-left:6px ;
         padding-right:6px ;
}
.py-6px {padding-top:6px ;
         padding-bottom:6px ;
}
.pl-7px {padding-left:7px ;
}
.pt-7px {padding-top:7px ;
}
.pr-7px {padding-right:7px ;
}
.pb-7px {padding-bottom:7px ;
}
.p-7px-all {padding:7px ;
}
.px-7px {padding-left:7px ;
         padding-right:7px ;
}
.py-7px {padding-top:7px ;
         padding-bottom:7px ;
}
.pl-8px {padding-left:8px;
}
.pt-8px {padding-top:8px;
}
.pr-8px {padding-right:8px;
}
.pb-8px {padding-bottom:8px;
}
.p-8px-all {padding:8px;
}
.px-8px {padding-left:8px;
         padding-right:8px;
}
.py-8px {padding-top:8px;
         padding-bottom:8px;
}
.pl-9px {padding-left:9px ;
}
.pt-9px {padding-top:9px ;
}
.pr-9px {padding-right:9px ;
}
.pb-9px {padding-bottom:9px ;
}
.p-9px-all {padding:9px ;
}
.px-9px {padding-left:9px ;
         padding-right:9px ;
}
.py-9px {padding-top:9px ;
         padding-bottom:9px ;
}
.pl-10px {padding-left:10px;
}
.pt-10px {padding-top:10px;
}
.pr-10px {padding-right:10px;
}
.pb-10px {padding-bottom:10px;
}
.p-10px-all {padding:10px;
}
.px-10px {padding-left:10px;
         padding-right:10px;
}
.py-10px {padding-top:10px;
         padding-bottom:10px;
}
.pl-15px {padding-left:15px;
}
.pt-15px {padding-top:15px;
}
.pr-15px {padding-right:15px;
}
.pb-15px {padding-bottom:15px;
}
.p-15px-all {padding:15px;
}
.px-15px {padding-left:15px;
         padding-right:15px;
}
.py-15px {padding-top:15px;
         padding-bottom:15px;
}
.pl-20px {padding-left:20px;
}
.pt-20px {padding-top:20px;
}
.pr-20px {padding-right:20px;
}
.pb-20px {padding-bottom:20px;
}
.p-20px-all {padding:20px;
}
.px-20px {padding-left:20px;
         padding-right:20px;
}
.py-20px {padding-top:20px;
         padding-bottom:20px;
}
.pl-25px {padding-left:25px;
}
.pt-25px {padding-top:25px;
}
.pr-25px {padding-right:25px;
}
.pb-25px {padding-bottom:25px;
}
.p-25px-all {padding:25px;
}
.px-25px {padding-left:25px;
         padding-right:25px;
}
.py-25px {padding-top:25px;
         padding-bottom:25px;
}
.pl-30px {padding-left:30px;
}
.pt-30px {padding-top:30px;
}
.pr-30px {padding-right:30px;
}
.pb-30px {padding-bottom:30px;
}
.p-30px-all {padding:30px;
}
.px-30px {padding-left:30px;
         padding-right:30px;
}
.py-30px {padding-top:30px;
         padding-bottom:30px;
}


/*Margin*/

.mx-auto {margin-left:auto;
        margin-left:auto;
}
.m-0-auto {margin:0 auto;
}
.ml-0 {margin-left:0;
}
.mt-0 {margin-top:0;
}
.mr-0 {margin-right:0;
}
.mb-0 {margin-bottom:0;
}
.m-0-all {margin:0;
}
.mx-0 {margin-left:0;
       margin-right:0;
}
.my-0 {margin-top:0;
       margin-bottom:0;
}
.ml-1px {margin-left:1px ;
}
.mt-1px {margin-top:1px ;
}
.mr-1px {margin-right:1px ;
}
.mb-1px {margin-bottom:1px ;
}
.m-1px-all {margin:1px ;
}
.mx-1px {margin-left:1px ;
         margin-right:1px ;
}
.my-1px {margin-top:1px ;
         margin-bottom:1px ;
}
.ml-2px {margin-left:2px ;
}
.mt-2px {margin-top:2px ;
}
.mr-2px {margin-right:2px ;
}
.mb-2px {margin-bottom:2px ;
}
.m-2px-all {margin:2px ;
}
.mx-2px {margin-left:2px ;
         margin-right:2px ;
}
.my-2px {margin-top:2px ;
         margin-bottom:2px ;
}
.ml-3px {margin-left:3px ;
}
.mt-3px {margin-top:3px ;
}
.mr-3px {margin-right:3px ;
}
.mb-3px {margin-bottom:3px ;
}
.m-3px-all {margin:3px ;
}
.mx-3px {margin-left:3px ;
         margin-right:3px ;
}
.my-3px {margin-top:3px ;
         margin-bottom:3px ;
}
.ml-4px {margin-left:4px ;
}
.mt-4px {margin-top:4px ;
}
.mr-4px {margin-right:4px ;
}
.mb-4px {margin-bottom:4px ;
}
.m-4px-all {margin:4px ;
}
.mx-4px {margin-left:4px ;
         margin-right:4px ;
}
.my-4px {margin-top:4px ;
         margin-bottom:4px ;
}
.ml-5px {margin-left:5px ;
}
.mt-5px {margin-top:5px ;
}
.mr-5px {margin-right:5px ;
}
.mb-5px {margin-bottom:5px ;
}
.m-5px-all {margin:5px ;
}
.mx-5px {margin-left:5px ;
         margin-right:5px ;
}
.my-5px {margin-top:5px ;
         margin-bottom:5px ;
}
.ml-8px {margin-left:8px ;
}
.mt-8px {margin-top:8px ;
}
.mr-8px {margin-right:8px ;
}
.mb-5px {margin-bottom:8px ;
}
.m-8px-all {margin:8px ;
}
.mx-8px {margin-left:8px ;
         margin-right:8px ;
}
.my-8px {margin-top:8px ;
         margin-bottom:8px ;
}
.ml-10px {margin-left:10px;
}
.mt-10px {margin-top:10px;
}
.mr-10px {margin-right:10px;
}
.mb-10px {margin-bottom:10px;
}
.m-10px-all {margin:10px;
}
.mx-10px {margin-left:10px;
         margin-right:10px;
}
.my-10px {margin-top:10px;
         margin-bottom:10px;
}
.ml-15px {margin-left:15px;
}
.mt-15px {margin-top:15px;
}
.mr-15px {margin-right:15px;
}
.mb-15px {margin-bottom:15px;
}
.m-15px-all {margin:15px;
}
.mx-15px {margin-left:15px;
         margin-right:15px;
}
.my-15px {margin-top:15px;
         margin-bottom:15px;
}
.ml-20px {margin-left:20px;
}
.mt-20px {margin-top:20px;
}
.mr-20px {margin-right:20px;
}
.mb-20px {margin-bottom:20px;
}
.m-20px-all {margin:20px;
}
.mx-20px {margin-left:20px;
         margin-right:20px;
}
.my-20px {margin-top:20px;
         margin-bottom:20px;
}

/*background color*/

.bg-clr-1 {background-color:#000;                 /*Black*/
}

.bg-clr-2{background-color:#f1f1f1;              /*soft grey*/
}

.bg-clr-3{background-color:#02a306;              /*dark green*/
}

/*text color */

.txt-clr-1 {color:#000;                          /*black*/
}
.txt-clr-2 {color:#333333;                       /*dark grey*/
}
.txt-clr-3 {color:#fff;                          /*white*/
}
.txt-clr-4 {color:#428bca;                          /*blue*/
}
.txt-clr-5 {color:#1d80d5;                          /*dark blue*/
}
.txt-clr-6 {color:#02a306;                           /*green*/
}


/*Display*/

.d-none {
  display: none;
}
.d-block {display:block
}

.d-inline {
    display: inline;
}
.d-inline-block {
    display: inline-block;
}
.d-table {
    display:table;
}
.d-table-cell {
    display:table-cell;
}
.d-table-inline {
    display: inline-table;
}
.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.d-inline-flex {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/*font weight*/

.fw-700 {font-weight:700;
}
.fw-600 {font-weight:600;
}
.fw-500 {font-weight:500;
}
.fw-400 {font-weight:400;
}
.fw-300 {font-weight:300;
}
.fw-200 {font-weight:200;
}
.fw-100 {font-weight:100;
}

/* font size*/

.fs-1px {font-size:1px
}
.fs-2px {font-size:2px
}
.fs-3px {font-size:3px
}
.fs-4px {font-size:4px
}
.fs-5px {font-size:5px
}
.fs-6px {font-size:6px
}
.fs-7px {font-size:7px
}
.fs-8px {font-size:8px
}
.fs-9px {font-size:9px
}
.fs-10px {font-size:10px
}
.fs-11px {font-size:11px
}
.fs-12px {font-size:12px
}
.fs-13px {font-size:13px
}
.fs-14px {font-size:14px
}
.fs-15px {font-size:15px
}
.fs-16px {font-size:16px
}
.fs-17px {font-size:17px
}
.fs-18px {font-size:18px
}
.fs-19px {font-size:19px
}
.fs-20px {font-size:20px
}
.fs-21px {font-size:21px
}
.fs-22px {font-size:22px
}
.fs-23px {font-size:23px
}
.fs-24px {font-size:24px
}
.fs-25px {font-size:25px
}
.fs-26px {font-size:26px
}
.fs-27px {font-size:27px
}
.fs-28px {font-size:28px
}
.fs-29px {font-size:29px
}
.fs-30px {font-size:30px
}

/* Line Heights */
.lh-0{
    line-height:0;
}
.lh-1-5{
    line-height:1.5;
}
.lh-1-3{
    line-height:1.3;
}
.lh-1-2{
    line-height:1.2;
}


/* Positions */

.pos-abs {
    position: absolute;
}
.pos-rel {
    position: relative;
}
.pos-fix {
    position: fixed;
}

/* width */

.w-inherit {
    width: inherit;
}
.w-auto {
    width: auto;
}

/* width percentage */

.w-5 {
    width: 5%;
}
.w-10 {
    width: 10%;
}
.w-15 {
    width: 15%;
}
.w-20{
    width: 20%;
}
.w-25{
    width: 25%;
}
.w-30 {
    width: 30%;
}
.w-33 {
    width: 33.333%;
}
.w-35 {
    width: 35%;
}
.w-40 {
    width: 40% !important;
}
.w-45 {
    width: 45%;
}
.w-50 {
    width: 50%;
}
.w-55 {
    width: 55%;
}
.w-60 {
    width: 60%;
}
.w-65 {
    width: 65%;
}
.w-70 {
    width: 70%;
}
.w-75 {
    width: 75%;
}
.w-80 {
    width: 80%;
}
.w-85 {
    width: 85%;
}
.w-90 {
    width: 90%;
}
.w-95 {
    width: 95%;
}
.w-100{
    width: 100%;
}

/*width pixel*/

.w-5px {
    width:5px 
}
.w-10px {
    width:10px 
}
.w-15px {
    width:15px
}
.w-20px {
    width:20px ;
}
.w-25px {
    width:25px
}
.w-30px {
    width:30px ;
}
.w-35px {
    width:35px ;
}
.w-40px {
    width:40px ;
}
.w-50px {
    width:50px ;
}
.w-60px {
    width:60px
}
.w-70px {
    width:70px ;
}
.w-80px {
    width:80px
}
.w-90px {
    width:90px
}
.w-100px {
     width:100px ;
}
.w-150px {
     width:150px ;
}
.w-180px {
     width:180px ;
}
.w-200px {
     width:200px ;
}
.w-220px {
     width:220px ;
}
.w-230px {
     width:230px ;
}
.w-250px {
     width:250px ;
}
.w-270px {
     width:270px ;
}
.w-300px {
     width:300px ;
}
.w-320px {
     width:320px ;
}
.w-400px {
     width:400px ;
}
.w-500px {
     width:500px ;
}
.w-550px {
     width:550px ;
}
.w-600px {
     width:600px ;
}
.w-650px {
     width:650px ;
}
.w-700px {
     width:700px ;
}
.w-750px {
     width:750px ;
}
.w-800px {
     width:800px ;
}

/*width maximum*/


/*width minimum */

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



/*width calculation minus pixel*/

.w-c-100-30px {
    width: calc(100% - 30px);
}
.w-c-100-40px {
    width: calc(100% - 40px);
}
.w-c-100-50px {
    width: calc(100% - 50px);
}
.w-c-100-60px {
    width: calc(100% - 60px);
}
.w-c-100-70px {
    width: calc(100% - 70px);
}
.w-c-100-80px {
    width: calc(100% - 80px);
}
.w-c-100-90px {
    width: calc(100% - 90px);
}
.w-c-100-100px {
    width: calc(100% - 100px);
}
.w-c-100-130px {
    width: calc(100% - 130px);
}
.w-c-100-150px {
    width: calc(100% - 150px);
}
.w-c-100-180px {
    width: calc(100% - 180px);
}
.w-c-100-190px {
    width: calc(100% - 190px);
}
.w-c-100-200px {
    width: calc(100% - 200px);
}
.w-c-100-300px {
    width: calc(100% - 300px);
}
.w-c-100-400px {
    width: calc(100% - 400px);
}


/* height */
.h-100{
    height: 100%;
}
.h-100vh{
    height: 100vh;
}
.height-auto {
    height: auto;
}
.height-inherit {
    height: inherit;
}

/* height pixel*/
.h-5px {
    height: 5px;
}
.h-8px {
    height: 8px;
}
.h-10px {
    height: 10px;
}
.h-15px {
    height: 15px;
}
.h-20px {
    height: 20px;
}
.h-25px {
    height: 25px;
}
.h-30px {
    height: 30px;
}
.h-35px {
    height: 35px;
}
.h-40px {
    height: 40px;
}
.h-45px {
    height: 45px;
}
.h-50px {
    height: 50px;
}
.h-55px {
    height: 55px;
}
.h-60px {
    height: 60px;
}
.h-70px {
    height: 70px;
}
.h-100px {
    height: 100px;
}
.h-150px {
    height: 150px;
}
.h-160px {
    height: 160px;
}
.h-175px {
    height: 175px;
}
.h-200px {
    height: 200px;
}
.h-250px {
    height: 250px;
}
.h-300px {
    height: 300px;
}
.h-400px {
    height: 400px;
}
.h-500px {
    height: 500px;
}
.h-550px {
    height: 550px;
}
.h-600px {
    height: 600px;
}
.h-650px {
    height: 650px;
}
.h-700px {
    height: 700px;
}

/*  cursor */
.cursor-default {
    cursor: default;
}
.cursor-pointer {
    cursor: pointer;
}

/*text formating */

.text-justify {
        text-align: justify;
    }
.text-nowrap {
        white-space: nowrap;
}
.text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.text-left {
        text-align: left;
}
.text-right {
        text-align: right;
}
.text-center {
        text-align: center;
}
.text-uppercase{
    text-transform:uppercase;
}
.text-lowercase{
    text-transform:lowercase;
}
.text-capitalize{
    text-transform:capitalize;
}

/* Align */
.v-a-m {
    vertical-align: middle;
}
.v-a-m-i {
    vertical-align: middle !important;
}
.v-a-s {
    vertical-align: sub;
}
.v-a-t {
    vertical-align: top;
}
.v-a-b{
    vertical-align:bottom;
}


/*Float*/

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

/* Z-INDEX */

.z-i-990 {
    z-index: 990;
}
.z-i-1000{
    z-index: 1000;
}
.z-i-1010 {
    z-index: 1010;
}
.z-i-1020 {
    z-index: 1020;
}
.z-i-1030 {
    z-index: 1030;
}
.z-i-1040 {
    z-index: 1040;
}
.z-i-1050 {
    z-index: 1050;
}
.z-i-9999 {
    z-index: 9999;
}
/* Outline Class */
.otln-0 {
    outline: 0 !important;
}
/* resize Class */
.no-resize {
    resize: none !important;

/* Overflow */
.overflow-x-hide {
    overflow-x: hidden !important;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

.overflow-y-hide {
    overflow-y: hidden !important;
}

.overflow-hide-all {
    overflow: hidden;
}

/*Clear*/
.clear{clear:both}

/*border*/

.bb-1-s {
    border-bottom: 1px solid;
}
.bl-1-s {
    border-left: 1px solid;
}
.br-1-s {
    border-right: 1px solid;
}
.bt-1-s {
    border-top: 1px solid;
}
.b-1-s {border-style:solid;
        border-width:1px;
}
.border-0 {
  border: 0;
}

.border-top-0 {
  border-top: 0;
}

.border-right-0 {
  border-right: 0;
}

.border-bottom-0 {
  border-bottom: 0;
}

.border-left-0 {
  border-left: 0;
}

.b-clr-1 {border-color:#cfcdcd;               /* soft grey*/      
}
.b-clr-2 {border-color:#dddddd;               /* soft grey*/      
}

/*border radius*/

.radius {
  border-radius: 0.25rem;
}
.radius-top {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.radius-right {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.radius-bottom {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.radius-left {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.radius-circle {
  border-radius: 50%;
}
.radius-0 {
  border-radius: 0;
}