/*-----------------------
CONTENT
-------------------------*/
    #logo {
        text-align: center;
        width: 120px;
    }

    span.icon {
        display: block;
    }

    .head {
        margin: 0;
        line-height: normal;
    }

    form textarea {
        resize: none;
    }

    h3 {
        margin-top: 0;
    }

    a.moreDatasClicked {
        color: #9f4b9b
    }

    .doc-item h4 {
        margin-top: 0
    }

    .panel-default {
        border: 1px solid #ddd
    }

    .panel-default > .panel-heading {
        color: #000;
        background-color: #e7e8eb;
        border-color: #c2cddb;
    }

    .upload legend {
        margin: 0 0 10px 0
    }

    .upload .checkbox {
        margin: 0
    }

    .upload .form-group {
        margin-bottom: 25px
    }

    .progress-bar-success {
        background-color: #64a350
    }

    .label-default {
        background-color: #e7e8eb;
        border-color: #e7e8eb;
        color: #555;
    }

    .status {
        text-align: right;
    }

    .banner {
        margin-bottom: 30px;
    }

    .head.underline, div.underline {
        display: inline-block;
        width: 100%;
        padding-bottom: 0;
        border-bottom: 1px solid #c2cddb;
    }

    .block-container {
        margin-bottom: 20px;
    }

    .block-container img {
        margin: 20px auto;
        height: 100px;
    }

    .block-container p {
        font-size: 1.2rem
    }

    .head > small {
        margin-left: 15px;
    }

    .nav.list-group > a {
        text-transform: uppercase;
        border-color: transparent;
        padding: 5px 10px;
        margin: 0 auto;
        display: block
    }

    .list-group-item>.badge, .list-group-item.active>.badge, .nav-pills>.active>a>.badge {
        background-color: #D82937;
        color: #fff;
        float: none;
        display: inline-block;
        margin: -3px 0 0 5px;
    }

    a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: transparent;
    }

    .sidebar .btn-block {
        width: 60%;
        margin: 15px auto;
    }
   
    .sidebar .list-group {
        margin: 0;
    }

    .bordered-block {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .head-link {
        font-size: 0.8rem;
        position: relative;
        bottom: -12px;
    }

    a.head.underline, a.head.underline:hover, a.head.underline:focus, a.head.underline:active {
        font-size: 1.5rem;
        color: #333;
        text-decoration: none;
        display: inline-block;
        width: 100%;
        position: relative;
        z-index: 10;
        margin-bottom: 20px;
    }

    a.head.underline > i {
        margin: 10px 0 0 0;
        font-size: 1rem;
        color: #969696;
    }

    .block-container .btn-lblue {
        margin-right: 30px;
        padding: 5px 10px;
    }

    .block-container .btn-lblue:last-child {
        margin-right: 0;
    }

    .dropdownCont {
        position: relative;
        display: inline-block;
    }

    .content-wrapper {
        margin-left: 300px;
        position: relative;
        -webkit-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    p.more {
        margin-top: 10px;
        padding: 0 10px;
    }

    p.more a {
        font-size: 0.8rem;
    }

    span.text-required {
        color: #D82937;
    }

    a.help {
        display: inline-block;
        font-size: 1rem;
    }

    .has-success .form-control {
        border-color: #3C7C30;
    }

    .modal.sm .modal-dialog {
        width: 40%;
    }

    .captcha {
        width: 100%;
        margin-bottom: 30px;
    }

    .captcha span {
        display: inline-block;
        font-size: 1.2rem;
        margin-right: 10px;
    }

    .captcha input {
        width: 50%;
        display: inline-block;
    }

    form.contact .has-feedback label~.form-control-feedback {
        right: 0px;
    }

    form.contact .help-block {
        margin-top: 5px;
        padding-bottom: 5px;
    }

    .captcha .form-control-feedback {
        top: 25px;
        right: -5px;
    }

    .captcha .help-block {
        margin: 0 0 0 55px;
        font-size: 0.8rem;
        display: block;
    }

    .contactInfo h1, .contactInfo h3 {
        margin: 0 0 25px 0;
    }

    .contactInfo p > button {
        margin: 20px 0;
    }

    .alert .fa, .text-danger .fa {
        font-size: 1.2rem;
        margin-right: 5px;
    }

    .kau-table {
        display: table;
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .kau-table .container {
        display: table-cell;
        vertical-align: middle;
    }

    .bgrImage {
        margin: 0 auto;
        padding: 20px 0;
        width: 800px;
        background: url(/static/img/kau_hatter.svg)no-repeat center right;
        background-size: 80% 80%;
    }

    .leftSide {
        width: 1000px;
        margin: 50px auto;
    }

    .bgrImage > .leftSide {
        width: 60%;
        height: 100%;
        margin: 0;
    }

    .bgrImage.wide > .leftSide {
        width: 1000px;
    }

    .leftSide > .leftSide_bgr {
        background-color: #FFFFFF;
        background-color: rgb(255, 255, 255);
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 5px;
        border: 1px solid #ccc;
        padding: 30px;
    }

    .bgrImage.wide {
        width: 1300px;
        background-size: 60% 60%;
    }

    .leftSide #logo > img {
        width: 120px;
        margin: 0 auto 45px auto;
    }

    .leftSide h3 {
        margin: 0 0 45px 0;
    }

    .leftSide h2 {
        text-align: left;
        margin: 15px 0 25px 0;
    }

    .leftSide h4 {
        text-align: left;
        margin: 15px 0;
    }

    .leftSide h4.margintopNull {
        margin-top: 0;
    }

    .kau-table .buttons {
        width: 100%;
        margin: 25px auto;
    }

    .kau-table .buttons >.btn {
        margin-bottom: 30px;
        font-size: 0.9rem;
    }

    .kau-table .leftSide p {
        font-size: 1.0rem;
        padding: 0;
        margin: 0 0 15px 0;
    }

    .kau-table .links p {
        margin: 0 0 25px 0;
    }

    .kau-table .bgrImage p a {
        font-weight: 600;
        color: #00659f;
    }

    .kau-table .leftSide .contactInfo p {
        margin: 0 0 10px 0;
    }

    .kau-table footer {
        background-color: transparent;
        margin: 15px 0 0 0;
        text-align: center;
    }

    .kau-table footer a {
        font-weight: 600;
        color: #333;
        font-size: 0.8rem;
        display: inline-block;
    }

    .kau-table footer span.divider {
        color: #4AAFE3;
        font-size: 0.8rem;
        display: inline-block;
        padding: 0 5px;
    }

    .kau-table .form-group {
        /*width: 100%;*/

        margin: 0 auto 25px auto;
        text-align: left;
    }

    .kau-table .form-group > .form-control {
        height: 45px;
        border: 1px solid #ccc;
    }

    .kau-table .form-group > textarea.form-control {
        padding: 15px;
        height: auto;
    }

    .kau-table .form-group .help-block {
        text-align: left;
        margin-bottom: 25px;
    }

    .kau-table .has-error .form-control-feedback {
        top: 8px;
        font-size: 1.2rem;
        right: 10px;
    }

    .kau-table .loading {
        background: url('/static/img/loading.gif')center center no-repeat;
        width: 100%;
        height: 200px;
        margin: 0 auto;
    }

    .kau-table .text-redirect {
        font-size: 1.2rem;
        text-transform: uppercase;
        color: #333;
    }

    .kau-table .animated {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
    }

    .backtotop {
        text-decoration: none;
        color: #000;
        position: fixed;
        bottom: 10px;
        right: 10px;
        display: none;
        z-index: 100;
    }

    label.form-control {
        border: none;
        box-shadow: none;
        padding-left: 0;
    }

    .links {
        margin-top: 45px;
    }

    .kau-table .bgrImage p:last-child {
        margin: 0;
    }

    .alert-success {
        color: #fff;
        background-color: #91b74f;
        border-color: #91b74f;
        font-weight: 600;
    }

    .alert-danger {
        color: #fff;
        background-color: #c20029;
        border-color: #c20029;
        font-weight: 600;
    }

    .alert-dismissable .close, .alert-dismissible .close {
        color: #fff;
    }

    .alert .fa, .text-danger .fa {
        font-size: 1.2rem;
        margin-right: 10px;
    }

    .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
        color: #c20029;
        font-weight: 600;
    }

    .has-error .form-control {
        border-color: #c20029 !important;
    }
/*-----------------------
MEDIA QUERIES
-------------------------*/
@media (max-width:767px) {
        .kau-table {
            display: block;
            position: relative;
        }
        .kau-table .container {
            display: block;
            vertical-align: top;
        }
        .bgrImage.wide {
            width: 100%;
            background-size: 80% 80%;
            background-position: center center;
        }
        .bgrImage.wide > .leftSide {
            width: 100%;
        }
        .bgrImage > .leftSide {
            width: 100%;
        }
        .bgrImage {
            background-position: center center;
            width: 100%;
            background-size: 100% 100%;
        }
        .contactInfo {
            margin-top: 30px;
        }
        .leftSide {
            margin: 10px 0 20px 0;
            width: 100%;
        }
        .btn-blue {
            font-size: 0.8rem;
        }
        .leftSide > .leftSide_bgr {
            padding: 15px;
        }
        .leftSide h3 {
            margin: 0 0 25px 0;
        }
    }

@media (min-width:768px) and (max-width:991px) {
        .kau-table {
            display: block;
            position: relative;
        }
        .kau-table .container {
            display: block;
            vertical-align: top;
        }
        .bgrImage {
            background-size: 60% 60%;
            width: 100%;
        }
        .bgrImage.wide {
            width: 100%;
            background-position: center center;
        }
        .bgrImage.wide > .leftSide {
            width: 100%;
        }
        .leftSide {
            width: 100%;
            margin: 10px 0 20px 0;
        }
        .btn-blue {
            font-size: 1rem;
        }
    }

@media (min-width:992px) and (max-width:1199px) {
        .bgrImage.wide {
            width: 100%;
        }
        .leftSide {
            width: 100%;
            margin: 0;
        }
    }

@media (min-width:1200px) {
    }

/*-----------------------
HELPER CLASSES
-------------------------*/
    .marginbot {
        margin-bottom: 20px;
    }

    .relative {
        position: relative;
    }
    /***********
************
END-KAU_MAIN
************
***********/

/***********
************
***STYLE****
************
***********/
    body {
        font-family: 'Open-Sans', sans-serif !important;
    }

    .full-width {
        width: 100%;
    }

    .center {
        margin: 0 auto;
        display: block;
    }

    .form-holder {
        max-width: 500px;
        border-radius: 5px;
        border: 1px solid #ccc;
        padding: 30px;
        margin: 0 auto;
        background: white;
    }

    .form-group label {
        font-size: 14px;
		width: 200px;
    }

    .form-input input {
        display: block;
        width:300px !important;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        height: 45px;
    }
	 .form-input2 input {
        display: block;
        width:250px !important;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        height: 45px;
		margin-left:10px;
    }
	
	 .form-input select {
        display: block;
        width:300px !important;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        height: 45px;
		margin-left:0px;
    }

    .form-input input:focus {
        border-color: #66afe9 !important;
        outline: 0 !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
    }

    .page-holder {
        border-radius: 5px !important;
        border: 1px solid #ccc !important;
        padding: 2px !important;
        background: white !important;
    }
    .page-holder2{
        height:200px;
        width:350px;
        margin: 0 5px  !important;
    }
    .page-holder3{
        height:auto;
        width:360px;
    }
    .margin-top-bottom {
        margin: 20px 0 !important;
    }

    .adatatadasi-feladatlista-tabla-feletti-adatok {
        width: 100% !important;
    }
    /***********
************
*END-STYLE**
************
***********/