body {
    font-family: 'Lato', Arial;
    background-color: #DCDCDC;
    font-size: 12px !important;
}

.ql-container {
  height: 350px !important;
}

span, label {
    font-family: 'Lato', Arial;   
}
h1, h2, h3, h4, h5 {
  font-family: 'Lato Condensed', Arial;
}
ul, li {
  font-family: 'Lato', Arial;
}

img {
  max-width: 100% !important;
}

.border {
  border: 1px solid #000 !important;
}

.border2 {
  border: 2px solid #000 !important;
}

.border-primary {
  border: 1px solid #0d47a1 !important;
}

.border-b-primary {
  border-bottom: 1px solid #0d47a1 !important;
}

.border-success {
  border: 1px solid #3c763d !important;
}

.border-danger {
  border: 1px solid #a94442 !important;
}

.border-info {
  border: 1px solid #31708f !important;
}

.border-b-info {
  border-bottom: 1px solid #31708f !important;
}

.border-warning {
  border: 1px solid #8a6d3b !important;
}

.border-grey {
  border: 1px solid #DCDCDC !important;
}

.border-b-grey {
  border-bottom: 1px solid #DCDCDC !important;
}

.align-top {
  vertical-align: top!important
}
.align-middle {
  vertical-align: middle!important
}
.align-bottom {
  vertical-align: bottom!important
}

md-tooltip .md-content {
    height: auto;
    width: auto;
    background-color: #FFF !important;
    color: #000 !important;
    opacity: 1 !important;
    border: 1px solid #323232 !important;
  }

.row .no-float {
  display: table-cell;
  float: none;
}

.col-radius {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-soft {
    border-radius: .375rem!important
}

.rounded-soft-top {
    border-top-left-radius: .375rem!important;
    border-top-right-radius: .375rem!important
}

.rounded-soft-right {
    border-top-right-radius: .375rem!important;
    border-bottom-right-radius: .375rem!important
}

.rounded-soft-bottom {
    border-bottom-right-radius: .375rem!important;
    border-bottom-left-radius: .375rem!important
}

.rounded-soft-left {
    border-top-left-radius: .375rem!important;
    border-bottom-left-radius: .375rem!important
}

.rounded-capsule {
    border-radius: 3.125rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.rounded-right-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.rounded-left-0 {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.img-logo-menu {
  width: 85% !important;
  height: auto !important;
}

.img-logo-menu-mobile {
  width: auto !important;
  height: 40px !important;
}

.growl-item {
  width: 400px !important;
  border: 1px solid #000 !important;
}

.btn-salvar {
  width: 140px !important;
}

.pgbar-prod-pend {
  cursor: pointer; 
  margin-top: -20px; 
  margin-bottom: 5px;
  text-align: center !important;
}
.pgbar-prod-pend .progress-bar label {
  position: absolute !important;
  right: 0 !important;
  left: 0 !important;
}

/******* INI LOGIN AREA **********/

/* content LOGIN */
.login-submain {
    margin: 1.5vw 5vw;
}

.login-bg-content {
    max-width: 400px;
    margin: 0 auto;
    background: #fff;
    text-align: center;
}

.login-top {
    padding: 2vw 4vw 4vw;
    background: #e0e0e0;
}

.login-top img {
  height: auto;
  width: 100%;
  max-width: 100%;
}

.login-submain form {
    background: #ffff;
    padding: 2em;
    -webkit-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);
    -moz-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);
    box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);
    margin: -2.5em 2.5em 2em;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 4px;
}

p.login-legend {
    color: #4e4d4d;
    font-size: 24px;
    text-align: center;
    margin-bottom: 1.2em;
}

p.login-legend span {
    color: #000;
    margin-left: 10px;
}

.login-input {
    position: relative;
    margin: 20px auto;
    width: 100%
}

.login-input span {
    position: absolute;
    display: block;
    color: #3F729B;
    left: 10px;
    top: 12px;
    font-size: 16px;
}

.login-input input {
    width: 100%;
    padding: 13px 10px 13px 34px;
    display: block;
    border: none;
    border: 1px solid #3F729B;
    color: #000;
    box-sizing: border-box;
    font-size: 12px;
    outline: none;
    letter-spacing: 1px;
    background: #fff;
    -webkit-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);
    -moz-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);
    box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);
}

.login-input .ok-icon {
    position: absolute;
    display: block;
    color: #3F729B;
    right: 10px;
    top: 12px;
    font-size: 16px;
}

.btn-login {
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

a.rec-senha {
    color: #757474;
    font-size: 14px;
    display: inline-block;
    margin: 0em 1em 2em 14em;
    letter-spacing: 1px;
}

/* //content LOGIN */


/************* KANBAN CONTETN ********/
.kanban-row {
  position: absolute;
  margin-top: -10px !important;
  
  /*min-height: 80% !important;
  height: 80% !important;
  
  width: auto !important;
  max-width: auto !important;*/
  
  left: 20px;  
  top: 140px;
  right: 0;
  bottom: 0;

  padding-bottom: 15px !important;
  display: inline-flex;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.kt-aside--fixed .kanban-row {
  left: 270px;  
}
.kt-aside--minimize .kanban-row {
  left: 80px;  
}
.kanban-row::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.kanban-row::-moz-scrollbar {
  width: 15px;
  height: 15px;
}

.kanban-col {
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;

  max-height: 100% !important;
  height:  100% !important;
  max-width: 260px !important;
  min-width: 25% !important;
  width: 25% !important;
}

.kanban-col .card {
  margin-bottom: 1.5rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.025);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #EAEAEA;
  background-clip: border-box;
  /*border: 1px solid #e5e9f2;
  border-radius: .2rem;*/
  border: none !important;
  overflow: hidden !important;
  min-height: 100% !important;
  height: 100% !important;
}

.kanban-col .kanban-card {
  background-color: #FFF;
  /*border: 1px solid #DCDCDC !important;*/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  padding-top: 5px; 
  padding-bottom: 5px;
}

.kanban-col .kanban-card .label-prazo {
  color: #FFF !important;
  font-size: 10px !important;
  padding: 1px 3px 1px 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.kanban-col .card-header:first-child {
  border-radius: calc(.2rem - 1px) calc(.2rem - 1px) 0 0;
}

.kanban-col .card-header {
  border-bottom-width: 1px;
  padding: .75rem 1.25rem;
  height: 32px;
  margin-bottom: 0;
  color: inherit;
  background-color: #EAEAEA;
  /*border-bottom: 1px solid #e5e9f2;
  border-bottom-width: 1px*/
  border: none !important;
}

.kanban-col .card .card-body {
  max-height: 100% !important;
  height:  100% !important;
  width: 100% !important;
  padding-top: 10px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.kanban-col .card .card-body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.kanban-col .card .card-body::-moz-scrollbar {
  width: 5px;
  height: 5px;
}

.kanban-col .card-actions a {
  color: #495057;
  text-decoration: none
}

.kanban-col .card-actions svg {
  width: 16px;
  height: 16px
}

.kanban-col .card-actions .dropdown {
  line-height: 1.4
}

.kanban-col .card-title {
  font-weight: 500;
  margin-top: .1rem
}

.kanban-col .card-subtitle {
  font-weight: 400
}

.kanban-col .card-table {
  margin-bottom: 0
}

.kanban-col .card-table tr td:first-child,
.kanban-col .card-table tr th:first-child {
  padding-left: 1.25rem
}

.kanban-col .card-table tr td:last-child,
.kanban-col .card-table tr th:last-child {
  padding-right: 1.25rem
}

.kanban-col .card-img-top {
  height: 100%
}

.topRow{
  margin-bottom : 30px;
}

.on-drag-enter .card-body{
}

.on-drag-hover .card-body:before {
  height: 160px;
  margin-bottom: 20px;
  border: 3px dotted #FFF;
  background-color : #faf7ed;
  content: 'SOLTE AQUI';
  display: block;
  color: #0d47a1;
  text-align: center;
  font-size: medium;
  font-weight: 800;
}
/************* KANBAN CONTETN ********/
.word-wrap {
  white-space: -moz-pre-wrap !important; /* Firefox */
  white-space: -o-pre-wrap !important; /* Opera */
  white-space: pre-wrap !important; /* Chrome */
  word-wrap: break-word !important; /* IE */
}

.label-lg { 
    float: left;      
    color: #FFF;
    font-size: 12px;
    font-weight: 100;
}

.ipt-login {
    max-height: 24px;
    font-size: 11px !important;
    padding: 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.shadow {
  position: relative;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  padding: 10px;
}

.img-logo-login {
  height: 100px;
  width: auto;
  max-width: 100%;
}

.img-nfe {
  width: auto; 
  height: 30px;
  margin-left: 5px;
}

#mobile-login {
  display: none;  
}

.bg-login {    
  width: 100%;
  height: 110%;
  margin-top: -50px;
  background: url(../img/bg_login.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  padding-top: 3%;
}

.form-control:focus {
  border: 1px solid #A2A2A2 !important;
}

.has-error input {
  background-color: #ffcdd2 !important;
}

.user-lg-panel {
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  border-radius: 30px !important;
}
.user-lg-panel img {
  -webkit-border-radius: 3px 3px 0px 0px !important;
  -moz-border-radius: 3px 3px 0px 0px !important;
  border-radius: 3px 3px 0px 0px !important;
}
.user-lg-panel .panel {
  cursor: pointer;
  max-width: 120px;
}
.user-lg-panel .panel-footer {
  padding: 5px !important;
  color: #141F2A;
}
.user-lg-panel .panel-footer label {
  font-size: 12px !important;
}
.user-lg-panel:hover .panel-footer {
  cursor: pointer;
  background-color: #141F2A;
  color: #FFF;
  transition: all 2s ;
}
.user-lg-panel-active {
  background-color: #141F2A !important;
  color: #FFF !important;
}
.user-lg-panel:hover label {
  cursor: pointer;
}
.user-lg-panel:hover span {
  color: #141F2A;
  transition: all 2s;
}
.user-lg-panel:hover img {
  opacity: 0.6;
  transition: all 3s;
}
.user-lg-panel img {
  max-height: 120px;
  max-width: 120px;
  height: auto;
  width: 100%;
}
.user-lg-panel label {
  font-size: 16px;
}
.erase-user {
  position: absolute;
  text-align: right;
  float: right;
  right: 25;
  top: -15;
}
.erase-user:hover {
  opacity: 0.5;
}

/******* END LOGIN AREA **********/


.img-usuario {
  max-height: 254px;
  max-width: 100% !important;  
  width: auto;
  height: auto; 
  border: 2px solid #DCDCDC;
}

.img-usuario-min {
  max-height: 60px;
  max-width: 100% !important;  
  width: auto;
  height: auto; 
  border: 2px solid #DCDCDC;
}

.img-usuario-minh {
  max-width: 260px !important;
  max-height: 100% !important;  
  width: auto;
  height: auto; 
  border: 1px solid #DCDCDC;
}

.img-min-grid-lg {
  max-height: 35px;
  width: auto;
  height: auto; 
  border: 1px solid #DCDCDC;
}

.img-min-grid-md {
  max-height: 20px;
  width: auto;
  height: auto; 
  border: 1px solid #DCDCDC;
}

.img-usuario-min-grid {
  max-height: 20px;
  max-width: 100% !important;  
  width: auto;
  height: auto; 
  border: 1px solid #DCDCDC;
}

.img-usuario-selectize {
  max-height: 20px !important;
  max-width: 20px !important;  
  width: auto;
  height: auto; 
  margin-top: -5px !important;
  margin-right: 5px !important;
  border: 1px solid #DCDCDC;
}

.div-chart {
  width: auto !important;
  height: 460px !important;
  max-height: 460px !important;
}

.div-char-legenda label {
  font-size: 20px;
  font-weight: bold;
}
.div-chart.pointer-on-bars .dxc-series rect {
    cursor: pointer;
}

.button-chart-container {
    text-align: center;
    height: 40px;
    position: absolute;
    top: 7px;
    left: 0px;
}

.loading-img {  
  width: auto;
  height: 30px;
  background: url(../img/loading2.gif) no-repeat left center;
  -webkit-background-size: auto 30px;
  -moz-background-size: auto 30px;
  -o-background-size: auto 30px;
  background-size: auto 30px;
  padding-left: 35px;
  padding-top: 10px;
  text-align: left;
}

.loading-img-min {  
  width: auto;
  height: 15px;
  background: url(../img/loading2.gif) no-repeat left center;
  -webkit-background-size: auto 15px;
  -moz-background-size: auto 15px;
  -o-background-size: auto 15px;
  background-size: auto 15px;
  padding-left: 35px;
  padding-top: 10px;
  text-align: left;
}

.has-lg-error > input{
  background-color: #ffe0b2 !important;
}

.fa-menu {
  text-align: center;
  min-width: 15px;
  width: 15px;
}

/*.nav-tabs > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 5px 8px 5px 8px;
}

.nav-tabs > li.active > a {
  border: 0px;
  border-top: 4px solid #4285F4 !important;
}*/

.nav-tabs > li:hover > a,
.nav-tabs > li:focus > a {
  border: 0px;
}

.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 0px;
}

.nav-justified > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 5px 8px 5px 8px;
}

.nav-justified > li.active > a {
  border: 0px;
  border-top: 4px solid #4285F4 !important;
}

.nav-justified > li:hover > a,
.nav-justified > li:focus > a {
  border: 0px;
}

.nav-justified > li.active > a:hover,
.nav-justified > li.active > a:focus {
  border: 0px;
}

.input-group-btn {
  font-size: 12px;
}

table thead th {
    font-size: 12px;
    background-color: #DEDEDE;
    /*background-color: #4B515D;
    color: #FFF !important;*/
}

table thead th a {
    color: #000 !important;
}

table thead th i {
    color: #000 !important;
}

table thead th label{
  margin-top: -18px;
    color: #000;
}

table tbody tr {
    cursor: pointer;
}

table tbody td {
    font-size: 12px;
}

.top-main {
  position: relative;
  background-color: #FFF;
  min-height  : 90px;
  z-index: 2;
}

.separator {
  display: flex;
  align-items: center;
  text-align: center;
  color: #898989;
}
.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px dotted #e7e7e7;
}
.separator::before {
  margin-right: .25em;
}
.separator::after {
  margin-left: .25em;
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{
    padding: 5px;
}
.table-condensed>tbody>tr>td>a{
    color: #292929;
}
.table-condensed>tbody>tr:hover a{
    color: #1996D7;
}

.procedure-icon {
  width: 40px;
  height: auto;
}

.ipt-upper {
   text-transform: uppercase !important;
}

.ipt-lower {
   text-transform: lowercase !important;
}

.my-control {
    max-height: 28px;
    font-size: 12px;
    padding: 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.my-control-sel {
    max-height: 28px;
    font-size: 12px;
    padding: 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.my-control-txta {
    font-size: 12px;
    padding: 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.search-addon {
  cursor: hand; 
  font-size: 10px;
}

.btn-group.btn-group-block {
  display: flex;
}

.btn-group-block .btn {
  flex: 1
}

.dv-dtpicker {margin-top: -8px; margin-left: -17px;}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.x-small {
  font-size: 10px !important;
}

.small {
  font-size: 12px !important;
}

.medium {
  font-size: 18px !important;
}

.large {
  font-size: 24px !important;
}

.x-large {
  font-size: 24px !important;
}

.st-text {
  font-size: 11px; 
  color: #1996D7;
}

.row-title-fields {
  margin-bottom: 15px;
  border-bottom: 1px solid #DCDCDC;
}

.row-title-fields button:hover,
.row-title-fields button:focus {
  text-decoration: none;
}

.row-title-fields button:focus {  
  box-shadow: 0 0 0 0;
  border: none;
  outline: 0; 
}

.nd-text {
  font-size: 10px; 
  margin-left: 5px;
  color: #808080;
}

.form-group .txt-obg {
  font-size: 12px; 
  margin-left: 5px;
  color: red;
}

.ta-editor {
    min-height: 300px;
    max-height: 450px;
    height: auto;
    overflow: auto;
    font-family: 'fruti2', sans-serif;
    font-size: 100%;
    margin:20px 0;
}

.initext {
  font-size: 46px;
  font-weight: bold;
}

.breadcrumbs{
  height: 30px;
}

.search-div {
  padding-top: 8px;
}

.body-action {
  margin-top: 50px !important;
  margin-left: 20px !important;
  padding-top: 20px; 
  width: 96%;
  background-color: white;
  min-height: 400px;
  /*border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;*/
}

.main-content {
  background-color: #DCDCDC !important;
}

.nobold{
    font-weight: normal;
}

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

.input-group{
    z-index: 0;
}

.selecionado{
    font-weight: bold;
    font-style: italic;
}
.bloqline{
    color: #FF6347;
}

.btn-menu{
    min-height: 150px;
}

.nolink a {
    color: #FFF;
}

.nolink span {
    font-size: 14px;
}

.view-apptm{
    font-size: 16px;
    color: #000;
}

a:hover, a:focus { color: #888; text-decoration: none; }



.imgft{
    margin-top: 20px;
    margin-bottom: 30px;
    height: 40px;
}

.alert {
    font-size: 14px;
}

.mn-home{
    min-height: 50px;
    padding-top: 20px;
}

.right{
    float: right !important;    
}

.left{
    float: left !important;    
}

.left-justify{
    text-align: left;    
}

.center-justify{
    text-align: center;    
}

.right-justify{
    text-align: right;    
}

.right-justify-mbl{
    text-align: right;    
}

.thead-inverse{
    background-color: #E6E6FA;
}

.initial-block{
    min-height: 300px; 
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    font-size: 13px;
}

.navbar-bd {    
  background-color: #323232; 
}

.navbar-brand span {
  margin-left: 10px;
  font-size: 18px;
  font-weight: bold;
}

.navbar-brand img {
  height: 30px;
}

.dropdown-modal {
  margin-top: -7px !important;
  height: 57px !important;
}

.page-header {
  margin-top: -1px !important;
  border: none;
}

#copyright-span {    
    color: #808080;
    font-size: 12px;
    margin-top: -20px;
    margin-left: 26px;
}

#copyright img {
    width: 20px;
}

#social i {
    color: #808080;
    font-size: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.div-title {
  text-align: center;
}

.div-title .img-ttlogin{
    display: inline-table;
    height: 64px;    
    margin-right: 10px;
}
.div-title .span-login{
    font-family: 'fruti2', sans-serif;
    font-size: 36px;
    color: #FFF;
}

.footer {
    border-top: 1px solid #C0C0C0;
    padding-top: 15px;
    padding-bottom: 5px;
    background-color: #DCDCDC;
}

.modal-header {
    padding-top: 6px;
    padding-bottom: 6px;
}

.modal-footer {
    padding-top: 6px;
    padding-bottom: 6px;
}

.modal, .modal-dialog, .modal-content, .modal-header, .modal-body, .modal-footer, .btn {
    /*border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;*/
}

/* The Close Button */
.close {
    color: red;
    float: right;
    font-size: 20px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #FF0000;
    text-decoration: none;
    cursor: pointer;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0} 
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}


/*
@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }

*/

/* Largura da barra de rolagem */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-moz-scrollbar {
    width: 10px;
    height: 10px;
}

/* Fundo da barra de rolagem */
::-webkit-scrollbar-track-piece {
    background-color: #EEE;
    border-left: 1px solid #CCC
}
::-moz-scrollbar-track-piece {
    background-color: #EEE;
    border-left: 1px solid #CCC
}

/* Cor do indicador de rolagem */
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
    background-color: #515151
}
::-moz-scrollbar-thumb:vertical,
::-moz-scrollbar-thumb:horizontal {
    background-color: #515151
}

/* Cor do indicador de rolagem - ao passar o mouse */
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #717171
}
::-moz-scrollbar-thumb:vertical:hover,
::-moz-scrollbar-thumb:horizontal:hover {
    background-color: #717171
}

:focus {
  outline: none;
}
.row {
  margin-right: 0;
  margin-left: 0;
}


/* Main body section */
.side-body {
  background-color: #FFF;
  margin-right: -15px;
  padding-bottom: 20px;  
  box-shadow: 1px 1px 1px 1px #D3D3D3;
}
.side-bar {
  background-color: #FFF;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 20px;
  box-shadow: 1px 1px 1px 1px #D3D3D3;
}
/* small screen */
@media (max-width: 768px) {
  #comun-login {
    display: none;
  }
  #mobile-login {
    display: block;
  }
  .kanban-col {
    max-width: 33% !important;
    min-width: 33% !important;
    width: 33% !important;
  }

  /* Slide in animation */
  @-moz-keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @-webkit-keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @-moz-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  @-webkit-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  @keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
 
  @-moz-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 300px;
    }
  }
  @-webkit-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 300px;
    }
  }
  @keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 300px;
    }
  }
  @-moz-keyframes bodyslideout {
    0% {
      left: 300px;
    }
    100% {
      left: 0;
    }
  }
  @-webkit-keyframes bodyslideout {
    0% {
      left: 300px;
    }
    100% {
      left: 0;
    }
  }
  @keyframes bodyslideout {
    0% {
      left: 300px;
    }
    100% {
      left: 0;
    }
  }
  /* Slide side body*/
  
  .side-body {
    margin-left: 5px;
    position: relative;
    -moz-animation: bodyslideout 300ms forwards;
    -o-animation: bodyslideout 300ms forwards;
    -webkit-animation: bodyslideout 300ms forwards;
    animation: bodyslideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .top-main {
    /*margin-bottom: -70px;*/
    position: relative;
  }
  .body-slide-in {
    -moz-animation: bodyslidein 300ms forwards;
    -o-animation: bodyslidein 300ms forwards;
    -webkit-animation: bodyslidein 300ms forwards;
    animation: bodyslidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  /* Search */
  #search .panel-body .navbar-form {
    border-bottom: 0;
  }
  #search .panel-body .navbar-form .form-group {
    margin: 0;
  }
  /* Dropdown tweek */
  #dropdown .panel-body {
    margin: 0;
  }
}

