html,
body {
  background: #e6e9f0;
  background-size: cover;
  background-repeat: no-repeat;
  color: #3a1e5d;
  font-size: 0.915rem;
  font-family: 'Poppins', sans-serif;
  height: 100%;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1;
}

.wrapper {
  margin-top: -3.9rem !important;
}

a {
  color: #3b018b;
  outline: none;
}

a:focus {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
  color: #3b018b;
}

hr.divider {
  overflow: visible;
  padding: 0;
  margin-bottom: 20px;
  border: none;
  border-top: 1px solid #e0e0e0;
  color: #757575;
  text-align: center;
}

hr.divider:after {
  content: 'Sau';
  display: inline-block;
  position: relative;
  top: -8px;
  padding: 0 16px;
  border-radius: 15px;
  background: #fff;
}

hr.divider1,
hr.divider2,
hr.divider3,
hr.divider4,
hr.divider5 {
  font-size: 24px;
  color: #3a1e5d !important;
  margin: 20px 0px 20px 0px;
}

hr.divider.divider1:after {
  top: -18px;
  content: '1';
}

hr.divider.divider2:after {
  top: -18px;
  content: '2';
}

hr.divider.divider3:after {
  top: -18px;
  content: '3';
}

hr.divider.divider4:after {
  top: -18px;
  content: '4';
}

hr.divider.divider5:after{
  top: -18px;
  content: "5";
}

.font-montserrat-bold {
  font-family: montserrat-bold;
}

.header-min-height {
  min-height: 240px;
}

/* ---------------------------------------------------
    Request
----------------------------------------------------- */

#request img {
  width: 200px;
}

#request div.card-body {
  background-color: rgba(0, 0, 0, 0.15);
}

.img-request-list {
  width: 120px;
}

/* ---------------------------------------------------
    Offer list
----------------------------------------------------- */

.square-md {
  width: 50px;
  height: 50px;
}

.symbol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
  color: #3a1e5d;
  background-color: #eeeff6;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
}

.symbol > img {
  width: 100%;
  max-width: 50px;
  height: 50px;
}

.media-body {
  min-height: 92px;
}

/* ---------------------------------------------------
    Toast
----------------------------------------------------- */
.toast-wrapper {
  z-index: 9999;
}

.toast {
  background-color: transparent;
  border: none;
  border-radius: 25px;
}

.toast-header {
  color: #fff;
  border-bottom: none;
}

/* ---------------------------------------------------
Alerts
----------------------------------------------------- */

.alert {
  border: none;
}

/* Keyframes */

@keyframes slideNotification {
  from {
    margin-bottom: -5px;
    opacity: 0;
  }
  to {
    margin-bottom: 0px;
    opacity: 1;
  }
}

@keyframes transition {
  from {
    margin-top: -50%;
  }
  to {
    margin-top: 0.5rem;
  }
}

@keyframes transition-reverse {
  from {
    margin-bottom: -50%;
  }
  to {
    margin-top: 0px;
  }
}

/* ---------------------------------------------------
Positions
----------------------------------------------------- */

.vertical-center {
  min-height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}

.v-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* ---------------------------------------------------
Font-faces & Classes
----------------------------------------------------- */

@font-face {
  font-family: montserrat-bold;
  src: url(/css/fonts/Montserrat/Montserrat-Bold.ttf);
}

@font-face {
  font-family: work-sans;
  src: url(/css/fonts/Montserrat/Montserrat-Bold.ttf);
}

@font-face {
  font-family: Poppins;
  src: url(fonts/Poppins.ttf);
}

@font-face {
  font-family: Nunito;
  src: url(fonts/Nunito.ttf);
}

/* ---------------------------------------------------
Font size
----------------------------------------------------- */

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

/* ---------------------------------------------------
Colors & Background
----------------------------------------------------- */

.bg-primary {
  background-color: #5163f3 !important;
}

.bg-autonom-green {
  background-color: #00c65e !important;
}

.bg-success {
  background-color: #3ecca6 !important;
}

.bg-secondary {
  background-color: #e6e9f0 !important;
}

.bg-warning {
  background-color: #fec434 !important;
}

.bg-muted {
  background-color: #8c8692 !important;
}

.bg-danger {
  background-color: #e45c59 !important;
}

.bg-dark {
  background-color: #3a1e5d !important;
}

.bg-light {
  background-color: #eeeff6 !important;
}

.bg-info {
  background-color: #3b018b !important;
}

.bg-white-1 {
  background: rgba(255, 255, 255, 0.1) !important;
}

.bg-custom-select option {
  background-color:  #eeeff6 !important;
}

.bg-custom-select option:checked {
  background-color:  #8c8692 !important;
}

.bg-info:hover,
.bg-info:active,
.bg-info:focus {
  background-color: #463895 !important;
}

button.bg-info:hover,
button.bg-info:active,
button.bg-info:focus {
  background-color: #463895 !important;
}

