html { overflow: hidden; }

.login-page { background-image: url(/Aril3/core/assets/img/background/background-1.jpg); background-color: #444; }
.sidebar .logo { text-align: center; }
.sidebar .logo img { margin: 0px auto; height: 55px;  }
.main-panel > .content {
    /*padding: 30px 15px 0 15px;*/
    min-height: calc(100% - 150px) !important;
}
.select-siteid { font-weight: bold; }
.form-static-text {    min-height: 34px;   padding-top: 10px;    padding-bottom: 7px;    margin-bottom: 0;}
.card-content .btn-text-align { text-align: center; }
.sidebar .user .photo { background-color: white;}
.avatar { display: inline-block !important; margin-bottom: 15px !important; margin-top: 20px !important;}
.avatar img { width: 48px;     margin-top: -10px;}

.alert.alert-with-icon {
    padding-left: 65px;
}


.alert-info {
    background-color: #7CE4FE;
    /*color: #429cb6;*/
    color: #005267;
}

.alert-success {
    background-color: #8EF3C5;
    /*color: #54b07d;*/
        color: #005c32;

}

.alert-warning {
    background-color: #FFE28C;
    /*color: #f0a810;*/
    color: #6d5200;
}

.alert-danger {
    background-color: #FF8F5E;
    /*color: #c84513;*/
    color: #6d2100;
    z-index: 10001 !important;
}

/** datatables select mező **/
select.input-sm { height: auto; }
div.dataTables_wrapper div.dataTables_length select { width: auto; }
.btn.btn-icon i, .navbar .navbar-nav > li > a.btn.btn-icon i { font-size:140%; background-color: white; padding: 10px; border-radius: 20px;}

.card .card-content .toolbar { padding-bottom: 10px; }

/*form-horizontal .control-label { font-size: 15px; padding-top: 10px !important;}*/

.form-horizontal .control-label { font-size: 17px; padding-top: 10px !important; font-weight: 300;}
.form-horizontal .control-p { font-size: 17px; padding-top: 10px !important; font-weight: 400; }

.btn-submit { width: 100%; font-size: 150%;}

.big-icon { font-size: 150%; }

.navbar .navbar-nav > li > a { padding: 5px 15px; }

.topbuttons { display: inline-block; margin-left: 50px; margin-top: 20px;}

/* tagsinput input mező látszódjon */
/*.bootstrap-tagsinput input { background-color: #F3F2EE; width: 100px;border: 1px solid #e8e7e3; border-radius: 4px; }*/

.bootstrap-tagsinput {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}

.btn.loading {
    background-position: center center;
    background-image:url(../img/loading-60px.svg);
    background-repeat: no-repeat;

    color: rgba(0, 0, 0, 0.0) !important;


}


.datepicker,.timepicker {max-width: 115px; }
.datetimepicker { max-width: 200px; }

/** jquery-sortable **/

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

ol.example li.placeholder {
    position: relative;
    /** More li styles **/
}
ol.example li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}

/* minden datatables utolsó elemét igazítsuk jobbra, mert abban vannak az ikonok */
#datatables tr td:last-child { text-align: right; }

.sidebar .sidebar-wrapper > .nav, .off-canvas-sidebar .sidebar-wrapper > .nav { margin-bottom: 30px;}

/* ajaxos form betöltés esetén magnificpopupppal legyen keret, ne legyen lekerekítés meg ilyesmi */
.ajaxform { padding: 0px !important; margin-top: 20px; }
.ajaxform .card { border-radius: 0px; padding: 40px;}

.card .card-title { font-size: 1.8em; }

.form-control { display: inline-block; }

/* modositás, mert különben nem nyúlik meg 100%-ra a label */
.radio label { display: block; }
.form-horizontal .radio { margin-bottom: 5px;}