@media (max-width: 1125px) {
  .right-justify-mbl{
      text-align: left;    
  }
}

input[type=checkbox] {
  visibility: hidden;
}

/* SLIDE THREE */
.slideThree {
  margin-top: 5px;
  width: 45px;
  height: 20px;
  background: #FFF;
  position: relative;  
  border: 1px solid #DCDCDC;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.slideThree:after {
  content: 'N';
  font:  12px/18px 'Segoe Ui', sans-serif;
  color: #696969;
  position: absolute;
  top: 0px;
  right: 6px;
  z-index: 0;
  font-weight: bold;
}

.slideThree:before {
  content: 'S';
  font: 12px/18px 'Segoe Ui', sans-serif;
  color: #696969;
  position: absolute;
  top: 0px;
  left: 6px;
  z-index: 0;
  font-weight: bold;
}

.slideThree label {
  display: block;
  width: 19px;
  height: 15px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 1;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background: #1996D7;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideThree input[type=checkbox]:checked + label {
  left: 22px;
}

/* SQUARED FOUR */
.squaredFour {
  width: 12px; 
  position: relative;
}

.squaredFour label {
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 12px;
  top: 0;
  background: -webkit-linear-gradient(top, #FFF 0%, #FFF 40%, #dfe5d7 100%);
  background: -moz-linear-gradient(top, #FFF 0%, #FFF 40%, #FFF 100%);
  background: -o-linear-gradient(top, #FFF 0%, #FFF 40%, #FFF 100%);
  background: -ms-linear-gradient(top, #FFF 0%, #FFF 40%, #FFF 100%);
  background: linear-gradient(top, #FFF 0%, #FFF 40%, #FFF 100%);
  border: 1px solid #b3bead;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 13px;
  height: 6px;
  background: transparent;
  top: 0;
  left: 2px;
  border: 3px solid #1996D7;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.squaredFour input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

/* Profile container */
.profile {
  min-height: 520px;
  background-color: #FFF;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
}

.profile-userpic{
  text-align: center;
  margin: 15px 0px 15px 0px;
}
.profile-userpic img {
  width: 160px;
  height: auto;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-usertitle {
  text-align: center;
  margin-top: 5px;
}

.profile-usertitle-name {
  color: #898989;
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bold;
}

.profile-user-num {
  color: #FF8800;
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bold;  
}

.profile-user-lbl {
  color: #898989;
  font-size: 12px;
  margin-bottom: 5px;
  font-weight: bold;  
}

.profile-userbuttons {
  text-align: center;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}
    
.profile-usermenu {
  overflow-y: auto;
}

.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 12px;
  font-weight: 400;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}

.profile-usermenu ul li.active {
  border-bottom: none;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

.profile-usermenu ul li.active span {
  margin-left: 10px;
}

/* Profile Content */
.profile-content {
  padding: 20px;
  background: #fff;
  min-height: 460px;
}

.tgl-mob {
  z-index: 999; 
  margin-top: -71px;
  margin-left: -35px;
  border-top: 3px solid #1996D7;
  border-bottom: 1px solid #C0C0C0;
}

.sp-submenu {
  font-size: 16px;
  font-weight: bold;
}

.navpadding {
  padding: 8px 0px 8px 0px !important;
}

.notifmargin {
  margin: 10px 0px 0px 0px;
}

.div-submenu {
  background-color: #FFF !important;
  margin-top: 58px; 
  line-height: 48px; 
  z-index: 999;  
  box-shadow: 1px 1px 1px 1px #D3D3D3;
}

.sbm-active {
  border-bottom: 3px solid #141F2A;
}

@media only screen and (max-width: 680px),(min-device-width: 768px) and (max-device-width: 1023px)  { 

    .navbar-brand img {
        height: 24px;
    }
  
    .dropdown-modal {
      margin-top: 0px !important;
      height: 45px !important;
    }

    .breadcrumbs {
      height: 60px;
    }

    .body-action {
      margin-top: 80px !important;
    }

    .page-title {
      display: none;
    }
    
    .iniimg{
        padding-top: 5px;
    }

    .no-mobile{
        display: none;
    }

    .initext {
        font-size: 28px;
    }

    .imgft {
        height: 30px;
    }

    .footer .left-justify {
        text-align: center;
    }

    .profile-userpic {
        margin-top: 10px;
    }

    .profile-userpic img {
        display: none;
    }
    .profile-usertitle {
      margin-top: -1px;
    }

    #viewdiv {
      margin-top: 50px;
    }

    .right-justify-mbl{
        text-align: left;    
    }

    .navpadding {
      padding: 0px !important;
    }

    .login-top img {
      padding: 20px;
    }

}
input[type="file"]::-webkit-file-upload-button {
    background-color: #1996D7;
    border: 1px solid #1996D7;
    padding: 1px 1px;
    color: #FFF;
    cursor: pointer;
    font-size: 8pt;
    margin-left: -2px;
    margin-top: -2px;
}

.control-group {
    display: inline-block;
    width: 100%;
    margin: 10px;
    padding: 30px;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.control {
    font-size: 14px;
    position: relative;
    display: block;    
    padding-left: 20px;
    cursor: pointer;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    background: #e6e6e6;
    border: 1px solid #999999;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

/* Checked state */
.control input:checked ~ .control__indicator {
    background: #1996D7;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #1AA6E7;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
    display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
    top: 1px;
    left: 4px;
    width: 5px;
    height: 9px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.sqr-A {  color: #DB7093;  }
.sqr-C {  color: #3CB371;  }
.sqr-D {  color: #D48440;  }
.sqr-F {  color: #DD0000;  }
.sqr-G {  color: #008000;  }
.sqr-E {  color: #337ab7;  }

.sqr-time-tt { font-size: 10px; padding: 5px 0 5px 0; text-align: left; border: none; background-color: #FFF; min-width: 20px; }
.sqr-time { font-size: 10px; padding: 5px 0 5px 0; background-color: #FFF; min-width: 20px; }
.sqr-time-day { font-size: 10px; padding: 5px 0 5px 0; min-width: 30px;  }
.sqr-time-check {  background-color: #FFFACD;  }

.fc-next-button {
  display:inline-block;padding:6px 12px;font-size:12px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;
  margin-top:14px;margin-bottom:14px;
  color:#333;background-color:#FFF;border-color:#ccc;
}
.fc-next-button.focus,.fc-next-button:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.fc-next-button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}

.fc-prev-button {
  display:inline-block;padding:6px 12px;font-size:12px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;
  margin-top:14px;margin-bottom:14px;
  color:#333;background-color:#FFF;border-color:#ccc;
}
.fc-prev-button.focus,.fc-prev-button:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.fc-prev-button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}

.fc-today-button {
  display:inline-block;padding:6px 12px;font-size:12px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;
  margin-top:14px;margin-bottom:14px;
  color:#333;background-color:#FFF;border-color:#ccc;
}
.fc-today-button.focus,.fc-today-button:focus{color:#333;background-color:#286090;border-color:#8c8c8c}
.fc-today-button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}

.fc-agendaWeek-button {
  display:inline-block;padding:6px 12px;font-size:12px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;
  margin-top:14px;margin-bottom:14px;
  color:#333;background-color:#FFF;border-color:#ccc;
}
.fc-agendaWeek-button.focus,.fc-agendaWeek-button:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.fc-agendaWeek-button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.fc-agendaWeek-button.fc-state-active,.fc-state-down{color: #333;background-color: #e6e6e6;border-color: #adadad;background-image:none;box-shadow:none}

.fc-month-button {
  display:inline-block;padding:6px 12px;font-size:12px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;
  margin-top:14px;margin-bottom:14px;
  color:#333;background-color:#FFF;border-color:#ccc;
}
.fc-month-button.focus,.fc-month-button:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.fc-month-button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.fc-month-button.fc-state-active,.fc-state-down{color: #333;background-color: #e6e6e6;border-color: #adadad;background-image:none;box-shadow:none}

.fc-agendaDay-button {
  display:inline-block;padding:6px 12px;font-size:12px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;
  margin-top:14px;margin-bottom:14px;
  color:#333;background-color:#FFF;border-color:#ccc;
}
.fc-agendaDay-button.focus,.fc-agendaDay-button:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.fc-agendaDay-button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.fc-agendaDay-button.fc-state-active,.fc-state-down{color: #333;background-color: #e6e6e6;border-color: #adadad;background-image:none;box-shadow:none}

.fc-left h2 { color: #808080; }

.fc-state-highlight { background: #FFF8DC !important; border: none !important; border-top: 1px solid #ddd !important; }
.fc-sun { background-color: #EEE; }
.fc-sat { background-color: #EEE; }
.fc-day-header { background-color: #FFF; color: #555555; font-size: 12px; }
.fc-day-header span { font-weight: 100; text-decoration: none; color: #898989; }
.fc-axis { background-color: #FFF; color: #898989; }

.fc-content .fc-time {
  font-weight: bold !important;
}
.fc-content .fc-title {
  font-weight: bold !important;
  font-size: 11px;
}


/**
 * Email Contacts
 */
.input-group .selectize-input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: -1px;
}

.selectize-control.contacts .selectize-input [data-value] .email {
  opacity: 0.5;
}
.selectize-control.contacts .selectize-input [data-value] .name + .email {
  margin-left: 5px;
}
.selectize-control.contacts .selectize-input [data-value] .email:before {
  content: '<';
}
.selectize-control.contacts .selectize-input [data-value] .email:after {
  content: '>';
}
.selectize-control.contacts .selectize-dropdown .caption {
  font-size: 12px;
  display: block;
  opacity: 0.5;
}

 
/*----- Menu -----*/
.menu {
    width: 100%;
    padding: -10px 0px 0px 0px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
    border-radius: 3px;
    position: relative;
    display: inline-block;
}

.menu ul.active {
    display:none;
}

.menu ul {
  text-align: center;
  width: 280px;
  position:absolute;
  top:135%;
  left:0px;
  padding:10px 18px;
  box-shadow:0px 1px 1px rgba(0,0,0,0.15);
  border-radius:3px;
  background:#141F2A;
  font-size: 17px;
  line-height: 32px;
}

.menu ul a {
  color: #FFF;
}

.menu ul:after {
    width:0px;
    height:0px;
    position:absolute;
    top:0%;
    left:22px;
    content:'';
    transform:translate(0%, -100%);
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #141F2A;
}

.menu li {
    margin:5px 0px 5px 0px;
    float:none;
    display:block;
}

.menu a {
    display:block;
}

.toggle-nav {
    padding: -10px 0px 0px 0px;
    float: left;
    display: inline-block;
    border-radius: 3px;
    color: #FFF;
    font-size: 30px;
    transition: color linear 0.15s;
}

.toggle-nav:hover, .toggle-nav.active {
    text-decoration:none;
    color:#A8A8A8;
}
 
.menu a:hover, .menu .current-item a {
    text-decoration:none;
    color: #A8A8A8;
}
 
/*----- Responsive -----*/
@media screen and (max-width: 1150px) {
    .wrap {
        width:90%;
    }
}

@media only screen and (max-width: 680px),(min-device-width: 768px) and (max-device-width: 1023px)  {   

  .toggle-nav {
    padding: 10px 15px 10px 15px;
    float: left;
    display: inline-block;
    border-radius: 3px;
    color: #FFF;
    font-size: 20px;
    transition: color linear 0.15s;
  }
}

.admin-profile table{
  width: 100%;
}

.admin-profile table tr td input{
    width: 100%;
}

.admin-profile table tr td{
  padding: 10px;
}

span.red{
  position: relative;
    left: 13px;
    color: #00a2af !important;
}

.login-container .center h1{
  font-size: 50px;
  font-weight: bold;
}

.remove-image {
  width: 100px;
  margin-top: 5px;
  padding: 2px;
  border-width: 2px;
}

#imgs {
  margin-top: 10px;
}

.no-skin .main-container {
  margin-top: -35px;
}

.span-notific {
  height: auto;
  font-size: 12px; 
  word-break: normal;
  white-space: normal;
  padding: 0;
}

/* The switch - the box around the slider */
.switch-del {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 12px;
}

/* Hide default HTML checkbox */
.switch-del input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider-del {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-del:before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\F1F8";
  height: 18px;
  width: 18px;
  top: -2px;
  
  display:flex;
  flex-direction:row;
  align-items: center;
  justify-content: center;

  background-color: #FFF;
  color: #a94442;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider-del {
  background-color: #a94442;
}

input:focus + .slider-del {
  box-shadow: 0 0 1px #a94442;
}

input:checked + .slider-del:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider-del.round {
  border-radius: 34px;
}

.slider-del.round:before {
  border-radius: 50%;
}

.hero-unit {
  position: relative;
  padding: 40px 0;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
  background: #020031;
  background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353));
  background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%);
  background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%);
  background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%);
  background: linear-gradient(45deg, #020031 0%,#6d3353 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 );
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
  -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
  box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}
.hero-unit .btn, .pagination-centered .btn {
  float: none;
  font-weight: normal;
}
.hero-unit p {
  margin: 1em 0;
}

.del-favorite-icon {
  display: none;
}

.kt-menu__inner:focus .del-favorite-icon,
.kt-menu__inner:hover .del-favorite-icon {
  display: inline-grid;
}


* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

[ng-drag] {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 999 !important;
}

[ng-drag]:after {
  display: block;
  content: "";
  clear: both;
}

[ng-drag].drag-over {
  border: solid 1px red;
  z-index: 999 !important;
}

[ng-drag].dragging {
  position: relative;
  opacity: 0.6;
  z-index: 999 !important;
}

.drop-container {
  background: rgba(0, 255, 0, 0.5);
  text-align: center;
  width: 600px;
  height: 200px;
  padding-top: 90px;
  display: block;
  margin: 20px auto;
  position: relative;
}

.drag-enter {
  border: solid 3px #0099CC;
}

.drop-container span.title {
  display: block;
  position: absolute;
  top: 10%;
  left: 50%;
  width: 200px;
  height: 20px;
  margin-left: -100px;
  margin-top: -10px;
}

.drop-container div {
  position: relative;
  z-index: 2;
}

.margin-menu-fixed {
  margin-top: 27px !important; 
}
.margin-aside-menu-fixed {
  margin-top: 25px !important; 
}

.plan-days {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  background-color: #FED8B5;
  text-align: center;
}

/******* SWITCH BUTTON ***********/
.switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 25px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/******* END SWITCH BUTTON *******/

/******** DROPDOWN BUTTON ********/
.custom-dropbtn {
  background-color: #d7d7d7;
}

.custom-dropdown {
  position: relative;
  display: inline-block;
}

.custom-dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFF;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 10px;
}

.custom-dropdown-content a {
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
}

.custom-dropdown-content a:hover {background-color: #ddd;border-radius: 5px; font-weight: bold;}

.custom-dropdown:hover .custom-dropdown-content {display: block;border-radius: 5px;}

.custom-dropdown:hover .custom-dropbtn {background-color: #f1f1f1;border-radius: 5px;}
/****** END DROPDOWN BUTTON ******/



.border {
  border: 1px solid #d8e2ef!important
}

.border-2 {
  border: 2px solid #d8e2ef!important
}

.border-top {
  border-top: 1px solid #d8e2ef!important
}

.border-right {
  border-right: 1px solid #d8e2ef!important
}

.border-2-right {
  border-right: 2px solid #d8e2ef!important
}

.border-bottom {
  border-bottom: 1px solid #d8e2ef!important
}

.border-left {
  border-left: 1px solid #d8e2ef!important
}

.border-2-left {
  border-left: 2px solid #d8e2ef!important
}

.border-x {
  border-left: 1px solid #d8e2ef!important;
  border-right: 1px solid #d8e2ef!important
}

.border-y {
  border-top: 1px solid #d8e2ef!important;
  border-bottom: 1px solid #d8e2ef!important
}

.border-dashed {
  border: 1px dashed #d8e2ef!important
}

.border-dashed-top {
  border-top: 1px dashed #d8e2ef!important
}

.border-dashed-right {
  border-right: 1px dashed #d8e2ef!important
}

.border-dashed-bottom {
  border-bottom: 1px dashed #d8e2ef!important
}

.border-dashed-left {
  border-left: 1px dashed #d8e2ef!important
}

.border-dashed-x {
  border-left: 1px dashed #d8e2ef!important;
  border-right: 1px dashed #d8e2ef!important
}

.border-dashed-y {
  border-top: 1px dashed #d8e2ef!important;
  border-bottom: 1px dashed #d8e2ef!important
}

.border-0 {
  border-width: 0!important
}

.border-top-0 {
  border-top-width: 0!important
}

.border-right-0 {
  border-right-width: 0!important
}

.border-bottom-0 {
  border-bottom-width: 0!important
}

.border-left-0 {
  border-left-width: 0!important
}

.border-x-0 {
  border-left-width: 0!important;
  border-right-width: 0!important
}

.border-y-0 {
  border-top-width: 0!important;
  border-bottom-width: 0!important
}

.rounded {
  border-radius: .25rem!important
}

.rounded-top {
  border-top-left-radius: .25rem!important;
  border-top-right-radius: .25rem!important
}

.rounded-right {
  border-top-right-radius: .25rem!important;
  border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
  border-bottom-right-radius: .25rem!important;
  border-bottom-left-radius: .25rem!important
}

.rounded-left {
  border-top-left-radius: .25rem!important;
  border-bottom-left-radius: .25rem!important
}

.rounded-soft {
  border-radius: .375rem!important
}

.rounded-soft-top {
  border-top-left-radius: .375rem!important;
  border-top-right-radius: .375rem!important
}

.rounded-soft-right {
  border-top-right-radius: .375rem!important;
  border-bottom-right-radius: .375rem!important
}

.rounded-soft-bottom {
  border-bottom-right-radius: .375rem!important;
  border-bottom-left-radius: .375rem!important
}

.rounded-soft-left {
  border-top-left-radius: .375rem!important;
  border-bottom-left-radius: .375rem!important
}

.rounded-capsule {
  border-radius: 3.125rem!important
}

.rounded-circle {
  border-radius: 50%!important
}

.rounded-top-0 {
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important
}

.rounded-right-0 {
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0!important;
  border-bottom-left-radius: 0!important
}

.rounded-left-0 {
  border-top-left-radius: 0!important;
  border-bottom-left-radius: 0!important
}

@media(min-width: 576px) {
  .border-sm {
      border:1px solid #d8e2ef!important
  }

  .border-sm-top {
      border-top: 1px solid #d8e2ef!important
  }

  .border-sm-right {
      border-right: 1px solid #d8e2ef!important
  }

  .border-sm-bottom {
      border-bottom: 1px solid #d8e2ef!important
  }

  .border-sm-left {
      border-left: 1px solid #d8e2ef!important
  }

  .border-sm-x {
      border-left: 1px solid #d8e2ef!important;
      border-right: 1px solid #d8e2ef!important
  }

  .border-sm-y {
      border-top: 1px solid #d8e2ef!important;
      border-bottom: 1px solid #d8e2ef!important
  }

  .border-sm-dashed {
      border: 1px dashed #d8e2ef!important
  }

  .border-sm-dashed-top {
      border-top: 1px dashed #d8e2ef!important
  }

  .border-sm-dashed-right {
      border-right: 1px dashed #d8e2ef!important
  }

  .border-sm-dashed-bottom {
      border-bottom: 1px dashed #d8e2ef!important
  }

  .border-sm-dashed-left {
      border-left: 1px dashed #d8e2ef!important
  }

  .border-sm-dashed-x {
      border-left: 1px dashed #d8e2ef!important;
      border-right: 1px dashed #d8e2ef!important
  }

  .border-sm-dashed-y {
      border-top: 1px dashed #d8e2ef!important;
      border-bottom: 1px dashed #d8e2ef!important
  }

  .border-sm-0 {
      border-width: 0!important
  }

  .border-sm-top-0 {
      border-top-width: 0!important
  }

  .border-sm-right-0 {
      border-right-width: 0!important
  }

  .border-sm-bottom-0 {
      border-bottom-width: 0!important
  }

  .border-sm-left-0 {
      border-left-width: 0!important
  }

  .border-sm-x-0 {
      border-left-width: 0!important;
      border-right-width: 0!important
  }

  .border-sm-y-0 {
      border-top-width: 0!important;
      border-bottom-width: 0!important
  }

  .rounded-sm {
      border-radius: .25rem!important
  }

  .rounded-sm-top {
      border-top-left-radius: .25rem!important;
      border-top-right-radius: .25rem!important
  }

  .rounded-sm-right {
      border-top-right-radius: .25rem!important;
      border-bottom-right-radius: .25rem!important
  }

  .rounded-sm-bottom {
      border-bottom-right-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important
  }

  .rounded-sm-left {
      border-top-left-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important
  }

  .rounded-sm-soft {
      border-radius: .375rem!important
  }

  .rounded-soft-sm-top {
      border-top-left-radius: .375rem!important;
      border-top-right-radius: .375rem!important
  }

  .rounded-soft-sm-right {
      border-top-right-radius: .375rem!important;
      border-bottom-right-radius: .375rem!important
  }

  .rounded-soft-sm-bottom {
      border-bottom-right-radius: .375rem!important;
      border-bottom-left-radius: .375rem!important
  }

  .rounded-soft-sm-left {
      border-top-left-radius: .375rem!important;
      border-bottom-left-radius: .375rem!important
  }

  .rounded-sm-capsule {
      border-radius: 3.125rem!important
  }

  .rounded-sm-circle {
      border-radius: 50%!important
  }

  .rounded-sm-top-0 {
      border-top-left-radius: 0!important;
      border-top-right-radius: 0!important
  }

  .rounded-sm-right-0 {
      border-top-right-radius: 0!important;
      border-bottom-right-radius: 0!important
  }

  .rounded-sm-bottom-0 {
      border-bottom-right-radius: 0!important;
      border-bottom-left-radius: 0!important
  }

  .rounded-sm-left-0 {
      border-top-left-radius: 0!important;
      border-bottom-left-radius: 0!important
  }
}

@media(min-width: 768px) {
  .border-md {
      border:1px solid #d8e2ef!important
  }

  .border-md-top {
      border-top: 1px solid #d8e2ef!important
  }

  .border-md-right {
      border-right: 1px solid #d8e2ef!important
  }

  .border-md-bottom {
      border-bottom: 1px solid #d8e2ef!important
  }

  .border-md-left {
      border-left: 1px solid #d8e2ef!important
  }

  .border-md-x {
      border-left: 1px solid #d8e2ef!important;
      border-right: 1px solid #d8e2ef!important
  }

  .border-md-y {
      border-top: 1px solid #d8e2ef!important;
      border-bottom: 1px solid #d8e2ef!important
  }

  .border-md-dashed {
      border: 1px dashed #d8e2ef!important
  }

  .border-md-dashed-top {
      border-top: 1px dashed #d8e2ef!important
  }

  .border-md-dashed-right {
      border-right: 1px dashed #d8e2ef!important
  }

  .border-md-dashed-bottom {
      border-bottom: 1px dashed #d8e2ef!important
  }

  .border-md-dashed-left {
      border-left: 1px dashed #d8e2ef!important
  }

  .border-md-dashed-x {
      border-left: 1px dashed #d8e2ef!important;
      border-right: 1px dashed #d8e2ef!important
  }

  .border-md-dashed-y {
      border-top: 1px dashed #d8e2ef!important;
      border-bottom: 1px dashed #d8e2ef!important
  }

  .border-md-0 {
      border-width: 0!important
  }

  .border-md-top-0 {
      border-top-width: 0!important
  }

  .border-md-right-0 {
      border-right-width: 0!important
  }

  .border-md-bottom-0 {
      border-bottom-width: 0!important
  }

  .border-md-left-0 {
      border-left-width: 0!important
  }

  .border-md-x-0 {
      border-left-width: 0!important;
      border-right-width: 0!important
  }

  .border-md-y-0 {
      border-top-width: 0!important;
      border-bottom-width: 0!important
  }

  .rounded-md {
      border-radius: .25rem!important
  }

  .rounded-md-top {
      border-top-left-radius: .25rem!important;
      border-top-right-radius: .25rem!important
  }

  .rounded-md-right {
      border-top-right-radius: .25rem!important;
      border-bottom-right-radius: .25rem!important
  }

  .rounded-md-bottom {
      border-bottom-right-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important
  }

  .rounded-md-left {
      border-top-left-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important
  }

  .rounded-md-soft {
      border-radius: .375rem!important
  }

  .rounded-soft-md-top {
      border-top-left-radius: .375rem!important;
      border-top-right-radius: .375rem!important
  }

  .rounded-soft-md-right {
      border-top-right-radius: .375rem!important;
      border-bottom-right-radius: .375rem!important
  }

  .rounded-soft-md-bottom {
      border-bottom-right-radius: .375rem!important;
      border-bottom-left-radius: .375rem!important
  }

  .rounded-soft-md-left {
      border-top-left-radius: .375rem!important;
      border-bottom-left-radius: .375rem!important
  }

  .rounded-md-capsule {
      border-radius: 3.125rem!important
  }

  .rounded-md-circle {
      border-radius: 50%!important
  }

  .rounded-md-top-0 {
      border-top-left-radius: 0!important;
      border-top-right-radius: 0!important
  }

  .rounded-md-right-0 {
      border-top-right-radius: 0!important;
      border-bottom-right-radius: 0!important
  }

  .rounded-md-bottom-0 {
      border-bottom-right-radius: 0!important;
      border-bottom-left-radius: 0!important
  }

  .rounded-md-left-0 {
      border-top-left-radius: 0!important;
      border-bottom-left-radius: 0!important
  }
}

@media(min-width: 992px) {
  .border-lg {
      border:1px solid #d8e2ef!important
  }

  .border-lg-top {
      border-top: 1px solid #d8e2ef!important
  }

  .border-lg-right {
      border-right: 1px solid #d8e2ef!important
  }

  .border-lg-bottom {
      border-bottom: 1px solid #d8e2ef!important
  }

  .border-lg-left {
      border-left: 1px solid #d8e2ef!important
  }

  .border-lg-x {
      border-left: 1px solid #d8e2ef!important;
      border-right: 1px solid #d8e2ef!important
  }

  .border-lg-y {
      border-top: 1px solid #d8e2ef!important;
      border-bottom: 1px solid #d8e2ef!important
  }

  .border-lg-dashed {
      border: 1px dashed #d8e2ef!important
  }

  .border-lg-dashed-top {
      border-top: 1px dashed #d8e2ef!important
  }

  .border-lg-dashed-right {
      border-right: 1px dashed #d8e2ef!important
  }

  .border-lg-dashed-bottom {
      border-bottom: 1px dashed #d8e2ef!important
  }

  .border-lg-dashed-left {
      border-left: 1px dashed #d8e2ef!important
  }

  .border-lg-dashed-x {
      border-left: 1px dashed #d8e2ef!important;
      border-right: 1px dashed #d8e2ef!important
  }

  .border-lg-dashed-y {
      border-top: 1px dashed #d8e2ef!important;
      border-bottom: 1px dashed #d8e2ef!important
  }

  .border-lg-0 {
      border-width: 0!important
  }

  .border-lg-top-0 {
      border-top-width: 0!important
  }

  .border-lg-right-0 {
      border-right-width: 0!important
  }

  .border-lg-bottom-0 {
      border-bottom-width: 0!important
  }

  .border-lg-left-0 {
      border-left-width: 0!important
  }

  .border-lg-x-0 {
      border-left-width: 0!important;
      border-right-width: 0!important
  }

  .border-lg-y-0 {
      border-top-width: 0!important;
      border-bottom-width: 0!important
  }

  .rounded-lg {
      border-radius: .25rem!important
  }

  .rounded-lg-top {
      border-top-left-radius: .25rem!important;
      border-top-right-radius: .25rem!important
  }

  .rounded-lg-right {
      border-top-right-radius: .25rem!important;
      border-bottom-right-radius: .25rem!important
  }

  .rounded-lg-bottom {
      border-bottom-right-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important
  }

  .rounded-lg-left {
      border-top-left-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important
  }

  .rounded-lg-soft {
      border-radius: .375rem!important
  }

  .rounded-soft-lg-top {
      border-top-left-radius: .375rem!important;
      border-top-right-radius: .375rem!important
  }

  .rounded-soft-lg-right {
      border-top-right-radius: .375rem!important;
      border-bottom-right-radius: .375rem!important
  }

  .rounded-soft-lg-bottom {
      border-bottom-right-radius: .375rem!important;
      border-bottom-left-radius: .375rem!important
  }

  .rounded-soft-lg-left {
      border-top-left-radius: .375rem!important;
      border-bottom-left-radius: .375rem!important
  }

  .rounded-lg-capsule {
      border-radius: 3.125rem!important
  }

  .rounded-lg-circle {
      border-radius: 50%!important
  }

  .rounded-lg-top-0 {
      border-top-left-radius: 0!important;
      border-top-right-radius: 0!important
  }

  .rounded-lg-right-0 {
      border-top-right-radius: 0!important;
      border-bottom-right-radius: 0!important
  }

  .rounded-lg-bottom-0 {
      border-bottom-right-radius: 0!important;
      border-bottom-left-radius: 0!important
  }

  .rounded-lg-left-0 {
      border-top-left-radius: 0!important;
      border-bottom-left-radius: 0!important
  }
}

@media(min-width: 1200px) {
  .border-xl {
      border:1px solid #d8e2ef!important
  }

  .border-xl-top {
      border-top: 1px solid #d8e2ef!important
  }

  .border-xl-right {
      border-right: 1px solid #d8e2ef!important
  }

  .border-xl-bottom {
      border-bottom: 1px solid #d8e2ef!important
  }

  .border-xl-left {
      border-left: 1px solid #d8e2ef!important
  }

  .border-xl-x {
      border-left: 1px solid #d8e2ef!important;
      border-right: 1px solid #d8e2ef!important
  }

  .border-xl-y {
      border-top: 1px solid #d8e2ef!important;
      border-bottom: 1px solid #d8e2ef!important
  }

  .border-xl-dashed {
      border: 1px dashed #d8e2ef!important
  }

  .border-xl-dashed-top {
      border-top: 1px dashed #d8e2ef!important
  }

  .border-xl-dashed-right {
      border-right: 1px dashed #d8e2ef!important
  }

  .border-xl-dashed-bottom {
      border-bottom: 1px dashed #d8e2ef!important
  }

  .border-xl-dashed-left {
      border-left: 1px dashed #d8e2ef!important
  }

  .border-xl-dashed-x {
      border-left: 1px dashed #d8e2ef!important;
      border-right: 1px dashed #d8e2ef!important
  }

  .border-xl-dashed-y {
      border-top: 1px dashed #d8e2ef!important;
      border-bottom: 1px dashed #d8e2ef!important
  }

  .border-xl-0 {
      border-width: 0!important
  }

  .border-xl-top-0 {
      border-top-width: 0!important
  }

  .border-xl-right-0 {
      border-right-width: 0!important
  }

  .border-xl-bottom-0 {
      border-bottom-width: 0!important
  }

  .border-xl-left-0 {
      border-left-width: 0!important
  }

  .border-xl-x-0 {
      border-left-width: 0!important;
      border-right-width: 0!important
  }

  .border-xl-y-0 {
      border-top-width: 0!important;
      border-bottom-width: 0!important
  }

  .rounded-xl {
      border-radius: .25rem!important
  }

  .rounded-xl-top {
      border-top-left-radius: .25rem!important;
      border-top-right-radius: .25rem!important
  }

  .rounded-xl-right {
      border-top-right-radius: .25rem!important;
      border-bottom-right-radius: .25rem!important
  }

  .rounded-xl-bottom {
      border-bottom-right-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important
  }

  .rounded-xl-left {
      border-top-left-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important
  }

  .rounded-xl-soft {
      border-radius: .375rem!important
  }

  .rounded-soft-xl-top {
      border-top-left-radius: .375rem!important;
      border-top-right-radius: .375rem!important
  }

  .rounded-soft-xl-right {
      border-top-right-radius: .375rem!important;
      border-bottom-right-radius: .375rem!important
  }

  .rounded-soft-xl-bottom {
      border-bottom-right-radius: .375rem!important;
      border-bottom-left-radius: .375rem!important
  }

  .rounded-soft-xl-left {
      border-top-left-radius: .375rem!important;
      border-bottom-left-radius: .375rem!important
  }

  .rounded-xl-capsule {
      border-radius: 3.125rem!important
  }

  .rounded-xl-circle {
      border-radius: 50%!important
  }

  .rounded-xl-top-0 {
      border-top-left-radius: 0!important;
      border-top-right-radius: 0!important
  }

  .rounded-xl-right-0 {
      border-top-right-radius: 0!important;
      border-bottom-right-radius: 0!important
  }

  .rounded-xl-bottom-0 {
      border-bottom-right-radius: 0!important;
      border-bottom-left-radius: 0!important
  }

  .rounded-xl-left-0 {
      border-top-left-radius: 0!important;
      border-bottom-left-radius: 0!important
  }
}

@media(min-width: 1540px) {
  .border-xxl {
      border:1px solid #d8e2ef!important
  }

  .border-xxl-top {
      border-top: 1px solid #d8e2ef!important
  }

  .border-xxl-right {
      border-right: 1px solid #d8e2ef!important
  }

  .border-xxl-bottom {
      border-bottom: 1px solid #d8e2ef!important
  }

  .border-xxl-left {
      border-left: 1px solid #d8e2ef!important
  }

  .border-xxl-x {
      border-left: 1px solid #d8e2ef!important;
      border-right: 1px solid #d8e2ef!important
  }

  .border-xxl-y {
      border-top: 1px solid #d8e2ef!important;
      border-bottom: 1px solid #d8e2ef!important
  }

  .border-xxl-dashed {
      border: 1px dashed #d8e2ef!important
  }

  .border-xxl-dashed-top {
      border-top: 1px dashed #d8e2ef!important
  }

  .border-xxl-dashed-right {
      border-right: 1px dashed #d8e2ef!important
  }

  .border-xxl-dashed-bottom {
      border-bottom: 1px dashed #d8e2ef!important
  }

  .border-xxl-dashed-left {
      border-left: 1px dashed #d8e2ef!important
  }

  .border-xxl-dashed-x {
      border-left: 1px dashed #d8e2ef!important;
      border-right: 1px dashed #d8e2ef!important
  }

  .border-xxl-dashed-y {
      border-top: 1px dashed #d8e2ef!important;
      border-bottom: 1px dashed #d8e2ef!important
  }

  .border-xxl-0 {
      border-width: 0!important
  }

  .border-xxl-top-0 {
      border-top-width: 0!important
  }

  .border-xxl-right-0 {
      border-right-width: 0!important
  }

  .border-xxl-bottom-0 {
      border-bottom-width: 0!important
  }

  .border-xxl-left-0 {
      border-left-width: 0!important
  }

  .border-xxl-x-0 {
      border-left-width: 0!important;
      border-right-width: 0!important
  }

  .border-xxl-y-0 {
      border-top-width: 0!important;
      border-bottom-width: 0!important
  }

  .rounded-xxl {
      border-radius: .25rem!important
  }

  .rounded-xxl-top {
      border-top-left-radius: .25rem!important;
      border-top-right-radius: .25rem!important
  }

  .rounded-xxl-right {
      border-top-right-radius: .25rem!important;
      border-bottom-right-radius: .25rem!important
  }

  .rounded-xxl-bottom {
      border-bottom-right-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important
  }

  .rounded-xxl-left {
      border-top-left-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important
  }

  .rounded-xxl-soft {
      border-radius: .375rem!important
  }

  .rounded-soft-xxl-top {
      border-top-left-radius: .375rem!important;
      border-top-right-radius: .375rem!important
  }

  .rounded-soft-xxl-right {
      border-top-right-radius: .375rem!important;
      border-bottom-right-radius: .375rem!important
  }

  .rounded-soft-xxl-bottom {
      border-bottom-right-radius: .375rem!important;
      border-bottom-left-radius: .375rem!important
  }

  .rounded-soft-xxl-left {
      border-top-left-radius: .375rem!important;
      border-bottom-left-radius: .375rem!important
  }

  .rounded-xxl-capsule {
      border-radius: 3.125rem!important
  }

  .rounded-xxl-circle {
      border-radius: 50%!important
  }

  .rounded-xxl-top-0 {
      border-top-left-radius: 0!important;
      border-top-right-radius: 0!important
  }

  .rounded-xxl-right-0 {
      border-top-right-radius: 0!important;
      border-bottom-right-radius: 0!important
  }

  .rounded-xxl-bottom-0 {
      border-bottom-right-radius: 0!important;
      border-bottom-left-radius: 0!important
  }

  .rounded-xxl-left-0 {
      border-top-left-radius: 0!important;
      border-bottom-left-radius: 0!important
  }
}

.overflow-hidden[class*=rounded] {
  -webkit-mask-image: radial-gradient(#fff,#000);
  mask-image: radial-gradient(#fff,#000)
}

.border-primary {
  border-color: #2c7be5!important
}

.border-secondary {
  border-color: #748194!important
}

.border-success {
  border-color: #00d27a!important
}

.border-info {
  border-color: #27bcfd!important
}

.border-warning {
  border-color: #f5803e!important
}

.border-danger {
  border-color: #e63757!important
}

.border-light {
  border-color: #f9fafd!important
}

.border-dark {
  border-color: #0b1727!important
}

.border-100 {
  border-color: #f9fafd!important
}

.border-200 {
  border-color: #edf2f9!important
}

.border-300 {
  border-color: #d8e2ef!important
}

.border-400 {
  border-color: #b6c1d2!important
}

.border-500 {
  border-color: #9da9bb!important
}

.border-600 {
  border-color: #748194!important
}

.border-700 {
  border-color: #5e6e82!important
}

.border-800 {
  border-color: #4d5969!important
}

.border-900 {
  border-color: #344050!important
}

.border-black {
  border-color: #000!important
}

.border-1000 {
  border-color: #232e3c!important
}

.border-1100 {
  border-color: #0b1727!important
}

.border-white {
  border-color: #fff!important
}

.border-2x {
  border-width: 2px!important
}

.w-25 {
  width: 25%!important
}

.w-50 {
  width: 50%!important
}

.w-75 {
  width: 75%!important
}

.w-100 {
  width: 100%!important
}

.w-auto {
  width: auto!important
}

.h-25 {
  height: 25%!important
}

.h-50 {
  height: 50%!important
}

.h-75 {
  height: 75%!important
}

.h-100 {
  height: 100%!important
}

.h-auto {
  height: auto!important
}

.min-vh-100 {
  min-height: 100vh
}

.min-vh-75 {
  min-height: 75vh
}

.min-vh-50 {
  min-height: 50vh
}

.min-vh-25 {
  min-height: 25vh
}

.max-vh-100 {
  max-height: 100vh
}

.max-vh-75 {
  max-height: 75vh
}

.max-vh-50 {
  max-height: 50vh
}

.max-vh-25 {
  max-height: 25vh
}

.max-vh-100 {
  max-height: 100vh
}

.max-w-75 {
  max-width: 75%!important
}

.max-w-50 {
  max-width: 50%!important
}

.max-w-25 {
  max-width: 25%!important
}

.vh-100 {
  height: 100vh
}

.vh-75 {
  height: 75vh
}

.vh-50 {
  height: 50vh
}

.vh-25 {
  height: 25vh
}

@media(min-width: 576px) {
  .w-sm-25 {
      width:25%!important
  }

  .w-sm-50 {
      width: 50%!important
  }

  .w-sm-75 {
      width: 75%!important
  }

  .w-sm-100 {
      width: 100%!important
  }

  .w-sm-auto {
      width: auto!important
  }

  .h-sm-25 {
      height: 25%!important
  }

  .h-sm-50 {
      height: 50%!important
  }

  .h-sm-75 {
      height: 75%!important
  }

  .h-sm-100 {
      height: 100%!important
  }

  .h-sm-auto {
      height: auto!important
  }

  .min-vh-sm-100 {
      min-height: 100vh
  }

  .min-vh-sm-75 {
      min-height: 75vh
  }

  .min-vh-sm-50 {
      min-height: 50vh
  }

  .min-vh-sm-25 {
      min-height: 25vh
  }

  .max-vh-sm-100 {
      max-height: 100vh
  }

  .max-vh-sm-75 {
      max-height: 75vh
  }

  .max-vh-sm-50 {
      max-height: 50vh
  }

  .max-vh-sm-25 {
      max-height: 25vh
  }

  .max-vh-sm-100 {
      max-height: 100vh
  }

  .max-w-sm-75 {
      max-width: 75%!important
  }

  .max-w-sm-50 {
      max-width: 50%!important
  }

  .max-w-sm-25 {
      max-width: 25%!important
  }

  .vh-sm-100 {
      height: 100vh
  }

  .vh-sm-75 {
      height: 75vh
  }

  .vh-sm-50 {
      height: 50vh
  }

  .vh-sm-25 {
      height: 25vh
  }
}

@media(min-width: 768px) {
  .w-md-25 {
      width:25%!important
  }

  .w-md-50 {
      width: 50%!important
  }

  .w-md-75 {
      width: 75%!important
  }

  .w-md-100 {
      width: 100%!important
  }

  .w-md-auto {
      width: auto!important
  }

  .h-md-25 {
      height: 25%!important
  }

  .h-md-50 {
      height: 50%!important
  }

  .h-md-75 {
      height: 75%!important
  }

  .h-md-100 {
      height: 100%!important
  }

  .h-md-auto {
      height: auto!important
  }

  .min-vh-md-100 {
      min-height: 100vh
  }

  .min-vh-md-75 {
      min-height: 75vh
  }

  .min-vh-md-50 {
      min-height: 50vh
  }

  .min-vh-md-25 {
      min-height: 25vh
  }

  .max-vh-md-100 {
      max-height: 100vh
  }

  .max-vh-md-75 {
      max-height: 75vh
  }

  .max-vh-md-50 {
      max-height: 50vh
  }

  .max-vh-md-25 {
      max-height: 25vh
  }

  .max-vh-md-100 {
      max-height: 100vh
  }

  .max-w-md-75 {
      max-width: 75%!important
  }

  .max-w-md-50 {
      max-width: 50%!important
  }

  .max-w-md-25 {
      max-width: 25%!important
  }

  .vh-md-100 {
      height: 100vh
  }

  .vh-md-75 {
      height: 75vh
  }

  .vh-md-50 {
      height: 50vh
  }

  .vh-md-25 {
      height: 25vh
  }
}

@media(min-width: 992px) {
  .w-lg-25 {
      width:25%!important
  }

  .w-lg-50 {
      width: 50%!important
  }

  .w-lg-75 {
      width: 75%!important
  }

  .w-lg-100 {
      width: 100%!important
  }

  .w-lg-auto {
      width: auto!important
  }

  .h-lg-25 {
      height: 25%!important
  }

  .h-lg-50 {
      height: 50%!important
  }

  .h-lg-75 {
      height: 75%!important
  }

  .h-lg-100 {
      height: 100%!important
  }

  .h-lg-auto {
      height: auto!important
  }

  .min-vh-lg-100 {
      min-height: 100vh
  }

  .min-vh-lg-75 {
      min-height: 75vh
  }

  .min-vh-lg-50 {
      min-height: 50vh
  }

  .min-vh-lg-25 {
      min-height: 25vh
  }

  .max-vh-lg-100 {
      max-height: 100vh
  }

  .max-vh-lg-75 {
      max-height: 75vh
  }

  .max-vh-lg-50 {
      max-height: 50vh
  }

  .max-vh-lg-25 {
      max-height: 25vh
  }

  .max-vh-lg-100 {
      max-height: 100vh
  }

  .max-w-lg-75 {
      max-width: 75%!important
  }

  .max-w-lg-50 {
      max-width: 50%!important
  }

  .max-w-lg-25 {
      max-width: 25%!important
  }

  .vh-lg-100 {
      height: 100vh
  }

  .vh-lg-75 {
      height: 75vh
  }

  .vh-lg-50 {
      height: 50vh
  }

  .vh-lg-25 {
      height: 25vh
  }
}

@media(min-width: 1200px) {
  .w-xl-25 {
      width:25%!important
  }

  .w-xl-50 {
      width: 50%!important
  }

  .w-xl-75 {
      width: 75%!important
  }

  .w-xl-100 {
      width: 100%!important
  }

  .w-xl-auto {
      width: auto!important
  }

  .h-xl-25 {
      height: 25%!important
  }

  .h-xl-50 {
      height: 50%!important
  }

  .h-xl-75 {
      height: 75%!important
  }

  .h-xl-100 {
      height: 100%!important
  }

  .h-xl-auto {
      height: auto!important
  }

  .min-vh-xl-100 {
      min-height: 100vh
  }

  .min-vh-xl-75 {
      min-height: 75vh
  }

  .min-vh-xl-50 {
      min-height: 50vh
  }

  .min-vh-xl-25 {
      min-height: 25vh
  }

  .max-vh-xl-100 {
      max-height: 100vh
  }

  .max-vh-xl-75 {
      max-height: 75vh
  }

  .max-vh-xl-50 {
      max-height: 50vh
  }

  .max-vh-xl-25 {
      max-height: 25vh
  }

  .max-vh-xl-100 {
      max-height: 100vh
  }

  .max-w-xl-75 {
      max-width: 75%!important
  }

  .max-w-xl-50 {
      max-width: 50%!important
  }

  .max-w-xl-25 {
      max-width: 25%!important
  }

  .vh-xl-100 {
      height: 100vh
  }

  .vh-xl-75 {
      height: 75vh
  }

  .vh-xl-50 {
      height: 50vh
  }

  .vh-xl-25 {
      height: 25vh
  }
}

@media(min-width: 1540px) {
  .w-xxl-25 {
      width:25%!important
  }

  .w-xxl-50 {
      width: 50%!important
  }

  .w-xxl-75 {
      width: 75%!important
  }

  .w-xxl-100 {
      width: 100%!important
  }

  .w-xxl-auto {
      width: auto!important
  }

  .h-xxl-25 {
      height: 25%!important
  }

  .h-xxl-50 {
      height: 50%!important
  }

  .h-xxl-75 {
      height: 75%!important
  }

  .h-xxl-100 {
      height: 100%!important
  }

  .h-xxl-auto {
      height: auto!important
  }

  .min-vh-xxl-100 {
      min-height: 100vh
  }

  .min-vh-xxl-75 {
      min-height: 75vh
  }

  .min-vh-xxl-50 {
      min-height: 50vh
  }

  .min-vh-xxl-25 {
      min-height: 25vh
  }

  .max-vh-xxl-100 {
      max-height: 100vh
  }

  .max-vh-xxl-75 {
      max-height: 75vh
  }

  .max-vh-xxl-50 {
      max-height: 50vh
  }

  .max-vh-xxl-25 {
      max-height: 25vh
  }

  .max-vh-xxl-100 {
      max-height: 100vh
  }

  .max-w-xxl-75 {
      max-width: 75%!important
  }

  .max-w-xxl-50 {
      max-width: 50%!important
  }

  .max-w-xxl-25 {
      max-width: 25%!important
  }

  .vh-xxl-100 {
      height: 100vh
  }

  .vh-xxl-75 {
      height: 75vh
  }

  .vh-xxl-50 {
      height: 50vh
  }

  .vh-xxl-25 {
      height: 25vh
  }
}

.min-w-0 {
  min-width: 0
}

.max-w-100 {
  max-width: 100%
}

.position-static {
  position: static!important
}

.position-relative {
  position: relative!important
}

.position-absolute {
  position: absolute!important
}

.position-fixed {
  position: fixed!important
}

.position-sticky {
  position: -webkit-sticky!important;
  position: sticky!important
}

@media(min-width: 576px) {
  .position-sm-static {
      position:static!important
  }

  .position-sm-relative {
      position: relative!important
  }

  .position-sm-absolute {
      position: absolute!important
  }

  .position-sm-fixed {
      position: fixed!important
  }

  .position-sm-sticky {
      position: -webkit-sticky!important;
      position: sticky!important
  }
}

@media(min-width: 768px) {
  .position-md-static {
      position:static!important
  }

  .position-md-relative {
      position: relative!important
  }

  .position-md-absolute {
      position: absolute!important
  }

  .position-md-fixed {
      position: fixed!important
  }

  .position-md-sticky {
      position: -webkit-sticky!important;
      position: sticky!important
  }
}

@media(min-width: 992px) {
  .position-lg-static {
      position:static!important
  }

  .position-lg-relative {
      position: relative!important
  }

  .position-lg-absolute {
      position: absolute!important
  }

  .position-lg-fixed {
      position: fixed!important
  }

  .position-lg-sticky {
      position: -webkit-sticky!important;
      position: sticky!important
  }
}

@media(min-width: 1200px) {
  .position-xl-static {
      position:static!important
  }

  .position-xl-relative {
      position: relative!important
  }

  .position-xl-absolute {
      position: absolute!important
  }

  .position-xl-fixed {
      position: fixed!important
  }

  .position-xl-sticky {
      position: -webkit-sticky!important;
      position: sticky!important
  }
}

@media(min-width: 1540px) {
  .position-xxl-static {
      position:static!important
  }

  .position-xxl-relative {
      position: relative!important
  }

  .position-xxl-absolute {
      position: absolute!important
  }

  .position-xxl-fixed {
      position: fixed!important
  }

  .position-xxl-sticky {
      position: -webkit-sticky!important;
      position: sticky!important
  }
}



.bg-glass {
  background-color: rgba(255,255,255,.9)
}

.bg-100 {
  background-color: #f9fafd!important
}

a.bg-100:focus,a.bg-100:hover,button.bg-100:focus,button.bg-100:hover {
  background-color: #d3daf0!important
}

.bg-200 {
  background-color: #edf2f9!important
}

a.bg-200:focus,a.bg-200:hover,button.bg-200:focus,button.bg-200:hover {
  background-color: #c7d6ec!important
}

.bg-300 {
  background-color: #d8e2ef!important
}

a.bg-300:focus,a.bg-300:hover,button.bg-300:focus,button.bg-300:hover {
  background-color: #b4c7e0!important
}

.bg-400 {
  background-color: #b6c1d2!important
}

a.bg-400:focus,a.bg-400:hover,button.bg-400:focus,button.bg-400:hover {
  background-color: #96a6bf!important
}

.bg-500 {
  background-color: #9da9bb!important
}

a.bg-500:focus,a.bg-500:hover,button.bg-500:focus,button.bg-500:hover {
  background-color: #7f8fa6!important
}

.bg-600 {
  background-color: #748194!important
}

a.bg-600:focus,a.bg-600:hover,button.bg-600:focus,button.bg-600:hover {
  background-color: #5d6878!important
}

.bg-700 {
  background-color: #5e6e82!important
}

a.bg-700:focus,a.bg-700:hover,button.bg-700:focus,button.bg-700:hover {
  background-color: #495564!important
}

.bg-800 {
  background-color: #4d5969!important
}

a.bg-800:focus,a.bg-800:hover,button.bg-800:focus,button.bg-800:hover {
  background-color: #37404c!important
}

.bg-900 {
  background-color: #344050!important
}

a.bg-900:focus,a.bg-900:hover,button.bg-900:focus,button.bg-900:hover {
  background-color: #202731!important
}

.bg-black {
  background-color: #000!important
}

a.bg-black:focus,a.bg-black:hover,button.bg-black:focus,button.bg-black:hover {
  background-color: #000!important
}

.bg-1000 {
  background-color: #232e3c!important
}

a.bg-1000:focus,a.bg-1000:hover,button.bg-1000:focus,button.bg-1000:hover {
  background-color: #10151c!important
}

.bg-1100 {
  background-color: #0b1727!important
}

a.bg-1100:focus,a.bg-1100:hover,button.bg-1100:focus,button.bg-1100:hover {
  background-color: #000!important
}

.bg-white {
  background-color: #fff!important
}

a.bg-white:focus,a.bg-white:hover,button.bg-white:focus,button.bg-white:hover {
  background-color: #e6e6e6!important
}

.bg-facebook {
  background-color: #3c5a99!important
}

a.bg-facebook:focus,a.bg-facebook:hover,button.bg-facebook:focus,button.bg-facebook:hover {
  background-color: #2e4474!important
}

.bg-twitter {
  background-color: #1da1f2!important
}

a.bg-twitter:focus,a.bg-twitter:hover,button.bg-twitter:focus,button.bg-twitter:hover {
  background-color: #0c85d0!important
}

.bg-google-plus {
  background-color: #dd4b39!important
}

a.bg-google-plus:focus,a.bg-google-plus:hover,button.bg-google-plus:focus,button.bg-google-plus:hover {
  background-color: #c23321!important
}

.bg-linkedin {
  background-color: #0077b5!important
}

a.bg-linkedin:focus,a.bg-linkedin:hover,button.bg-linkedin:focus,button.bg-linkedin:hover {
  background-color: #005582!important
}

.bg-card {
  background-size: contain;
  background-position: right;
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem
}

[dir=rtl] .bg-card {
  background-position: left;
  transform: scaleX(-1);
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.bg-gradient {
  /*background-image: linear-gradient(-45deg,#014ba7,#0183d0);*/
  background-image: linear-gradient(-45deg,#014ba7,#0E4E8A);
  background-position: center
}

.bg-card-gradient {
  background-image: linear-gradient(-45deg,#1970e2,#4695ff);
  background-position: center
}

.bg-auth-circle-shape,.bg-auth-circle-shape-2 {
  display: none
}



.d-none {
  display: none!important
}

.d-inline {
  display: inline!important
}

.d-inline-block {
  display: inline-block!important
}

.d-block {
  display: block!important
}

.d-table {
  display: table!important
}

.d-table-row {
  display: table-row!important
}

.d-table-cell {
  display: table-cell!important
}

.d-flex {
  display: flex!important
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-coloumn {
    flex-direction: column!important;
}

.flex-end {
    justify-content: end;
}

.div-border {
    border: #020031 solid 1px;
}

.gap-1 {
    gap: 1rem;
}

.d-inline-flex {
  display: inline-flex!important
}

@media(min-width: 576px) {
  .d-sm-none {
      display:none!important
  }

  .d-sm-inline {
      display: inline!important
  }

  .d-sm-inline-block {
      display: inline-block!important
  }

  .d-sm-block {
      display: block!important
  }

  .d-sm-table {
      display: table!important
  }

  .d-sm-table-row {
      display: table-row!important
  }

  .d-sm-table-cell {
      display: table-cell!important
  }

  .d-sm-flex {
      display: flex!important
  }

  .d-sm-inline-flex {
      display: inline-flex!important
  }
}

@media(min-width: 768px) {
  .d-md-none {
      display:none!important
  }

  .d-md-inline {
      display: inline!important
  }

  .d-md-inline-block {
      display: inline-block!important
  }

  .d-md-block {
      display: block!important
  }

  .d-md-table {
      display: table!important
  }

  .d-md-table-row {
      display: table-row!important
  }

  .d-md-table-cell {
      display: table-cell!important
  }

  .d-md-flex {
      display: flex!important
  }

  .d-md-inline-flex {
      display: inline-flex!important
  }
}

@media(min-width: 992px) {
  .d-lg-none {
      display:none!important
  }

  .d-lg-inline {
      display: inline!important
  }

  .d-lg-inline-block {
      display: inline-block!important
  }

  .d-lg-block {
      display: block!important
  }

  .d-lg-table {
      display: table!important
  }

  .d-lg-table-row {
      display: table-row!important
  }

  .d-lg-table-cell {
      display: table-cell!important
  }

  .d-lg-flex {
      display: flex!important
  }

  .d-lg-inline-flex {
      display: inline-flex!important
  }
}

@media(min-width: 1200px) {
  .d-xl-none {
      display:none!important
  }

  .d-xl-inline {
      display: inline!important
  }

  .d-xl-inline-block {
      display: inline-block!important
  }

  .d-xl-block {
      display: block!important
  }

  .d-xl-table {
      display: table!important
  }

  .d-xl-table-row {
      display: table-row!important
  }

  .d-xl-table-cell {
      display: table-cell!important
  }

  .d-xl-flex {
      display: flex!important
  }

  .d-xl-inline-flex {
      display: inline-flex!important
  }
}

@media(min-width: 1540px) {
  .d-xxl-none {
      display:none!important
  }

  .d-xxl-inline {
      display: inline!important
  }

  .d-xxl-inline-block {
      display: inline-block!important
  }

  .d-xxl-block {
      display: block!important
  }

  .d-xxl-table {
      display: table!important
  }

  .d-xxl-table-row {
      display: table-row!important
  }

  .d-xxl-table-cell {
      display: table-cell!important
  }

  .d-xxl-flex {
      display: flex!important
  }

  .d-xxl-inline-flex {
      display: inline-flex!important
  }
}

@media print {
  .d-print-none {
      display: none!important
  }

  .d-print-inline {
      display: inline!important
  }

  .d-print-inline-block {
      display: inline-block!important
  }

  .d-print-block {
      display: block!important
  }

  .d-print-table {
      display: table!important
  }

  .d-print-table-row {
      display: table-row!important
  }

  .d-print-table-cell {
      display: table-cell!important
  }

  .d-print-flex {
      display: flex!important
  }

  .d-print-inline-flex {
      display: inline-flex!important
  }
}


.m-0 {
  margin: 0!important
}

.mt-0,.my-0 {
  margin-top: 0!important
}

.mr-0,.mx-0 {
  margin-right: 0!important
}

.mb-0,.my-0 {
  margin-bottom: 0!important
}

.ml-0,.mx-0 {
  margin-left: 0!important
}

.m-1 {
  margin: .25rem!important
}

.mt-1,.my-1 {
  margin-top: .25rem!important
}

.mr-1,.mx-1 {
  margin-right: .25rem!important
}

.mb-1,.my-1 {
  margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
  margin-left: .25rem!important
}

.m-2 {
  margin: .5rem!important
}

.mt-2,.my-2 {
  margin-top: .5rem!important
}

.mr-2,.mx-2 {
  margin-right: .5rem!important
}

.mb-2,.my-2 {
  margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
  margin-left: .5rem!important
}

.m-3 {
  margin: 1rem!important
}

.mt-3,.my-3 {
  margin-top: 1rem!important
}

.mr-3,.mx-3 {
  margin-right: 1rem!important
}

.mb-3,.my-3 {
  margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
  margin-left: 1rem!important
}

.m-4 {
  margin: 1.8rem!important
}

.mt-4,.my-4 {
  margin-top: 1.8rem!important
}

.mr-4,.mx-4 {
  margin-right: 1.8rem!important
}

.mb-4,.my-4 {
  margin-bottom: 1.8rem!important
}

.ml-4,.mx-4 {
  margin-left: 1.8rem!important
}

.m-5 {
  margin: 3rem!important
}

.mt-5,.my-5 {
  margin-top: 3rem!important
}

.mr-5,.mx-5 {
  margin-right: 3rem!important
}

.mb-5,.my-5 {
  margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
  margin-left: 3rem!important
}

.m-6 {
  margin: 4rem!important
}

.mt-6,.my-6 {
  margin-top: 4rem!important
}

.mr-6,.mx-6 {
  margin-right: 4rem!important
}

.mb-6,.my-6 {
  margin-bottom: 4rem!important
}

.ml-6,.mx-6 {
  margin-left: 4rem!important
}

.m-7 {
  margin: 5rem!important
}

.mt-7,.my-7 {
  margin-top: 5rem!important
}

.mr-7,.mx-7 {
  margin-right: 5rem!important
}

.mb-7,.my-7 {
  margin-bottom: 5rem!important
}

.ml-7,.mx-7 {
  margin-left: 5rem!important
}

.m-8 {
  margin: 7.5rem!important
}

.mt-8,.my-8 {
  margin-top: 7.5rem!important
}

.mr-8,.mx-8 {
  margin-right: 7.5rem!important
}

.mb-8,.my-8 {
  margin-bottom: 7.5rem!important
}

.ml-8,.mx-8 {
  margin-left: 7.5rem!important
}

.m-9 {
  margin: 10rem!important
}

.mt-9,.my-9 {
  margin-top: 10rem!important
}

.mr-9,.mx-9 {
  margin-right: 10rem!important
}

.mb-9,.my-9 {
  margin-bottom: 10rem!important
}

.ml-9,.mx-9 {
  margin-left: 10rem!important
}

.m-10 {
  margin: 12.5rem!important
}

.mt-10,.my-10 {
  margin-top: 12.5rem!important
}

.mr-10,.mx-10 {
  margin-right: 12.5rem!important
}

.mb-10,.my-10 {
  margin-bottom: 12.5rem!important
}

.ml-10,.mx-10 {
  margin-left: 12.5rem!important
}

.m-11 {
  margin: 15rem!important
}

.mt-11,.my-11 {
  margin-top: 15rem!important
}

.mr-11,.mx-11 {
  margin-right: 15rem!important
}

.mb-11,.my-11 {
  margin-bottom: 15rem!important
}

.ml-11,.mx-11 {
  margin-left: 15rem!important
}

.p-0 {
  padding: 0!important
}

.pt-0,.py-0 {
  padding-top: 0!important
}

.pr-0,.px-0 {
  padding-right: 0!important
}

.pb-0,.py-0 {
  padding-bottom: 0!important
}

.pl-0,.px-0 {
  padding-left: 0!important
}

.p-1 {
  padding: .25rem!important
}

.pt-1,.py-1 {
  padding-top: .25rem!important
}

.pr-1,.px-1 {
  padding-right: .25rem!important
}

.pb-1,.py-1 {
  padding-bottom: .25rem!important
}

.pl-1,.px-1 {
  padding-left: .25rem!important
}

.p-2 {
  padding: .5rem!important
}

.pt-2,.py-2 {
  padding-top: .5rem!important
}

.pr-2,.px-2 {
  padding-right: .5rem!important
}

.pb-2,.py-2 {
  padding-bottom: .5rem!important
}

.pl-2,.px-2 {
  padding-left: .5rem!important
}

.p-3 {
  padding: 1rem!important
}

.pt-3,.py-3 {
  padding-top: 1rem!important
}

.pr-3,.px-3 {
  padding-right: 1rem!important
}

.pb-3,.py-3 {
  padding-bottom: 1rem!important
}

.pl-3,.px-3 {
  padding-left: 1rem!important
}

.p-4 {
  padding: 1.8rem!important
}

.pt-4,.py-4 {
  padding-top: 1.8rem!important
}

.pr-4,.px-4 {
  padding-right: 1.8rem!important
}

.pb-4,.py-4 {
  padding-bottom: 1.8rem!important
}

.pl-4,.px-4 {
  padding-left: 1.8rem!important
}

.p-5 {
  padding: 3rem!important
}

.pt-5,.py-5 {
  padding-top: 3rem!important
}

.pr-5,.px-5 {
  padding-right: 3rem!important
}

.pb-5,.py-5 {
  padding-bottom: 3rem!important
}

.pl-5,.px-5 {
  padding-left: 3rem!important
}

.p-6 {
  padding: 4rem!important
}

.pt-6,.py-6 {
  padding-top: 4rem!important
}

.pr-6,.px-6 {
  padding-right: 4rem!important
}

.pb-6,.py-6 {
  padding-bottom: 4rem!important
}

.pl-6,.px-6 {
  padding-left: 4rem!important
}

.p-7 {
  padding: 5rem!important
}

.pt-7,.py-7 {
  padding-top: 5rem!important
}

.pr-7,.px-7 {
  padding-right: 5rem!important
}

.pb-7,.py-7 {
  padding-bottom: 5rem!important
}

.pl-7,.px-7 {
  padding-left: 5rem!important
}

.p-8 {
  padding: 7.5rem!important
}

.pt-8,.py-8 {
  padding-top: 7.5rem!important
}

.pr-8,.px-8 {
  padding-right: 7.5rem!important
}

.pb-8,.py-8 {
  padding-bottom: 7.5rem!important
}

.pl-8,.px-8 {
  padding-left: 7.5rem!important
}

.p-9 {
  padding: 10rem!important
}

.pt-9,.py-9 {
  padding-top: 10rem!important
}

.pr-9,.px-9 {
  padding-right: 10rem!important
}

.pb-9,.py-9 {
  padding-bottom: 10rem!important
}

.pl-9,.px-9 {
  padding-left: 10rem!important
}

.p-10 {
  padding: 12.5rem!important
}

.pt-10,.py-10 {
  padding-top: 12.5rem!important
}

.pr-10,.px-10 {
  padding-right: 12.5rem!important
}

.pb-10,.py-10 {
  padding-bottom: 12.5rem!important
}

.pl-10,.px-10 {
  padding-left: 12.5rem!important
}

.p-11 {
  padding: 15rem!important
}

.pt-11,.py-11 {
  padding-top: 15rem!important
}

.pr-11,.px-11 {
  padding-right: 15rem!important
}

.pb-11,.py-11 {
  padding-bottom: 15rem!important
}

.pl-11,.px-11 {
  padding-left: 15rem!important
}

.m-n1 {
  margin: -.25rem!important
}

.mt-n1,.my-n1 {
  margin-top: -.25rem!important
}

.mr-n1,.mx-n1 {
  margin-right: -.25rem!important
}

.mb-n1,.my-n1 {
  margin-bottom: -.25rem!important
}

.ml-n1,.mx-n1 {
  margin-left: -.25rem!important
}

.m-n2 {
  margin: -.5rem!important
}

.mt-n2,.my-n2 {
  margin-top: -.5rem!important
}

.mr-n2,.mx-n2 {
  margin-right: -.5rem!important
}

.mb-n2,.my-n2 {
  margin-bottom: -.5rem!important
}

.ml-n2,.mx-n2 {
  margin-left: -.5rem!important
}

.m-n3 {
  margin: -1rem!important
}

.mt-n3,.my-n3 {
  margin-top: -1rem!important
}

.mr-n3,.mx-n3 {
  margin-right: -1rem!important
}

.mb-n3,.my-n3 {
  margin-bottom: -1rem!important
}

.ml-n3,.mx-n3 {
  margin-left: -1rem!important
}

.m-n4 {
  margin: -1.8rem!important
}

.mt-n4,.my-n4 {
  margin-top: -1.8rem!important
}

.mr-n4,.mx-n4 {
  margin-right: -1.8rem!important
}

.mb-n4,.my-n4 {
  margin-bottom: -1.8rem!important
}

.ml-n4,.mx-n4 {
  margin-left: -1.8rem!important
}

.m-n5 {
  margin: -3rem!important
}

.mt-n5,.my-n5 {
  margin-top: -3rem!important
}

.mr-n5,.mx-n5 {
  margin-right: -3rem!important
}

.mb-n5,.my-n5 {
  margin-bottom: -3rem!important
}

.ml-n5,.mx-n5 {
  margin-left: -3rem!important
}

.m-n6 {
  margin: -4rem!important
}

.mt-n6,.my-n6 {
  margin-top: -4rem!important
}

.mr-n6,.mx-n6 {
  margin-right: -4rem!important
}

.mb-n6,.my-n6 {
  margin-bottom: -4rem!important
}

.ml-n6,.mx-n6 {
  margin-left: -4rem!important
}

.m-n7 {
  margin: -5rem!important
}

.mt-n7,.my-n7 {
  margin-top: -5rem!important
}

.mr-n7,.mx-n7 {
  margin-right: -5rem!important
}

.mb-n7,.my-n7 {
  margin-bottom: -5rem!important
}

.ml-n7,.mx-n7 {
  margin-left: -5rem!important
}

.m-n8 {
  margin: -7.5rem!important
}

.mt-n8,.my-n8 {
  margin-top: -7.5rem!important
}

.mr-n8,.mx-n8 {
  margin-right: -7.5rem!important
}

.mb-n8,.my-n8 {
  margin-bottom: -7.5rem!important
}

.ml-n8,.mx-n8 {
  margin-left: -7.5rem!important
}

.m-n9 {
  margin: -10rem!important
}

.mt-n9,.my-n9 {
  margin-top: -10rem!important
}

.mr-n9,.mx-n9 {
  margin-right: -10rem!important
}

.mb-n9,.my-n9 {
  margin-bottom: -10rem!important
}

.ml-n9,.mx-n9 {
  margin-left: -10rem!important
}

.m-n10 {
  margin: -12.5rem!important
}

.mt-n10,.my-n10 {
  margin-top: -12.5rem!important
}

.mr-n10,.mx-n10 {
  margin-right: -12.5rem!important
}

.mb-n10,.my-n10 {
  margin-bottom: -12.5rem!important
}

.ml-n10,.mx-n10 {
  margin-left: -12.5rem!important
}

.m-n11 {
  margin: -15rem!important
}

.mt-n11,.my-n11 {
  margin-top: -15rem!important
}

.mr-n11,.mx-n11 {
  margin-right: -15rem!important
}

.mb-n11,.my-n11 {
  margin-bottom: -15rem!important
}

.ml-n11,.mx-n11 {
  margin-left: -15rem!important
}

.m-auto {
  margin: auto!important
}

.mt-auto,.my-auto {
  margin-top: auto!important
}

.mr-auto,.mx-auto {
  margin-right: auto!important
}

.mb-auto,.my-auto {
  margin-bottom: auto!important
}

.ml-auto,.mx-auto {
  margin-left: auto!important
}

@media(min-width: 576px) {
  .m-sm-0 {
      margin:0!important
  }

  .mt-sm-0,.my-sm-0 {
      margin-top: 0!important
  }

  .mr-sm-0,.mx-sm-0 {
      margin-right: 0!important
  }

  .mb-sm-0,.my-sm-0 {
      margin-bottom: 0!important
  }

  .ml-sm-0,.mx-sm-0 {
      margin-left: 0!important
  }

  .m-sm-1 {
      margin: .25rem!important
  }

  .mt-sm-1,.my-sm-1 {
      margin-top: .25rem!important
  }

  .mr-sm-1,.mx-sm-1 {
      margin-right: .25rem!important
  }

  .mb-sm-1,.my-sm-1 {
      margin-bottom: .25rem!important
  }

  .ml-sm-1,.mx-sm-1 {
      margin-left: .25rem!important
  }

  .m-sm-2 {
      margin: .5rem!important
  }

  .mt-sm-2,.my-sm-2 {
      margin-top: .5rem!important
  }

  .mr-sm-2,.mx-sm-2 {
      margin-right: .5rem!important
  }

  .mb-sm-2,.my-sm-2 {
      margin-bottom: .5rem!important
  }

  .ml-sm-2,.mx-sm-2 {
      margin-left: .5rem!important
  }

  .m-sm-3 {
      margin: 1rem!important
  }

  .mt-sm-3,.my-sm-3 {
      margin-top: 1rem!important
  }

  .mr-sm-3,.mx-sm-3 {
      margin-right: 1rem!important
  }

  .mb-sm-3,.my-sm-3 {
      margin-bottom: 1rem!important
  }

  .ml-sm-3,.mx-sm-3 {
      margin-left: 1rem!important
  }

  .m-sm-4 {
      margin: 1.8rem!important
  }

  .mt-sm-4,.my-sm-4 {
      margin-top: 1.8rem!important
  }

  .mr-sm-4,.mx-sm-4 {
      margin-right: 1.8rem!important
  }

  .mb-sm-4,.my-sm-4 {
      margin-bottom: 1.8rem!important
  }

  .ml-sm-4,.mx-sm-4 {
      margin-left: 1.8rem!important
  }

  .m-sm-5 {
      margin: 3rem!important
  }

  .mt-sm-5,.my-sm-5 {
      margin-top: 3rem!important
  }

  .mr-sm-5,.mx-sm-5 {
      margin-right: 3rem!important
  }

  .mb-sm-5,.my-sm-5 {
      margin-bottom: 3rem!important
  }

  .ml-sm-5,.mx-sm-5 {
      margin-left: 3rem!important
  }

  .m-sm-6 {
      margin: 4rem!important
  }

  .mt-sm-6,.my-sm-6 {
      margin-top: 4rem!important
  }

  .mr-sm-6,.mx-sm-6 {
      margin-right: 4rem!important
  }

  .mb-sm-6,.my-sm-6 {
      margin-bottom: 4rem!important
  }

  .ml-sm-6,.mx-sm-6 {
      margin-left: 4rem!important
  }

  .m-sm-7 {
      margin: 5rem!important
  }

  .mt-sm-7,.my-sm-7 {
      margin-top: 5rem!important
  }

  .mr-sm-7,.mx-sm-7 {
      margin-right: 5rem!important
  }

  .mb-sm-7,.my-sm-7 {
      margin-bottom: 5rem!important
  }

  .ml-sm-7,.mx-sm-7 {
      margin-left: 5rem!important
  }

  .m-sm-8 {
      margin: 7.5rem!important
  }

  .mt-sm-8,.my-sm-8 {
      margin-top: 7.5rem!important
  }

  .mr-sm-8,.mx-sm-8 {
      margin-right: 7.5rem!important
  }

  .mb-sm-8,.my-sm-8 {
      margin-bottom: 7.5rem!important
  }

  .ml-sm-8,.mx-sm-8 {
      margin-left: 7.5rem!important
  }

  .m-sm-9 {
      margin: 10rem!important
  }

  .mt-sm-9,.my-sm-9 {
      margin-top: 10rem!important
  }

  .mr-sm-9,.mx-sm-9 {
      margin-right: 10rem!important
  }

  .mb-sm-9,.my-sm-9 {
      margin-bottom: 10rem!important
  }

  .ml-sm-9,.mx-sm-9 {
      margin-left: 10rem!important
  }

  .m-sm-10 {
      margin: 12.5rem!important
  }

  .mt-sm-10,.my-sm-10 {
      margin-top: 12.5rem!important
  }

  .mr-sm-10,.mx-sm-10 {
      margin-right: 12.5rem!important
  }

  .mb-sm-10,.my-sm-10 {
      margin-bottom: 12.5rem!important
  }

  .ml-sm-10,.mx-sm-10 {
      margin-left: 12.5rem!important
  }

  .m-sm-11 {
      margin: 15rem!important
  }

  .mt-sm-11,.my-sm-11 {
      margin-top: 15rem!important
  }

  .mr-sm-11,.mx-sm-11 {
      margin-right: 15rem!important
  }

  .mb-sm-11,.my-sm-11 {
      margin-bottom: 15rem!important
  }

  .ml-sm-11,.mx-sm-11 {
      margin-left: 15rem!important
  }

  .p-sm-0 {
      padding: 0!important
  }

  .pt-sm-0,.py-sm-0 {
      padding-top: 0!important
  }

  .pr-sm-0,.px-sm-0 {
      padding-right: 0!important
  }

  .pb-sm-0,.py-sm-0 {
      padding-bottom: 0!important
  }

  .pl-sm-0,.px-sm-0 {
      padding-left: 0!important
  }

  .p-sm-1 {
      padding: .25rem!important
  }

  .pt-sm-1,.py-sm-1 {
      padding-top: .25rem!important
  }

  .pr-sm-1,.px-sm-1 {
      padding-right: .25rem!important
  }

  .pb-sm-1,.py-sm-1 {
      padding-bottom: .25rem!important
  }

  .pl-sm-1,.px-sm-1 {
      padding-left: .25rem!important
  }

  .p-sm-2 {
      padding: .5rem!important
  }

  .pt-sm-2,.py-sm-2 {
      padding-top: .5rem!important
  }

  .pr-sm-2,.px-sm-2 {
      padding-right: .5rem!important
  }

  .pb-sm-2,.py-sm-2 {
      padding-bottom: .5rem!important
  }

  .pl-sm-2,.px-sm-2 {
      padding-left: .5rem!important
  }

  .p-sm-3 {
      padding: 1rem!important
  }

  .pt-sm-3,.py-sm-3 {
      padding-top: 1rem!important
  }

  .pr-sm-3,.px-sm-3 {
      padding-right: 1rem!important
  }

  .pb-sm-3,.py-sm-3 {
      padding-bottom: 1rem!important
  }

  .pl-sm-3,.px-sm-3 {
      padding-left: 1rem!important
  }

  .p-sm-4 {
      padding: 1.8rem!important
  }

  .pt-sm-4,.py-sm-4 {
      padding-top: 1.8rem!important
  }

  .pr-sm-4,.px-sm-4 {
      padding-right: 1.8rem!important
  }

  .pb-sm-4,.py-sm-4 {
      padding-bottom: 1.8rem!important
  }

  .pl-sm-4,.px-sm-4 {
      padding-left: 1.8rem!important
  }

  .p-sm-5 {
      padding: 3rem!important
  }

  .pt-sm-5,.py-sm-5 {
      padding-top: 3rem!important
  }

  .pr-sm-5,.px-sm-5 {
      padding-right: 3rem!important
  }

  .pb-sm-5,.py-sm-5 {
      padding-bottom: 3rem!important
  }

  .pl-sm-5,.px-sm-5 {
      padding-left: 3rem!important
  }

  .p-sm-6 {
      padding: 4rem!important
  }

  .pt-sm-6,.py-sm-6 {
      padding-top: 4rem!important
  }

  .pr-sm-6,.px-sm-6 {
      padding-right: 4rem!important
  }

  .pb-sm-6,.py-sm-6 {
      padding-bottom: 4rem!important
  }

  .pl-sm-6,.px-sm-6 {
      padding-left: 4rem!important
  }

  .p-sm-7 {
      padding: 5rem!important
  }

  .pt-sm-7,.py-sm-7 {
      padding-top: 5rem!important
  }

  .pr-sm-7,.px-sm-7 {
      padding-right: 5rem!important
  }

  .pb-sm-7,.py-sm-7 {
      padding-bottom: 5rem!important
  }

  .pl-sm-7,.px-sm-7 {
      padding-left: 5rem!important
  }

  .p-sm-8 {
      padding: 7.5rem!important
  }

  .pt-sm-8,.py-sm-8 {
      padding-top: 7.5rem!important
  }

  .pr-sm-8,.px-sm-8 {
      padding-right: 7.5rem!important
  }

  .pb-sm-8,.py-sm-8 {
      padding-bottom: 7.5rem!important
  }

  .pl-sm-8,.px-sm-8 {
      padding-left: 7.5rem!important
  }

  .p-sm-9 {
      padding: 10rem!important
  }

  .pt-sm-9,.py-sm-9 {
      padding-top: 10rem!important
  }

  .pr-sm-9,.px-sm-9 {
      padding-right: 10rem!important
  }

  .pb-sm-9,.py-sm-9 {
      padding-bottom: 10rem!important
  }

  .pl-sm-9,.px-sm-9 {
      padding-left: 10rem!important
  }

  .p-sm-10 {
      padding: 12.5rem!important
  }

  .pt-sm-10,.py-sm-10 {
      padding-top: 12.5rem!important
  }

  .pr-sm-10,.px-sm-10 {
      padding-right: 12.5rem!important
  }

  .pb-sm-10,.py-sm-10 {
      padding-bottom: 12.5rem!important
  }

  .pl-sm-10,.px-sm-10 {
      padding-left: 12.5rem!important
  }

  .p-sm-11 {
      padding: 15rem!important
  }

  .pt-sm-11,.py-sm-11 {
      padding-top: 15rem!important
  }

  .pr-sm-11,.px-sm-11 {
      padding-right: 15rem!important
  }

  .pb-sm-11,.py-sm-11 {
      padding-bottom: 15rem!important
  }

  .pl-sm-11,.px-sm-11 {
      padding-left: 15rem!important
  }

  .m-sm-n1 {
      margin: -.25rem!important
  }

  .mt-sm-n1,.my-sm-n1 {
      margin-top: -.25rem!important
  }

  .mr-sm-n1,.mx-sm-n1 {
      margin-right: -.25rem!important
  }

  .mb-sm-n1,.my-sm-n1 {
      margin-bottom: -.25rem!important
  }

  .ml-sm-n1,.mx-sm-n1 {
      margin-left: -.25rem!important
  }

  .m-sm-n2 {
      margin: -.5rem!important
  }

  .mt-sm-n2,.my-sm-n2 {
      margin-top: -.5rem!important
  }

  .mr-sm-n2,.mx-sm-n2 {
      margin-right: -.5rem!important
  }

  .mb-sm-n2,.my-sm-n2 {
      margin-bottom: -.5rem!important
  }

  .ml-sm-n2,.mx-sm-n2 {
      margin-left: -.5rem!important
  }

  .m-sm-n3 {
      margin: -1rem!important
  }

  .mt-sm-n3,.my-sm-n3 {
      margin-top: -1rem!important
  }

  .mr-sm-n3,.mx-sm-n3 {
      margin-right: -1rem!important
  }

  .mb-sm-n3,.my-sm-n3 {
      margin-bottom: -1rem!important
  }

  .ml-sm-n3,.mx-sm-n3 {
      margin-left: -1rem!important
  }

  .m-sm-n4 {
      margin: -1.8rem!important
  }

  .mt-sm-n4,.my-sm-n4 {
      margin-top: -1.8rem!important
  }

  .mr-sm-n4,.mx-sm-n4 {
      margin-right: -1.8rem!important
  }

  .mb-sm-n4,.my-sm-n4 {
      margin-bottom: -1.8rem!important
  }

  .ml-sm-n4,.mx-sm-n4 {
      margin-left: -1.8rem!important
  }

  .m-sm-n5 {
      margin: -3rem!important
  }

  .mt-sm-n5,.my-sm-n5 {
      margin-top: -3rem!important
  }

  .mr-sm-n5,.mx-sm-n5 {
      margin-right: -3rem!important
  }

  .mb-sm-n5,.my-sm-n5 {
      margin-bottom: -3rem!important
  }

  .ml-sm-n5,.mx-sm-n5 {
      margin-left: -3rem!important
  }

  .m-sm-n6 {
      margin: -4rem!important
  }

  .mt-sm-n6,.my-sm-n6 {
      margin-top: -4rem!important
  }

  .mr-sm-n6,.mx-sm-n6 {
      margin-right: -4rem!important
  }

  .mb-sm-n6,.my-sm-n6 {
      margin-bottom: -4rem!important
  }

  .ml-sm-n6,.mx-sm-n6 {
      margin-left: -4rem!important
  }

  .m-sm-n7 {
      margin: -5rem!important
  }

  .mt-sm-n7,.my-sm-n7 {
      margin-top: -5rem!important
  }

  .mr-sm-n7,.mx-sm-n7 {
      margin-right: -5rem!important
  }

  .mb-sm-n7,.my-sm-n7 {
      margin-bottom: -5rem!important
  }

  .ml-sm-n7,.mx-sm-n7 {
      margin-left: -5rem!important
  }

  .m-sm-n8 {
      margin: -7.5rem!important
  }

  .mt-sm-n8,.my-sm-n8 {
      margin-top: -7.5rem!important
  }

  .mr-sm-n8,.mx-sm-n8 {
      margin-right: -7.5rem!important
  }

  .mb-sm-n8,.my-sm-n8 {
      margin-bottom: -7.5rem!important
  }

  .ml-sm-n8,.mx-sm-n8 {
      margin-left: -7.5rem!important
  }

  .m-sm-n9 {
      margin: -10rem!important
  }

  .mt-sm-n9,.my-sm-n9 {
      margin-top: -10rem!important
  }

  .mr-sm-n9,.mx-sm-n9 {
      margin-right: -10rem!important
  }

  .mb-sm-n9,.my-sm-n9 {
      margin-bottom: -10rem!important
  }

  .ml-sm-n9,.mx-sm-n9 {
      margin-left: -10rem!important
  }

  .m-sm-n10 {
      margin: -12.5rem!important
  }

  .mt-sm-n10,.my-sm-n10 {
      margin-top: -12.5rem!important
  }

  .mr-sm-n10,.mx-sm-n10 {
      margin-right: -12.5rem!important
  }

  .mb-sm-n10,.my-sm-n10 {
      margin-bottom: -12.5rem!important
  }

  .ml-sm-n10,.mx-sm-n10 {
      margin-left: -12.5rem!important
  }

  .m-sm-n11 {
      margin: -15rem!important
  }

  .mt-sm-n11,.my-sm-n11 {
      margin-top: -15rem!important
  }

  .mr-sm-n11,.mx-sm-n11 {
      margin-right: -15rem!important
  }

  .mb-sm-n11,.my-sm-n11 {
      margin-bottom: -15rem!important
  }

  .ml-sm-n11,.mx-sm-n11 {
      margin-left: -15rem!important
  }

  .m-sm-auto {
      margin: auto!important
  }

  .mt-sm-auto,.my-sm-auto {
      margin-top: auto!important
  }

  .mr-sm-auto,.mx-sm-auto {
      margin-right: auto!important
  }

  .mb-sm-auto,.my-sm-auto {
      margin-bottom: auto!important
  }

  .ml-sm-auto,.mx-sm-auto {
      margin-left: auto!important
  }
}

@media(min-width: 768px) {
  .m-md-0 {
      margin:0!important
  }

  .mt-md-0,.my-md-0 {
      margin-top: 0!important
  }

  .mr-md-0,.mx-md-0 {
      margin-right: 0!important
  }

  .mb-md-0,.my-md-0 {
      margin-bottom: 0!important
  }

  .ml-md-0,.mx-md-0 {
      margin-left: 0!important
  }

  .m-md-1 {
      margin: .25rem!important
  }

  .mt-md-1,.my-md-1 {
      margin-top: .25rem!important
  }

  .mr-md-1,.mx-md-1 {
      margin-right: .25rem!important
  }

  .mb-md-1,.my-md-1 {
      margin-bottom: .25rem!important
  }

  .ml-md-1,.mx-md-1 {
      margin-left: .25rem!important
  }

  .m-md-2 {
      margin: .5rem!important
  }

  .mt-md-2,.my-md-2 {
      margin-top: .5rem!important
  }

  .mr-md-2,.mx-md-2 {
      margin-right: .5rem!important
  }

  .mb-md-2,.my-md-2 {
      margin-bottom: .5rem!important
  }

  .ml-md-2,.mx-md-2 {
      margin-left: .5rem!important
  }

  .m-md-3 {
      margin: 1rem!important
  }

  .mt-md-3,.my-md-3 {
      margin-top: 1rem!important
  }

  .mr-md-3,.mx-md-3 {
      margin-right: 1rem!important
  }

  .mb-md-3,.my-md-3 {
      margin-bottom: 1rem!important
  }

  .ml-md-3,.mx-md-3 {
      margin-left: 1rem!important
  }

  .m-md-4 {
      margin: 1.8rem!important
  }

  .mt-md-4,.my-md-4 {
      margin-top: 1.8rem!important
  }

  .mr-md-4,.mx-md-4 {
      margin-right: 1.8rem!important
  }

  .mb-md-4,.my-md-4 {
      margin-bottom: 1.8rem!important
  }

  .ml-md-4,.mx-md-4 {
      margin-left: 1.8rem!important
  }

  .m-md-5 {
      margin: 3rem!important
  }

  .mt-md-5,.my-md-5 {
      margin-top: 3rem!important
  }

  .mr-md-5,.mx-md-5 {
      margin-right: 3rem!important
  }

  .mb-md-5,.my-md-5 {
      margin-bottom: 3rem!important
  }

  .ml-md-5,.mx-md-5 {
      margin-left: 3rem!important
  }

  .m-md-6 {
      margin: 4rem!important
  }

  .mt-md-6,.my-md-6 {
      margin-top: 4rem!important
  }

  .mr-md-6,.mx-md-6 {
      margin-right: 4rem!important
  }

  .mb-md-6,.my-md-6 {
      margin-bottom: 4rem!important
  }

  .ml-md-6,.mx-md-6 {
      margin-left: 4rem!important
  }

  .m-md-7 {
      margin: 5rem!important
  }

  .mt-md-7,.my-md-7 {
      margin-top: 5rem!important
  }

  .mr-md-7,.mx-md-7 {
      margin-right: 5rem!important
  }

  .mb-md-7,.my-md-7 {
      margin-bottom: 5rem!important
  }

  .ml-md-7,.mx-md-7 {
      margin-left: 5rem!important
  }

  .m-md-8 {
      margin: 7.5rem!important
  }

  .mt-md-8,.my-md-8 {
      margin-top: 7.5rem!important
  }

  .mr-md-8,.mx-md-8 {
      margin-right: 7.5rem!important
  }

  .mb-md-8,.my-md-8 {
      margin-bottom: 7.5rem!important
  }

  .ml-md-8,.mx-md-8 {
      margin-left: 7.5rem!important
  }

  .m-md-9 {
      margin: 10rem!important
  }

  .mt-md-9,.my-md-9 {
      margin-top: 10rem!important
  }

  .mr-md-9,.mx-md-9 {
      margin-right: 10rem!important
  }

  .mb-md-9,.my-md-9 {
      margin-bottom: 10rem!important
  }

  .ml-md-9,.mx-md-9 {
      margin-left: 10rem!important
  }

  .m-md-10 {
      margin: 12.5rem!important
  }

  .mt-md-10,.my-md-10 {
      margin-top: 12.5rem!important
  }

  .mr-md-10,.mx-md-10 {
      margin-right: 12.5rem!important
  }

  .mb-md-10,.my-md-10 {
      margin-bottom: 12.5rem!important
  }

  .ml-md-10,.mx-md-10 {
      margin-left: 12.5rem!important
  }

  .m-md-11 {
      margin: 15rem!important
  }

  .mt-md-11,.my-md-11 {
      margin-top: 15rem!important
  }

  .mr-md-11,.mx-md-11 {
      margin-right: 15rem!important
  }

  .mb-md-11,.my-md-11 {
      margin-bottom: 15rem!important
  }

  .ml-md-11,.mx-md-11 {
      margin-left: 15rem!important
  }

  .p-md-0 {
      padding: 0!important
  }

  .pt-md-0,.py-md-0 {
      padding-top: 0!important
  }

  .pr-md-0,.px-md-0 {
      padding-right: 0!important
  }

  .pb-md-0,.py-md-0 {
      padding-bottom: 0!important
  }

  .pl-md-0,.px-md-0 {
      padding-left: 0!important
  }

  .p-md-1 {
      padding: .25rem!important
  }

  .pt-md-1,.py-md-1 {
      padding-top: .25rem!important
  }

  .pr-md-1,.px-md-1 {
      padding-right: .25rem!important
  }

  .pb-md-1,.py-md-1 {
      padding-bottom: .25rem!important
  }

  .pl-md-1,.px-md-1 {
      padding-left: .25rem!important
  }

  .p-md-2 {
      padding: .5rem!important
  }

  .pt-md-2,.py-md-2 {
      padding-top: .5rem!important
  }

  .pr-md-2,.px-md-2 {
      padding-right: .5rem!important
  }

  .pb-md-2,.py-md-2 {
      padding-bottom: .5rem!important
  }

  .pl-md-2,.px-md-2 {
      padding-left: .5rem!important
  }

  .p-md-3 {
      padding: 1rem!important
  }

  .pt-md-3,.py-md-3 {
      padding-top: 1rem!important
  }

  .pr-md-3,.px-md-3 {
      padding-right: 1rem!important
  }

  .pb-md-3,.py-md-3 {
      padding-bottom: 1rem!important
  }

  .pl-md-3,.px-md-3 {
      padding-left: 1rem!important
  }

  .p-md-4 {
      padding: 1.8rem!important
  }

  .pt-md-4,.py-md-4 {
      padding-top: 1.8rem!important
  }

  .pr-md-4,.px-md-4 {
      padding-right: 1.8rem!important
  }

  .pb-md-4,.py-md-4 {
      padding-bottom: 1.8rem!important
  }

  .pl-md-4,.px-md-4 {
      padding-left: 1.8rem!important
  }

  .p-md-5 {
      padding: 3rem!important
  }

  .pt-md-5,.py-md-5 {
      padding-top: 3rem!important
  }

  .pr-md-5,.px-md-5 {
      padding-right: 3rem!important
  }

  .pb-md-5,.py-md-5 {
      padding-bottom: 3rem!important
  }

  .pl-md-5,.px-md-5 {
      padding-left: 3rem!important
  }

  .p-md-6 {
      padding: 4rem!important
  }

  .pt-md-6,.py-md-6 {
      padding-top: 4rem!important
  }

  .pr-md-6,.px-md-6 {
      padding-right: 4rem!important
  }

  .pb-md-6,.py-md-6 {
      padding-bottom: 4rem!important
  }

  .pl-md-6,.px-md-6 {
      padding-left: 4rem!important
  }

  .p-md-7 {
      padding: 5rem!important
  }

  .pt-md-7,.py-md-7 {
      padding-top: 5rem!important
  }

  .pr-md-7,.px-md-7 {
      padding-right: 5rem!important
  }

  .pb-md-7,.py-md-7 {
      padding-bottom: 5rem!important
  }

  .pl-md-7,.px-md-7 {
      padding-left: 5rem!important
  }

  .p-md-8 {
      padding: 7.5rem!important
  }

  .pt-md-8,.py-md-8 {
      padding-top: 7.5rem!important
  }

  .pr-md-8,.px-md-8 {
      padding-right: 7.5rem!important
  }

  .pb-md-8,.py-md-8 {
      padding-bottom: 7.5rem!important
  }

  .pl-md-8,.px-md-8 {
      padding-left: 7.5rem!important
  }

  .p-md-9 {
      padding: 10rem!important
  }

  .pt-md-9,.py-md-9 {
      padding-top: 10rem!important
  }

  .pr-md-9,.px-md-9 {
      padding-right: 10rem!important
  }

  .pb-md-9,.py-md-9 {
      padding-bottom: 10rem!important
  }

  .pl-md-9,.px-md-9 {
      padding-left: 10rem!important
  }

  .p-md-10 {
      padding: 12.5rem!important
  }

  .pt-md-10,.py-md-10 {
      padding-top: 12.5rem!important
  }

  .pr-md-10,.px-md-10 {
      padding-right: 12.5rem!important
  }

  .pb-md-10,.py-md-10 {
      padding-bottom: 12.5rem!important
  }

  .pl-md-10,.px-md-10 {
      padding-left: 12.5rem!important
  }

  .p-md-11 {
      padding: 15rem!important
  }

  .pt-md-11,.py-md-11 {
      padding-top: 15rem!important
  }

  .pr-md-11,.px-md-11 {
      padding-right: 15rem!important
  }

  .pb-md-11,.py-md-11 {
      padding-bottom: 15rem!important
  }

  .pl-md-11,.px-md-11 {
      padding-left: 15rem!important
  }

  .m-md-n1 {
      margin: -.25rem!important
  }

  .mt-md-n1,.my-md-n1 {
      margin-top: -.25rem!important
  }

  .mr-md-n1,.mx-md-n1 {
      margin-right: -.25rem!important
  }

  .mb-md-n1,.my-md-n1 {
      margin-bottom: -.25rem!important
  }

  .ml-md-n1,.mx-md-n1 {
      margin-left: -.25rem!important
  }

  .m-md-n2 {
      margin: -.5rem!important
  }

  .mt-md-n2,.my-md-n2 {
      margin-top: -.5rem!important
  }

  .mr-md-n2,.mx-md-n2 {
      margin-right: -.5rem!important
  }

  .mb-md-n2,.my-md-n2 {
      margin-bottom: -.5rem!important
  }

  .ml-md-n2,.mx-md-n2 {
      margin-left: -.5rem!important
  }

  .m-md-n3 {
      margin: -1rem!important
  }

  .mt-md-n3,.my-md-n3 {
      margin-top: -1rem!important
  }

  .mr-md-n3,.mx-md-n3 {
      margin-right: -1rem!important
  }

  .mb-md-n3,.my-md-n3 {
      margin-bottom: -1rem!important
  }

  .ml-md-n3,.mx-md-n3 {
      margin-left: -1rem!important
  }

  .m-md-n4 {
      margin: -1.8rem!important
  }

  .mt-md-n4,.my-md-n4 {
      margin-top: -1.8rem!important
  }

  .mr-md-n4,.mx-md-n4 {
      margin-right: -1.8rem!important
  }

  .mb-md-n4,.my-md-n4 {
      margin-bottom: -1.8rem!important
  }

  .ml-md-n4,.mx-md-n4 {
      margin-left: -1.8rem!important
  }

  .m-md-n5 {
      margin: -3rem!important
  }

  .mt-md-n5,.my-md-n5 {
      margin-top: -3rem!important
  }

  .mr-md-n5,.mx-md-n5 {
      margin-right: -3rem!important
  }

  .mb-md-n5,.my-md-n5 {
      margin-bottom: -3rem!important
  }

  .ml-md-n5,.mx-md-n5 {
      margin-left: -3rem!important
  }

  .m-md-n6 {
      margin: -4rem!important
  }

  .mt-md-n6,.my-md-n6 {
      margin-top: -4rem!important
  }

  .mr-md-n6,.mx-md-n6 {
      margin-right: -4rem!important
  }

  .mb-md-n6,.my-md-n6 {
      margin-bottom: -4rem!important
  }

  .ml-md-n6,.mx-md-n6 {
      margin-left: -4rem!important
  }

  .m-md-n7 {
      margin: -5rem!important
  }

  .mt-md-n7,.my-md-n7 {
      margin-top: -5rem!important
  }

  .mr-md-n7,.mx-md-n7 {
      margin-right: -5rem!important
  }

  .mb-md-n7,.my-md-n7 {
      margin-bottom: -5rem!important
  }

  .ml-md-n7,.mx-md-n7 {
      margin-left: -5rem!important
  }

  .m-md-n8 {
      margin: -7.5rem!important
  }

  .mt-md-n8,.my-md-n8 {
      margin-top: -7.5rem!important
  }

  .mr-md-n8,.mx-md-n8 {
      margin-right: -7.5rem!important
  }

  .mb-md-n8,.my-md-n8 {
      margin-bottom: -7.5rem!important
  }

  .ml-md-n8,.mx-md-n8 {
      margin-left: -7.5rem!important
  }

  .m-md-n9 {
      margin: -10rem!important
  }

  .mt-md-n9,.my-md-n9 {
      margin-top: -10rem!important
  }

  .mr-md-n9,.mx-md-n9 {
      margin-right: -10rem!important
  }

  .mb-md-n9,.my-md-n9 {
      margin-bottom: -10rem!important
  }

  .ml-md-n9,.mx-md-n9 {
      margin-left: -10rem!important
  }

  .m-md-n10 {
      margin: -12.5rem!important
  }

  .mt-md-n10,.my-md-n10 {
      margin-top: -12.5rem!important
  }

  .mr-md-n10,.mx-md-n10 {
      margin-right: -12.5rem!important
  }

  .mb-md-n10,.my-md-n10 {
      margin-bottom: -12.5rem!important
  }

  .ml-md-n10,.mx-md-n10 {
      margin-left: -12.5rem!important
  }

  .m-md-n11 {
      margin: -15rem!important
  }

  .mt-md-n11,.my-md-n11 {
      margin-top: -15rem!important
  }

  .mr-md-n11,.mx-md-n11 {
      margin-right: -15rem!important
  }

  .mb-md-n11,.my-md-n11 {
      margin-bottom: -15rem!important
  }

  .ml-md-n11,.mx-md-n11 {
      margin-left: -15rem!important
  }

  .m-md-auto {
      margin: auto!important
  }

  .mt-md-auto,.my-md-auto {
      margin-top: auto!important
  }

  .mr-md-auto,.mx-md-auto {
      margin-right: auto!important
  }

  .mb-md-auto,.my-md-auto {
      margin-bottom: auto!important
  }

  .ml-md-auto,.mx-md-auto {
      margin-left: auto!important
  }
}

@media(min-width: 992px) {
  .m-lg-0 {
      margin:0!important
  }

  .mt-lg-0,.my-lg-0 {
      margin-top: 0!important
  }

  .mr-lg-0,.mx-lg-0 {
      margin-right: 0!important
  }

  .mb-lg-0,.my-lg-0 {
      margin-bottom: 0!important
  }

  .ml-lg-0,.mx-lg-0 {
      margin-left: 0!important
  }

  .m-lg-1 {
      margin: .25rem!important
  }

  .mt-lg-1,.my-lg-1 {
      margin-top: .25rem!important
  }

  .mr-lg-1,.mx-lg-1 {
      margin-right: .25rem!important
  }

  .mb-lg-1,.my-lg-1 {
      margin-bottom: .25rem!important
  }

  .ml-lg-1,.mx-lg-1 {
      margin-left: .25rem!important
  }

  .m-lg-2 {
      margin: .5rem!important
  }

  .mt-lg-2,.my-lg-2 {
      margin-top: .5rem!important
  }

  .mr-lg-2,.mx-lg-2 {
      margin-right: .5rem!important
  }

  .mb-lg-2,.my-lg-2 {
      margin-bottom: .5rem!important
  }

  .ml-lg-2,.mx-lg-2 {
      margin-left: .5rem!important
  }

  .m-lg-3 {
      margin: 1rem!important
  }

  .mt-lg-3,.my-lg-3 {
      margin-top: 1rem!important
  }

  .mr-lg-3,.mx-lg-3 {
      margin-right: 1rem!important
  }

  .mb-lg-3,.my-lg-3 {
      margin-bottom: 1rem!important
  }

  .ml-lg-3,.mx-lg-3 {
      margin-left: 1rem!important
  }

  .m-lg-4 {
      margin: 1.8rem!important
  }

  .mt-lg-4,.my-lg-4 {
      margin-top: 1.8rem!important
  }

  .mr-lg-4,.mx-lg-4 {
      margin-right: 1.8rem!important
  }

  .mb-lg-4,.my-lg-4 {
      margin-bottom: 1.8rem!important
  }

  .ml-lg-4,.mx-lg-4 {
      margin-left: 1.8rem!important
  }

  .m-lg-5 {
      margin: 3rem!important
  }

  .mt-lg-5,.my-lg-5 {
      margin-top: 3rem!important
  }

  .mr-lg-5,.mx-lg-5 {
      margin-right: 3rem!important
  }

  .mb-lg-5,.my-lg-5 {
      margin-bottom: 3rem!important
  }

  .ml-lg-5,.mx-lg-5 {
      margin-left: 3rem!important
  }

  .m-lg-6 {
      margin: 4rem!important
  }

  .mt-lg-6,.my-lg-6 {
      margin-top: 4rem!important
  }

  .mr-lg-6,.mx-lg-6 {
      margin-right: 4rem!important
  }

  .mb-lg-6,.my-lg-6 {
      margin-bottom: 4rem!important
  }

  .ml-lg-6,.mx-lg-6 {
      margin-left: 4rem!important
  }

  .m-lg-7 {
      margin: 5rem!important
  }

  .mt-lg-7,.my-lg-7 {
      margin-top: 5rem!important
  }

  .mr-lg-7,.mx-lg-7 {
      margin-right: 5rem!important
  }

  .mb-lg-7,.my-lg-7 {
      margin-bottom: 5rem!important
  }

  .ml-lg-7,.mx-lg-7 {
      margin-left: 5rem!important
  }

  .m-lg-8 {
      margin: 7.5rem!important
  }

  .mt-lg-8,.my-lg-8 {
      margin-top: 7.5rem!important
  }

  .mr-lg-8,.mx-lg-8 {
      margin-right: 7.5rem!important
  }

  .mb-lg-8,.my-lg-8 {
      margin-bottom: 7.5rem!important
  }

  .ml-lg-8,.mx-lg-8 {
      margin-left: 7.5rem!important
  }

  .m-lg-9 {
      margin: 10rem!important
  }

  .mt-lg-9,.my-lg-9 {
      margin-top: 10rem!important
  }

  .mr-lg-9,.mx-lg-9 {
      margin-right: 10rem!important
  }

  .mb-lg-9,.my-lg-9 {
      margin-bottom: 10rem!important
  }

  .ml-lg-9,.mx-lg-9 {
      margin-left: 10rem!important
  }

  .m-lg-10 {
      margin: 12.5rem!important
  }

  .mt-lg-10,.my-lg-10 {
      margin-top: 12.5rem!important
  }

  .mr-lg-10,.mx-lg-10 {
      margin-right: 12.5rem!important
  }

  .mb-lg-10,.my-lg-10 {
      margin-bottom: 12.5rem!important
  }

  .ml-lg-10,.mx-lg-10 {
      margin-left: 12.5rem!important
  }

  .m-lg-11 {
      margin: 15rem!important
  }

  .mt-lg-11,.my-lg-11 {
      margin-top: 15rem!important
  }

  .mr-lg-11,.mx-lg-11 {
      margin-right: 15rem!important
  }

  .mb-lg-11,.my-lg-11 {
      margin-bottom: 15rem!important
  }

  .ml-lg-11,.mx-lg-11 {
      margin-left: 15rem!important
  }

  .p-lg-0 {
      padding: 0!important
  }

  .pt-lg-0,.py-lg-0 {
      padding-top: 0!important
  }

  .pr-lg-0,.px-lg-0 {
      padding-right: 0!important
  }

  .pb-lg-0,.py-lg-0 {
      padding-bottom: 0!important
  }

  .pl-lg-0,.px-lg-0 {
      padding-left: 0!important
  }

  .p-lg-1 {
      padding: .25rem!important
  }

  .pt-lg-1,.py-lg-1 {
      padding-top: .25rem!important
  }

  .pr-lg-1,.px-lg-1 {
      padding-right: .25rem!important
  }

  .pb-lg-1,.py-lg-1 {
      padding-bottom: .25rem!important
  }

  .pl-lg-1,.px-lg-1 {
      padding-left: .25rem!important
  }

  .p-lg-2 {
      padding: .5rem!important
  }

  .pt-lg-2,.py-lg-2 {
      padding-top: .5rem!important
  }

  .pr-lg-2,.px-lg-2 {
      padding-right: .5rem!important
  }

  .pb-lg-2,.py-lg-2 {
      padding-bottom: .5rem!important
  }

  .pl-lg-2,.px-lg-2 {
      padding-left: .5rem!important
  }

  .p-lg-3 {
      padding: 1rem!important
  }

  .pt-lg-3,.py-lg-3 {
      padding-top: 1rem!important
  }

  .pr-lg-3,.px-lg-3 {
      padding-right: 1rem!important
  }

  .pb-lg-3,.py-lg-3 {
      padding-bottom: 1rem!important
  }

  .pl-lg-3,.px-lg-3 {
      padding-left: 1rem!important
  }

  .p-lg-4 {
      padding: 1.8rem!important
  }

  .pt-lg-4,.py-lg-4 {
      padding-top: 1.8rem!important
  }

  .pr-lg-4,.px-lg-4 {
      padding-right: 1.8rem!important
  }

  .pb-lg-4,.py-lg-4 {
      padding-bottom: 1.8rem!important
  }

  .pl-lg-4,.px-lg-4 {
      padding-left: 1.8rem!important
  }

  .p-lg-5 {
      padding: 3rem!important
  }

  .pt-lg-5,.py-lg-5 {
      padding-top: 3rem!important
  }

  .pr-lg-5,.px-lg-5 {
      padding-right: 3rem!important
  }

  .pb-lg-5,.py-lg-5 {
      padding-bottom: 3rem!important
  }

  .pl-lg-5,.px-lg-5 {
      padding-left: 3rem!important
  }

  .p-lg-6 {
      padding: 4rem!important
  }

  .pt-lg-6,.py-lg-6 {
      padding-top: 4rem!important
  }

  .pr-lg-6,.px-lg-6 {
      padding-right: 4rem!important
  }

  .pb-lg-6,.py-lg-6 {
      padding-bottom: 4rem!important
  }

  .pl-lg-6,.px-lg-6 {
      padding-left: 4rem!important
  }

  .p-lg-7 {
      padding: 5rem!important
  }

  .pt-lg-7,.py-lg-7 {
      padding-top: 5rem!important
  }

  .pr-lg-7,.px-lg-7 {
      padding-right: 5rem!important
  }

  .pb-lg-7,.py-lg-7 {
      padding-bottom: 5rem!important
  }

  .pl-lg-7,.px-lg-7 {
      padding-left: 5rem!important
  }

  .p-lg-8 {
      padding: 7.5rem!important
  }

  .pt-lg-8,.py-lg-8 {
      padding-top: 7.5rem!important
  }

  .pr-lg-8,.px-lg-8 {
      padding-right: 7.5rem!important
  }

  .pb-lg-8,.py-lg-8 {
      padding-bottom: 7.5rem!important
  }

  .pl-lg-8,.px-lg-8 {
      padding-left: 7.5rem!important
  }

  .p-lg-9 {
      padding: 10rem!important
  }

  .pt-lg-9,.py-lg-9 {
      padding-top: 10rem!important
  }

  .pr-lg-9,.px-lg-9 {
      padding-right: 10rem!important
  }

  .pb-lg-9,.py-lg-9 {
      padding-bottom: 10rem!important
  }

  .pl-lg-9,.px-lg-9 {
      padding-left: 10rem!important
  }

  .p-lg-10 {
      padding: 12.5rem!important
  }

  .pt-lg-10,.py-lg-10 {
      padding-top: 12.5rem!important
  }

  .pr-lg-10,.px-lg-10 {
      padding-right: 12.5rem!important
  }

  .pb-lg-10,.py-lg-10 {
      padding-bottom: 12.5rem!important
  }

  .pl-lg-10,.px-lg-10 {
      padding-left: 12.5rem!important
  }

  .p-lg-11 {
      padding: 15rem!important
  }

  .pt-lg-11,.py-lg-11 {
      padding-top: 15rem!important
  }

  .pr-lg-11,.px-lg-11 {
      padding-right: 15rem!important
  }

  .pb-lg-11,.py-lg-11 {
      padding-bottom: 15rem!important
  }

  .pl-lg-11,.px-lg-11 {
      padding-left: 15rem!important
  }

  .m-lg-n1 {
      margin: -.25rem!important
  }

  .mt-lg-n1,.my-lg-n1 {
      margin-top: -.25rem!important
  }

  .mr-lg-n1,.mx-lg-n1 {
      margin-right: -.25rem!important
  }

  .mb-lg-n1,.my-lg-n1 {
      margin-bottom: -.25rem!important
  }

  .ml-lg-n1,.mx-lg-n1 {
      margin-left: -.25rem!important
  }

  .m-lg-n2 {
      margin: -.5rem!important
  }

  .mt-lg-n2,.my-lg-n2 {
      margin-top: -.5rem!important
  }

  .mr-lg-n2,.mx-lg-n2 {
      margin-right: -.5rem!important
  }

  .mb-lg-n2,.my-lg-n2 {
      margin-bottom: -.5rem!important
  }

  .ml-lg-n2,.mx-lg-n2 {
      margin-left: -.5rem!important
  }

  .m-lg-n3 {
      margin: -1rem!important
  }

  .mt-lg-n3,.my-lg-n3 {
      margin-top: -1rem!important
  }

  .mr-lg-n3,.mx-lg-n3 {
      margin-right: -1rem!important
  }

  .mb-lg-n3,.my-lg-n3 {
      margin-bottom: -1rem!important
  }

  .ml-lg-n3,.mx-lg-n3 {
      margin-left: -1rem!important
  }

  .m-lg-n4 {
      margin: -1.8rem!important
  }

  .mt-lg-n4,.my-lg-n4 {
      margin-top: -1.8rem!important
  }

  .mr-lg-n4,.mx-lg-n4 {
      margin-right: -1.8rem!important
  }

  .mb-lg-n4,.my-lg-n4 {
      margin-bottom: -1.8rem!important
  }

  .ml-lg-n4,.mx-lg-n4 {
      margin-left: -1.8rem!important
  }

  .m-lg-n5 {
      margin: -3rem!important
  }

  .mt-lg-n5,.my-lg-n5 {
      margin-top: -3rem!important
  }

  .mr-lg-n5,.mx-lg-n5 {
      margin-right: -3rem!important
  }

  .mb-lg-n5,.my-lg-n5 {
      margin-bottom: -3rem!important
  }

  .ml-lg-n5,.mx-lg-n5 {
      margin-left: -3rem!important
  }

  .m-lg-n6 {
      margin: -4rem!important
  }

  .mt-lg-n6,.my-lg-n6 {
      margin-top: -4rem!important
  }

  .mr-lg-n6,.mx-lg-n6 {
      margin-right: -4rem!important
  }

  .mb-lg-n6,.my-lg-n6 {
      margin-bottom: -4rem!important
  }

  .ml-lg-n6,.mx-lg-n6 {
      margin-left: -4rem!important
  }

  .m-lg-n7 {
      margin: -5rem!important
  }

  .mt-lg-n7,.my-lg-n7 {
      margin-top: -5rem!important
  }

  .mr-lg-n7,.mx-lg-n7 {
      margin-right: -5rem!important
  }

  .mb-lg-n7,.my-lg-n7 {
      margin-bottom: -5rem!important
  }

  .ml-lg-n7,.mx-lg-n7 {
      margin-left: -5rem!important
  }

  .m-lg-n8 {
      margin: -7.5rem!important
  }

  .mt-lg-n8,.my-lg-n8 {
      margin-top: -7.5rem!important
  }

  .mr-lg-n8,.mx-lg-n8 {
      margin-right: -7.5rem!important
  }

  .mb-lg-n8,.my-lg-n8 {
      margin-bottom: -7.5rem!important
  }

  .ml-lg-n8,.mx-lg-n8 {
      margin-left: -7.5rem!important
  }

  .m-lg-n9 {
      margin: -10rem!important
  }

  .mt-lg-n9,.my-lg-n9 {
      margin-top: -10rem!important
  }

  .mr-lg-n9,.mx-lg-n9 {
      margin-right: -10rem!important
  }

  .mb-lg-n9,.my-lg-n9 {
      margin-bottom: -10rem!important
  }

  .ml-lg-n9,.mx-lg-n9 {
      margin-left: -10rem!important
  }

  .m-lg-n10 {
      margin: -12.5rem!important
  }

  .mt-lg-n10,.my-lg-n10 {
      margin-top: -12.5rem!important
  }

  .mr-lg-n10,.mx-lg-n10 {
      margin-right: -12.5rem!important
  }

  .mb-lg-n10,.my-lg-n10 {
      margin-bottom: -12.5rem!important
  }

  .ml-lg-n10,.mx-lg-n10 {
      margin-left: -12.5rem!important
  }

  .m-lg-n11 {
      margin: -15rem!important
  }

  .mt-lg-n11,.my-lg-n11 {
      margin-top: -15rem!important
  }

  .mr-lg-n11,.mx-lg-n11 {
      margin-right: -15rem!important
  }

  .mb-lg-n11,.my-lg-n11 {
      margin-bottom: -15rem!important
  }

  .ml-lg-n11,.mx-lg-n11 {
      margin-left: -15rem!important
  }

  .m-lg-auto {
      margin: auto!important
  }

  .mt-lg-auto,.my-lg-auto {
      margin-top: auto!important
  }

  .mr-lg-auto,.mx-lg-auto {
      margin-right: auto!important
  }

  .mb-lg-auto,.my-lg-auto {
      margin-bottom: auto!important
  }

  .ml-lg-auto,.mx-lg-auto {
      margin-left: auto!important
  }
}

@media(min-width: 1200px) {
  .m-xl-0 {
      margin:0!important
  }

  .mt-xl-0,.my-xl-0 {
      margin-top: 0!important
  }

  .mr-xl-0,.mx-xl-0 {
      margin-right: 0!important
  }

  .mb-xl-0,.my-xl-0 {
      margin-bottom: 0!important
  }

  .ml-xl-0,.mx-xl-0 {
      margin-left: 0!important
  }

  .m-xl-1 {
      margin: .25rem!important
  }

  .mt-xl-1,.my-xl-1 {
      margin-top: .25rem!important
  }

  .mr-xl-1,.mx-xl-1 {
      margin-right: .25rem!important
  }

  .mb-xl-1,.my-xl-1 {
      margin-bottom: .25rem!important
  }

  .ml-xl-1,.mx-xl-1 {
      margin-left: .25rem!important
  }

  .m-xl-2 {
      margin: .5rem!important
  }

  .mt-xl-2,.my-xl-2 {
      margin-top: .5rem!important
  }

  .mr-xl-2,.mx-xl-2 {
      margin-right: .5rem!important
  }

  .mb-xl-2,.my-xl-2 {
      margin-bottom: .5rem!important
  }

  .ml-xl-2,.mx-xl-2 {
      margin-left: .5rem!important
  }

  .m-xl-3 {
      margin: 1rem!important
  }

  .mt-xl-3,.my-xl-3 {
      margin-top: 1rem!important
  }

  .mr-xl-3,.mx-xl-3 {
      margin-right: 1rem!important
  }

  .mb-xl-3,.my-xl-3 {
      margin-bottom: 1rem!important
  }

  .ml-xl-3,.mx-xl-3 {
      margin-left: 1rem!important
  }

  .m-xl-4 {
      margin: 1.8rem!important
  }

  .mt-xl-4,.my-xl-4 {
      margin-top: 1.8rem!important
  }

  .mr-xl-4,.mx-xl-4 {
      margin-right: 1.8rem!important
  }

  .mb-xl-4,.my-xl-4 {
      margin-bottom: 1.8rem!important
  }

  .ml-xl-4,.mx-xl-4 {
      margin-left: 1.8rem!important
  }

  .m-xl-5 {
      margin: 3rem!important
  }

  .mt-xl-5,.my-xl-5 {
      margin-top: 3rem!important
  }

  .mr-xl-5,.mx-xl-5 {
      margin-right: 3rem!important
  }

  .mb-xl-5,.my-xl-5 {
      margin-bottom: 3rem!important
  }

  .ml-xl-5,.mx-xl-5 {
      margin-left: 3rem!important
  }

  .m-xl-6 {
      margin: 4rem!important
  }

  .mt-xl-6,.my-xl-6 {
      margin-top: 4rem!important
  }

  .mr-xl-6,.mx-xl-6 {
      margin-right: 4rem!important
  }

  .mb-xl-6,.my-xl-6 {
      margin-bottom: 4rem!important
  }

  .ml-xl-6,.mx-xl-6 {
      margin-left: 4rem!important
  }

  .m-xl-7 {
      margin: 5rem!important
  }

  .mt-xl-7,.my-xl-7 {
      margin-top: 5rem!important
  }

  .mr-xl-7,.mx-xl-7 {
      margin-right: 5rem!important
  }

  .mb-xl-7,.my-xl-7 {
      margin-bottom: 5rem!important
  }

  .ml-xl-7,.mx-xl-7 {
      margin-left: 5rem!important
  }

  .m-xl-8 {
      margin: 7.5rem!important
  }

  .mt-xl-8,.my-xl-8 {
      margin-top: 7.5rem!important
  }

  .mr-xl-8,.mx-xl-8 {
      margin-right: 7.5rem!important
  }

  .mb-xl-8,.my-xl-8 {
      margin-bottom: 7.5rem!important
  }

  .ml-xl-8,.mx-xl-8 {
      margin-left: 7.5rem!important
  }

  .m-xl-9 {
      margin: 10rem!important
  }

  .mt-xl-9,.my-xl-9 {
      margin-top: 10rem!important
  }

  .mr-xl-9,.mx-xl-9 {
      margin-right: 10rem!important
  }

  .mb-xl-9,.my-xl-9 {
      margin-bottom: 10rem!important
  }

  .ml-xl-9,.mx-xl-9 {
      margin-left: 10rem!important
  }

  .m-xl-10 {
      margin: 12.5rem!important
  }

  .mt-xl-10,.my-xl-10 {
      margin-top: 12.5rem!important
  }

  .mr-xl-10,.mx-xl-10 {
      margin-right: 12.5rem!important
  }

  .mb-xl-10,.my-xl-10 {
      margin-bottom: 12.5rem!important
  }

  .ml-xl-10,.mx-xl-10 {
      margin-left: 12.5rem!important
  }

  .m-xl-11 {
      margin: 15rem!important
  }

  .mt-xl-11,.my-xl-11 {
      margin-top: 15rem!important
  }

  .mr-xl-11,.mx-xl-11 {
      margin-right: 15rem!important
  }

  .mb-xl-11,.my-xl-11 {
      margin-bottom: 15rem!important
  }

  .ml-xl-11,.mx-xl-11 {
      margin-left: 15rem!important
  }

  .p-xl-0 {
      padding: 0!important
  }

  .pt-xl-0,.py-xl-0 {
      padding-top: 0!important
  }

  .pr-xl-0,.px-xl-0 {
      padding-right: 0!important
  }

  .pb-xl-0,.py-xl-0 {
      padding-bottom: 0!important
  }

  .pl-xl-0,.px-xl-0 {
      padding-left: 0!important
  }

  .p-xl-1 {
      padding: .25rem!important
  }

  .pt-xl-1,.py-xl-1 {
      padding-top: .25rem!important
  }

  .pr-xl-1,.px-xl-1 {
      padding-right: .25rem!important
  }

  .pb-xl-1,.py-xl-1 {
      padding-bottom: .25rem!important
  }

  .pl-xl-1,.px-xl-1 {
      padding-left: .25rem!important
  }

  .p-xl-2 {
      padding: .5rem!important
  }

  .pt-xl-2,.py-xl-2 {
      padding-top: .5rem!important
  }

  .pr-xl-2,.px-xl-2 {
      padding-right: .5rem!important
  }

  .pb-xl-2,.py-xl-2 {
      padding-bottom: .5rem!important
  }

  .pl-xl-2,.px-xl-2 {
      padding-left: .5rem!important
  }

  .p-xl-3 {
      padding: 1rem!important
  }

  .pt-xl-3,.py-xl-3 {
      padding-top: 1rem!important
  }

  .pr-xl-3,.px-xl-3 {
      padding-right: 1rem!important
  }

  .pb-xl-3,.py-xl-3 {
      padding-bottom: 1rem!important
  }

  .pl-xl-3,.px-xl-3 {
      padding-left: 1rem!important
  }

  .p-xl-4 {
      padding: 1.8rem!important
  }

  .pt-xl-4,.py-xl-4 {
      padding-top: 1.8rem!important
  }

  .pr-xl-4,.px-xl-4 {
      padding-right: 1.8rem!important
  }

  .pb-xl-4,.py-xl-4 {
      padding-bottom: 1.8rem!important
  }

  .pl-xl-4,.px-xl-4 {
      padding-left: 1.8rem!important
  }

  .p-xl-5 {
      padding: 3rem!important
  }

  .pt-xl-5,.py-xl-5 {
      padding-top: 3rem!important
  }

  .pr-xl-5,.px-xl-5 {
      padding-right: 3rem!important
  }

  .pb-xl-5,.py-xl-5 {
      padding-bottom: 3rem!important
  }

  .pl-xl-5,.px-xl-5 {
      padding-left: 3rem!important
  }

  .p-xl-6 {
      padding: 4rem!important
  }

  .pt-xl-6,.py-xl-6 {
      padding-top: 4rem!important
  }

  .pr-xl-6,.px-xl-6 {
      padding-right: 4rem!important
  }

  .pb-xl-6,.py-xl-6 {
      padding-bottom: 4rem!important
  }

  .pl-xl-6,.px-xl-6 {
      padding-left: 4rem!important
  }

  .p-xl-7 {
      padding: 5rem!important
  }

  .pt-xl-7,.py-xl-7 {
      padding-top: 5rem!important
  }

  .pr-xl-7,.px-xl-7 {
      padding-right: 5rem!important
  }

  .pb-xl-7,.py-xl-7 {
      padding-bottom: 5rem!important
  }

  .pl-xl-7,.px-xl-7 {
      padding-left: 5rem!important
  }

  .p-xl-8 {
      padding: 7.5rem!important
  }

  .pt-xl-8,.py-xl-8 {
      padding-top: 7.5rem!important
  }

  .pr-xl-8,.px-xl-8 {
      padding-right: 7.5rem!important
  }

  .pb-xl-8,.py-xl-8 {
      padding-bottom: 7.5rem!important
  }

  .pl-xl-8,.px-xl-8 {
      padding-left: 7.5rem!important
  }

  .p-xl-9 {
      padding: 10rem!important
  }

  .pt-xl-9,.py-xl-9 {
      padding-top: 10rem!important
  }

  .pr-xl-9,.px-xl-9 {
      padding-right: 10rem!important
  }

  .pb-xl-9,.py-xl-9 {
      padding-bottom: 10rem!important
  }

  .pl-xl-9,.px-xl-9 {
      padding-left: 10rem!important
  }

  .p-xl-10 {
      padding: 12.5rem!important
  }

  .pt-xl-10,.py-xl-10 {
      padding-top: 12.5rem!important
  }

  .pr-xl-10,.px-xl-10 {
      padding-right: 12.5rem!important
  }

  .pb-xl-10,.py-xl-10 {
      padding-bottom: 12.5rem!important
  }

  .pl-xl-10,.px-xl-10 {
      padding-left: 12.5rem!important
  }

  .p-xl-11 {
      padding: 15rem!important
  }

  .pt-xl-11,.py-xl-11 {
      padding-top: 15rem!important
  }

  .pr-xl-11,.px-xl-11 {
      padding-right: 15rem!important
  }

  .pb-xl-11,.py-xl-11 {
      padding-bottom: 15rem!important
  }

  .pl-xl-11,.px-xl-11 {
      padding-left: 15rem!important
  }

  .m-xl-n1 {
      margin: -.25rem!important
  }

  .mt-xl-n1,.my-xl-n1 {
      margin-top: -.25rem!important
  }

  .mr-xl-n1,.mx-xl-n1 {
      margin-right: -.25rem!important
  }

  .mb-xl-n1,.my-xl-n1 {
      margin-bottom: -.25rem!important
  }

  .ml-xl-n1,.mx-xl-n1 {
      margin-left: -.25rem!important
  }

  .m-xl-n2 {
      margin: -.5rem!important
  }

  .mt-xl-n2,.my-xl-n2 {
      margin-top: -.5rem!important
  }

  .mr-xl-n2,.mx-xl-n2 {
      margin-right: -.5rem!important
  }

  .mb-xl-n2,.my-xl-n2 {
      margin-bottom: -.5rem!important
  }

  .ml-xl-n2,.mx-xl-n2 {
      margin-left: -.5rem!important
  }

  .m-xl-n3 {
      margin: -1rem!important
  }

  .mt-xl-n3,.my-xl-n3 {
      margin-top: -1rem!important
  }

  .mr-xl-n3,.mx-xl-n3 {
      margin-right: -1rem!important
  }

  .mb-xl-n3,.my-xl-n3 {
      margin-bottom: -1rem!important
  }

  .ml-xl-n3,.mx-xl-n3 {
      margin-left: -1rem!important
  }

  .m-xl-n4 {
      margin: -1.8rem!important
  }

  .mt-xl-n4,.my-xl-n4 {
      margin-top: -1.8rem!important
  }

  .mr-xl-n4,.mx-xl-n4 {
      margin-right: -1.8rem!important
  }

  .mb-xl-n4,.my-xl-n4 {
      margin-bottom: -1.8rem!important
  }

  .ml-xl-n4,.mx-xl-n4 {
      margin-left: -1.8rem!important
  }

  .m-xl-n5 {
      margin: -3rem!important
  }

  .mt-xl-n5,.my-xl-n5 {
      margin-top: -3rem!important
  }

  .mr-xl-n5,.mx-xl-n5 {
      margin-right: -3rem!important
  }

  .mb-xl-n5,.my-xl-n5 {
      margin-bottom: -3rem!important
  }

  .ml-xl-n5,.mx-xl-n5 {
      margin-left: -3rem!important
  }

  .m-xl-n6 {
      margin: -4rem!important
  }

  .mt-xl-n6,.my-xl-n6 {
      margin-top: -4rem!important
  }

  .mr-xl-n6,.mx-xl-n6 {
      margin-right: -4rem!important
  }

  .mb-xl-n6,.my-xl-n6 {
      margin-bottom: -4rem!important
  }

  .ml-xl-n6,.mx-xl-n6 {
      margin-left: -4rem!important
  }

  .m-xl-n7 {
      margin: -5rem!important
  }

  .mt-xl-n7,.my-xl-n7 {
      margin-top: -5rem!important
  }

  .mr-xl-n7,.mx-xl-n7 {
      margin-right: -5rem!important
  }

  .mb-xl-n7,.my-xl-n7 {
      margin-bottom: -5rem!important
  }

  .ml-xl-n7,.mx-xl-n7 {
      margin-left: -5rem!important
  }

  .m-xl-n8 {
      margin: -7.5rem!important
  }

  .mt-xl-n8,.my-xl-n8 {
      margin-top: -7.5rem!important
  }

  .mr-xl-n8,.mx-xl-n8 {
      margin-right: -7.5rem!important
  }

  .mb-xl-n8,.my-xl-n8 {
      margin-bottom: -7.5rem!important
  }

  .ml-xl-n8,.mx-xl-n8 {
      margin-left: -7.5rem!important
  }

  .m-xl-n9 {
      margin: -10rem!important
  }

  .mt-xl-n9,.my-xl-n9 {
      margin-top: -10rem!important
  }

  .mr-xl-n9,.mx-xl-n9 {
      margin-right: -10rem!important
  }

  .mb-xl-n9,.my-xl-n9 {
      margin-bottom: -10rem!important
  }

  .ml-xl-n9,.mx-xl-n9 {
      margin-left: -10rem!important
  }

  .m-xl-n10 {
      margin: -12.5rem!important
  }

  .mt-xl-n10,.my-xl-n10 {
      margin-top: -12.5rem!important
  }

  .mr-xl-n10,.mx-xl-n10 {
      margin-right: -12.5rem!important
  }

  .mb-xl-n10,.my-xl-n10 {
      margin-bottom: -12.5rem!important
  }

  .ml-xl-n10,.mx-xl-n10 {
      margin-left: -12.5rem!important
  }

  .m-xl-n11 {
      margin: -15rem!important
  }

  .mt-xl-n11,.my-xl-n11 {
      margin-top: -15rem!important
  }

  .mr-xl-n11,.mx-xl-n11 {
      margin-right: -15rem!important
  }

  .mb-xl-n11,.my-xl-n11 {
      margin-bottom: -15rem!important
  }

  .ml-xl-n11,.mx-xl-n11 {
      margin-left: -15rem!important
  }

  .m-xl-auto {
      margin: auto!important
  }

  .mt-xl-auto,.my-xl-auto {
      margin-top: auto!important
  }

  .mr-xl-auto,.mx-xl-auto {
      margin-right: auto!important
  }

  .mb-xl-auto,.my-xl-auto {
      margin-bottom: auto!important
  }

  .ml-xl-auto,.mx-xl-auto {
      margin-left: auto!important
  }
}

@media(min-width: 1540px) {
  .m-xxl-0 {
      margin:0!important
  }

  .mt-xxl-0,.my-xxl-0 {
      margin-top: 0!important
  }

  .mr-xxl-0,.mx-xxl-0 {
      margin-right: 0!important
  }

  .mb-xxl-0,.my-xxl-0 {
      margin-bottom: 0!important
  }

  .ml-xxl-0,.mx-xxl-0 {
      margin-left: 0!important
  }

  .m-xxl-1 {
      margin: .25rem!important
  }

  .mt-xxl-1,.my-xxl-1 {
      margin-top: .25rem!important
  }

  .mr-xxl-1,.mx-xxl-1 {
      margin-right: .25rem!important
  }

  .mb-xxl-1,.my-xxl-1 {
      margin-bottom: .25rem!important
  }

  .ml-xxl-1,.mx-xxl-1 {
      margin-left: .25rem!important
  }

  .m-xxl-2 {
      margin: .5rem!important
  }

  .mt-xxl-2,.my-xxl-2 {
      margin-top: .5rem!important
  }

  .mr-xxl-2,.mx-xxl-2 {
      margin-right: .5rem!important
  }

  .mb-xxl-2,.my-xxl-2 {
      margin-bottom: .5rem!important
  }

  .ml-xxl-2,.mx-xxl-2 {
      margin-left: .5rem!important
  }

  .m-xxl-3 {
      margin: 1rem!important
  }

  .mt-xxl-3,.my-xxl-3 {
      margin-top: 1rem!important
  }

  .mr-xxl-3,.mx-xxl-3 {
      margin-right: 1rem!important
  }

  .mb-xxl-3,.my-xxl-3 {
      margin-bottom: 1rem!important
  }

  .ml-xxl-3,.mx-xxl-3 {
      margin-left: 1rem!important
  }

  .m-xxl-4 {
      margin: 1.8rem!important
  }

  .mt-xxl-4,.my-xxl-4 {
      margin-top: 1.8rem!important
  }

  .mr-xxl-4,.mx-xxl-4 {
      margin-right: 1.8rem!important
  }

  .mb-xxl-4,.my-xxl-4 {
      margin-bottom: 1.8rem!important
  }

  .ml-xxl-4,.mx-xxl-4 {
      margin-left: 1.8rem!important
  }

  .m-xxl-5 {
      margin: 3rem!important
  }

  .mt-xxl-5,.my-xxl-5 {
      margin-top: 3rem!important
  }

  .mr-xxl-5,.mx-xxl-5 {
      margin-right: 3rem!important
  }

  .mb-xxl-5,.my-xxl-5 {
      margin-bottom: 3rem!important
  }

  .ml-xxl-5,.mx-xxl-5 {
      margin-left: 3rem!important
  }

  .m-xxl-6 {
      margin: 4rem!important
  }

  .mt-xxl-6,.my-xxl-6 {
      margin-top: 4rem!important
  }

  .mr-xxl-6,.mx-xxl-6 {
      margin-right: 4rem!important
  }

  .mb-xxl-6,.my-xxl-6 {
      margin-bottom: 4rem!important
  }

  .ml-xxl-6,.mx-xxl-6 {
      margin-left: 4rem!important
  }

  .m-xxl-7 {
      margin: 5rem!important
  }

  .mt-xxl-7,.my-xxl-7 {
      margin-top: 5rem!important
  }

  .mr-xxl-7,.mx-xxl-7 {
      margin-right: 5rem!important
  }

  .mb-xxl-7,.my-xxl-7 {
      margin-bottom: 5rem!important
  }

  .ml-xxl-7,.mx-xxl-7 {
      margin-left: 5rem!important
  }

  .m-xxl-8 {
      margin: 7.5rem!important
  }

  .mt-xxl-8,.my-xxl-8 {
      margin-top: 7.5rem!important
  }

  .mr-xxl-8,.mx-xxl-8 {
      margin-right: 7.5rem!important
  }

  .mb-xxl-8,.my-xxl-8 {
      margin-bottom: 7.5rem!important
  }

  .ml-xxl-8,.mx-xxl-8 {
      margin-left: 7.5rem!important
  }

  .m-xxl-9 {
      margin: 10rem!important
  }

  .mt-xxl-9,.my-xxl-9 {
      margin-top: 10rem!important
  }

  .mr-xxl-9,.mx-xxl-9 {
      margin-right: 10rem!important
  }

  .mb-xxl-9,.my-xxl-9 {
      margin-bottom: 10rem!important
  }

  .ml-xxl-9,.mx-xxl-9 {
      margin-left: 10rem!important
  }

  .m-xxl-10 {
      margin: 12.5rem!important
  }

  .mt-xxl-10,.my-xxl-10 {
      margin-top: 12.5rem!important
  }

  .mr-xxl-10,.mx-xxl-10 {
      margin-right: 12.5rem!important
  }

  .mb-xxl-10,.my-xxl-10 {
      margin-bottom: 12.5rem!important
  }

  .ml-xxl-10,.mx-xxl-10 {
      margin-left: 12.5rem!important
  }

  .m-xxl-11 {
      margin: 15rem!important
  }

  .mt-xxl-11,.my-xxl-11 {
      margin-top: 15rem!important
  }

  .mr-xxl-11,.mx-xxl-11 {
      margin-right: 15rem!important
  }

  .mb-xxl-11,.my-xxl-11 {
      margin-bottom: 15rem!important
  }

  .ml-xxl-11,.mx-xxl-11 {
      margin-left: 15rem!important
  }

  .p-xxl-0 {
      padding: 0!important
  }

  .pt-xxl-0,.py-xxl-0 {
      padding-top: 0!important
  }

  .pr-xxl-0,.px-xxl-0 {
      padding-right: 0!important
  }

  .pb-xxl-0,.py-xxl-0 {
      padding-bottom: 0!important
  }

  .pl-xxl-0,.px-xxl-0 {
      padding-left: 0!important
  }

  .p-xxl-1 {
      padding: .25rem!important
  }

  .pt-xxl-1,.py-xxl-1 {
      padding-top: .25rem!important
  }

  .pr-xxl-1,.px-xxl-1 {
      padding-right: .25rem!important
  }

  .pb-xxl-1,.py-xxl-1 {
      padding-bottom: .25rem!important
  }

  .pl-xxl-1,.px-xxl-1 {
      padding-left: .25rem!important
  }

  .p-xxl-2 {
      padding: .5rem!important
  }

  .pt-xxl-2,.py-xxl-2 {
      padding-top: .5rem!important
  }

  .pr-xxl-2,.px-xxl-2 {
      padding-right: .5rem!important
  }

  .pb-xxl-2,.py-xxl-2 {
      padding-bottom: .5rem!important
  }

  .pl-xxl-2,.px-xxl-2 {
      padding-left: .5rem!important
  }

  .p-xxl-3 {
      padding: 1rem!important
  }

  .pt-xxl-3,.py-xxl-3 {
      padding-top: 1rem!important
  }

  .pr-xxl-3,.px-xxl-3 {
      padding-right: 1rem!important
  }

  .pb-xxl-3,.py-xxl-3 {
      padding-bottom: 1rem!important
  }

  .pl-xxl-3,.px-xxl-3 {
      padding-left: 1rem!important
  }

  .p-xxl-4 {
      padding: 1.8rem!important
  }

  .pt-xxl-4,.py-xxl-4 {
      padding-top: 1.8rem!important
  }

  .pr-xxl-4,.px-xxl-4 {
      padding-right: 1.8rem!important
  }

  .pb-xxl-4,.py-xxl-4 {
      padding-bottom: 1.8rem!important
  }

  .pl-xxl-4,.px-xxl-4 {
      padding-left: 1.8rem!important
  }

  .p-xxl-5 {
      padding: 3rem!important
  }

  .pt-xxl-5,.py-xxl-5 {
      padding-top: 3rem!important
  }

  .pr-xxl-5,.px-xxl-5 {
      padding-right: 3rem!important
  }

  .pb-xxl-5,.py-xxl-5 {
      padding-bottom: 3rem!important
  }

  .pl-xxl-5,.px-xxl-5 {
      padding-left: 3rem!important
  }

  .p-xxl-6 {
      padding: 4rem!important
  }

  .pt-xxl-6,.py-xxl-6 {
      padding-top: 4rem!important
  }

  .pr-xxl-6,.px-xxl-6 {
      padding-right: 4rem!important
  }

  .pb-xxl-6,.py-xxl-6 {
      padding-bottom: 4rem!important
  }

  .pl-xxl-6,.px-xxl-6 {
      padding-left: 4rem!important
  }

  .p-xxl-7 {
      padding: 5rem!important
  }

  .pt-xxl-7,.py-xxl-7 {
      padding-top: 5rem!important
  }

  .pr-xxl-7,.px-xxl-7 {
      padding-right: 5rem!important
  }

  .pb-xxl-7,.py-xxl-7 {
      padding-bottom: 5rem!important
  }

  .pl-xxl-7,.px-xxl-7 {
      padding-left: 5rem!important
  }

  .p-xxl-8 {
      padding: 7.5rem!important
  }

  .pt-xxl-8,.py-xxl-8 {
      padding-top: 7.5rem!important
  }

  .pr-xxl-8,.px-xxl-8 {
      padding-right: 7.5rem!important
  }

  .pb-xxl-8,.py-xxl-8 {
      padding-bottom: 7.5rem!important
  }

  .pl-xxl-8,.px-xxl-8 {
      padding-left: 7.5rem!important
  }

  .p-xxl-9 {
      padding: 10rem!important
  }

  .pt-xxl-9,.py-xxl-9 {
      padding-top: 10rem!important
  }

  .pr-xxl-9,.px-xxl-9 {
      padding-right: 10rem!important
  }

  .pb-xxl-9,.py-xxl-9 {
      padding-bottom: 10rem!important
  }

  .pl-xxl-9,.px-xxl-9 {
      padding-left: 10rem!important
  }

  .p-xxl-10 {
      padding: 12.5rem!important
  }

  .pt-xxl-10,.py-xxl-10 {
      padding-top: 12.5rem!important
  }

  .pr-xxl-10,.px-xxl-10 {
      padding-right: 12.5rem!important
  }

  .pb-xxl-10,.py-xxl-10 {
      padding-bottom: 12.5rem!important
  }

  .pl-xxl-10,.px-xxl-10 {
      padding-left: 12.5rem!important
  }

  .p-xxl-11 {
      padding: 15rem!important
  }

  .pt-xxl-11,.py-xxl-11 {
      padding-top: 15rem!important
  }

  .pr-xxl-11,.px-xxl-11 {
      padding-right: 15rem!important
  }

  .pb-xxl-11,.py-xxl-11 {
      padding-bottom: 15rem!important
  }

  .pl-xxl-11,.px-xxl-11 {
      padding-left: 15rem!important
  }

  .m-xxl-n1 {
      margin: -.25rem!important
  }

  .mt-xxl-n1,.my-xxl-n1 {
      margin-top: -.25rem!important
  }

  .mr-xxl-n1,.mx-xxl-n1 {
      margin-right: -.25rem!important
  }

  .mb-xxl-n1,.my-xxl-n1 {
      margin-bottom: -.25rem!important
  }

  .ml-xxl-n1,.mx-xxl-n1 {
      margin-left: -.25rem!important
  }

  .m-xxl-n2 {
      margin: -.5rem!important
  }

  .mt-xxl-n2,.my-xxl-n2 {
      margin-top: -.5rem!important
  }

  .mr-xxl-n2,.mx-xxl-n2 {
      margin-right: -.5rem!important
  }

  .mb-xxl-n2,.my-xxl-n2 {
      margin-bottom: -.5rem!important
  }

  .ml-xxl-n2,.mx-xxl-n2 {
      margin-left: -.5rem!important
  }

  .m-xxl-n3 {
      margin: -1rem!important
  }

  .mt-xxl-n3,.my-xxl-n3 {
      margin-top: -1rem!important
  }

  .mr-xxl-n3,.mx-xxl-n3 {
      margin-right: -1rem!important
  }

  .mb-xxl-n3,.my-xxl-n3 {
      margin-bottom: -1rem!important
  }

  .ml-xxl-n3,.mx-xxl-n3 {
      margin-left: -1rem!important
  }

  .m-xxl-n4 {
      margin: -1.8rem!important
  }

  .mt-xxl-n4,.my-xxl-n4 {
      margin-top: -1.8rem!important
  }

  .mr-xxl-n4,.mx-xxl-n4 {
      margin-right: -1.8rem!important
  }

  .mb-xxl-n4,.my-xxl-n4 {
      margin-bottom: -1.8rem!important
  }

  .ml-xxl-n4,.mx-xxl-n4 {
      margin-left: -1.8rem!important
  }

  .m-xxl-n5 {
      margin: -3rem!important
  }

  .mt-xxl-n5,.my-xxl-n5 {
      margin-top: -3rem!important
  }

  .mr-xxl-n5,.mx-xxl-n5 {
      margin-right: -3rem!important
  }

  .mb-xxl-n5,.my-xxl-n5 {
      margin-bottom: -3rem!important
  }

  .ml-xxl-n5,.mx-xxl-n5 {
      margin-left: -3rem!important
  }

  .m-xxl-n6 {
      margin: -4rem!important
  }

  .mt-xxl-n6,.my-xxl-n6 {
      margin-top: -4rem!important
  }

  .mr-xxl-n6,.mx-xxl-n6 {
      margin-right: -4rem!important
  }

  .mb-xxl-n6,.my-xxl-n6 {
      margin-bottom: -4rem!important
  }

  .ml-xxl-n6,.mx-xxl-n6 {
      margin-left: -4rem!important
  }

  .m-xxl-n7 {
      margin: -5rem!important
  }

  .mt-xxl-n7,.my-xxl-n7 {
      margin-top: -5rem!important
  }

  .mr-xxl-n7,.mx-xxl-n7 {
      margin-right: -5rem!important
  }

  .mb-xxl-n7,.my-xxl-n7 {
      margin-bottom: -5rem!important
  }

  .ml-xxl-n7,.mx-xxl-n7 {
      margin-left: -5rem!important
  }

  .m-xxl-n8 {
      margin: -7.5rem!important
  }

  .mt-xxl-n8,.my-xxl-n8 {
      margin-top: -7.5rem!important
  }

  .mr-xxl-n8,.mx-xxl-n8 {
      margin-right: -7.5rem!important
  }

  .mb-xxl-n8,.my-xxl-n8 {
      margin-bottom: -7.5rem!important
  }

  .ml-xxl-n8,.mx-xxl-n8 {
      margin-left: -7.5rem!important
  }

  .m-xxl-n9 {
      margin: -10rem!important
  }

  .mt-xxl-n9,.my-xxl-n9 {
      margin-top: -10rem!important
  }

  .mr-xxl-n9,.mx-xxl-n9 {
      margin-right: -10rem!important
  }

  .mb-xxl-n9,.my-xxl-n9 {
      margin-bottom: -10rem!important
  }

  .ml-xxl-n9,.mx-xxl-n9 {
      margin-left: -10rem!important
  }

  .m-xxl-n10 {
      margin: -12.5rem!important
  }

  .mt-xxl-n10,.my-xxl-n10 {
      margin-top: -12.5rem!important
  }

  .mr-xxl-n10,.mx-xxl-n10 {
      margin-right: -12.5rem!important
  }

  .mb-xxl-n10,.my-xxl-n10 {
      margin-bottom: -12.5rem!important
  }

  .ml-xxl-n10,.mx-xxl-n10 {
      margin-left: -12.5rem!important
  }

  .m-xxl-n11 {
      margin: -15rem!important
  }

  .mt-xxl-n11,.my-xxl-n11 {
      margin-top: -15rem!important
  }

  .mr-xxl-n11,.mx-xxl-n11 {
      margin-right: -15rem!important
  }

  .mb-xxl-n11,.my-xxl-n11 {
      margin-bottom: -15rem!important
  }

  .ml-xxl-n11,.mx-xxl-n11 {
      margin-left: -15rem!important
  }

  .m-xxl-auto {
      margin: auto!important
  }

  .mt-xxl-auto,.my-xxl-auto {
      margin-top: auto!important
  }

  .mr-xxl-auto,.mx-xxl-auto {
      margin-right: auto!important
  }

  .mb-xxl-auto,.my-xxl-auto {
      margin-bottom: auto!important
  }

  .ml-xxl-auto,.mx-xxl-auto {
      margin-left: auto!important
  }
}

.btn-outline-primary {
    color: #337AB7;
    border-color: #337AB7
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #337AB7;
    border-color: #337AB7
}

.btn-outline-primary.focus,.btn-outline-primary:focus {
    box-shadow: 0 0 0 0 rgba(44,123,229,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #337AB7;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #337AB7;
    border-color: #337AB7
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(44,123,229,.5)
}

.btn-outline-secondary {
    color: #748194;
    border-color: #748194
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #748194;
    border-color: #748194
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0 rgba(116,129,148,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #748194;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #748194;
    border-color: #748194
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(116,129,148,.5)
}

.btn-outline-success {
    color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-success.focus,.btn-outline-success:focus {
    box-shadow: 0 0 0 0 rgba(0,210,122,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #5cb85c;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(0,210,122,.5)
}

.btn-outline-info {
    color: #27bcfd;
    border-color: #27bcfd
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #27bcfd;
    border-color: #27bcfd
}

.btn-outline-info.focus,.btn-outline-info:focus {
    box-shadow: 0 0 0 0 rgba(39,188,253,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #27bcfd;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #27bcfd;
    border-color: #27bcfd
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(39,188,253,.5)
}

.btn-outline-warning {
    color: #f5803e;
    border-color: #f5803e
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #f5803e;
    border-color: #f5803e
}

.btn-outline-warning.focus,.btn-outline-warning:focus {
    box-shadow: 0 0 0 0 rgba(245,128,62,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #f5803e;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f5803e;
    border-color: #f5803e
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(245,128,62,.5)
}

.btn-outline-danger {
    color: #e63757;
    border-color: #e63757
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #e63757;
    border-color: #e63757
}

.btn-outline-danger.focus,.btn-outline-danger:focus {
    box-shadow: 0 0 0 0 rgba(230,55,87,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #e63757;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #e63757;
    border-color: #e63757
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(230,55,87,.5)
}

.btn-outline-light {
    color: #f9fafd;
    border-color: #f9fafd
}

.btn-outline-light:hover {
    color: #4d5969;
    background-color: #f9fafd;
    border-color: #f9fafd
}

.btn-outline-light.focus,.btn-outline-light:focus {
    box-shadow: 0 0 0 0 rgba(249,250,253,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #f9fafd;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
    color: #4d5969;
    background-color: #f9fafd;
    border-color: #f9fafd
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(249,250,253,.5)
}

.btn-outline-dark {
    color: #0b1727;
    border-color: #0b1727
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #0b1727;
    border-color: #0b1727
}

.btn-outline-dark.focus,.btn-outline-dark:focus {
    box-shadow: 0 0 0 0 rgba(11,23,39,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #0b1727;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #0b1727;
    border-color: #0b1727
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(11,23,39,.5)
}

.bg-light-green{
    background-color: #D4FFB9 !important;
}

.bg-light-yellow{
    background-color: #FFFACA !important;
}


.fs--2 {
    font-size: .69444rem
}

.fs--1 {
    font-size: .83333rem
}

.fs-0 {
    font-size: 1rem
}

.fs-1 {
    font-size: 1.2rem
}

.fs-2 {
    font-size: 1.44rem
}

.fs-3 {
    font-size: 1.728rem
}

.fs-4 {
    font-size: 2.0736rem
}

.fs-5 {
    font-size: 2.48832rem
}

.fs-6 {
    font-size: 2.98598rem
}

.fs-7 {
    font-size: 3.58318rem
}

.fs-8 {
    font-size: 4.29982rem
}


.infs{
    margin: 0 0 2px;
}

.produt-similary:nth-child(3) .classify .crown{
        fill: #c0c0c0 ;
}

.produt-similary:nth-child(2) .classify .crown{
    fill: #FFD700;
}

.produt-similary:last-child .classify .crown{
    fill: #CD7F32 ;
}

.produt-similary:hover{
    background-color: rgba(0, 143, 57, 0.4);
}

.modal-descarte-vinc{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.modal-descarte-vinc::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
}

.modal-descarte-vinc > div{
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    max-width: 500px;
}

.modal-descarte-vinc > div p{
    margin: 4px 0;
    font-size: 16px;
    text-align: center;
}

.modal-descarte-vinc > div .buttons-container{
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.modal-descarte-vinc > div .buttons-container button{
    padding: 10px 25px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.modal-descarte-vinc > div .buttons-container button:hover{
    transform: scale(1.05);
}

.modal-descarte-vinc > div .buttons-container .confirm-button{
    background-color: #0084ff;
    color: #ffffff;
}


.modal-descarte-vinc > div .buttons-container .confirm-button:hover{
    background-color: darken(#0084ff, 10%);
}


.modal-descarte-vinc > div .buttons-container .cancel-button{
    background-color: #999999;
        color: #ffffff;
}


.modal-descarte-vinc > div .buttons-container .cancel-button:hover{
    background-color: darken(#999999, 10%);
}


.modal-confirm-vinc{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.modal-confirm-vinc::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
}

.modal-confirm-vinc > div{
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    max-width: 500px;
}

.modal-confirm-vinc > div p{
    margin: 4px 0;
    font-size: 16px;
    text-align: center;
}

.modal-confirm-vinc > div .buttons-container{
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.modal-confirm-vinc > div .buttons-container button{
    padding: 10px 25px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.modal-confirm-vinc > div .buttons-container button:hover{
    transform: scale(1.05);
}

.modal-confirm-vinc > div .buttons-container .confirm-button{
    background-color: #0084ff;
    color: #ffffff;
}


.modal-confirm-vinc > div .buttons-container .confirm-button:hover{
    background-color: darken(#0084ff, 10%);
}


.modal-confirm-vinc > div .buttons-container .cancel-button{
    background-color: #999999;
        color: #ffffff;
}


.modal-confirm-vinc > div .buttons-container .cancel-button:hover{
    background-color: darken(#999999, 10%);
}

.bg-light-blue{
    background-color: #d5e8fc;
}