.cursor-pointer, .cursor-pointer * { cursor: pointer; }
.cursor-not-allowed, .cursor-not-allowed * { cursor: not-allowed; }

/* TEXT PROPERTY */
.text-underline { text-decoration: underline; }
.white { color: #FFFFFF !important; }
    .white::-webkit-input-placeholder { color: #FFFFFF !important; }
.blue { color: #279bd4 !important; }
.gray { color: #626262 !important; }
.light-gray { color: #797979 !important; }
.red { color: #e21f1e !important; }
.dark-red { color: #ca0000 !important; }
.yellow { color: #E8E66A !important; }
.green { color: #2dbb00 !important; }
.td-underline { text-decoration: underline !important; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-bold { font-weight: bold; }

/* FONT SIZE */
.font-size-6 { font-size: 6px !important; }
.font-size-8 { font-size: 8px !important; }
.font-size-10 { font-size: 10px !important; }
.font-size-12 { font-size: 12px !important; }
.font-size-14 { font-size: 14px !important; }
.font-size-16 { font-size: 16px !important; }
.font-size-18 { font-size: 18px !important; }
.font-size-20 { font-size: 20px !important; }
.font-size-22 { font-size: 22px !important; }
.font-size-24 { font-size: 24px !important; }
.font-size-26 { font-size: 26px !important; }
.font-size-28 { font-size: 28px !important; }
.font-size-30 { font-size: 30px !important; }
.font-size-32 { font-size: 32px !important; }
.font-size-35 { font-size: 35px !important; }
.font-size-40 { font-size: 40px !important; }
.font-size-45 { font-size: 45px !important; }
.font-size-50 { font-size: 50px !important; }
.font-size-55 { font-size: 55px !important; }
.font-size-60 { font-size: 60px !important; }
.font-size-65 { font-size: 65px !important; }
.font-size-70 { font-size: 70px !important; }
.font-size-75 { font-size: 75px !important; }
.font-size-80 { font-size: 80px !important; }
.font-size-85 { font-size: 85px !important; }
.font-size-90 { font-size: 90px !important; }
.font-size-95 { font-size: 95px !important; }
.font-size-100 { font-size: 100px !important; }

.lh-6 { line-height: 6px !important; }
.lh-8 { line-height: 8px !important; }
.lh-10 { line-height: 10px !important; }
.lh-12 { line-height: 12px !important; }
.lh-14 { line-height: 14px !important; }
.lh-16 { line-height: 16px !important; }
.lh-18 { line-height: 18px !important; }
.lh-20 { line-height: 20px !important; }
.lh-22 { line-height: 22px !important; }
.lh-24 { line-height: 24px !important; }
.lh-26 { line-height: 26px !important; }
.lh-28 { line-height: 28px !important; }
.lh-30 { line-height: 30px !important; }
.lh-34 { line-height: 34px !important; }
.lh-40 { line-height: 40px !important; }
.lh-45 { line-height: 45px !important; }
.lh-50 { line-height: 50px !important; }


/* BACKGROUND */
.background-white { background-color: #fff; }
.background-dark-gray { background-color: #9c9c9c; }
.background-gray { background-color: #e1e1e1; }
.background-light-gray { background-color: #FAFAFA; }
.background-blue { background-color: #279bd4; }


/* BORDER PROPERTY */
.border-white { border-color: #fff; }
.border-blue { border-color: #279bd4; }
.border-gray { border-color: #ebebeb; }
.border-black { border-color: #555; }
.border-light-gray { border-color: #FAFAFA; }

/* OPACITY */
.opacity-1 { opacity: 0.1; filter: alpha(10); }
.opacity-2 { opacity: 0.2; filter: alpha(20); }
.opacity-3 { opacity: 0.3; filter: alpha(30); }
.opacity-4 { opacity: 0.4; filter: alpha(40); }
.opacity-5 { opacity: 0.5; filter: alpha(50); }
.opacity-6 { opacity: 0.6; filter: alpha(60); }
.opacity-7 { opacity: 0.7; filter: alpha(70); }
.opacity-8 { opacity: 0.8; filter: alpha(80); }
.opacity-9 { opacity: 0.9; filter: alpha(90); }
.opacity-10 { opacity: 1; filter: alpha(100); }

/* WIDTH */
.w-100 { width: 100%; }
.w-90 { width: 90%; }
.w-80 { width: 80%; }
.w-70 { width: 70%; }
.w-68 { width: 68%; }
.w-65 { width: 65%; }
.w-60 { width: 60%; }
.w-50 { width: 50%; }
.w-40 { width: 40%; }
.w-30 { width: 30%; }
.w-20 { width: 20%; }
.w-15 { width: 15%; }
.w-10 { width: 10%; }
.w-7 { width: 7%; }
.w-5 { width: 5%; }
.w-2 { width: 2%; }

/* Z-INDEX */
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

    /* FONT SIZE */
    .font-size-sm-6 { font-size: 6px !important; }
    .font-size-sm-8 { font-size: 8px !important; }
    .font-size-sm-10 { font-size: 10px !important; }
    .font-size-sm-12 { font-size: 12px !important; }
    .font-size-sm-14 { font-size: 14px !important; }
    .font-size-sm-16 { font-size: 16px !important; }
    .font-size-sm-18 { font-size: 18px !important; }
    .font-size-sm-20 { font-size: 20px !important; }
    .font-size-sm-22 { font-size: 22px !important; }
    .font-size-sm-24 { font-size: 24px !important; }
    .font-size-sm-26 { font-size: 26px !important; }
    .font-size-sm-28 { font-size: 28px !important; }
    .font-size-sm-30 { font-size: 30px !important; }
    .font-size-sm-32 { font-size: 32px !important; }
    .font-size-sm-35 { font-size: 35px !important; }
    .font-size-sm-40 { font-size: 40px !important; }
    .font-size-sm-45 { font-size: 45px !important; }
    .font-size-sm-50 { font-size: 50px !important; }
    .font-size-sm-55 { font-size: 55px !important; }
    .font-size-sm-60 { font-size: 60px !important; }
    .font-size-sm-65 { font-size: 65px !important; }
    .font-size-sm-70 { font-size: 70px !important; }
    .font-size-sm-75 { font-size: 75px !important; }
    .font-size-sm-80 { font-size: 80px !important; }
    .font-size-sm-85 { font-size: 85px !important; }
    .font-size-sm-90 { font-size: 90px !important; }
    .font-size-sm-95 { font-size: 95px !important; }
    .font-size-sm-100 { font-size: 100px !important; }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* FONT SIZE */
    .font-size-md-6 { font-size: 6px !important; }
    .font-size-md-8 { font-size: 8px !important; }
    .font-size-md-10 { font-size: 10px !important; }
    .font-size-md-12 { font-size: 12px !important; }
    .font-size-md-14 { font-size: 14px !important; }
    .font-size-md-16 { font-size: 16px !important; }
    .font-size-md-18 { font-size: 18px !important; }
    .font-size-md-20 { font-size: 20px !important; }
    .font-size-md-22 { font-size: 22px !important; }
    .font-size-md-24 { font-size: 24px !important; }
    .font-size-md-26 { font-size: 26px !important; }
    .font-size-md-28 { font-size: 28px !important; }
    .font-size-md-30 { font-size: 30px !important; }
    .font-size-md-32 { font-size: 32px !important; }
    .font-size-md-35 { font-size: 35px !important; }
    .font-size-md-40 { font-size: 40px !important; }
    .font-size-md-45 { font-size: 45px !important; }
    .font-size-md-50 { font-size: 50px !important; }
    .font-size-md-55 { font-size: 55px !important; }
    .font-size-md-60 { font-size: 60px !important; }
    .font-size-md-65 { font-size: 65px !important; }
    .font-size-md-70 { font-size: 70px !important; }
    .font-size-md-75 { font-size: 75px !important; }
    .font-size-md-80 { font-size: 80px !important; }
    .font-size-md-85 { font-size: 85px !important; }
    .font-size-md-90 { font-size: 90px !important; }
    .font-size-md-95 { font-size: 95px !important; }
    .font-size-md-100 { font-size: 100px !important; }

    .w-md-100 { width: 100% !important; }
    .w-md-90 { width: 90% !important; }
    .w-md-80 { width: 80% !important; }
    .w-md-70 { width: 70% !important; }
    .w-md-60 { width: 60% !important; }
    .w-md-50 { width: 50% !important; }
    .w-md-40 { width: 40% !important; }
    .w-md-30 { width: 30% !important; }
    .w-md-25 { width: 25% !important; }
    .w-md-20 { width: 20% !important; }
    .w-md-10 { width: 10% !important; }
    .w-md-7 { width: 7%; }
    .w-md-5 { width: 5%; }
    .w-md-2 { width: 2%; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    /* FONT SIZE */
    .font-size-lg-6 { font-size: 6px !important; }
    .font-size-lg-8 { font-size: 8px !important; }
    .font-size-lg-10 { font-size: 10px !important; }
    .font-size-lg-12 { font-size: 12px !important; }
    .font-size-lg-14 { font-size: 14px !important; }
    .font-size-lg-16 { font-size: 16px !important; }
    .font-size-lg-18 { font-size: 18px !important; }
    .font-size-lg-20 { font-size: 20px !important; }
    .font-size-lg-22 { font-size: 22px !important; }
    .font-size-lg-24 { font-size: 24px !important; }
    .font-size-lg-26 { font-size: 26px !important; }
    .font-size-lg-28 { font-size: 28px !important; }
    .font-size-lg-30 { font-size: 30px !important; }
    .font-size-lg-32 { font-size: 32px !important; }
    .font-size-lg-35 { font-size: 35px !important; }
    .font-size-lg-40 { font-size: 40px !important; }
    .font-size-lg-45 { font-size: 45px !important; }
    .font-size-lg-50 { font-size: 50px !important; }
    .font-size-lg-55 { font-size: 55px !important; }
    .font-size-lg-60 { font-size: 60px !important; }
    .font-size-lg-65 { font-size: 65px !important; }
    .font-size-lg-70 { font-size: 70px !important; }
    .font-size-lg-75 { font-size: 75px !important; }
    .font-size-lg-80 { font-size: 80px !important; }
    .font-size-lg-85 { font-size: 85px !important; }
    .font-size-lg-90 { font-size: 90px !important; }
    .font-size-lg-95 { font-size: 95px !important; }
    .font-size-lg-100 { font-size: 100px !important; }

    .w-lg-100 { width: 100% !important; }
    .w-lg-90 { width: 90% !important; }
    .w-lg-80 { width: 80% !important; }
    .w-lg-70 { width: 70% !important; }
    .w-lg-60 { width: 60% !important; }
    .w-lg-50 { width: 50% !important; }
    .w-lg-40 { width: 40% !important; }
    .w-lg-30 { width: 30% !important; }
    .w-lg-25 { width: 25% !important; }
    .w-lg-20 { width: 20% !important; }
    .w-lg-10 { width: 10% !important; }
    .w-lg-7 { width: 7%; }
    .w-lg-5 { width: 5%; }
    .w-lg-2 { width: 2%; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .w-lg-100 { width: 100% !important; }
    .w-lg-90 { width: 90% !important; }
    .w-lg-80 { width: 80% !important; }
    .w-lg-70 { width: 70% !important; }
    .w-lg-60 { width: 60% !important; }
    .w-lg-50 { width: 50% !important; }
    .w-lg-40 { width: 40% !important; }
    .w-lg-30 { width: 30% !important; }
    .w-lg-25 { width: 25% !important; }
    .w-lg-20 { width: 20% !important; }
    .w-lg-10 { width: 10% !important; }
}



.border-top-0, border-top-0:focus, border-top-0:hover { border-top: 0 !important; }
.border-0, border-0:focus, border-0:hover { border: 0 !important; }
.border-5, border-5:focus, border-5:hover { border: 5px; }
.border-10, border-10:focus, border-10:hover { border: 10px; }
.border-15, border-15:focus, border-15:hover { border: 15px; }
.border-20, border-20:focus, border-20:hover { border: 20px; }
.border-left-0, .border-left-0:focus, .border-left-0:hover { border-left: 0; }
.border-left-5, .border-left-5:focus, .border-left-5:hover { border-left: 5px; }
.border-left-10, .border-left-10:focus, .border-left-10:hover { border-left: 10px; }
.border-left-15, .border-left-15:focus, .border-left-15:hover { border-left: 15px; }
.border-left-20, .border-left-20:focus, .border-left-20:hover { border-left: 20px; }
.border-right-0, .border-right-0:focus, .border-right-0:hover { border-right: 0; }
.border-right-5, .border-right-5:focus, .border-right-5:hover { border-right: 5px; }
.border-right-10, .border-right-10:focus, .border-right-10:hover { border-right: 10px; }
.border-right-15, .border-right-15:focus, .border-right-15:hover { border-right: 15px; }
.border-right-20, .border-right-20:focus, .border-right-20:hover { border-right: 20px; }

.rotate-45 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }

.flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); }

.flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); }

:root .rotate-90,
:root .rotate-180,
:root .rotate-270,
:root .flip-horizontal,
:root .flip-vertical,
:root .flip-both { -webkit-filter: none; filter: none; }