b, strong {
    font-weight: 700;
}

/*----------------------------------------------------------------------------*/
/* BUTTONS */
/*----------------------------------------------------------------------------*/
/******** Btn general ********/
.btn {
	font-size: 16px;
    font-weight: 500;
	text-transform: uppercase;
	transition: all .2s ease-in;
}

.btn:focus, .btn.focus {
  box-shadow: inherit;
}

@media (max-width: 767px){
	.btn {
		font-size: 14px;
		padding: 8px 8px 8px 8px;
	}
}

/******** Btn Primary ********/
.btn-primary {
    color: #fff;
    background-color: #94C940;
    border-color: #94C940;
}

.btn-primary:hover {
    background-color: #4988fc;
    border-color: #4988fc;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: #94C940;
  border-color: #94C940;
}

/******** Btn Secundary ********/
.btn-secundary {
    color: #fff !important;
    background-color: #34B989;
    border-color: #34B989;
}

.btn-secundary:hover {
	color: #fff;
    background-color: #4988fc;
    border-color: #4988fc;
}

.btn-secundary:not(:disabled):not(.disabled):active, .btn-secundary:not(:disabled):not(.disabled).active,
.show > .btn-secundary.dropdown-toggle {
  background-color: #34B989;
  border-color: #34B989;
}

/******** Btn Primary ********/
.btn-outline-primary {
	border: 2px solid;
	margin-right: 10px;
}

.btn-outline-primary.one {
	color: #94C940;
	border-color: #94C940;
}

.btn-outline-primary.two {
	color: #34B989;
	border-color: #34B989;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #4988FC;
    border-color: #4988FC;
}

@media (max-width: 1199px){
	.btn-outline-primary.one,
	.btn-outline-primary.two {
		margin-bottom: 10px;
	}
}

/******** Btn info ********/
@media (max-width: 767px){
	.btn-info {
		margin-bottom: 20px;
	}
}

/******** Btn Submenu ********/
.btn-submenu {
	width: 100%;
	border: 2px solid;
	margin-right: 10px;
}

.btn-submenu.driver {
	color: #94C940;
	border-color: #94C940;
}

.btn-submenu.company {
	color: #34B989;
	border-color: #34B989;
}

.btn-submenu:hover {
    color: #fff;
    background-color: #4988FC;
    border-color: #4988FC;
}


/******** Btn Filters ********/
.btn-filter {
  background-color: transparent;
  border-color: transparent;
  margin: 0 auto;
  text-transform: none;
  font-size: 14px;
  color: #7A7A7A;
}

.btn-filter svg {
	color: #333;
}

.btn-filter:hover {
  color: #b10859;
  background-color: transparent;
  border-color: transparent;
}

.btn-filter:focus, .btn-filter.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-filter:not(:disabled):not(.disabled):active, .btn-filter:not(:disabled):not(.disabled).active,
.show > .btn-filter.dropdown-toggle {
  color: #b10859;
   background-color: transparent;
  border-color: transparent;
}

@media (max-width: 575px){
	.btn-filter {
	font-size: 12px;
  }
}

/******** Btn file Register ********/
.btn-register {
	width: 100%;
    color: #fff;
    background-color: #FC494E;
    border-color: #FC494E;
}

.btn-register:hover {
	color: #fff;
    background-color: #4988fc;
    border-color: #4988fc;
}

.btn-register:not(:disabled):not(.disabled):active, .btn-register:not(:disabled):not(.disabled).active,
.show > .btn-register.dropdown-toggle {
  background-color: #4988fc;
  border-color: #4988fc;
}

.register-offer .btn {
	width: 100%;
	padding: 15px;
}

@media (max-width: 991px){
	.btn-register {
		 bottom: 10px;
		left: 2%;
		width: 96% !important;
		position: fixed;
		z-index: 9999;
		box-shadow: 0px 0px 10px #00000061;
		border-radius: 5px;
	}
}

/*----------------------------------------------------------------------------*/
/* MODAL WINDOW */
/*----------------------------------------------------------------------------*/
.modal-content {
	border: 0px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
}

