        /* OER CUSTOM STYLES */
        
        body {
            background: #f3f3f3;
        }
        
        #canvas {
            margin-top: -10px;
            /* background: rgba(0, 0, 0, 0.4);
            border: 1px dashed #fff;*/
        }
        
        #oer_theory {
            margin-top: -400px;
            text-shadow: 1px 1px 1px #333;
            color: #f3f3f3;
            text-align: left;
            box-shadow: 10px 10px 50px #333;
            /* change this with the actual total height */
        }
        
        #oer_application {
            margin-top: -200px;
            text-shadow: 1px 1px 1px #333;
            color: #f3f3f3;
            text-align: left;
            box-shadow: 10px 10px 50px #333;
            /* change this with the actual total height */
        }
        
        #oer_investigation {
            margin-top: -250px;
            text-shadow: 1px 1px 1px #333;
            color: #f3f3f3;
            text-align: left;
            /* change this with the actual total height */
        }
        /*Results Box*/
        
        .label {
            font-size: 28px;
            font-weight: normal;
            color: #4c5e64;
        }
        
        .value-box {
            display: block;
            width: auto;
            min-width: 140px;
            background: #39454a;
            border: 10px solid #0b84c5;
            border-radius: 10px;
            padding: 10px;
            color: white;
            font-weight: bold;
            font-size: 20px;
        }
        
        .type {
            font-size: 18px;
            text-shadow: 0px 1px 1px #333;
        }
        
        #result1 {
            float: left;
            display: block;
            width: 200px;
            margin: 20px 0 0 38px;
            text-align: center;
        }
        
        #result2 {
            float: right;
            display: block;
            width: 250px;
            margin: 20px 25px 0 0;
            text-align: center;
        }
        
        .separateLine {
            border: 1px solid #283767;
            box-shadow: 0px 0px 2px #333;
            margin: 8px 0 8px 0;
            width: 90%;
        }
        
        .separateLinePopUp {
            border: 1px solid #f3f3f3;
            box-shadow: 0px 0px 2px #333;
            margin: 8px 0 8px 0;
        }
        
        .numBoxes {
            width: 74px !important;
        }
        
        .numBoxesShadow {
            box-shadow: 1px 1px 2px #333;
        }
        /*Text*/
        
        .modal-body {
            text-shadow: 1px 1px 1px #333;
        }
        
        .theoryH1 {
            font-size: 26px;
            color: #f3f3f3;
            text-shadow: 1px 1px 1px #333;
        }
        
        .theoryText {
            text-shadow: 1px 1px 1px #333;
            color: #f3f3f3;
        }
        
        .theoryImg {
            width: 20%;
            margin: 0 5%;
            float: right;
            box-shadow: 0 0 10px #333;
        }
        /* Reload button */
        
        #btn_reload {
            text-align: right;
            margin: 30px 0;
        }
        
        #btn_reload a {
            border: 1px solid #fff;
            border-radius: 10px;
            padding: 2px 10px;
            color: #fff;
        }
        
        #btn_reload a:hover,
        #btn_reload a:link,
        #btn_reload a:visited {
            color: #fff !important;
        }
        
        #btn_reload a:hover {
            background: #b91c1e;
        }
        
        .results {
            background: #f3f3f3;
            border-radius: 30px;
            box-shadow: 5px 5px 10px #333;
        }