/**
 * The template engine's main css file.
 * 
 *      It contains all the main styles, that is important for the template
 *      engine to work.
 */ 

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

    html {
        display: block;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        min-width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        z-index: 0;
    }
    
    body {
        display: block;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        min-width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        z-index: 0;
    }
    
    .logo-rsoe {
        display: inline-block;
        width: 100px;
        height: 100px;
        padding: 0;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-image: url("../images/logo-rsoe.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        vertical-align: middle;
    }
    
    .logo-rsoe.dark {
        background-image: url("../images/logo-rsoe-dark.png");
    }
    
    .form-builder input.form-line:focus,
    .form-builder input.form-line:hover {
        border-color: #1f91f3;
    }
    
    .form-builder .has-error input:focus,
    .form-builder .has-success input:focus {
        box-shadow: none !important;
    }
    
    .form-builder input[type="checkbox"]:not(:checked), 
    .form-builder input[type="checkbox"]:checked {
        position: relative !important;
        left: initial !important;
        opacity: 100 !important;
    }
    
    .form-builder input[type="radio"]:not(:checked), 
    .form-builder input[type="radio"]:checked {
        position: relative !important;
        left: initial !important;
        opacity: 100 !important;
    }
    

/* Small devices (tablets, 768px and up) */
@media (min-width: 758px) {
    
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
}