html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.btn-square {
    padding: 1.25rem 1.25rem !important;
    min-width: 0 !important;
    width: 20rem;
    height: 20rem;
    border-radius: 20 !important;
}

.vl-green {
    border-left: 6px solid green;
    height: 100%;
    position: center;
    top: 0;
}

.vl-yellow {
    border-left: 6px solid #ffc107;
    height: 100%;
    position: center;
    top: 0;
}

.vl-dark {
    border-left: 6px solid #212529;
    height: 100%;
    position: center;
    top: 0;
}


.big-checkbox {
    width: 30px;
    height: 30px;
}

.medium-checkbox {
    width: 22px;
    height: 22px;
}

.medium-checkbox-label {
    padding-left:10px;
}

.green-step-card {
    border-color: green;
    border-width: medium;
    border-style: dashed;
}

.yellow-step-card {
    border-color: #ffc107;
    border-width: medium;
    border-style: dashed;
}

.disabled-card {
    border: none
}

.looksdisabled {
    background-color: #f5f5f5;
    opacity: 0.7;
    cursor: not-allowed;
}

.center-div {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
}

.ol-conditii > li::marker {
    font-weight: bold;
    color: #841B2D;
}

.conditii-color {
    color: #841B2D;
}