button.bg-warning:hover,
button.bg-warning:active,
button.bg-warning:focus {
  background-color: #feb601 !important;
}

/* Colors */
.text-dark {
  color: #3a1e5d !important;
}

.text-primary {
  color: #4f6df5 !important;
}

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

.text-success {
  color: #00bb8d !important;
}

.text-danger {
  color: #e45c59 !important;
}

/* Shadows */

/*.shadow{*/
/*    box-shadow: 0 .5rem 2rem rgba(0,0,0,.125)!important;*/
/*}*/

/* ---------------------------------------------------
Status Colors
----------------------------------------------------- */

.bg-active,
.bg-offered {
  background-color: #007fff !important;
}

.bg-inactive {
  background-color: #c6c4c4 !important;
}

.bg-accepted {
  background-color: #3ecca6 !important;
}

.bg-canceled,
.bg-not_accepted,
.bg-canceled_by_user {
  background-color: #f04c63 !important;
}

.bg-taken_from_location,
.bg-delivered,
.bg-received {
  background-color: #ea4c89 !important;
}

.bg-completed {
  background-color: #c9af98 !important;
}

.bg-receipt_protocol_sent,
.bg-receipt_protocol_received,
.bg-receipt_protocol_refused,
.bg-delivery_protocol_sent,
.bg-delivery_protocol_received,
.bg-delivery_protocol_refused {
  background-color: #fec434 !important;
}

.bg-left_at_location{
  background-color: #fb6f92;
}

.text-receipt_protocol_sent,
.text-receipt_protocol_received,
.text-receipt_protocol_refused,
.text-delivery_protocol_sent,
.text-delivery_protocol_received,
.text-delivery_protocol_refused {
  color: #fec434 !important;
}

.text-left_at_location{
  color: #fb6f92;
}

.text-completed {
  color: #c9af98 !important;
}

.text-active,
.text-offered {
  color: #007fff !important;
}

.text-inactive {
  color: #c6c4c4 !important;
}

.text-canceled,
.text-not_accepted {
  color: #f04c63 !important;
}

.text-accepted {
  color: #3ecca6 !important;
}

.text-taken_from_location,
.text-delivered,
.text-received {
  color: #ea4c89 !important;
}

.btn-link.text-active:hover {
  color: #0e38f1 !important;
}
/* ---------------------------------------------------
Borders
----------------------------------------------------- */

.border-radius-25 {
  border-radius: 25px !important;
}

.border-radius-sm-25 {
  border-radius: 0px;
}

.border-radius-right-25 {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

@media (min-width: 576px) {
  .border-radius-sm-25 {
    border-radius: 25px;
  }
}

.border-radius-45 {
  border-radius: 45px;
}

/* ---------------------------------------------------
Validation
----------------------------------------------------- */

.custom-select.is-invalid {
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236c757d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E)
      no-repeat right 0.95rem center/15.75px 20px,
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")
      #eeeff6 no-repeat center right 3rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-color: #e0e0e0;
  box-shadow: none;
}

.custom-select.is-invalid:focus {
  border-color: #e0e0e0;
  box-shadow: none;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #e0e0e0;
  box-shadow: none;
}

/* ---------------------------------------------------
Login
----------------------------------------------------- */

.container-form {
  border-radius: 25px;
}

.slide-animation {
  -webkit-animation: maxHeight 1s ease-in-out;
  animation: maxHeight 1s ease-in-out;
}

@keyframes maxHeight {
  from {
    max-height: 650px;
  }
  to {
    max-height: 1000px;
  }
}

.bg-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.background-gradient {
  background: rgba(87, 71, 178, 0.8);
  height: 100%;
  /* padding: 3rem !important; */
  overflow: hidden;
  text-align: center;
  outline: 15px solid rgba(87, 71, 178, 0.8);
  width: 100%;
}

.login-image {
  background-image: url(/images/bg-login.jpg);
}

.signup-image {
  background-image: url(/images/bg-signup.jpg);
}

.settings-image {
  background-image: url(/images/bg-settings.jpg);
}

label {
  font-style: normal;
  font-weight: 500;
  color: #9a9ba0;
}

.form-title {
  text-transform: uppercase;
  font-style: normal;
  font-weight: 900;
  line-height: 16px;
  text-align: center;
  color: #525252;
}

/*Form Control*/

.form-control {
  color: #9e9e9e;
  background-color: #eeeff6;
  border-radius: 25px;
  font-size: 0.915rem;
  padding: 1.5rem 1rem;
  box-shadow: none;
  outline: none;
}

/*Input Group*/

.input-group {
  background-color: #eeeff6 !important;
  border-radius: 45px;
  border: 1px solid rgba(0, 0, 0, 0.075);
}

.input-group .form-control {
  border: none;
}

.input-group-append {
  background-color: #eeeff6;
  border-top-right-radius: 45px;
  border-bottom-right-radius: 45px;
  overflow: hidden;
  background-color: transparent !important;
}

.input-group-text {
  border: none;
  padding: 0rem 1rem;
  background-color: transparent !important;
}