.modal.drivers {
	background-color: rgba(148, 201, 64, 0.8);
}

.modal.companies {
	background-color: rgba(52, 185, 137, 0.8);
}

.modal-body,
.modal-header,
.modal-footer{
	border-top: 0px;
	border-bottom: 0px;
}

.modal-title {
	width: 100%;
    text-align: center;
}

.modal-header {
	padding: 2rem 2rem 1rem 2rem;
}

.modal-header h2 {
	width: 100%;
	text-align: center;
}

.modal-body {
	padding: 0rem 2rem;
}

.modal-footer {
	text-align: center;
	padding: 0rem 2rem 2rem 2rem;
}

.modal-body .btn {
	width: 100%;
}

.modal-divider {
	width: 20%;
	margin: 0 auto;
	display: inline-block;
	height: 3px;
	background-color: #EEEEEE;
}

@media (min-width: 767px) {
  #ModalOffer .modal-dialog,
  #ModalNewAlert .modal-dialog,
  #ModalEditOffer .modal-dialog,
  #ModalDatesInscribed .modal-dialog{
    max-width: inherit;
	width:60%
  }
}
  
 .close {
	cursor: pointer;
}


/*----------------------------------------------------------------------------*/
/* FORMS */
/*----------------------------------------------------------------------------*/
label {
	font-size: 15px;
	font-weight: 600;
}

select {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	background-image: none;
	-ms-word-break: normal;
	word-break: normal;
}

@media (max-width: 574px) {
	select.stylescroll {
		min-width: 180px;
	}
}
	

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
	display: none;
}

