body {
    background: #ff7c2e;;
}

.frontSelect {
    background-color: #fff;
    color: #007bff;
    font-weight: bold;
    padding: 10px 7px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 0.25rem;
	border:1px solid #007bff;
}

.text-muted {
    color: #272829 !important;
}

.deleverySelect {
    background-color: #fff;
    font-weight: bold;
    padding: 10px 7px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 0.25rem;
}

/*
.frontSelect:hover { 
	background-color: #007bff; 
	color:#fff;
	transition: all 0.3s;
	cursor: pointer;
}
*/

@media(min-width: 576px) {
a .menuTxt { color:#ddd; margin:0 20px; }

.menuTxt:hover {
	color:#fff;
	border-bottom:2px solid #3d3d3d;
	cursor:pointer;
	transition: color 0.7s;
}

.menuBars { display:none; }

.mainTxtContainer {
	padding:10px; margin:40px auto 10px auto; background:none; height:130px; width:50%;
}
.selectContainer { padding:10px; margin:30px 0px 10px 0px; background:#ff7c2e;height:90px; border-radius:2px; }
.buyButton {
	cursor:pointer; color:#fff; border-radius:3px; background:#1f4f79; padding:3px 10px; display:inline-block; margin:0px 10px;
}
.detailsButton {
	cursor:pointer; color:#fff; border-radius:3px; border: none;background:#308733; padding:3px 10px; display:inline-block; margin:0px 10px;
}
.buyButton:hover {
	background-color: #007bff;
	transition: all 0.5s;
}
.detailsButton:hover {
	background-color: #73c019;
	transition:all 0.5s;
}
.cat1 { color:#fff; vertical-align:top; margin-right:10px; display:inline-block; text-align:center; width:455px; }
.cat2 { color:#fff; margin:0px; display:inline-block; text-align:center; width:455px; }
.cat3 { color:#fff; margin:0px; display:inline-block; text-align:center; width:455px; }
.cat4 { color:#fff; margin:px; display:inline-block; text-align:center; width:455px; }
.cat5 { margin:5px; display:inline-block; background:#333; width:60px; float:right; height:100%; }
.seasonSelect { font-weight:300; text-align: center; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; width:455px; }
.sizeOneSelect {  width:455px; font-weight:300; text-align: center; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; }
.sizeTwoSelect {  width:455px; font-weight:300; text-align: center; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; }
.sizeThreeSelect {  width:455px; font-weight:300; text-align: center; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; }
.searchTyreButton { padding:10px 7px; font-size:20px; float:right; width:700px; font-weight:400; height:100%; border:none; border-radius:2px; color:#fff; background-color:#111; }
.imgTxt { padding:60px 40px; height:auto; }
.imgTxt:nth-child(even) {  background:#ddd; }
.imgTxt:nth-child(odd) {  background:#f7f7f7; }
.imtTxtDesc { padding:10px; padding-left:30px; background:none; height:100%; }
.imgTxtImg { background:none; height:100%; text-align:center; }
.imgTxtDesc2 { text-align:right; padding:10px; padding-right:30px; background:none; height:100%; }
.frontLoading { display:none; margin-top:10px; }
.icon3 { display:inline-block; margin:0 10px; vertical-align:top; }
.tyreCard { border-radius:3px;  display: flex; flex-direction: column; width:250px; min-height: 440px; height:auto; background:#eee; margin:15px;  }
.tyreImg { background-size:contain; border-radius:3px 3px 0px 0px; padding:10px; width:100%; height:200px; background-color:#fff; }
.tyreSearchResult { border-top:1px solid #eee; display:none; padding:40px; height:auto; background:#f7f7f7; }
.tyreButtons { background:#ff7c2e; padding:5px 10px 5px 10px; }
.productDetailsContainer { background:#f7f7f7; height:auto; padding:40px; }
.pdImgCont { vertical-align:top; background-color:#fff; padding:20px; }
.pdDetailsCont { vertical-align:top; background-color:#fff; padding:20px; border-left:1px solid #ccc; }
.pdIconsCont { color:#333; border-bottom:1px solid #ddd; margin:0px -20px 20px -20px; padding:20px; }
.modal-content { width:800px; margin:auto}
.priceContainer { padding:0px 10px;  background-color:#505050; color: #fff; position:absolute; right:20px; top:55px; width:auto; }
.navTopContainer { padding:10px; height:80px; padding-left:0; }
.navTopScroll { position:fixed; top:0; right:0; left:0; z-index:99; box-shadow:0px 1px 2px #000; transition:all 0.8s; }
.navTop { background:#ff7c2e; border-bottom:1px solid #111; }
.logoContainer { text-align:left; background-color:#fff; margin:-10px 0px -10px 0px; padding-left:0px; }
.navTopImg { width:270px; height:auto; margin:-53px -10px -52px -15px; background-color:none; }
.menuContainer { padding:16px; background:none; }
.bg-custom { background-color: #ff7c2e !important; border-bottom:1px solid #111; }
#navbarSupportedContent { margin-left: 20px; }
.contactCont { color:#aaa; padding:40px; background-color:#333; }
.alertM { z-index:10040; position:fixed; top:0; right:0; left:0; margin:auto; width:500px; box-shadow:0px 2px 2px #777; }
}

@media(max-width: 575.98px ) {
.menuTxt { }
.menuBars {  margin:0 20px; display:inline-block; font-size:30px; }
.menuBars:hover { color:#fff; }
.mainTxtContainer { padding:10px; margin:50px auto 10px auto; background:none; height:130px; width:95%; }
.selectContainer { padding:10px; margin:20px 10px 10px 10px; background:#ff7c2e; height:auto; border-radius:2px; }
.cat1 { color:#fff; vertical-align:top; display:inline-block; text-align:center; width:48%; }
.cat2 { color:#fff;  display:inline-block; text-align:center; width:48%; float:right; }
.cat3 { color:#fff; margin-top:10px; display:inline-block; text-align:center; width:48%; }
.cat4 { color:#fff; margin-top:10px; display:inline-block; text-align:center; width:48%; float:right; }
.cat5 { display:block; background:#333; width:100%; margin-top:15px;  }
.seasonSelect { font-weight:300; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; width:100%; }
.sizeOneSelect { float:right; width:90%; font-weight:300; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; }
.sizeTwoSelect { float:right; width:100%; font-weight:300; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; }
.sizeThreeSelect { float:right; width:90%; font-weight:300; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; }
    .tyreSizeOneSelect { float:right; width:100%; font-weight:300; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; }
    .tyreSizeTwoSelect { float:right; width:100%; font-weight:300; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; }
    .tyreSizeThreeSelect { float:right; width:100%; font-weight:300; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; }
    .tyreSizeInOneSelect { float:right; width:100%; font-weight:300; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; }
    .tyreSizeInTwoSelect { float:right; width:100%; font-weight:300; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; }
    .tyreSizeInThreeSelect { float:right; width:100%; font-weight:300; height:100%; border:none; border-radius:2px; color:#333; background-color:#eee; }
.searchTyreButton { padding:10px 7px; font-size:20px;  width:100%; font-weight:400; height:100%; border:none; border-radius:2px; color:#fff; background-color:#111; }
.imgTxt { padding:40px 20px; height:auto; }
.imgTxt:nth-child(even) {  background:#ddd; }
.imgTxt:nth-child(odd) {  background:#f7f7f7; }
.imtTxtDesc { padding-top:20px; background:none; height:100%; }
.imgTxtImg { background:none; height:100%; text-align:center;  position:absolute; right:20px; left:20px; width:auto; }
.imgTxtDesc2 { text-align:left; padding:10px; padding-right:30px; background:none; height:100%; margin-top:210px; }
.frontLoading { display:none; margin-top:0px; }
.icon3 { display:block; margin:10px 10px 0px 10px; vertical-align:top; }
.tyreCard { border-radius:3px; display: flex; flex-direction: column; width:auto;min-height: 440px; min-width:160px; height:auto; background:#eee;  }
.tyreCard:nth-child(even) { margin: 5px 5px 5px 10px; }
.tyreCard:nth-child(odd) { margin: 5px 10px 5px 5px; }
.tyreImg { background-size:contain; border-radius:3px 3px 0px 0px; padding:10px; width:100%; height:150px; background-color:#fff; }
.tyreSearchResult { border-top:1px solid #eee; display:none; padding:40px 0; height:auto; background:#f7f7f7; }
.tyreButtons { background:#ff7c2e; padding:5px 0; }
.productDetailsContainer { background:#f7f7f7; height:auto; padding:40px 10px; }
.pdImgCont { vertical-align:top; background-color:#fff; padding:40px 0; }
.pdDetailsCont { vertical-align:top; background-color:#fff; padding:20px; border-top:1px solid #ccc; }
.pdIconsCont { color:#333; border-bottom:1px solid #ddd; margin:0px -20px 20px -20px; padding:20px 0; }
.modal-content { width:auto; }
.priceContainer { padding:0px 10px; background-color:#505050; color: #fff; right:50px; top:-50px; width:auto; }
.buyButton { cursor:pointer; color:#fff; border-radius:3px; background:#1f4f79; padding:3px 10px; display:inline-block; margin:0px 10px; }
.detailsButton { cursor:pointer; color:#fff; border: none;border-radius:3px; background:#308733; padding:3px 10px; display:inline-block; margin:0px 10px; }
.buyButton:hover { background-color: #007bff; transition: all 0.5s; }
.detailsButton:hover {  background-color: #73c019; transition:all 0.5s; }
.navTopContainer { padding:10px; height:60px; }
.navTopScroll { position:fixed; top:0; right:0; left:0; z-index:99; transition:all 0.8s; }
.navTop { background:#f7f7f7; border-bottom:1px solid #ccc; }
.logoContainer { text-align:left; background:none; margin:-10px 0; padding-left:0px; display:inline-block; width:150px; }
.navTopImg { width:120px; height:auto; margin:-13px -10px -12px -16px; background-color:none; }
.menuContainer { padding:16px; background:none; display:inline-block; }
.bg-custom { background-color: #ff7c2e !important; border-bottom:1px solid #111; }
#navbarSupportedContent { margin-top:10px; }
.contactCont { color:#aaa; padding:40px 20px; background-color:#333; }
.contactCont .row .col-6:nth-child(1)  { margin-bottom:20px; }
.alertM { z-index:10040; position:fixed; top:0; right:0; left:0; margin:auto; width:100%; box-shadow:0px 2px 2px #777; }
}



.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: #000;
}

#continuous-slider {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.continuous-slider--wrap {
    display: block;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
  
.continuous-slider--wrap ul {
      display: block;
      list-style: none;
      position: relative;
      margin-left: auto;
      margin-right: auto;
	  overflow:hidden;
}

.continuous-slider--wrap ul li {
        display: inline-block;
        float: left;
        position: relative;
        width: 200px;
        height: auto;
        line-height: 200px;
        text-align: center;
}

.continuous-slider--wrap ul li img {
          vertical-align: middle;
          max-width: 100%;
          max-height: 100%;
          -webkit-transition: 0 linear left;
          -moz-transition: 0 linear left;
          transition: 0 linear left;
          opacity: 0.65;
}

.continuous-slider--wrap ul li img:hover {
            opacity: 1.0;
}
.filterButtons {
    margin: 20px 0px 0px 20px;
}
.sms-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.sms-popup-content {
  position: absolute;
  top: 20%;
  left: 50%;
  width: 400px;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.sms-close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
}



  #smsMessage {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
  }

  #sendSms {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
  }

  #sendSms:hover {
    background-color: #0056b3;
  }
 #spanPhoneNr {
  display: inline-block;
  border: 1px solid #000;
  padding: 0px 2px;
  transition: background-color 0.3s, color 0.3s;
}

#spanPhoneNr:hover {
  background-color: #007bff;
  color: white;
}
#greenButton {
    font-size: 0.75rem;
    color: white;
    border: none;
    margin-left: 10px;
    border-color: black;
    background: linear-gradient(45deg, #64c368, #2E7D32);
    transform: translateZ(0);
}
#redButton {
    font-size: 0.75rem;
    color: white;
    border: none;
    margin-left: 10px;
    background: linear-gradient(45deg, #ff7878, #D50000);
    transform: translateZ(0);
}
#blueButton {
    font-size: 0.75rem;
    color: white;
    border: none;
    background: linear-gradient(45deg, #52b7ff, #8263ff);
    transform: translateZ(0);
}
.greencircle {
    width: 40px;
    height: 15px;
    font-size: 10px;
    text-align: center;
    border-radius: 10%;
    background: linear-gradient(45deg, #4CAF50, #2E7D32);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.2);
    transform: translateZ(0);
}
.redcircle {
    width: 40px;
    height: 15px;
    font-size: 10px;
    text-align: center;
    border-radius: 10%;
    background: linear-gradient(45deg, #FF5252, #D50000);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5), 0 0 0px rgba(0, 0, 0, 0.2);
    transform: translateZ(0);
}
.brandCont {
	border-radius:5px; box-shadow:0px 2px 2px #ccc; display:inline-block; background:#ddd; height:100%;  margin:10px; padding:20px;
	filter: grayscale(100%);
	webkit-filter:grayscale(100%);
	background:none; box-shadow:none; 
}
.brandCont:hover {
	filter: grayscale(0%);
	webkit-filter:grayscale(0%);
	box-shadow:0px 2px 5px #ccc;
	transition:all 0.5s;
	box-shadow:none;
}
.brandCont:hover img {
	box-shadow:4px 2px 16px 2px #555;
	transition:all 0.5s;
}

.imgTxt img { 
	webkit-filter: grayscale(100%); 
	filter: grayscale(100%);
}
.imgTxt:hover img {
	webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: all 1s;
}

.list-group-item .resultNum { 
	background-color:#999;
	display:inline-block; border-radius:2px; font-size:13px; padding:0px 5px; margin-left:5px; color:#fff;
}
.list-group-item.active .resultNum {
	background-color: #000; /*#73c019;*/
}
.list-group-item:hover .resultNum {
	background-color: #000; /*#73c019;*/
}
.list-group-item.active { color:#000; }
.list-group-item:hover { color:#000; }


.form-control { font-weight:500; }

.labelMod { width:130px; display:inline-block; }
.inputMod { display:inline-block; width:220px; }
.inputModDekk { display:inline-block; width:220px; }

.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;
	}
	
.serviceBar {
	font-size:14px; 
	display:inline-block;  
	border-radius:0.25rem; 
	padding:2px 10px; 
	margin:3px;
}
.serviceBar:hover {
	background-color:#007bff;
	border:1px solid #007bff;
	color:#fff;
	transition: all 0.3s;
	cursor:pointer;
}

.inactiveService { 
	background-color:#fff;
	border:1px solid #aaa;
	color:#333; 
}

.activeService {
	background-color:#007bff;
	border:1px solid #007bff;
	color:#fff;
}

.btnMod { 
	background-color:#f7f7f7; 
	color:#555; 
	border:1px solid #ccc;
}

.btnMod.focus, .btnMod:focus {
	box-shadow: 0 0 0 0.25rem #eee;
}
.btnMod.active.focus, .btnMod.active:focus {
	box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}


/* HOME: search results tabs */
.list-group-item {
    background-color: #e6e6e6;
}

.list-group-item.active {
    background-color: #ff9400;
    color: #fff;
}

/* POPUP: Dekkhotell kunde */
.popup {
    display: block;
    width: 50%;
    margin: 0 auto;
    margin-top: 20px;
    padding: 10px;
    border: 5px solid #ffa000;
    border-radius: 10px;
    color: black!important;
    font-size: 1.2em;
    background: black;
    text-align: center;
}

/* POPUP: Tyres management kunde */
.tyres-popup {
    position: absolute;
    top: 8rem;
    right: 10px;
    width: auto;
    padding: 10px;
    border: 5px solid #ffa000;
    border-radius: 10px;
    color: #ffa000!important;
    background: black;
    text-align: center;
    z-index: 10;
}

@media(max-width: 767px ) {
    .popup {
        position: static;
        display: block;
    }

    .tyres-popup {
        position: absolute;
        top: 9.5rem;
    }
}

.delivery-popup {
    cursor: pointer;
    /* border: 5px solid black; */
    /*border-radius: 10px;*/
    color: #fff;
    background: #505050;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    height: unset;
}

.tyre-management-popup {
    cursor: pointer;
    border: 5px solid #ffa000;
    border-radius: 10px;
    color: #ffa000!important;
    background: black;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    height: unset;
}

.popup .action {
    color: white;
    font-weight: bold;
}

.popup:hover {
    background: gray;
}

.full-width-alert {
    border-radius: 0;
    margin: 10px -16px 0px -16px;
}

/* custom style */

.custom-btn {
    padding: 30px;
    border-radius: 0 100px 0 100px;
    font-size: 1.5em;
    border: 4px solid black;
    background-color: #ff7c2e;
    transition: 0.2s;
}

.custom-btn:hover {
    text-decoration: none;
    color: black !important;
    transition: 0.2s;
    background: #3f3a32a3;
    font-weight: bold;
}

.custom-checkbox {
    display: block !important;
    width: 20px;
    height: 20px;
}

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

.custom-label {
    display: inline-flex;
    margin-left: 50px;
}

/* Accordion */
.accordion, .accordion * {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:3px;
	/* background:#f6f6f6; */
}
.color-white {
    color: #fff;
}
/* Section Title */
.section-title {
	background:#2f2f2f;
	display:inline-block;
	border-bottom:1px solid #1a1a1a;
	width:100%;
	padding:15px;
	transition:all linear 0.15s;
	color:#fff;
	font-size:18px;
	text-shadow:0px 1px 0px #1b1b1b;
    /* text-align: center; */
}

.section-title.active,
.section-title:hover {
	background:#505050;
    text-decoration: none;
    color: #fff;
}

.section:last-child .section-title {
	border-bottom:none;
}

/* Section Content */
.section-content {
	display:none;
	padding:20px;
}
.sub-section
{
    height: auto;
    color: #fff;
    border: 0px ;
    border-bottom:1px solid #505050;
    background:#505050d9;border-radius:0px;
    padding: 15px;
}
.sub-section:hover
{
    color: #fff;
    background:#9b9b9b;
}
/* custom btn style */
.btn-primary
{
    color: #fff;
    border-color: #141414;
    background-color: #373737;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-primary:hover
{
    color: #fff;
    border-color: #5e72e4; 
    background-color: #5e72e4;
}
.btn-primary:focus,
.btn-primary.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(94, 114, 228, .5);
}
.btn-primary.disabled,
.btn-primary:disabled
{
    color: #fff;
    border-color: #5e72e4; 
    background-color: #5e72e4;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle
{
    color: #fff;
    border-color: #5e72e4; 
    background-color: #324cdd;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(94, 114, 228, .5);
}

.btn-secondary
{
    color: #212529;
    border-color: #f7fafc;
    background-color: #f7fafc;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-secondary:hover
{
    color: #212529;
    border-color: #f7fafc; 
    background-color: #f7fafc;
}
.btn-secondary:focus,
.btn-secondary.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(247, 250, 252, .5);
}
.btn-secondary.disabled,
.btn-secondary:disabled
{
    color: #212529;
    border-color: #f7fafc; 
    background-color: #f7fafc;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle
{
    color: #212529;
    border-color: #f7fafc; 
    background-color: #d2e3ee;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(247, 250, 252, .5);
}

.btn-success
{
    color: #fff;
    border-color: #2dce89;
    background-color: #2dce89;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-success:hover
{
    color: #fff;
    border-color: #2dce89; 
    background-color: #2dce89;
}
.btn-success:focus,
.btn-success.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(45, 206, 137, .5);
}
.btn-success.disabled,
.btn-success:disabled
{
    color: #fff;
    border-color: #2dce89; 
    background-color: #2dce89;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle
{
    color: #fff;
    border-color: #2dce89; 
    background-color: #24a46d;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(45, 206, 137, .5);
}

.btn-info
{
    color: #fff;
    border-color: #11cdef;
    background-color: #11cdef;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-info:hover
{
    color: #fff;
    border-color: #11cdef; 
    background-color: #11cdef;
}
.btn-info:focus,
.btn-info.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(17, 205, 239, .5);
}
.btn-info.disabled,
.btn-info:disabled
{
    color: #fff;
    border-color: #11cdef; 
    background-color: #11cdef;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle
{
    color: #fff;
    border-color: #11cdef; 
    background-color: #0da5c0;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(17, 205, 239, .5);
}

.btn-warning
{
    color: #fff;
    border-color: #fb6340;
    background-color: #fb6340;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-warning:hover
{
    color: #fff;
    border-color: #fb6340; 
    background-color: #fb6340;
}
.btn-warning:focus,
.btn-warning.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(251, 99, 64, .5);
}
.btn-warning.disabled,
.btn-warning:disabled
{
    color: #fff;
    border-color: #fb6340; 
    background-color: #fb6340;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle
{
    color: #fff;
    border-color: #fb6340; 
    background-color: #fa3a0e;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(251, 99, 64, .5);
}

.btn-danger
{
    color: #fff;
    border-color: #f5365c;
    background-color: #f5365c;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-danger:hover
{
    color: #fff;
    border-color: #f5365c; 
    background-color: #f5365c;
}
.btn-danger:focus,
.btn-danger.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(245, 54, 92, .5);
}
.btn-danger.disabled,
.btn-danger:disabled
{
    color: #fff;
    border-color: #f5365c; 
    background-color: #f5365c;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle
{
    color: #fff;
    border-color: #f5365c; 
    background-color: #ec0c38;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(245, 54, 92, .5);
}

.btn-light
{
    color: #fff;
    border-color: #adb5bd;
    background-color: #adb5bd;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-light:hover
{
    color: #fff;
    border-color: #adb5bd; 
    background-color: #adb5bd;
}
.btn-light:focus,
.btn-light.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(173, 181, 189, .5);
}
.btn-light.disabled,
.btn-light:disabled
{
    color: #fff;
    border-color: #adb5bd; 
    background-color: #adb5bd;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle
{
    color: #fff;
    border-color: #adb5bd; 
    background-color: #919ca6;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(173, 181, 189, .5);
}

.btn-dark
{
    color: #fff;
    border-color: #212529;
    background-color: #212529;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-dark:hover
{
    color: #fff;
    border-color: #212529; 
    background-color: #212529;
}
.btn-dark:focus,
.btn-dark.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(33, 37, 41, .5);
}
.btn-dark.disabled,
.btn-dark:disabled
{
    color: #fff;
    border-color: #212529; 
    background-color: #212529;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle
{
    color: #fff;
    border-color: #212529; 
    background-color: #0a0c0d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(33, 37, 41, .5);
}

.btn-default
{
    color: #fff;
    border-color: #172b4d;
    background-color: #172b4d;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-default:hover
{
    color: #fff;
    border-color: #172b4d; 
    background-color: #172b4d;
}
.btn-default:focus,
.btn-default.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(23, 43, 77, .5);
}
.btn-default.disabled,
.btn-default:disabled
{
    color: #fff;
    border-color: #172b4d; 
    background-color: #172b4d;
}
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle
{
    color: #fff;
    border-color: #172b4d; 
    background-color: #0b1526;
}
.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-default.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(23, 43, 77, .5);
}

.btn-white
{
    color: #212529;
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-white:hover
{
    color: #212529;
    border-color: white; 
    background-color: white;
}
.btn-white:focus,
.btn-white.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
}
.btn-white.disabled,
.btn-white:disabled
{
    color: #212529;
    border-color: #fff; 
    background-color: #fff;
}
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show > .btn-white.dropdown-toggle
{
    color: #212529;
    border-color: white; 
    background-color: #e6e6e6;
}
.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-white.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
}

.btn-neutral
{
    color: #212529;
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-neutral:hover
{
    color: #212529;
    border-color: white; 
    background-color: white;
}
.btn-neutral:focus,
.btn-neutral.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
}
.btn-neutral.disabled,
.btn-neutral:disabled
{
    color: #212529;
    border-color: #fff; 
    background-color: #fff;
}
.btn-neutral:not(:disabled):not(.disabled):active,
.btn-neutral:not(:disabled):not(.disabled).active,
.show > .btn-neutral.dropdown-toggle
{
    color: #212529;
    border-color: white; 
    background-color: #e6e6e6;
}
.btn-neutral:not(:disabled):not(.disabled):active:focus,
.btn-neutral:not(:disabled):not(.disabled).active:focus,
.show > .btn-neutral.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
}

.btn-darker
{
    color: #fff;
    border-color: black;
    background-color: black;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-darker:hover
{
    color: #fff;
    border-color: black; 
    background-color: black;
}
.btn-darker:focus,
.btn-darker.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(0, 0, 0, .5);
}
.btn-darker.disabled,
.btn-darker:disabled
{
    color: #fff;
    border-color: black; 
    background-color: black;
}
.btn-darker:not(:disabled):not(.disabled):active,
.btn-darker:not(:disabled):not(.disabled).active,
.show > .btn-darker.dropdown-toggle
{
    color: #fff;
    border-color: black; 
    background-color: black;
}
.btn-darker:not(:disabled):not(.disabled):active:focus,
.btn-darker:not(:disabled):not(.disabled).active:focus,
.show > .btn-darker.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(0, 0, 0, .5);
}

.btn-outline-primary
{
    color: #5e72e4;
    border-color: #5e72e4; 
    background-color: transparent;
    background-image: none;
}
.btn-outline-primary:hover
{
    color: #fff;
    border-color: #5e72e4; 
    background-color: #5e72e4;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus
{
    box-shadow: 0 0 0 0 rgba(94, 114, 228, .5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled
{
    color: #5e72e4;
    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;
    border-color: #5e72e4; 
    background-color: #5e72e4;
}
.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(94, 114, 228, .5);
}

.btn-outline-secondary
{
    color: #f7fafc;
    border-color: #f7fafc; 
    background-color: transparent;
    background-image: none;
}
.btn-outline-secondary:hover
{
    color: #212529;
    border-color: #f7fafc; 
    background-color: #f7fafc;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus
{
    box-shadow: 0 0 0 0 rgba(247, 250, 252, .5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled
{
    color: #f7fafc;
    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: #212529;
    border-color: #f7fafc; 
    background-color: #f7fafc;
}
.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(247, 250, 252, .5);
}

.btn-outline-success
{
    color: #2dce89;
    border-color: #2dce89; 
    background-color: transparent;
    background-image: none;
}
.btn-outline-success:hover
{
    color: #fff;
    border-color: #2dce89; 
    background-color: #2dce89;
}
.btn-outline-success:focus,
.btn-outline-success.focus
{
    box-shadow: 0 0 0 0 rgba(45, 206, 137, .5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled
{
    color: #2dce89;
    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;
    border-color: #2dce89; 
    background-color: #2dce89;
}
.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(45, 206, 137, .5);
}

.btn-outline-info
{
    color: #11cdef;
    border-color: #11cdef; 
    background-color: transparent;
    background-image: none;
}
.btn-outline-info:hover
{
    color: #fff;
    border-color: #11cdef; 
    background-color: #11cdef;
}
.btn-outline-info:focus,
.btn-outline-info.focus
{
    box-shadow: 0 0 0 0 rgba(17, 205, 239, .5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled
{
    color: #11cdef;
    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;
    border-color: #11cdef; 
    background-color: #11cdef;
}
.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(17, 205, 239, .5);
}

.btn-outline-warning
{
    color: #fb6340;
    border-color: #fb6340; 
    background-color: transparent;
    background-image: none;
}
.btn-outline-warning:hover
{
    color: #fff;
    border-color: #fb6340; 
    background-color: #fb6340;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus
{
    box-shadow: 0 0 0 0 rgba(251, 99, 64, .5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled
{
    color: #fb6340;
    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;
    border-color: #fb6340; 
    background-color: #fb6340;
}
.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(251, 99, 64, .5);
}

.btn-outline-danger
{
    color: #f5365c;
    border-color: #f5365c; 
    background-color: transparent;
    background-image: none;
}
.btn-outline-danger:hover
{
    color: #fff;
    border-color: #f5365c; 
    background-color: #f5365c;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus
{
    box-shadow: 0 0 0 0 rgba(245, 54, 92, .5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled
{
    color: #f5365c;
    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;
    border-color: #f5365c; 
    background-color: #f5365c;
}
.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(245, 54, 92, .5);
}

.btn-outline-light
{
    color: #adb5bd;
    border-color: #adb5bd; 
    background-color: transparent;
    background-image: none;
}
.btn-outline-light:hover
{
    color: #fff;
    border-color: #adb5bd; 
    background-color: #adb5bd;
}
.btn-outline-light:focus,
.btn-outline-light.focus
{
    box-shadow: 0 0 0 0 rgba(173, 181, 189, .5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled
{
    color: #adb5bd;
    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: #fff;
    border-color: #adb5bd; 
    background-color: #adb5bd;
}
.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(173, 181, 189, .5);
}

.btn-outline-dark
{
    color: #212529;
    border-color: #212529; 
    background-color: transparent;
    background-image: none;
}
.btn-outline-dark:hover
{
    color: #fff;
    border-color: #212529; 
    background-color: #212529;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus
{
    box-shadow: 0 0 0 0 rgba(33, 37, 41, .5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled
{
    color: #212529;
    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;
    border-color: #212529; 
    background-color: #212529;
}
.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(33, 37, 41, .5);
}

.btn-outline-default
{
    color: #172b4d;
    border-color: #172b4d; 
    background-color: transparent;
    background-image: none;
}
.btn-outline-default:hover
{
    color: #fff;
    border-color: #172b4d; 
    background-color: #172b4d;
}
.btn-outline-default:focus,
.btn-outline-default.focus
{
    box-shadow: 0 0 0 0 rgba(23, 43, 77, .5);
}
.btn-outline-default.disabled,
.btn-outline-default:disabled
{
    color: #172b4d;
    background-color: transparent;
}
.btn-outline-default:not(:disabled):not(.disabled):active,
.btn-outline-default:not(:disabled):not(.disabled).active,
.show > .btn-outline-default.dropdown-toggle
{
    color: #fff;
    border-color: #172b4d; 
    background-color: #172b4d;
}
.btn-outline-default:not(:disabled):not(.disabled):active:focus,
.btn-outline-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-default.dropdown-toggle:focus
{
    box-shadow: 0 0 0 0 rgba(23, 43, 77, .5);
}

.btn-outline-white
{
    color: #fff;
    border-color: #fff; 
    background-color: transparent;
    background-image: none;
}
.btn-outline-white:hover
{
    color: #212529;
    border-color: #fff; 
    background-color: #fff;
}
.btn-outline-white:focus,
.btn-outline-white.focus
{
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
}
.btn-outline-white.disabled,
.btn-outline-white:disabled
{
    color: #fff;
    background-color: transparent;
}
.btn-outline-white:not(:disabled):not(.disabled):active,
.btn-outline-white:not(:disabled):not(.disabled).active,
.show > .btn-outline-white.dropdown-toggle
{
    color: #212529;
    border-color: #fff; 
    background-color: #fff;
}
.btn-outline-white:not(:disabled):not(.disabled):active:focus,
.btn-outline-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-white.dropdown-toggle:focus
{
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
}

.btn-outline-neutral
{
    color: #fff;
    border-color: #fff; 
    background-color: transparent;
    background-image: none;
}
.btn-outline-neutral:hover
{
    color: #212529;
    border-color: #fff; 
    background-color: #fff;
}
.btn-outline-neutral:focus,
.btn-outline-neutral.focus
{
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
}
.btn-outline-neutral.disabled,
.btn-outline-neutral:disabled
{
    color: #fff;
    background-color: transparent;
}
.btn-outline-neutral:not(:disabled):not(.disabled):active,
.btn-outline-neutral:not(:disabled):not(.disabled).active,
.show > .btn-outline-neutral.dropdown-toggle
{
    color: #212529;
    border-color: #fff; 
    background-color: #fff;
}
.btn-outline-neutral:not(:disabled):not(.disabled):active:focus,
.btn-outline-neutral:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-neutral.dropdown-toggle:focus
{
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
}

.btn-outline-darker
{
    color: black;
    border-color: black; 
    background-color: transparent;
    background-image: none;
}
.btn-outline-darker:hover
{
    color: #fff;
    border-color: black; 
    background-color: black;
}
.btn-outline-darker:focus,
.btn-outline-darker.focus
{
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
}
.btn-outline-darker.disabled,
.btn-outline-darker:disabled
{
    color: black;
    background-color: transparent;
}
.btn-outline-darker:not(:disabled):not(.disabled):active,
.btn-outline-darker:not(:disabled):not(.disabled).active,
.show > .btn-outline-darker.dropdown-toggle
{
    color: #fff;
    border-color: black; 
    background-color: black;
}
.btn-outline-darker:not(:disabled):not(.disabled):active:focus,
.btn-outline-darker:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-darker.dropdown-toggle:focus
{
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
}

.btn-link
{
    font-weight: 400;

    text-decoration: none; 

    color: #5e72e4;
}
.btn-link:hover
{
    text-decoration: none; 

    color: #233dd2;
}
.btn-link:focus,
.btn-link.focus
{
    text-decoration: none;

    box-shadow: none;
}
.btn-link:disabled,
.btn-link.disabled
{
    pointer-events: none; 

    color: #8898aa;
}

.btn-lg,
.btn-group-lg > .btn
{
    font-size: .875rem;
    line-height: 1.5;

    padding: .875rem 1rem;

    border-radius: .4375rem;
}

.btn-sm,
.btn-group-sm > .btn
{
    font-size: .75rem;
    line-height: 1.5;

    padding: .25rem .5rem;

    border-radius: .25rem;
}

.btn-block
{
    display: block;

    width: 100%;
}
.btn-block + .btn-block
{
    margin-top: .5rem;
}

input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block
{
    width: 100%;
}

.btn-outline-custom
{
    color: #fff;
    border-color: #fff; 
    background-color: #505050;
    background-image: none;
}
.btn-outline-custom:hover
{
    color: #fff;
    border-color: #fff; 
    background-color: #2f2f2f;
}
.btn-outline-custom:focus,
.btn-outline-custom.focus
{
    box-shadow: 0 0 0 0 rgba(94, 114, 228, .5);
}
.btn-outline-custom.disabled,
.btn-outline-custom:disabled
{
    color: #fff;
    background-color: transparent;
}
.btn-outline-custom:not(:disabled):not(.disabled):active,
.btn-outline-custom:not(:disabled):not(.disabled).active,
.show > .btn-outline-custom.dropdown-toggle
{
    color: #fff;
    border-color: #fff; 
    background-color: #fff;
}
.btn-outline-custom:not(:disabled):not(.disabled):active:focus,
.btn-outline-custom:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-custom.dropdown-toggle:focus
{
    box-shadow: 0 0 0 0 rgba(94, 114, 228, .5);
}


/* modal */
.modal-header {
    background: #2f2f2f;
    color: #fff;
}
.modalLoading {
    z-index: 100430;
}

.vertical-center{
    display: grid;
    align-items: center;
    justify-content: center;
}

@media(max-width: 480px ) {
    .not-mobile {
        display: none;
    }
}