input.form-control:focus + .input-group-append {
  background-color: #e1e2ea !important;
}

.input-group .form-control.is-invalid {
  background-position: right center;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #e0e0e0;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='number']:focus,
[type='text'].form-control:focus,
[type='password'].form-control:focus,
[type='email'].form-control:focus,
[type='tel'].form-control:focus,
[contenteditable].form-control:focus {
  background-color: #e1e2ea;
  border-color: #e0e0e0;
  box-shadow: none;
}

textarea:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}

.filter-checkbox {
  -webkit-appearance: checkbox !important;
}

.checkbox-container {
  padding-left: 2px;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #eeeff6 inset;
  box-shadow: 0 0 0px 1000px #eeeff6 inset;
  -webkit-text-fill-color: #9e9e9e !important;
  transition: background-color 5000s ease-in-out 0s;
  font-size: inherit;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
}

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #e1e2ea inset !important;
  -webkit-text-fill-color: black !important;
  font-size: inherit;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
}

/* ---------------------------------------------------
Form Custom Select
----------------------------------------------------- */

.input-group > .custom-select:not(:last-child) {
  /* border-top-right-radius: 25px;
  border-bottom-right-radius: 25px; */
}

.input-group .custom-select {
  border-radius: 25px;
  /* margin-right: -3rem; */
  box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.2);
  /* z-index: 999 !important; */
  border: none;
}

select:focus {
  outline: none;
}

/* Hide the scrollbar */
#requestStatus::-webkit-scrollbar {
  width: 0.8em;
  background-color: transparent;
}

/* Track */
#requestStatus::-webkit-scrollbar-track {
  background-color: transparent;
}

/* Handle */
#requestStatus::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

/* Handle on hover */
#requestStatus::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.custom-multiple-select { 
  border-radius: 0px !important;
}


.custom-select {
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236c757d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E)
    #eeeff6 no-repeat right 0.95rem center/15.75px 20px;
  /* z-index: 3; */
  color: #9e9e9e;
  box-shadow: none;
  border-radius: 25px;
  border: 1px solid rgba(0, 0, 0, 0.075);
  cursor: pointer;
  height: 3.05rem;
  padding-left: 1rem;
  transition: color 0.3s ease;
}

.custom-select:disabled {
  background-color: #dadbe5 !important;
}

.custom-select:focus {
  background-color: #e1e2ea;
  border: 1px solid rgba(0, 0, 0, 0.075);
  color: #000;
  outline: none;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
}

.input-group .custom-select:focus {
  border: none;
  box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.2);
}

.custom-select select {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  background-color: #eeeff6 !important;
}

select.custom-select {
  background-color: #eeeff6 !important;
}

.custom-select select:focus {
  outline: none;
}

.custom-select option:not(:checked) {
  background-color: white;
  color: #000;
}

.v-divider,
.v-divider-3 {
  min-height: 64px;
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* ---------------------------------------------------
Form Bootstrap Select
----------------------------------------------------- */
.input-group:not(.has-validation)>.bootstrap-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bootstrap-select {
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236c757d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E) #EEEFF6 no-repeat right .95rem center/15.75px 20px;
  cursor: pointer;
  height: 3.05rem;
  transition: color 0.3s ease;
}

.input-group .bootstrap-select>.dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: transparent;
  border-color: transparent;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.input-group>.bootstrap-select {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.input-group .bootstrap-select {
  border-radius: 25px;
  box-shadow: 5px 0 5px -5px rgb(0 0 0 / 20%);
  border: none;
}

.bootstrap-select .dropdown-toggle:disabled{
  background-color: #DADBE5 !important;
}

.input-group .bootstrap-select .dropdown-toggle:focus{
  box-shadow: 5px 0 5px -5px rgba(0,0,0,0.2);
  outline: none !important;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus {
  background-color: transparent;
  border: 1px solid rgba(0,0,0,0.075);
  color: #000;
  outline: none !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0),0 0 0px rgba(0,0,0,0);
  box-shadow: inset 0 0px 0px rgba(0,0,0,0),0 0 0px rgba(0,0,0,0);
}


/* ---------------------------------------------------
Form Checkbox
----------------------------------------------------- */
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #3b018b;
  border-color: #3b018b;
}

.custom-control-label::before,
.custom-control-label::after {
  width: 1.15rem;
  height: 1.15rem;
}

label.custom-control-label::before,
label.custom-control-label::after {
  top: 0.15rem;
}

.custom-control-input:checked + .custom-control-label {
  color: #3b018b;
}

/* td a:hover {
  color: #3b018b !important;
} */
/* ---------------------------------------------------
Form Elements
----------------------------------------------------- */

.invalid-feedback {
  font-size: 0.915rem;
  margin-top: 0;
}

/* ---------------------------------------------------
Buttons
----------------------------------------------------- */

.btn {
  padding: 0.775rem;
  font-weight: 600;
  font-size: 0.915rem;
  border-radius: 25px;
  box-shadow: none;
}

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

