@font-face {
    font-family: "Open Sans";
    src: url("../fonts/OpenSans-Light.eot");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "Open Sans";
    src: url("../fonts/OpenSans-Light.ttf");
    font-style: normal;
    font-weight: 300;
}

.header {
    text-align: center;
    padding-bottom: 25px;
}

body {
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    padding-top: 40px;
}

input.btn {
    width: 100%;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1 {
    word-wrap: break-word;
}

* {
    font-family: 'Open Sans';
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.panel {
    border: 0;
}

.panel-head {
    margin-top: 0;
}

.display-5 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
    padding-bottom: 18px;
}

div.centered {
    background-color: #fff;
}

.checked-ok-box {
    text-align: center;
    vertical-align: middle;
    line-height: 90px;
    padding-bottom: 35px;
}

.checked-ok {
    padding-top: 40px;
    color: green;
    font-size: 5em;
    text-align: center;
}

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

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

        .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40
        }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        background-image: none
    }

    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

    .btn-success.focus, .btn-success:focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

@media (min-width: 576px) {
    .body {
        background: #fff;
        /*
        background: #36D1DC;  
        background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC); 
        background: linear-gradient(to right, #5B86E5, #36D1DC); 
        */
        /*
        background: #F3904F;  
        
        background: -webkit-linear-gradient(141deg, #3B4371, #F3904F);  
        background: linear-gradient(141deg, #3B4371, #F3904F);
        background-image: linear-gradient(-155deg, #202020 0%, #101010 100%); */
    }


    div.centered {
        /*border: 1px solid #e6e6e6;*/
        height: auto;
        position: absolute;
        left: 50%;
        padding: 40px;
        min-width: 465px;
        transform: translate(-50%, 0);
    }

    div.centered2 {
        min-width: 610px;
    }

    .display-5 {
        padding-bottom: 25px;
    }
}

.form-group.row {
    vertical-align: middle;
    line-height: 30px;
}

    .form-group.row.two-line {
        line-height: inherit;
    }

.topbar {
    background: url(../Images/taby.png);
    position: relative;
    background-size: auto;
    background-repeat: no-repeat;
    height: 70px;
    width: 156px;
    margin: 0 auto;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #009ce0;
    box-shadow: none;
    outline: none;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
    border-color: #009ce0;
}



.panel-body:before, .panel-body:after {
    content: " ";
    display: table;
}

.panel-body:before, .panel-body:after {
    content: " ";
    display: table;
}

.panel-body:after {
    clear: both;
}

.panel-body {
    padding: 15px;
}

.img-circle {
    -webkit-border-radius: 500px !important;
    -moz-border-radius: 500px !important;
    border-radius: 500px !important;
}

img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}