body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #333;
}

.ui-widget {
    font-family: 'Open Sans', sans-serif !important;
}

h2 {
    font-size: 50px;
    text-transform: uppercase;
}

h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

h5 {
    font-weight: 700;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 20px;
}

p {
    margin-bottom: 20px;
}

a {
    color: #333;
}

    a:hover {
        color: #eb141b;
        text-decoration: none;
    }

.login_box {
    float: left;
    padding: 0px 30px 30px 30px;
    background-color: #fff;
    border-radius: 5px;
}

.transparent-box {
    clear: both;
    /*padding: 32px 0px; */
}

.date-picker {
    width: 80px;
    margin-left: 10px;
}

.picker-container caption {
    padding: 0;
}

.picker-container .cal td a {
    line-height: 25px;
}

ul.list-square {
    list-style-type: square;
}

ul.list-square {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.list-square li {
        padding-left: 1em;
        text-indent: -.8em;
        padding-bottom: 8px;
    }

        ul.list-square li:before {
            content: "\25A0    ";
            color: #e51c22;
            /* or whatever color you prefer */
        }

.btn.btn-primary {
    border-radius: 0;
    background-color: #e51c22;
    border: none;
    padding: 10px 15px;
}

.middle {
    position: absolute !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.white-popup-block {
    background-color: #fff;
    margin: 0 120px;
    padding: 40px;
    position: relative;
}

    .white-popup-block h1 {
        margin-top: 0;
    }

    .white-popup-block .btn.btn-primary {
        text-transform: uppercase;
        font-size: 18px;
    }

    .white-popup-block .mfp-close {
        font-size: 40px;
    }

    .white-popup-block #level_criteria, .white-popup-block #level_selected_criteria, .white-popup-block .groups {
        border: 1px solid #ccc;
        min-height: 20px;
        list-style-type: none;
        margin: 0;
        padding: 5px 0 0 0;
        float: left;
        margin-right: 10px;
        width: 100%;
        height: 300px;
        overflow-y: scroll;
    }

        /*.white-popup-block #level_criteria li, .white-popup-block #level_selected_criteria li {
            padding: 8px;
            border: none;
            border-bottom: #ccc 1px solid;
            font-size: 1.2em;
            background: transparent;
            font-size: 13px;
            text-transform: uppercase;
        }*/
        .white-popup-block #level_criteria li, .white-popup-block #level_selected_criteria li {
            /*padding: 8px;*/
            border: none;
            /*border-bottom: #ccc 1px solid;*/
            font-size: 1.2em;
            background: transparent;
            font-size: 13px;
            text-transform: uppercase;
        }

            /*.white-popup-block #level_criteria li:hover, .white-popup-block #level_selected_criteria li:hover {
                background-color: #eee;
            }*/
            .white-popup-block #level_selected_criteria li:hover {
                background-color: #eee;
            }

            .white-popup-block #level_criteria li.ui-sortable-helper, .white-popup-block #level_selected_criteria li.ui-sortable-helper {
                float: left;
                display: inline-block;
                margin: 5px;
                border: #ccc 1px solid;
                border-radius: 3px;
                background: #eee;
            }

            .white-popup-block #level_criteria li .fa-plus, .white-popup-block #level_selected_criteria li .fa-plus {
                display: none;
                font-size: 18px;
            }

            .white-popup-block #level_criteria li .add, .white-popup-block #level_selected_criteria li .add {
                float: right;
            }

            .white-popup-block #level_criteria li .fa-close {
                display: none;
            }

        .white-popup-block #level_selected_criteria li {
            float: left;
            margin: 5px;
            border: #ccc 1px solid;
            border-radius: 3px;
        }

            .white-popup-block #level_selected_criteria li .fa-close {
                display: inline;
                color: #ccc;
            }

    .white-popup-block .groups {
        height: 100px;
        margin-bottom: 10px;
    }

        .white-popup-block .groups li {
            padding: 5px;
        }

    .white-popup-block .reset {
        width: 100%;
        clear: both;
    }

        .white-popup-block .reset input, .white-popup-block .reset button {
            width: 100%;
            margin-top: 40px;
            padding: 7px 15px 6px 15px;
        }

    .white-popup-block h4 {
        margin-top: 34px;
    }

.form-control {
    border-radius: 0;
}

.table-striped {
    background-color: #fff;
}

.checkbox-inline,
.radio-inline {
    padding-left: 20px;
    padding-right: 0;
}

.nav-tabs {
    margin: 10px;
}

    .nav-tabs > li {
        margin: 20px 10px;
    }

        .nav-tabs > li > a {
            border: #e0e0e0 1px solid !important;
            background-color: #e0e0e0;
            border-radius: 5px;
            font-size: 16px;
        }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:active,
        .nav-tabs > li.active > a:focus,
        .nav-tabs > li.active > a:hover {
            background-color: #e51c22;
            color: #fff;
        }

.nav-tabs {
    border-bottom: none;
    margin-bottom: 0;
}

.tab-content {
    margin-top: 0px;
    /*margin-left: 6px;*/
}

.form-text {
    padding-top: 5px;
    display: block;
}

.form-horizontal .control-label {
    /*text-transform: uppercase;*/
    text-transform:capitalize;

}

.whitepage {
    background-color: #fff;
}

.smalltabs .nav-tabs > li {
    margin: 0 0 1px 0;
}

    .smalltabs .nav-tabs > li a {
        border-radius: 0;
        padding: 5px 20px;
        font-size: 12px;
        margin-bottom: 1px;
        display: block;
    }

.smalltabs thead {
    background-color: #0dbfd5;
    text-transform: uppercase;
}

    .smalltabs thead tr {
        background-color: #0dbfd5;
    }

table tr {
    background-color: #fff;
}

    table tr td {
        vertical-align: middle;
    }

.table-responsive {
    margin-bottom: 0;
    overflow-y: auto;
}

.topics-filters {
    display: none;
}