html {
    /*background-color: #44546a;*/
    background-color: #e2e8f0;
}

body {
    margin: 0;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    color: #54504d;
    text-align: left;
}

#bxslider li {
    display: none;
}

    #bxslider li:first-child {
        display: block;
    }

.bx-controls-auto {
    display: none;
}

#divMain {
    max-width: 900px;
    max-height: 650px;
    text-align: center;
    margin: auto;
}


a img {
    border: 0;
}

div.divQuestion {
    max-width: 900px;
    width: 900px;
    height: 500px;
    padding: 10px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
}

.control-group {
    display: inline-block;
    margin: 5px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    width: 800px;
    height: 470px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.control {
    /*font-size: 18px;*/
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding-left: 30px;
    cursor: pointer;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #e6e6e6;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}

/* Checked state */
.control input:checked ~ .control__indicator {
    /* background: #2aa1c0; */
    background: #ff6600;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    /*background: #0e647d; */
    background: #ff6600;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */

.control input:checked ~ .control__indicator:after {
    display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
    top: 4px;
    left: 8px;
    width: 3px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
    top: 7px;
    left: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

a.popup-msg {
    text-align: center;
    display: block;
    text-decoration: none;
    background: #f5812a;
    padding: 10px;
    color: #fff;
}

/*button*/
.btn-primary {
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    background-color: #f5812a;
    color: #fff;
    text-decoration: none;
}

    .btn-primary:hover {
        background-color: #f37211;
        border-color: #f37211;
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        background-color: #f37211;
        border-color: #f37211;
    }

input[type="text"] {
    font-size: 18px;
    width: 25%;
    padding: 5px;
    font-weight: bold;
}

.table-small-font {
    font-size: .7rem;
}

.li-height {
    max-height: 500px !important;
}

/** Negative margins */

.m-n1 { margin: -0.25rem !important; }
.m-n2 { margin: -0.5rem !important; }
.m-n3 { margin: -1rem !important; }
.m-n4 { margin: -1.5rem !important; }
.m-n5 { margin: -3rem !important; }

.mt-n1 { margin-top: -0.25rem !important; }
.mt-n2 { margin-top: -0.5rem !important; }
.mt-n3 { margin-top: -1rem !important; }
.mt-n4 { margin-top: -1.5rem !important; }
.mt-n5 { margin-top: -3rem !important; }

.mb-n1 { margin-bottom: -0.25rem !important; }
.mb-n2 { margin-bottom: -0.5rem !important; }
.mb-n3 { margin-bottom: -1rem !important; }
.mb-n4 { margin-bottom: -1.5rem !important; }
.mb-n5 { margin-bottom: -3rem !important; }

.ms-n1 { margin-right: -0.25rem !important; }
.ms-n2 { margin-right: -0.5rem !important; }
.ms-n3 { margin-right: -1rem !important; }
.ms-n4 { margin-right: -1.5rem !important; }
.ms-n5 { margin-right: -3rem !important; }

.me-n1 { margin-left: -0.25rem !important; }
.me-n2 { margin-left: -0.5rem !important; }
.me-n3 { margin-left: -1rem !important; }
.me-n4 { margin-left: -1.5rem !important; }
.me-n5 { margin-left: -3rem !important; }