/* BACKPORT FROM BOOTSTRAP V4 */

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.row-vertical-align {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    display: flex;
    flex-wrap: wrap-reverse;
}

.row-vertical-align [class*=col-], .flex-wrap-reverse [class*=col-] {
    margin: 0 -1px;
}

.btn-outline-primary {
    color: #0275d8;
    background-image: none;
    background-color: transparent;
    border-color: #0275d8;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
                    box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #0275d8;
    background-color: transparent;
}

.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
}

.btn-outline-secondary {
    color: #ccc;
    background-image: none;
    background-color: transparent;
    border-color: #ccc;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
                    box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #ccc;
    background-color: transparent;
}

.btn-outline-secondary:active, .btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}

.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
                    box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #5bc0de;
    background-color: transparent;
}

.btn-outline-info:active, .btn-outline-info.active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.btn-outline-success {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
                    box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #5cb85c;
    background-color: transparent;
}

.btn-outline-success:active, .btn-outline-success.active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.btn-outline-warning {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e;
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
                    box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #f0ad4e;
    background-color: transparent;
}

.btn-outline-warning:active, .btn-outline-warning.active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
                    box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #d9534f;
    background-color: transparent;
}

.btn-outline-danger:active, .btn-outline-danger.active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}

.btn-outline-white {
    color: #fff;
    background-image: none;
    background-color: transparent;
    border-color: #fff;
}

.btn-outline-white:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0);
}

.btn-outline-white:focus, .btn-outline-white.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.btn-outline-white.disabled, .btn-outline-white:disabled {
    color: #fff;
    background-color: transparent;
}

.btn-outline-white:active, .btn-outline-white.active,
.show > .btn-outline-white.dropdown-toggle {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0);
}

.btn-transparent-red {
    color: #fff;
    background-image: none;
    background-color: #d9534f59;
    border-color: #fff;
}

.btn-transparent-red:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: rgba(255, 255, 255, 0);
}

.btn-transparent-red:focus, .btn-transparent-red.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.btn-transparent-red.disabled, .btn-transparent-red:disabled {
    color: #fff;
    background-color: #d9534f59;
}

.btn-transparent-red:active, .btn-transparent-red.active,
.show > .btn-transparent-red.dropdown-toggle {
    color: #fff;
    background-color: #d9534f59;
    border-color: rgba(255, 255, 255, 0);
}

.btn-transparent-black {
    color: #fff;
    background: #00000059;
    border-color: #fff;
}

.btn-transparent-black:hover {
    color: #000;
    background-color: #FFF;
    border-color: rgba(255, 255, 255, 0);
}

.btn-transparent-black:focus, .btn-transparent-black.focus {
    color: #fff;
    background-color: #00000059;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.btn-transparent-black.disabled, .btn-transparent-black:disabled {
    color: #fff;
    background-color: #00000059;
}

.btn-transparent-red:active, .btn-transparent-red.active,
.show > .btn-transparent-red.dropdown-toggle {
    color: #fff;
    background-color: #00000059;
    border-color: rgba(255, 255, 255, 0);
}

.btn-blue {
    color: #FFF;
    background-image: none;
    background-color: #019CDB;
    border-color: #017daf;
}

.btn-blue:hover {
    color: #fff;
    background-color: #0075a5;
    border-color: #005e84;
}

.btn-blue:focus, .btn-blue.focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn-blue.disabled, .btn-blue:disabled {
    color: #0275d8;
    background-color: transparent;
}

.btn-blue:active, .btn-blue.active,
.show > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #0075a5;
    border-color: #005e84;
}

.btn-solid-blue, .btn-solid-blue:focus, .btn-solid-blue.focus, .btn-solid-blue.disabled, .btn-solid-blue:disabled {
    color: #fff;
    background: #019cdb;
    border-color: #019cdb;
    box-shadow: none !important;
}

.btn-solid-blue:hover {
    color: #000;
    background-color: #FFF;
    border-color: rgba(255, 255, 255, 0);
}

.float-right {
    float: right!important;
}

.float-left {
    float: left!important;
}

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

/* UNIQUE STYLING */
.btn {
    box-shadow: inset 0 1px 0 #ffffff66;
}

.btn-lg {
    border-radius:3px;
}
.modal-header {
    background-color: #019cdb;
    color: #FFF;
    text-align: center;
}

/* CUSTOM CLASSES */

.padding-right-0, .padding-0 { padding-right: 0 !important; }
.padding-right-5, .padding-5 { padding-right: 5px !important; }
.padding-right-10, .padding-10 { padding-right: 10px !important; }
.padding-right-15, .padding-15 { padding-right: 15px !important; }
.padding-right-25, .padding-25 { padding-right: 25px !important; }

.padding-left-0, .padding-0 { padding-left: 0 !important; }
.padding-left-5, .padding-5 { padding-left: 5px !important; }
.padding-left-10, .padding-10 { padding-left: 10px !important; }
.padding-left-15, .padding-15 { padding-left: 15px !important; }
.padding-left-25, .padding-25 { padding-left: 25px !important; }

.alert-dashed {
    text-align: center;
    font-size: 20px;
    background-color: #f2f5f8;
    border: 1px dashed #CCC;
    color: #31708f;
}

.alert-dashed-button-wrapper {
    text-align: center;
}

.alert-dashed-button-wrapper button{
    margin-top: 10px;
}

.input-group-addon-transparent {
    border: 0;
    background-color: transparent;
    line-height: inherit;
}
/*
.input-group input[type="text"] {
    display: table-cell;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
}*/



.form-control {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* MODALS */

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

/* MEDIA QUERIES */

@media (max-width: 767px) {
    .float-xs-none {
        float: none!important;
    }
    .padding-xs-right-0, .padding-xs-0 { padding-right: 0 !important; }
    .padding-xs-right-5, .padding-xs-5 { padding-right: 5px !important; }
    .padding-xs-right-10, .padding-xs-10 { padding-right: 10px !important; }
    .padding-xs-right-15, .padding-xs-15 { padding-right: 15px !important; }
    .padding-xs-left-0, .padding-xs-0 { padding-left: 0 !important; }
    .padding-xs-left-5, .padding-xs-5 { padding-left: 5px !important; }
    .padding-xs-left-10, .padding-xs-10 { padding-left: 10px !important; }
    .padding-xs-left-15, .padding-xs-15 { padding-left: 15px !important; }
    .btn-block-xs { width: 100%; display:block; }
    .margin-bottom-xs-5 { margin-bottom: 5px !important}
}

@media (max-width: 991px) {
    .padding-md-right-15, .padding-md-15 { padding-right: 15px !important; }
    .padding-md-left-15, .padding-md-15 { padding-left: 15px !important; }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .col-md-2-point-4 { width: 20%; }
}

@media (min-width:768px) {
    .col-sm-offset-1-point-5 { margin-left: 12.5%; }
}