@charset "utf-8";
/* CSS Document */

body {
    min-width: 320px;
}
/*Mobil-Angular-UI (mobile-angular-ui-base.css) Override*/
label {
    margin-bottom: 0;
    font-weight: 400;
}

/*#region #1 containers*/

.container-fluid {
    padding-left: 0;
    padding-right: 0;
    /*overflow-x: hidden;*/
    /*padding: 60px 0 0;*/
}

/*#endregion*/

/*#region Form Control*/
.form-group {
    padding: 6px 3px;
}
.form-control {
    border-color: #d6d6d6;
    border-radius: 4px;
    font-size: 15px;
    height: 37px;
}
.input-group-addon {
    height: 37px;
}
/*#endregion*/

/*#region Bootstrap buttons*/
.btn {
    /*font-size: 16px;*/
}
/*#endregion*/
/*#region #2 Scrollable*/
.scrollable {
}

.scrollable-content {
    padding: 10px 20px;
}
.register .scrollable-content {
    /*padding-top: 0;*/
}

/*#region scrollable-footer*/
.scrollable-footer {
    border-top: 1px solid #e2e2e2; /* color-level-?: #e2e2e2 */
    background: #f0f0f0 none repeat scroll 0 0;
    /*padding: .6em 0 0 0;*/
    /*height: 3.5em;*/
}

    .scrollable-footer .btn {
        /*padding: 0 .5em;*/
    }

    .scrollable-footer .icon {
        /*margin-top: .2em;*/
        font-size: 1.5em;
    }

    .scrollable-footer label {
        /*margin-top: .2em;*/
        padding: 0 .6em;
        color: #ffffff;
        background-color: #808080;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        border-radius: 1em;
        font-size: 1.2em;
    }
/*#endregion */

/*#region scrollable-footer2*/
.scrollable-footer2 {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-top: 1px solid #e2e2e2; /* color-level-?: #e2e2e2 */
    border-left: 0;
    border-right: 0;
    background: #f0f0f0 none repeat scroll 0 0;
    /*padding: .6em 0 0 0;*/
    /*height: 3.5em;*/
}

    .scrollable-footer2 .btn {
        /*padding: 0.5em;*/
    }

    .scrollable-footer2 .icon {
        /*margin-top: .2em;*/
        font-size: 1.5em;
    }

    .scrollable-footer2 label {
        /*margin-top: .2em;*/
        padding: 0 .6em;
        color: #ffffff;
        background-color: #808080;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        border-radius: 1em;
        font-size: 1.2em;
    }
/*#endregion */

/*#endregion*/

/*#region #3 fieldset*/

fieldset {
    padding: 0 0 1.0em 0;
}
    /*Override <legend> style*/
    fieldset legend {
        padding: 1em 0 0.6em;
        margin-bottom: 0;
        border: 0;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 24px;
        font-size: 17px;
    }
/*#endregion*/

/*#region #4 Headings */

h1, h2, h3, h4, h5, h6 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0;
}

/*#endregion*/

/*#region #5 input.ng-invalid*/

input.ng-invalid,
textarea.ng-invalid {
    border-color: #ff3b30;
}

.ng-dirty input.ng-invalid {
    border-color: #ff3b30;
}

.fa-lg {
    font-size: 1.5em;
    color: #ff3b30;
}

/*#endregion*/

/*#region #6 general*/

/*#endregion*/

/*#region #7 jQuery-UI-Dialog (Idle Timeout Dialog)*/

.ui-widget-overlay {
    z-index: 1099 !important;
}

.ui-dialog {
    z-index: 1100 !important;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    padding: 0; /*0.2em;*/
    position: absolute;
    top: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: 0.5em;
        text-align: center;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .ui-dialog .ui-dialog-title {
        float: none;
        text-align: center;
    }

    .ui-dialog .ui-dialog-content {
        padding: .5em 1em 0;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: center;
        background-image: none;
        border-width: 1px 0 0;
        margin-top: 0.5em;
        padding: 0;
        border-top: 1px solid;
        border-color: #e2e2e2; /* color-level-6: Tint 1 of level 1, #545454 */
    }

        .ui-dialog .ui-dialog-buttonpane button {
            font-size: .9em;
            cursor: pointer;
            margin: 0.5em 0.4em 0.5em 0;
            min-width: 50px;
            font-family: inherit;
            background-image: none;
            border: 1px solid transparent;
        }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: none;
            padding: 5px 0px;
        }

.ui-dialog-titlebar {
}

.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

.ui-widget-header {
    border: 0;
    background: none;
    font-weight: 600;
    text-transform: uppercase;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background: none; /*#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;*/
        border: 0 none;
        color: #555555;
        font-weight: normal;
        background-image: none;
    }

.ui-state-hover {
    background-image: none;
    border: 1px solid transparent;
    background: none; /*#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;*/
}

.ui-widget-content {
    border: 0;
    padding-bottom: 0;
}

/*#endregion*/

/*#region #8 Radio, checkbox*/
.radio, .checkbox {
    margin-bottom: 5px; /*10px;*/
    margin-top: 5px; /*10px;*/
}
/*#endregion*/

p.center-block {
    margin-bottom: 0;
}


@media only screen and (min-width: 768px) {
    .scrollable-content {
        padding-right: 25px;
        padding-left: 25px;
    }

    .hidden-sm {
        display: none !important;
    }
}