a.btn:hover {
  color: white;
}

a.btn-login {
  text-transform: none;
  font-style: normal;
  text-align: center;
  font-weight: 600;
  border-radius: 25px;
}

.btn-login:hover {
  background: #ffcd32;
  color: #4e40a0;
}

a.btn-social {
  display: block;
  border-radius: 25px;
  text-align: center;
  color: white !important;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 1.125rem center;
  padding: 0.775rem 0rem 0.775rem 2rem !important;
  transition: background-color 0.2s ease;
}

.btn-google {
  background-color: #f2605c;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M20%2010.7411C20%2010.0274%2019.9438%209.30976%2019.8239%208.60757H10.2006V12.6509H15.7114C15.4827%2013.955%2014.7479%2015.1086%2013.672%2015.8416V18.4652H16.9597C18.8904%2016.6364%2020%2013.9357%2020%2010.7411Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M10.2005%2021C12.9522%2021%2015.2727%2020.0702%2016.9634%2018.4652L13.6757%2015.8416C12.761%2016.4821%2011.5801%2016.8447%2010.2043%2016.8447C7.54262%2016.8447%205.28582%2014.9967%204.47608%2012.512H1.08339V15.2166C2.81535%2018.7622%206.34299%2021%2010.2005%2021Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M4.47234%2012.512C4.04498%2011.2079%204.04498%209.79586%204.47234%208.4918V5.78723H1.0834C-0.363648%208.75416%20-0.36366%2012.2497%201.08339%2015.2166L4.47234%2012.512Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M10.2005%204.15522C11.6551%204.13207%2013.0609%204.69536%2014.1143%205.72935L17.0272%202.73156C15.1827%200.949084%2012.7347%20-0.0308902%2010.2005%20-2.48391e-05C6.34299%20-2.48391e-05%202.81536%202.23771%201.0834%205.78723L4.47234%208.4918C5.27834%206.00328%207.53887%204.15522%2010.2005%204.15522Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%2220%22%20height%3D%2221%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A');
  box-shadow: 0px 10px 15px rgba(242, 96, 92, 0.2);
}

.btn-apple {
  background-color: #000000;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
}

.apple-logo {
  width: 22px;
  height: 20px;
  float: left;
  margin-left: -13px;
}

.btn-facebook {
  background-color: #4285f4;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2221%22%20viewBox%3D%220%200%2011%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.99175%203.48687H11V0.147875C10.6535%200.102375%209.46196%200%208.07424%200C5.17874%200%203.19523%201.73862%203.19523%204.93412V7.875H0V11.6077H3.19523V21H7.11274V11.6086H10.1787L10.6654%207.87588H7.11182V5.30425C7.11274%204.22537%207.41705%203.48687%208.99175%203.48687V3.48687Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A');
  box-shadow: 0px 10px 15px rgba(66, 133, 244, 0.2);
}

.btn-google:hover {
  background-color: #e45c59;
}
.btn-facebook:hover {
  background-color: #3d7be3;
}

.btn-add,
.btn-cancel {
  display: inline-block;
  border-radius: 100%;
  width: 42px;
  height: 42px;
}

.btn-lg {
  padding: 0.775rem;
}

.btn-info {
  background-color: #4e40a0;
  border: none;
}

/* Buton albastru */

.btn-primary {
  border-color: #4f6df5;
  background-color: #4f6df5;
  color: #fff;
  box-shadow: none;
}

.btn-autonom-green {
  border-color: #00c65e;
  background-color: #00c65e;
  color: #fff;
  box-shadow: none;
}

.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #264cf2;
  border-color: #264cf2;
  box-shadow: none;
}

.btn-primary:hover {
  border-color: #3e60f4;
  background-color: #3e60f4;
  color: #fff !important;
  box-shadow: none;
}

.btn-primary:disabled,
.btn-primary.disabled,
.btn-primary.disabled:hover {
  border-color: #9faff9;
  background-color: #9faff9;
  box-shadow: none;
}

/* Buton galben */

.btn-warning {
  border-color: #fec434;
  background-color: #fec434;
  color: #3b018b !important;
  box-shadow: none;
}

.btn-warning:hover {
  border-color: #feb601;
  background-color: #feb601 !important;
  color: #3b018b !important;
  box-shadow: none;
}

.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
  border-color: #e4a401 !important;
  background-color: #e4a401 !important;
  box-shadow: none;
}

.btn-warning:disabled,
.btn-warning.disabled,
.btn-warning.disabled:hover {
  border-color: #fed367;
  background-color: #fed367;
  box-shadow: none;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #3a1e5d;
}

/* Buton mov-închis */

.btn-dark {
  border-color: #3b018b;
  background-color: #3b018b !important;
  box-shadow: none;
}

.btn-dark:hover {
  border-color: #35017e;
  background-color: #35017e !important;
  box-shadow: none;
}

.btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
  border-color: #2b0165;
  background-color: #2b0165 !important;
  box-shadow: none;
}