select.arrow{
	
    background-image: linear-gradient(45deg, transparent 50%, #312f32 50%), linear-gradient(135deg, #312f32 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.8em;
    background-repeat: no-repeat;
	}

.form-control {
    font-size: 16px;
    color: #373a3c;
    background-color: #EEEEEE;
	border: 1px solid #818a91;
	min-height: 45px;
	padding: 0.4rem 0.6rem;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.form-control.arrow {
	padding: 6px 50px 6px 16px;
}

.form-control:focus {
    color: #373a3c;
    background-color: #EEEEEE;
    border-color: inherit;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.0);
}

.custom-file-label {
	color: #495057;
	min-height: 47px;
    padding: 9px 16px;
	background-color: #EEEEEE;
	border: 1px solid #818a91;
}

.custom-file-label::after {
    min-height: 46px;
    padding: 0.675rem 0.75rem;
    color: #fff;
    content: "Buscar";
    background-color: #333;
}

/*----------------------------------------------------------------------------*/
/* TABS */
/*----------------------------------------------------------------------------*/
.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

ul.nav-tabs {
	text-align: center;
	margin: 0 auto;
}

.nav-tabs li.nav-item {
    text-align: center;
	font-size: 16px;
}

.nav-tabs li.nav-item a {
	font-weight: 500;
}

.nav-tabs.driver .nav-link.active,
.nav-tabs.driver .nav-item.show .nav-link,
.nav-tabs.company .nav-link.active,
.nav-tabs.company .nav-item.show .nav-link,
.nav-tabs.faqs .nav-link.active,
.nav-tabs.faqs .nav-item.show .nav-link{
	color: #fff;
	padding: 12px 20px;
}

.nav-tabs.driver .nav-link.active,
.nav-tabs.driver .nav-item.show .nav-link {
  background-color: #95cb40;
  border-color: #95cb40;
}

.nav-tabs.company .nav-link.active,
.nav-tabs.company .nav-item.show .nav-link {
  background-color: #95cb40;
  border-color: #95cb40;
}

.nav-tabs.faqs .nav-link.active,
.nav-tabs.faqs .nav-item.show .nav-link {
	background-color: #95cb40;
	border: 2px solid #95cb40;
	text-transform: uppercase;
}

.nav-tabs.faqs .nav-item:nth-child(2) .nav-link.active,
.nav-tabs.faqs .nav-item.show:nth-child(2) .nav-link {
	background-color: #34B989;
	border: 2px solid #34B989;
	text-transform: uppercase;
}

.nav-tabs .nav-link {
	border-radius: 0.25rem;
	background-color: #eee;
	color: #7A7A7A;
	padding:  12px 20px;
	box-shadow: none;
	font-weight: 700;
}

.nav-tabs.faqs .nav-link {
	border-radius: 0.25rem;
	background-color: transparent;
	color: #95cb40;
	padding:  12px 20px;
	box-shadow: none;
	text-transform: uppercase;
	font-weight: 700;
	border: 2px solid #95cb40;
}

.nav-tabs.faqs .nav-item:nth-child(2) .nav-link {
	border-radius: 0.25rem;
	background-color: transparent;
	color: #34B989 !important;
	padding:  12px 20px;
	box-shadow: none;
	text-transform: uppercase;
	font-weight: 700;
	border: 2px solid #34B989;
}

.nav-tabs.faqs .nav-item:nth-child(2) .nav-link.active {
	border-radius: 0.25rem;
	background-color: transparent;
	color: #fff !important;
	padding:  12px 20px;
	box-shadow: none;
	text-transform: uppercase;
	font-weight: 700;
	border: 2px solid #34B989;
	background-color: #34B989 !important;
}

@media (max-width: 575px){
	.nav-tabs.driver .nav-link.active,
	.nav-tabs.driver .nav-item.show .nav-link,
	.nav-tabs.company .nav-link.active,
	.nav-tabs.company .nav-item.show .nav-link,
	.nav-tabs .nav-link{
		padding: 15px 10px 15px 10px;
	}

	.nav-tabs li.nav-item {
		font-size: 12px;
	}
}

@media (max-width: 400px){
	.nav-tabs li.nav-item {
		font-size: 10px;
	}
}


/*----------------------------------------------------------------------------*/
/* COLLAPSE */
/*----------------------------------------------------------------------------*/
.box-options .collapse {
	height: 300px;
	overflow-y: auto;
}

.card {
	border: 0;
    border-top: 0px solid rgba(0, 0, 0, 0.125);
	border-radius: 3px 3px 3px 3px;
}

.card-header {
	padding: 1.25rem 2.25rem;
	border-bottom: 0px solid rgba(0, 0, 0, 0.125);
	border-radius: 3px 3px 3px 3px !important;
}

.card-header h5 {
	font-size: 16px;
	color: #007bff;
	font-weight: 600 !important;
	transition: all .2s ease-in; 
}

.card-header h5:hover {
	color: #000;
}


/*----------------------------------------------------------------------------*/
/* PAGINATION */
/*----------------------------------------------------------------------------*/
.pagination {
	margin-top: 25px;
	display: inherit;
}

ul.pagination  {
	text-align: center;
	margin: 0 auto;
	list-style: none;
}

ul.pagination li {
	width: 32px;
	display: inline-block;
	list-style: none;
}

.page-item.active .page-link {
	background-color: #94C940;
	border-color: #94C940;
}

.page-link {
	color: #94C940;
	border: 1px solid #94C940;
	padding: 5px;
}

.page-link:hover {
	z-index: 2;
	color: #fff;
	background-color: #94C940;
	border-color: #94C940;
}


/*----------------------------------------------------------------------------*/
/* ALERT */
/*----------------------------------------------------------------------------*/
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert  {
	text-align: center;
}

.alert span {
	font-size: 25px;
	font-weight: 700;
}

.alert.ok i,
.alert.ko i,
.alert.await i{
	font-size: 50px;
}

.alert.ok i {
	color: #34B989;
}

.alert.ko i {
	color: #dd0000;
}

.alert.await i {
	color: #d4a636;
}



@media (min-width: 2000px) {
  .container {
    max-width: 1875px;
  }
}

@media (min-width: 2500px) {
  .container {
    max-width: 2344px;
  }
}

@media (min-width: 3000px) {
  .container {
    max-width: 2812px;
  }
}

@media (min-width: 3500px) {
  .container {
    max-width: 3281px;
  }
}

/*----------------------------------------------------------------------------*/
/* PROVINCE SELECT */
/*----------------------------------------------------------------------------*/
