#content-wrapper{
    padding:0 !important;
}
/* sider */
button {
    width: 100%;
    height: auto;
    display: block;
    background: transparent;
    border-color: transparent;
    color: gray;
    font-size: 26px;
}

button:active {
    color: black;
    background: transparent;
    font-weight: 800;
}

button:hover {
    color: black;
    background: transparent;
    font-weight: 800;
}

/* Modal */
.wrap {
    padding: 15px;
}

h1 {
    font-size: 28px;
}

h4,
modal-title {
    font-size: 18px;
    font-weight: bold;
}

.no-borders {
    border: 0px;
}

.body-message {
    font-size: 18px;
}

.centered {
    text-align: center;
}

.btn-primary {
    background-color: #2086c1;
    border-color: transparent;
    outline: none;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    font-size: 15px;
    padding: 10px 25px;
}

.btn-primary:hover {
    background-color: #2086c1;
    border-color: transparent;
}

.btn-primary:focus {
    outline: none;
}

.input-group-btn .btn-group {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.btn-group .btn {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    margin-left: -1px;
}

.btn-group .btn:last-child {
    -webkit-border-top-right-radius: 4px;
       -moz-border-radius-topright: 4px;
            border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
       -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px;
}

.btn-group .form-horizontal .btn[type="submit"] {
    -webkit-border-top-left-radius: 4px;
       -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
       -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px;
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.form-group .form-control:last-child {
    -webkit-border-top-left-radius: 4px;
       -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
       -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px;
}

/* Image buttons */

/* https://www.w3schools.com/howto/howto_css_image_text.asp
   width/height have to meet the real size (1x/2x/....)
*/
.customBtn {
    width: 128px;
    height: 40px;
    position: relative;
    text-align: center;
    color: white;
}

.customBtnGray {
    width: 128px;
    height: 40px;
    position: relative;
    text-align: center;
    color: gray;
}

.customBtn:hover,
.customBtn:focus,
.customBtn:active,
.customBtnGray:hover,
.customBtnGray:focus,
.customBtnGray:active {
    color: black;
}

.customBtnBlue:hover,
.customBtnBlue:focus,
.customBtnBlue:active,
.customBtnRed:hover,
.customBtnRed:focus,
.customBtnRed:active {
    color: white;
}

.customBtnBlue {
    width: 128px;
    height: 40px;
    position: relative;
    text-align: center;
    color:#5A85E5;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.customBtnRed {
    width: 128px;
    height: 40px;
    position: relative;
    text-align: center;
    color:#FF6A6A;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.colorWhite {
    color: white;
}

.colorBack {
    color: black;
}


/* Centered text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
/* https://www.w3schools.com/howto/howto_css_image_text.asp */