.btn-dark:disabled,
.btn-dark.disabled,
.btn-dark.disabled:hover {
  border-color: #b580fe;
  background-color: #b580fe;
  box-shadow: none;
}

/* Buton verde */

.btn-success {
  background-color: #3ecca6 !important;
  border-color: #3ecca6;
  color: #fff;
  box-shadow: none;
}

.btn-success:hover {
  background-color: #30b592 !important;
  border-color: #30b592;
  color: #fff;
  box-shadow: none;
}

.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  background-color: #2ba182 !important;
  border-color: #2ba182;
  box-shadow: none;
}

.btn-success:disabled,
.btn-success.disabled,
.btn-succes.disabled:hover {
  background-color: #86dfc7 !important;
  border-color: #86dfc7;
  box-shadow: none;
}

/* Buton roșu */

.btn-danger {
  background-color: #f2605c !important;
  border-color: #f2605c;
  box-shadow: none;
}

.btn-danger:hover {
  background-color: #e45c59 !important;
  border-color: #e45c59;
  box-shadow: none;
}

.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
  background-color: #df3c3a !important;
  border-color: #df3c3a;
  box-shadow: none;
}

.btn-danger:disabled,
.btn-danger.disabled,
.btn-danger.disabled:hover {
  background-color: #f7a4a1 !important;
  border-color: #f7a4a1;
  box-shadow: none;
}

/* Buton gri-închis */

.btn-secondary {
  background-color: #9287a3 !important;
  border-color: #9287a3 !important;
  box-shadow: none;
}

.btn-secondary:hover {
  background-color: #897d9b !important;
  border-color: #897d9b !important;
  box-shadow: none;
}

.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #7c6f90 !important;
  border-color: #7c6f90;
  box-shadow: none;
}

.btn-secondary:disabled,
.btn-secondary.disabled,
.btn-secondary.disabled:hover {
  background-color: #cbc5d3 !important;
  border-color: #cbc5d3;
  box-shadow: none;
}

/* Buton light */

.btn-info:focus {
  background-color: #4e40a0;
}

.btn-info:hover {
  background-color: #473a94;
}

/* .btn-group-append,
.btn-group-append:focus,
.btn-group-append:active {
  z-index: 0;
  border: none;
  padding-left: 4.2rem;
  padding-right: 1.4rem;
} */

.btn-offers {
  font-size: 12px;
  padding: 0.25rem 0.75rem;
  border-radius: 25px;
}

.badge-primary {
  background-color: #4f6df5;
  color: #fff !important;
}

.badge-success {
  background-color: #3ecca6;
  color: #fff !important;
}

.badge-danger {
  background-color: #e45c59;
  color: #fff !important;
}

.add-button {
  width: 80px;
  height: 80px;
  font-size: 2rem;
  margin-top: -55px;
  z-index: 1;
}

#filterBtn {
  margin-top: 1.9rem;
}
/* ---------------------------------------------------
First Column Form
----------------------------------------------------- */

.form-style {
  width: 100%;
  border-radius: 25px;
  background-color: white !important;
  padding: 2rem;
}

/* ---------------------------------------------------
Second Column
----------------------------------------------------- */

.col-s-mobile {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

.col-mh-6 {
  min-height: 585px;
}

/* ---------------------------------------------------
Logo Form
----------------------------------------------------- */

.logo-form-title {
  text-transform: uppercase;
  line-height: 60px;
  font-family: montserrat-bold;
  font-style: normal;
  font-size: 3.5rem;
  color: white;
}

.logo-form-title2 {
  font-family: work-sans;
  font-style: normal;
  font-size: 2.5rem;
  line-height: 1;
}

.page-subtitle {
  font-family: montserrat-bold;
  font-size: 0.875rem;
  text-transform: uppercase;
}

/* ---------------------------------------------------
    ICONS STYLE
----------------------------------------------------- */

.feather {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.feather-sm {
  width: 0.875rem;
  height: 0.875rem;
}

.feather-md {
  width: 1rem;
  height: 1rem;
}

.feather-lg {
  width: 1.125rem;
  height: 1.125rem;
  vertical-align: text-top;
}

.feather-status {
  width: 4rem;
  height: 4rem;
  stroke-width: 1;
  vertical-align: text-top;
}

.feather-spin {
  -webkit-animation: spin 2s ease infinite;
  animation: spin 2s ease infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.bounce {
  -moz-animation: bounce 2s;
  -webkit-animation: bounce 2s;
  animation: bounce 2s;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

.rotate {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.rotate.down {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* ---------------------------------------------------
    NAVBAR STYLE
----------------------------------------------------- */

.navbar-nav .dropdown-menu {
  position: absolute;
}

.outline-none {
  outline: none;
}

#navbarDropdown:hover,
#navbarDropdown:focus {
  color: #ccc;
}

#navbarDropdown::after {
  display: none;
}

.dropdown-toggle::after, .dropup .dropdown-toggle::after {
  display: none;
}

/* ---------------------------------------------------
    NAVS STYLE
----------------------------------------------------- */

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #3b018b;
}

#request-menu.nav-pills .nav-link.active,
#request-menu.nav-pills .show > .nav-link {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15);
}

.card-menu.nav-pills .nav-link.active,
.card-menu.nav-pills .show > .nav-link {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15);
}

/* ---------------------------------------------------
    DATATABLE STYLE
----------------------------------------------------- */

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  height: auto;
  width: auto;
  margin-top: 0;
  margin-left: 0;
  color: #3a1e5d !important;
  border: none;
  box-shadow: none;
  background-color: transparent;
  position: static;
  font-family: inherit;
  font-size: 20px;
  line-height: 20px;
}

