@charset "UTF-8";
html, body {
  height: 100%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #dbe3f4;
  color: #2c2e87;    
}
footer, .modal-body{
  font-family: Arial, Helvetica, sans-serif;
}
a {
  color: #ffffff;
  text-decoration: underline; 
}
a:hover {
  color: #ffffff;
  text-decoration: none; 
}
.primary-font {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;    
}

.res-font-65-40 {
    /*Help font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
    font-size: calc(40px + (65 - 40) * ((100vw - 320px) / (1970 - 320)));
}
.res-font-55-40 {
    /*Help font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
    font-size: calc(40px + (55 - 40) * ((100vw - 320px) / (1970 - 320)));
}
.res-font-35-20 {
    /*Help font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
    font-size: calc(20px + (35 - 20) * ((100vw - 320px) / (1970 - 320)));
}
.res-font-30-20 {
    /*Help font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
    font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1970 - 320)));
}
.res-font-16-12 {
    /*Help font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1970 - 320)));
}

/* BUZZ OUT ANIMATION
/*====================*/

@-webkit-keyframes buzz-out-on-hover {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.buzz-out-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.buzz-out-on-hover:hover, .buzz-out-on-hover:focus, .buzz-out-on-hover:active {
  -webkit-animation-name: buzz-out-on-hover;
  animation-name: buzz-out-on-hover;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* ZOOM ANIMATION
/*====================*/

.zoom img{
  transition: transform .5s ease; /* Animation */
}

.zoom:hover img{
  transform: scale(1.25) rotate(25deg); /* (150% zoom)*/
}

.zoom2 img{
  transition: transform .5s ease; /* Animation */
}

.zoom2:hover img{
  transform: scale(1.25) /* (150% zoom)*/
}

@media (max-width: 575.98px) {
  .ev-menu-style {
  color: #FF0000 !important;     
  -webkit-text-stroke: 0px #ffffff !important;
  -webkit-text-fill-color: #FF0000 !important;    
 }
}
.ev-menu-style {
  color: #FF0000;    
  -webkit-text-stroke: 0px #ffffff;
  -webkit-text-fill-color: #FF0000;
  text-shadow:
            4px  0px 0 rgba(255,255,255,0.7),
            4px  1px 0 rgba(255,255,255,0.7),
            3px  2px 0 rgba(255,255,255,0.7),
            3px  3px 0 rgba(255,255,255,0.7),
            2px  3px 0 rgba(255,255,255,0.7),
            1px  4px 0 rgba(255,255,255,0.7),

            0px  4px 0 rgba(255,255,255,0.7),
           -1px  4px 0 rgba(255,255,255,0.7),
           -2px  3px 0 rgba(255,255,255,0.7),
           -3px  3px 0 rgba(255,255,255,0.7),
           -3px  2px 0 rgba(255,255,255,0.7),
           -4px  1px 0 rgba(255,255,255,0.7),

           -4px  0px 0 rgba(255,255,255,0.7),
           -4px -1px 0 rgba(255,255,255,0.7),
           -3px -2px 0 rgba(255,255,255,0.7),
           -3px -3px 0 rgba(255,255,255,0.7),
           -2px -3px 0 rgba(255,255,255,0.7),
           -1px -4px 0 rgba(255,255,255,0.7),

            0px -4px 0 rgba(255,255,255,0.7),
            1px -4px 0 rgba(255,255,255,0.7),
            2px -3px 0 rgba(255,255,255,0.7),
            3px -3px 0 rgba(255,255,255,0.7),
            3px -2px 0 rgba(255,255,255,0.7),
            4px -1px 0 rgba(255,255,255,0.7);    
}
.logo-size{
 width: 100%;
 height: auto;
 /*Help font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
 max-width: calc(180px + (250 - 180) * ((100vw - 320px) / (1970 - 320)));
}
.logo-size-footer{
 width: 100%;
 height: auto;
 /*Help font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
 max-width: calc(120px + (150 - 180) * ((100vw - 320px) / (1970 - 320)));
}
.logo-size-footer2{
 width: 100%;
 height: auto;
 /*Help font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
}
.menu-icons-size{
 width: 100%;
 height: auto;
 max-width: 200px;    
}
.submenu-icons-size{
 width: 100%;
 height: auto;
 max-width: 35px;    
}
:focus{
  outline:none;
}
.radio{
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button;
  border:8px solid #ccc;
  border-top-color:#bbb;
  border-left-color:#bbb;
  background-color:transparent;    
  width:40px;
  height:40px;
  border-radius:50%;
}
.radio:checked{
  border:15px solid #2c2e87 !important;
}

.dash-border-bottom {
    border-bottom-width:1px;  
    border-bottom-style:dashed;
    border-bottom-color: #c9d8e7;
}
.orange-box {
  border-radius: 25px;
  background: #f9b000;    
  border: 3px solid #FFFFFF;
  padding: 20px;
  width: 100%;
  height: auto;
  color: #FFFFFF !important;    
}

.egyszervolt-bg {
  width: 100%;
  height: 100%;
  background: transparent url('../images/hatter-felho.jpg') no-repeat center center fixed;
  background-attachment: fixed;    
  background-repeat: no-repeat;
  background-size: cover;        
}

/* BG COLORS AND GRADIENTS CSS
========================================================== */

.white-gradient-1 {
  background: rgb(254,254,254);
  background: -moz-linear-gradient(90deg, rgba(254,254,254,0) 0%, rgba(255,255,255,0.8) 20%, rgba(255,255,255,1) 47%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(254,254,254,0) 0%, rgba(255,255,255,0.8) 20%, rgba(255,255,255,1) 47%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0) 100%);
  background: linear-gradient(90deg, rgba(254,254,254,0) 0%, rgba(255,255,255,0.8) 20%, rgba(255,255,255,1) 47%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe",endColorstr="#ffffff",GradientType=1); 
}



.bg-re-white {
  background-color: #ffffff !important; }
.bg-re-menu {
  background-color: #0E2030 !important; }
.bg-re-blue1 {
  background-color: #1CB0FF !important; }
.bg-re-blue2 {
  background-color: #2383E2 !important; }
.bg-re-blue3 {
  background-color: #0068D0 !important; }
.bg-re-blue4 {
  background-color: #00A4E0 !important; }
.bg-re-task-date {
  background-color: #294660 !important; }
.bg-re-task-date-past {
  background-color: #60C35F !important; } /*#B1C0CE*/
.bg-re-task-date-bypassed {
  background-color: #B1C0CE !important; } /*#E8AA2D*/
.bg-re-task-date-alert {
  background-color: #F56969 !important; }
.bg-re-task-number {
  background-color: #628098 !important; }
.bg-re-light-blue {
  background-color: #EBF8FF !important; /*#EBF8FF*/
  color: #20232C !important;
}
.bg-re-dark-blue {
  background-color: #2C5477 !important; }
.bg-re-dark-blue2 {
  background-color: #0E2030 !important; }
.bg-re-red1 {
  background-color: #F75C5C !important; }
.bg-re-red2 {
  background-color: #FF2F2F !important; }
.bg-re-red3 {
  background-color: #C92222 !important; }
.bg-ev-green1 {
  background-color: #63d313 !important; }
.bg-ev-green2 {
  background-color: #49b504 !important; }
.bg-ev-green3 {
  background-color: #49b504 !important; }
.bg-ev-blue {
  background-color: #51c2ff !important; }
.bg-ev-white {
  background-color: #ffffff !important; }
.bg-re-yellow {
  background-color: #FFB726 !important; }
.bg-re-purple1 {
  background-color: #521DB7 !important; }
.bg-re-orange1 {
  background-color: #FF8D08 !important; }
.bg-re-pink1 {
  background-color: #ED17FF !important; }
.bg-re-pink2 {
  background-color: #AB1DB7 !important; }
.bg-re-grey1 {
  background-color: #EAEDF0 !important;
  color: #20232C !important;
}
.bg-re-grey2 {
  background-color: #dddddd; }
.bg-re-grey3 {
  background-color: #778691; }
.bg-re-grey4 {
  background-color: #2F414E; }
.bg-light-grey1 {
  background-color: #F7F7F7 !important;}
.bg-light-grey2 {
  background-color: #f4f7f9 !important;
  color: #20232C !important;
}
.bg-light-grey3 {
  background-color: #f9f9f9 !important;
  color: #20232C !important;
}
.bg-re-steel-blue {
  background-color: #9AACBC !important; }
.bg-re-gothic-blue {
  background-color: #628098 !important; }
/*Dashboard*/
.bg-re-tr-highlight {
  background-color: #EAFAF7 !important; }
.bg-re-table-head {
  background-color: #628098 !important;
  color: #ffffff !important;
}
.bg-re-table-head2 {
  background-color: #EAEDF0 !important;
  color: #20232C !important;
}
.bg-re-nested-table-head {
  background-color: #E8F2FA !important; 
  color: #20232C !important;
}
.table .bg-re-nested-table-head th {
  font-size: 15px;
  background-color: #E8F2FA !important; 
  color: #20232C !important;
}

/* BORDER COLORS FOR table mini pills bb(BadgeBorder)
========================================================== */
.border-white {
  border-color: #FFFFFF !important; }
.bb-active {
  border-color: #45B64A !important; }
.bb-long-term {
  border-color: #FF9300 !important; }
.bb-closed-buyer {
  border-color: #FF0000 !important; }
.bb-closed-renter {
  border-color: #AB1DB7 !important; }
.bb-closed-seller {
  border-color: #2383E2 !important; }
.bb-inactive {
  border-color: #A6BDD0 !important; }
.bb-other {
  border-color: #2F414E !important; }

.bb-status1 {
  border-color: #45B64A !important; }
.bb-status2 {
  border-color: #FF9300 !important; }
.bb-status3 {
  border-color: #FF0000 !important; }
.bb-status4 {
  border-color: #AB1DB7 !important; }
.bb-status5 {
  border-color: #2383E2 !important; }
.bb-status6 {
  border-color: #A6BDD0 !important; }
.bb-status7 {
  border-color: #2F414E !important; }
.bb-status8 {
  border-color: #04B5CC !important; }
.bb-status9 {
  border-color: #F5D900 !important; }
.bb-status10 {
  border-color: #521DB7 !important; }
/*B&M blue*/
.bb-status11 {
  border-color: #2E546F !important; }

/* BORDER COLORS (t=transparent 1=0.1)
========================================================== */
.border-white-t-1 {
    border-color:rgba(255,255,255,0.1);
}
.border-white-t-2 {
    border-color:rgba(255,255,255,0.2);
}



/* Hyperlink Color Variations
========================================================== */
.link-primary {
    color: #20232C; }
    .link-primary:hover, .link-primary:focus, .link-primary:active, .link-primary.active {
        color: #0a6ebd; }
.link-black {
  color: #000; }
  .link-black:hover, .link-black:focus, .link-black:active, .link-black.active {
    color: #000; }
.link-red {
  color: #FF0000; }
  .link-red:hover, .link-red:focus, .link-red:active, .link-red.active {
    color: #F75C5C; }
.link-green {
  color: #45B64A; }
  .link-green:hover, .link-green:focus, .link-green:active, .link-green.active {
    color: #7ED082; }
.link-grey {
  color: #20232C; }
  .link-grey:hover, .link-grey:focus, .link-grey:active, .link-grey.active {
    color: #4D565C; }
/*a {
  color: #a72e37;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #ca303b;
    text-decoration: none; }*/



/* Text Colors and Notification Messages
========================================================== */
.inherit-color-text {
    color: inherit !important; }

.milumil-color-text {
    color: #2c2e87 !important; }

.bm-blue2-color-text {
    color: #637f93 !important; }

.primary-color-text {
    color: #2c2e87 !important; }

.white-color-text {
    color: #ffffff !important; }

.black-color-text {
    color: #000; }

.pink-color-text {
    color: #ff00ff; }

.red-color-text {
    color: #FF0000; }

.alert-color-text {
    color: #F56969 !important; }

.light-red-color-text {
    color: #EF6E6E; }

.sky-blue-color-text {
    color: #0CAAF1 !important; }
.blue-color-text {
    color: #2383E2; }
/*Side Bar Header Buttons Color Text*/
.sbhb-color-text {
    color: #9AACBC !important; }
/*Side Palel Header Color Text*/
.sbh-color-text {
    color: #9AACBC !important; }

.timeline-log-color-text {
    color: #0094D6 !important; }

.navy-blue-color-text {
    color: #054E96; }

.purple-color-text {
    color: #AB1DB7; }

.orange-color-text {
    color: #FFBA00; }

.teal-color-text {
    color: #009688; }

.green-color-text {
    color: #45B64A; }

.grey-color-text {
    color: #b8bbbd; }
.graphite-color-text {
    color: #6A6A6A; }

.yellow-color-text {
    color: #F7C908; }


.dark-grey-black-color-text {
    color: #161616; }

.medium-grey-color-text {
    color: #7B7B7B; }

.light-grey-black-color-text {
    color: #252525; }

.light-medium-grey-color-text {
    color: #ededed; }

.light-extra-grey-color-text {
    color: #e0e0e0; }

.highlighted-green-text {
    color: #86cec6; }

.highlighted-blue-text {
    color: #649ad5; }

.highlighted-blue2-text {
    color: #60d6eb; }

.highlighted-purple-text {
    color: #758ae4; }

.highlighted-dark-blue-text {
    color: #356c80; }


/* Typography CSS
========================================================== */
.font-weight-thin {
    font-weight: 100 !important; }

.font-weight-extra-light {
    font-weight: 200 !important; }

.font-weight-light {
    font-weight: 300 !important; }

.font-weight-regular {
    font-weight: 400 !important; }

.font-weight-medium {
    font-weight: 500 !important; }

.font-weight-semibold {
    font-weight: 600 !important; }

.font-weight-bold {
    font-weight: 700 !important; }

.font-weight-xtrabold {
    font-weight: 800 !important; }

.font-weight-black {
    font-weight: 900 !important; }

.font-italic {
    font-style: italic; }

.line-height-normal {
    line-height: normal; }
.line-height-2-5 {
    line-height:2.5;
}
.line-height-2-4 {
    line-height:2.4;
}
.line-height-2-3 {
    line-height:2.3;
}
.line-height-2-2 {
    line-height:2.2;
}
.line-height-2-1 {
    line-height:2.1;
}
.line-height-2 {
    line-height:2;
}
.line-height-1-7 {
    line-height:1.7;
}
.line-height-0-7 {
    line-height:0.7;
}
.line-height-1-3 {
    line-height:1.3;
}
.line-height-1-4 {
    line-height:1.4;
}
.line-height-1-5 {
    line-height:1.5;
}
/* Font Size Variation CSS
========================================================== */
.card-title {
    font-size: 1.3125rem !important;
}

.font-xxlarge {
    font-size: 6.125rem !important; }

.font-xlarge {
    font-size: 5.125rem !important; }

.font-large {
    font-size: 3.125rem !important; }

.font-medium {
    font-size: 2.813rem !important; }

.font-small {
    font-size: 2.125rem !important; }

.font-xsmall {
    font-size: 1.75rem !important; }

.font-xxsmall {
    font-size: 1.2rem !important; }

.font-xxxsmall {
    font-size: 0.9rem !important; }

.font-extrasmall {
    font-size: 0.83rem !important; }

.font-8 {
    font-size: 0.5rem; }

.font-9 {
    font-size: 0.5625rem; }

.font-10 {
    font-size: 0.625rem; }

.font-11 {
    font-size: 0.687rem; }

.font-12 {
    font-size: 0.75rem; }

.font-13 {
    font-size: 0.8125rem; }

.font-14 {
    font-size: 0.875rem; }

.font-15 {
    font-size: 0.937rem; }

.font-16 {
    font-size: 1rem; }

.font-17 {
    font-size: 1.0625rem; }

.font-18 {
    font-size: 1.125rem; }

.btnbtn {
    font-size: 1.125rem; }

.font-19 {
    font-size: 1.1875rem; }

.font-20 {
    font-size: 1.25rem; }

.font-22 {
    font-size: 1.375rem; }

.font-30 {
    font-size: 1.875rem; }

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

.font-39 {
    font-size: 2.4375rem; }

.font-40 {
    font-size: 2.5rem; }

.font-45 {
    font-size: 2.8125rem; }
.font-55 {
    font-size: 55px; }

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

/* Text Transform
========================================================== */
.font-uppercase {
    text-transform: uppercase !important; }
.font-capitalize {
    text-transform: capitalize !important; }
.font-nocase {
    text-transform: none !important; }

/* BADGE and PILLS
========================================================== */
.badge-mark {
  padding: 0;
  border: 3px solid;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.pill-padding { 
    padding: 4px 5px !important }
.pill-padding-big { 
    padding: 5px 7px !important }
.re-badge {
    padding: 3px 4px !important;}
.re-type-badge {
    padding: 4px 7px !important;}
.re-badge-lg {
    padding: 5px 10px !important;}
.re-badge-xl {
    padding: 10px 20px !important;}
.re-budget-badge-left {
    padding: 4px 7px !important;
    border-radius: 10px 0 0 10px; 
}
.re-budget-badge-right {
    padding: 4px 7px !important;
    border-radius: 0 10px 10px 0; 
}
.re-budget-badge-lg-left {
    padding: 6px 10px !important;
    border-radius: 15px 0 0 15px; 
}
.re-budget-badge-lg-right {
    padding: 6px 10px !important;
    border-radius: 0 15px 15px 0; 
}
.re-badge-agent-class {
    padding: 3px 8px !important;}
.re-badge-small {
    padding: 3px 8px !important;}
.re-badge-big {
    padding: 6px 12px !important;}
.re-badge-large {
    padding: 12px 25px !important;}

/* ADDITIONAL Outline Badge 
========================================================== */
.badge-shared {
  box-sizing: border-box;
  box-shadow: inset 0px 0px 0px 1px #ffffff;
  color: #ffffff;     
  text-decoration: none;
}
.badge-outline-steel-blue {
  box-sizing: border-box;
  box-shadow: inset 0px 0px 0px 1px #9AACBC;
  color: #9AACBC;     
  text-decoration: none;
}
.badge-outline-secondary {
  box-sizing: border-box;
  box-shadow: inset 0px 0px 0px 1px #C7C7C7;
  color: #20232C;     
  text-decoration: none;
}
.badge-outline-primary {
  box-sizing: border-box;
  box-shadow: inset 0px 0px 0px 1px #20232C;
  color: #20232C;     
  text-decoration: none;
}


/* Maring & Padding Style CSS
==================================================== */

/* Margin Top CSS (.mt = margin-top) */
.mt-0 { margin-top: 0 !important; }
.mt-5 { margin-top:5px !important; }
.mt-7 { margin-top:7px !important; }
.mt-8 { margin-top:8px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-13 { margin-top: 13px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-23 { margin-top: 23px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-75 { margin-top: 75px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-85 { margin-top: 85px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-110 { margin-top: 110px !important; }
.mt-120 { margin-top: 120px !important; }
.mt-130 { margin-top: 130px !important; }
.mt-140 { margin-top: 140px !important; }
.mt-150 { margin-top: 150px !important;}
.mt-160 { margin-top: 160px !important;}
.mt-170 { margin-top: 170px !important;}
.mt-180 { margin-top: 180px !important;}

/* NEGATIVE Margin Top CSS (.mt = margin-top) */
.mt-n10 { margin-top: -10 !important; }
.mt-n20 { margin-top: -20px !important; }
.mt-n30 { margin-top: -30px !important; }
.mt-n40 { margin-top: -40px !important; }
.mt-n50 { margin-top: -50px !important; }
.mt-n60 { margin-top: -60px !important; }
.mt-n70 { margin-top: -70px !important; }
.mt-n80 { margin-top: -80px !important; }
.mt-n90 { margin-top: -90px !important; }


/* Margin Right CSS (.mr = margin-right) */
.mr-0 { margin-right: 0 !important }
/*.mr-3 { margin-right: 3px !important }*/
.mr-5 { margin-right: 5px !important }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-70 { margin-right: 70px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-90 { margin-right: 90px !important; }
.mr-100 { margin-right: 100px !important; }
.mr-110 { margin-right: 110px !important; }
.mr-120 { margin-right: 120px !important; }
.mr-130 { margin-right: 130px !important; }
.mr-140 { margin-right: 140px !important; }
.mr-150 { margin-right: 150px !important; }

/* Margin Bottom CSS (.mb = margin-bottom) */
.last-p-none p:last-of-type { margin-bottom: 0; }
.mb-0 { margin-bottom: 0 !important }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-18 { margin-bottom: 18px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-35 { margin-bottom: 35px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mb-110 { margin-bottom: 110px !important; }
.mb-120 { margin-bottom: 120px !important; }
.mb-130 { margin-bottom: 130px !important; }
.mb-140 { margin-bottom: 140px !important; }
.mb-150 { margin-bottom: 150px !important; }

/* Margin Left CSS (.ml = margin-left) */
.ml-0 { margin-left: 0 !important }
/*.ml-3 { margin-left: 3px !important }*/
.ml-5 { margin-left: 5px !important }
.ml-7 { margin-left: 7px !important }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-70 { margin-left: 70px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-90 { margin-left: 90px !important; }
.ml-100 { margin-left: 100px !important; }
.ml-110 { margin-left: 110px !important; }
.ml-120 { margin-left: 120px !important; }
.ml-130 { margin-left: 130px !important; }
.ml-140 { margin-left: 140px !important; }
.ml-150 { margin-left: 150px !important; }

/* Padding Top CSS (.pt = padding-top) */

.pt-0 { padding-top: 0 !important }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-35 { padding-top: 35px !important; }
.pt-36 { padding-top: 36px !important; }
.pt-37 { padding-top: 37px !important; }
.pt-38 { padding-top: 38px !important; }
.pt-39 { padding-top: 39px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-43 { padding-top: 43px !important; }
.pt-45 { padding-top: 45px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-110 { padding-top: 110px !important; }
.pt-120 { padding-top: 120px !important; }
.pt-130 { padding-top: 130px !important; }
.pt-140 { padding-top: 140px !important; }
.pt-150 { padding-top: 150px !important; }
.pt-155 { padding-top: 155px !important; }
.pt-160 { padding-top: 160px !important; }
.pt-170 { padding-top: 170px !important; }

/* Padding Right CSS (.pr = padding-right) */
.pr-0 { padding-right: 0!important }
.pr-5 { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-12 { padding-right: 12px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-70 { padding-right: 70px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pr-100 { padding-right: 100px !important; }
.pr-110 { padding-right: 110px !important; }
.pr-120 { padding-right: 120px !important; }
.pr-130 { padding-right: 130px !important; }
.pr-140 { padding-right: 140px !important; }

 /* Padding Bottom CSS (.pb = padding-bottom) */
.pb-0 { padding-bottom: 0 !important }
.pb-3 { padding-bottom: 3px !important }
.pb-5 { padding-bottom: 5px !important }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pb-110 { padding-bottom: 110px !important; }
.pb-120 { padding-bottom: 120px !important; }
.pb-130 { padding-bottom: 130px !important; }
.pb-140 { padding-bottom: 140px !important; }
.pb-150 { padding-bottom: 150px !important; }

 /* Padding Left CSS (.pl = padding-left) */
.pl-0 { padding-left: 0!important }
.pl-3 { padding-left: 3px !important; }
.pl-5 { padding-left: 5px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-23 { padding-left: 23px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-60 { padding-left: 60px !important; }
.pl-70 { padding-left: 70px !important; }
.pl-80 { padding-left: 80px !important; }
.pl-90 { padding-left: 90px !important; }
.pl-100 { padding-left: 100px !important; }
.pl-110 { padding-left: 110px !important; }
.pl-120 { padding-left: 120px !important; }
.pl-130 { padding-left: 130px !important; }
.pl-140 { padding-left: 140px !important; }
.pl-150 { padding-left: 150px !important; }

	/* General Padding Style CSS */
    .pad-2-all { padding:2px !important; }
	.pad-5-all { padding:5px !important; }
	.pad-10-all { padding:10px !important; }
	.pad-15-all { padding:15px !important; }
	.pad-20-all { padding:20px !important; }
	.pad-25-all { padding:25px !important; }
	.pad-30-all { padding:30px !important; }
	.pad-35-all { padding:35px !important; }
	.pad-40-all { padding:40px !important; }
	.pad-50-all { padding:50px !important; }
	.pad-60-all { padding:60px !important; }
	.pad-70-all { padding:70px !important; }
	.pad-80-all { padding:80px !important; }
	.pad-90-all { padding:90px !important; }
	.pad-100-all { padding:80px !important; } /* padding override with section padding */
	.pl-pr-zero { padding-left:0 !important; padding-right:0 !important; }
	.pt-pb-zero { padding-top:0 !important; padding-bottom:0 !important; }
	.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }

	/* General Marging */
	.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; }
	.m-h-auto { margin-left:auto; margin-right:auto; }
	.m-v-auto { margin-top:auto; margin-bottom:auto; }
	.mrg-5-all { margin:5px; }
	.mrg-10-all { margin:10px; }
	.mrg-15-all { margin:15px; }
	.mrg-20-all { margin:20px; }
	.mrg-25-all { margin:25px; }
	.mrg-30-all { margin:30px; }
	.mrg-40-all { margin:50px; }
	.mrg-50-all { margin:50px; }

/* Width Style CSS ==================================================== */
.width-half { width:50%; }
.width-90percent { width:90% !important; }
.width-full { width:100%; }
.max-width-none { max-width:none; }

/* Height Style CSS ==================================================== */
.height-full { height:100%; }
.height-cover { height:100vh; }
.flex-full-height { height:100%; } /* cover flex full height */
.flex-box-spacer [class*="col-"] { margin-bottom:25px; } /* cover flex spacer */
.flex-mrg-none { margin-bottom:0; }

/* Min Height Style CSS ==================================================== */
.height-30 { height: 30px; }
.height-50 { height: 50px; }
.height-100 { height: 100px; }
.height-150 { height: 150px; }
.height-200 { height: 200px; }
.height-220 { height: 220px; }
.height-230 { height: 230px; }
.height-235 { height: 235px; }
.height-255 { height: 255px; }
.height-260 { height: 260px; }
.height-290 { height: 290px; }
.height-300 { height: 303px; }
.height-305 { height: 305px; }
.height-320 { height: 320px; }
.height-350 { height: 350px; }
.height-380 { height: 380px; }
.height-410 { height: 410px; }
.height-420 { height: 420px; }
.height-440 { height: 440px !important; }
.height-470 { height: 470px; }
.height-500 { height: 500px; }
.height-550 { height: 550px; }
.height-xxxsmall-screen {height:100px;}
.height-xxsmall-screen {height:200px;}
.height-xsmall-screen {height:300px;}
.height-small-screen {height:400px;}
.height-one-second-screen {height:600px;}
.height-one-third-screen {height:700px;}
.height-one-fourth-screen {height:800px;}
.height-one-fifth-screen {height:900px;}
.height-one-sixth-screen {height:1000px;}

.minheight-100 {min-height: 100px;}

.min-vh-45 {
	min-height: 45vh !important;
}

.box-height {max-height: 180px }
/* MAX WIDTH
========================================================== */
.max-width-1000 { max-width: 1000px !important; }
.max-width-1200 { max-width: 1200px !important; }
/* MAX HEIGHT
========================================================== */
.max-height-30 { max-height: 30px !important; }
.max-height-35 { max-height: 35px !important; }
.max-height-40 { max-height: 40px !important; }
.max-height-50 { max-height: 50px !important; }

/* Width Style CSS ==================================================== */
.width-30 { width:30px !important; }
.width-50 { width:50px !important; }
.width-70 { width:70px !important; }
.width-100 { width:100px !important; }
.width-150 { width:150px !important; }
.width-160 { width:160px !important; }
.width-180 { width:180px !important; }
.width-200 { width:200px !important; }
.width-250 { width:250px !important; }
.width-235 { width:235px !important; }
.width-300 { width:300px !important; }

.minwidth-100 {min-width: 100px !important;}
.minwidth-250 {min-width: 250px !important;}

/* Letter Spacing Style CSS ==================================================== */
.no-letter-spacing {letter-spacing:0px}
.letter-spacing-0-5 {letter-spacing:0.5px}
.letter-spacing-0-7 {letter-spacing:0.7px}
.letter-spacing-1 {letter-spacing:1px}
.letter-spacing-2 {letter-spacing:2px}
.letter-spacing-3 {letter-spacing:3px}
.letter-spacing-4 {letter-spacing:4px}
.letter-spacing-5 {letter-spacing:5px}
.letter-spacing-6 {letter-spacing:6px}
.letter-spacing-7 {letter-spacing:7px}
.letter-spacing-8 {letter-spacing:8px}
.letter-spacing-9 {letter-spacing:9px}
.letter-spacing-10 {letter-spacing:10px}

/* Postiion Spacer Style CSS ==================================================== */
.pos-t-25, .pos-t-35, .pos-t-45, .pos-t-55, .pos-t-65, .pos-t-75, .pos-t-85, .pos-t-95, .pos-t-105 { position:relative; }
.pos-t-25 { top:25px; }
.pos-t-35 { top:35px; }
.pos-t-45 { top:45px; }
.pos-t-55 { top:55px; }
.pos-t-65 { top:65px; }
.pos-t-75 { top:75px; }
.pos-t-85 { top:85px; }
.pos-t-95 { top:95px; }
.pos-t-105 { top:105px; }
.pos-b-25 { bottom:25px; }
.pos-t-0 { top:0; }
.pos-b-0 { bottom:0; }
.pos-l-0 { left:0; }
.pos-r-0 { right:0; }

/* Z-Index Style CSS ==================================================== */
.z-index-1111 {z-index:1111;}
.z-index-111 {z-index:111;}
.z-index-0 {z-index:0;}
.z-index-1 {z-index:1;}
.z-index-2 {z-index:2;}
.z-index-3 {z-index:3;}
.z-index-4 {z-index:4;}
.z-index-5 {z-index:5;}
.z-index-10 {z-index:10;}

/* Border Style CSS
==================================================== */
.bdr-l-0 { border-left:none !important; }
.bdr-r-0 { border-right:none !important; }
.bdr-t-0 { border-top:none !important; }
.bdr-b-0 { border-bottom:none !important; }
.border-all {border: 1px solid #ededed}
.border-width-1 {border-width:1px !important;}
.border-width-2 {border-width:2px !important;}
.border-width-3 {border-width:3px !important;}
.border-width-4 {border-width:4px !important;}
.border-width-5 {border-width:5px !important;}
.border-width-6 {border-width:6px !important;}
.border-width-7 {border-width:7px !important;}
.border-width-8 {border-width:8px !important;}
.border-width-9 {border-width:9px !important;}
.border-width-10 {border-width:10px !important;}
.border-width-20 {border-width:20px !important;}

	/* Border Width CSS*/
	.border-top {border-top: 1px solid !important;
     border-color: #dddddd !important;}
	.border-bottom {border-bottom: 1px solid;}
	.border-left {border-left: 1px solid !important;}
	.border-right {border-right: 1px solid;}
	.border-lr {border-left: 1px solid; border-right: 1px solid;}
	.border-tb {border-top: 1px solid; border-bottom: 1px solid;}

	/* Border With Specific Direction CSS */
	.border-top-only { border-top-style:solid; }
	.border-bottm-only { border-bottom-style:solid; }
	.border-left-only { border-left-style:solid; }
	.border-right-only { border-right-style:solid; }

	/* Border Utility CSS */
	.border-r-none { border-right:medium none !important; }
	.border-t-none { border-top:medium none !important; }
	.border-l-none { border-left:medium none !important; }
	.border-b-none { border-bottom:medium none !important; }

	/* Border Style CSS */
	.border-none { border:medium none !important; }
	.border-style-dotted {border-style: dotted !important;}
	.border-style-dashed {border-style: dashed !important;}
	.border-style-solid {border-style: solid !important;}
	.border-style-double {border-style: double !important;}
	.border-style-groove {border-style: groove !important;}
	.border-style-ridge {border-style: ridge !important;}
	.border-style-inset {border-style: inset !important;}
	.border-style-outset {border-style: outset !important;}
	.border-style-disp-none {border-style: none !important;}
	.border-style-transperent {border-color: transparent !important;}