#offerTable_info {
  font-size: 1rem !important;
  font-weight: bolder;
}

.dataTable thead th {
  border-bottom: 0;
  color: #3a1e5d !important;
}

.dataTable tbody {
  color: #8c8692;
}

.dtr-details tr td:first-child {
  font-weight: bold;
  color: #3a1e5d !important;
}

.dtr-details tr td:nth-child(2) {
  color: #8c8692 !important;
}

/*
select checkbox 
*/
table.dataTable tbody td.select-checkbox::before {
  width: 1rem;
  height: 1rem;
}

/* ---------------------------------------------------
    @Media
----------------------------------------------------- */

@media (max-width: 575.98px) {
  .toast {
    width: 100%;
    max-width: 575px;
    border-radius: 0 0 25px 25px;
  }

  .header-min-height {
      min-height: 210px;
  }
}

@media (max-width: 767px) {
  h1.request-title {
    position: absolute;
    text-transform: uppercase;
    font-family: montserrat-bold;
    margin-top: -5rem !important;
    margin-left: 0rem;
    font-size: 2.4rem;
    color: white;
  }

  div.v-divider-3 {
    min-height: 0px;
    border-right: none !important;
  }

  div.container-form {
    border-radius: 0px;
  }

  div.row.border-radius-25 {
    border-radius: 0px;
  }

  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
  }

  #offersList > li:last-child .media-body {
    border-bottom: none !important;
  }
}

@media (min-width: 992px) {
  div.alert-messages {
    top: 0;
    right: 5rem;
    width: 350px;
  }
}

@media (max-width: 992px) {
  .address-add {
    margin-top: -4.7rem;
  }

  div.v-divider {
    min-height: 0px;
    border-right: none !important;
  }

  form.form-style {
    padding: 3rem;
    box-shadow: 0px -15px 30px rgba(0, 0, 0, 0.1);
  }

  div.form-min-h {
    min-height: 300px;
  }

  div.col-s-mobile {
    background-color: #f8bc04;
  }

  div.login-image {
    background-size: contain;
    background-position: center 0.5vh;
  }

  .vertical-center {
    min-height: 0%;
    min-height: 0vh;
  }

  .v-center {
    position: relative;
    top: 0;
    transform: translateY(-1.8rem);
  }

  div.signup-image {
    background-size: contain;
    background-position: center -4vh;
  }

  div.settings-image {
    background-image: url(/images/bg-settings.jpg);
    background-size: contain;
    background-position: center -4vh;
  }

  form.form-centered {
    margin-top: -15px;
  }

  div.col-mh-6 {
    min-height: 5px;
  }

  div.slogan {
    display: none;
  }

  .shadow-top {
    box-shadow: 0px -20px 30px rgba(0, 0, 0, 0.1);
  }

  #filterBtn {
    margin-top: 0.75rem;
  }

  #details .row > div:not(:last-child) .media-body {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 768px) {
  .h-md-100 {
    height: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  h1.request-title {
    margin-top: -8.5rem !important;
    margin-left: -1.5rem !important;
  }
}

/* iPhone and iOS Zoom */

@media screen and (device-aspect-ratio: 2/3) {
  select,
  textarea,
  input[type='text'],
  input[type='password'],
  input[type='datetime'],
  input[type='datetime-local'],
  input[type='date'],
  input[type='month'],
  input[type='time'],
  input[type='week'],
  input[type='number'],
  input[type='email'],
  input[type='url'],
  .custom-select {
    font-size: 16px;
  }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
  select,
  textarea,
  input[type='text'],
  input[type='password'],
  input[type='datetime'],
  input[type='datetime-local'],
  input[type='date'],
  input[type='month'],
  input[type='time'],
  input[type='week'],
  input[type='number'],
  input[type='email'],
  input[type='url'],
  .custom-select {
    font-size: 16px;
  }
}

/* iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
  select,
  textarea,
  input[type='text'],
  input[type='password'],
  input[type='datetime'],
  input[type='datetime-local'],
  input[type='date'],
  input[type='month'],
  input[type='time'],
  input[type='week'],
  input[type='number'],
  input[type='email'],
  input[type='url'],
  .custom-select {
    font-size: 16px;
  }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
  select,
  textarea,
  input[type='text'],
  input[type='password'],
  input[type='datetime'],
  input[type='datetime-local'],
  input[type='date'],
  input[type='month'],
  input[type='time'],
  input[type='week'],
  input[type='number'],
  input[type='email'],
  input[type='url'],
  .custom-select {
    font-size: 16px;
  }
}

.card-border-padding {
  padding: 2px 2px 2px 0 !important;
}

.card-padding {
  border-radius: 25px;
  padding: 2px 2px 2px 1.15rem !important;
}

.button-add {
  display: table;
  color: #333333;
  color: rgba(0, 0, 0, 0.7);
  background: white;
  text-align: center;
  line-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  transform: scale(1);
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.3), 0px 0px 5px 0.5px rgba(0, 0, 0, 0.01);
  transition: all 0.3s ease;
}

.card-2:hover .button-add {
  box-shadow: none;
  transform: scale(1.2);
}

.request-title {
  position: absolute;
  text-transform: uppercase;
  font-family: montserrat-bold;
  margin-top: -10.5rem;
  margin-left: -3rem;
  font-size: 6rem;
  color: white;
}

.card-1 h5,
.card-2 h5,
.card-3 h5,
.request-list h5 {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: work-sans;
  padding: 0;
  margin: 0;
}

@media (max-width: 340px) {
  .card {
    font-size: 0.75rem;
  }
  .card-1 h5,
  .card-2 h5,
  .card-3 h5,
  .request-list h5 {
    font-size: 0.6rem;
    padding: 0;
    margin: 0;
  } /*1rem = 16px*/
}

@media (min-width: 544px) {
  .card-1 h5,
  .card-2 h5,
  .card-3 h5,
  .request-list h5 {
    font-size: 1rem;
    padding: 0;
    margin: 0;
  } /*1rem = 16px*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .card-1 h5,
  .card-2 h5,
  .card-3 h5,
  .request-list h5 {
    font-size: 0.875rem;
  }
  #details .row > div:not(:nth-last-child(-n + 2)) .media-body {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .card-1 h5,
  .card-2 h5,
  .card-3 h5,
  .request-list h5 {
    font-size: 1rem;
  }
}

#footer {
  width: 100%;
  bottom: 0;
}

.reception-picture {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* Separate rule for compatibility, :focus-within is required on modern Firefox and Chrome */
input.reception-picture:focus + label {
  outline: thin dotted;
}
input.reception-picture:focus-within + label {
  outline: thin dotted;
}

@font-face {
  font-family: 'fa';
  src: url('/css/fonts/fa.eot?mnuhnm');
  src: url('/css/fonts/fa.eot?mnuhnm#iefix') format('embedded-opentype'), url('/css/fonts/fa.ttf?mnuhnm') format('truetype'), url('/css/fonts/fa.woff?mnuhnm') format('woff'), url('/css/fonts/fa.svg?mnuhnm#fa') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.fa {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fa' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-calendar:before {
  content: '\e900';
}
.fa-delete:before {
  content: '\e901';
}
.fa-chevron-right:before {
  content: '\e902';
}
.fa-chevron-left:before {
  content: '\e903';
}
.fa-times:before {
  content: '\e904';
}
.fa-clock-o:before {
  content: '\e905';
}
.fa-calendar-check-o:before {
  content: '\e906';
}
.fa-arrow-down:before {
  content: '\e907';
}
.fa-arrow-up:before {
  content: '\e908';
}

.row.no-gutters.border-radius-25 {
  border-radius: 23px !important;
}

/* Modals */

.dtr-bs-modal .modal-dialog {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-body dt {
  font-weight: bold;
  color: #3a1e5d !important;
}

.modal-body dd {
  color: #8c8692 !important;
}

/* Loader */
#loader {
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.08);
  z-index: 9999999;
  position: fixed;
  height: 100%;
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}

.loader_background {
  position: absolute;
  background: #3a1e5d;
  border-radius: 25px;
  width: 250px;
  height: 150px;
}

.loader_wrap {
  position: relative;
  display: table;
}

.loader_car {
  width: 125px;
  display: block;
}

.loader_car .body {
  animation: shake 0.2s ease-in-out infinite alternate;
}

@keyframes shake {
  0% {
    transform: translateY(-1%);
  }
  100% {
    transform: translateY(2%);
  }
}

.loader_road {
  background-color: #fec434;
  width: 120px;
  height: 3px;
  position: absolute;
  margin-top: 38px;
  margin-left: -120px;
}
.loader_road:before,
.loader_road:after {
  background-color: #3a1e5d;
  width: 4px;
  height: 3px;
  bottom: 0;
  z-index: 1;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.loader_road:before {
  right: 5px;
  animation: road-before-effect 2s infinite;
}
.loader_road:after {
  right: 15px;
  width: 6px;
  animation: road-after-effect 1s infinite;
}

.loader_road:before,
.loader_road:after {
  content: '';
  position: absolute;
  display: block;
}

.loader_wheels {
  position: absolute;
  bottom: 47px;
  left: 7px;
}

@keyframes road-before-effect {
  from {
    right: 3px;
  }
  to {
    right: 100%;
  }
}
@keyframes road-after-effect {
  from {
    right: 1px;
    width: 20px;
  }
  to {
    right: 100%;
    width: 6px;
  }
}

/*Facebook embeded posts*/
.fb-post > span {
  max-width: 100%;
}
.fb-post iframe {
  border: 0;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.thumb {
  cursor: pointer;
}

.profile-image {
  width: 150px;
}

.mb-80 {
  margin-bottom: 80px;
}


/* app/views/account/setup.html toast center */
.toast-top-center {
  top: 45% !important;
  right: 0 ;
  width: 100%;
}

/* contract admin company_modal.html custom checkbox */
.label-before-wrapper-55 {
  padding-top: 11px;
  padding-right: 22px;
  margin-left: 5px;
}

.checkbox-wrapper-55 input[type="checkbox"] {
  visibility: hidden;
  display: none;
}

.checkbox-wrapper-55 *,
.checkbox-wrapper-55 ::after,
.checkbox-wrapper-55 ::before {
  box-sizing: border-box;
}

.checkbox-wrapper-55 .rocker {
  display: inline-block;
  position: relative;
  /*
  SIZE OF SWITCH
  ==============
  All sizes are in em - therefore
  changing the font-size here
  will change the size of the switch.
  See .rocker-small below as example.
  */
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #888;
  width: 7em;
  height: 4em;
  overflow: hidden;
  border-bottom: 0.5em solid #eeeff6;
}

.checkbox-wrapper-55 .rocker-small {
  font-size: 0.75em;
}

.checkbox-wrapper-55 .rocker::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999;
  border: 0.5em solid #eee;
  border-bottom: 0;
}

.checkbox-wrapper-55 .switch-left,
.checkbox-wrapper-55 .switch-right {
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  width: 3em;
  transition: 0.2s;
  user-select: none;
}

.checkbox-wrapper-55 .switch-left {
  height: 2.4em;
  width: 2.75em;
  left: 0.85em;
  bottom: 0.4em;
  background-color: #ddd;
  transform: rotate(15deg) skewX(15deg);
}

.checkbox-wrapper-55 .switch-right {
  right: 0.5em;
  bottom: 0;
  background-color: #3b018b;
  color: #fff;
}

.checkbox-wrapper-55 .switch-left::before,
.checkbox-wrapper-55 .switch-right::before {
  content: "";
  position: absolute;
  width: 0.4em;
  height: 2.45em;
  bottom: -0.45em;
  background-color: #ccc;
  transform: skewY(-65deg);
}

.checkbox-wrapper-55 .switch-left::before {
  left: -0.4em;
}

.checkbox-wrapper-55 .switch-right::before {
  right: -0.375em;
  background-color: transparent;
  transform: skewY(65deg);
}

.checkbox-wrapper-55 input:checked + .switch-left {
  background-color: #feb601;
  color: #fff;
  bottom: 0px;
  left: 0.5em;
  height: 2.5em;
  width: 3em;
  transform: rotate(0deg) skewX(0deg);
}

.checkbox-wrapper-55 input:checked + .switch-left::before {
  background-color: transparent;
  width: 3.0833em;
}

.checkbox-wrapper-55 input:checked + .switch-left + .switch-right {
  background-color: #ddd;
  color: #888;
  bottom: 0.4em;
  right: 0.8em;
  height: 2.4em;
  width: 2.75em;
  transform: rotate(-15deg) skewX(-15deg);
}

.checkbox-wrapper-55 input:checked + .switch-left + .switch-right::before {
  background-color: #ccc;
}

/* Keyboard Users */
.checkbox-wrapper-55 input:focus + .switch-left {
  color: #333;
}

.checkbox-wrapper-55 input:checked:focus + .switch-left {
  color: #fff;
}

.checkbox-wrapper-55 input:focus + .switch-left + .switch-right {
  color: #fff;
}

.checkbox-wrapper-55 input:checked:focus + .switch-left + .switch-right {
  color: #333;
}


/* app/views/beneficiary request_new.html */
#service-contract-name {
  display: none;
}

#user-notify-text {
  display: none;
}

#service-contract-phone {
  display: none;
}


.login-logo-image {
  display: none;
}

@media (max-width: 576px) {
.embed-responsive {
  margin-top: 16px;

}

.custom-div {
  margin-bottom: 48px;
}

.background-gradient {
  height: 114%;
}


.login-logo-image {
  width: 31%;
  margin-left: 100px;
  margin-bottom: 40px;
  margin-top: -12px;
  border-radius: 35%;
  display: block;
}
}


@media (max-width: 768px) {
  .request-menu-mobile {
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center;
  }

  .request-menu-mobile .nav-link {
    flex: 0 0 45%;
    text-align: center;
    margin: 4px;
  }
}