/*
 * Telif Hakkı (c) 2017 Hüseyin DURSUN. İzinsiz çoğaltılamaz, kopyalanamaz ve dağıtılamaz.
 */

@font-face {
    font-family: Arsenal;
    src: url('../fonts/Arsenal-Regular.ttf'), url('../fonts/Arsenal-Italic.ttf'),
    url('../fonts/Arsenal-Bold.ttf'), url('../fonts/Arsenal-BoldItalic.ttf');
}

body {
    font-family: 'Arsenal', serif;
}

body.bg-avopro {
    background: #3c4856;
}

body.bg-desktop {
    background: #c5deea;
}

a[role=button] {
    cursor: pointer;
}

::-webkit-scrollbar {
    width: 0.5em;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.main_content {
    padding-bottom: 50px;
}

a.desktop-menu {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 15px;
    overflow: hidden;
}

a.desktop-menu:hover {
    background: rgba(0, 0, 0, 0.1);
}

a.desktop-cikis {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 15px;
    overflow: hidden;
}

a.desktop-cikis:hover {
    background: rgba(0, 0, 0, 0.1);
}

.window {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    padding-bottom: 35px;
}

.window-header {
    background: #343a40;
    height: 35px;
}

a.window-action {
    border: 1px solid #333;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
}

.window-menu .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.window-menu .list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.window-menu .list-group-item.active {
    z-index: 2;
    background-color: #d2d1d1;
    border-color: #9aa0a7;
}

a.window-action img {
    position: absolute;
}

.window-menu, .window-main-content {
    overflow-x: auto;
}

.window-menu {
    border-right: 1px solid #333;
}

footer.footer-bar {
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
}

footer .footer-menu {
    width: 50px !important;
    border-right: 1px solid #222;
}

footer .footer-menu:last-child {
    border: 0;
}

a.footer-menu.active {
    background: #5f5757;
}

.js_spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.js_spinner.js_spinner_sm {
    width: 20px;
    height: 20px;
}

.js_spinner.js_spinner_xs {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: 5px !important;
}

.js_spinner .js_spinner_circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.js_spinner .js_spinner_circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: js_spinner_circleFadeDelay 1.2s infinite ease-in-out both;
    animation: js_spinner_circleFadeDelay 1.2s infinite ease-in-out both;
}

.js_spinner.js_spinner_white .js_spinner_circle:before {
    background-color: #fff;
}

.js_spinner .js_spinner_circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.js_spinner .js_spinner_circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}
.js_spinner .js_spinner_circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.js_spinner .js_spinner_circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
.js_spinner .js_spinner_circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}
.js_spinner .js_spinner_circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.js_spinner .js_spinner_circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}
.js_spinner .js_spinner_circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}
.js_spinner .js_spinner_circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.js_spinner .js_spinner_circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}
.js_spinner .js_spinner_circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}
.js_spinner .js_spinner_circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.js_spinner .js_spinner_circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.js_spinner .js_spinner_circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.js_spinner .js_spinner_circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.js_spinner .js_spinner_circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.js_spinner .js_spinner_circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.js_spinner .js_spinner_circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.js_spinner .js_spinner_circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.js_spinner .js_spinner_circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.js_spinner .js_spinner_circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.js_spinner .js_spinner_circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes js_spinner_circleFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}

@keyframes js_spinner_circleFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}

.user-menu-list .list-group-item.active {
    color: #fff !important;
}

.window-personel-list-content .card .card-img-top {
    height: 150px;
}

.action_button {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: 20px;
}

.action_button.edit_button {
    background-image: url("../images/edit-button.svg");
}

.action_button.delete_button {
    background-image: url("../images/delete-button.svg");
}

label.js-checkbox {
    overflow: hidden;
    min-width: 1.2rem;
    background-image: url('../images/js_checkbox_unchecked.png');
    background-repeat: no-repeat;
    background-size: 1.2rem 1.2rem;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 1.3rem;
    margin: 0;
    min-height: 1.2rem;
    line-height: 1.2rem;
    margin-right: 1rem;
}

label.js-checkbox.checked {
    background-image: url('../images/js_checkbox_checked.png');
}

label.js-radio {
    overflow: hidden;
    min-width: 1.2rem;
    background-image: url('../images/js_radio_unchecked.png');
    background-repeat: no-repeat;
    background-size: 1.2rem 1.2rem;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 1.3rem;
    margin: 0;
    min-height: 1.2rem;
    line-height: 1.1rem;
    margin-right: 1rem;
}

label.js-radio.checked {
    background-image: url('../images/js_radio_checked.png');
}

label.js-radio:last-child,
label.js-checkbox:last-child {
    margin-right: 0;
}

.personel-menu-list .list-group-item.active,
.personel-menu-list .list-group-item.active:hover{
    color: #fff;
}

.form-control.small {
    font-size: 80% !important;
}

label.gun_secici {
    border: 1px solid #ccc;
    padding: .5rem;
    width: 100%;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}

label.gun_secici input {
    display: none;
}

.dataTables_wrapper .col-sm-12 {
    padding: 0;
}

.nobet_listesi_guncelle_form .table th, .nobet_listesi_guncelle_form .table td {
    padding: 0 .2rem;
    font-size: .8rem;
    vertical-align: inherit;
    text-align: center;
}

.nobet_listesi_guncelle_form .form-control {
    font-size: .8rem;
    padding: .2rem;
    height: 1.4rem !important;
    font-size: .7rem;
}

.maas_listeleyici input::-webkit-outer-spin-button,
.maas_listeleyici input::-webkit-inner-spin-button,
.ogretmen_devam_defteri_form input::-webkit-outer-spin-button,
.ogretmen_devam_defteri_form input::-webkit-inner-spin-button{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.yapilacak-detay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    background: #fff;
    width: 300px;
    padding: 5px;
    overflow-y: auto;
    z-index: 999;
}

.select2 {
    width: 100% !important;
}

.zil_muzigi::-webkit-media-controls-volume-slider {
    display:none;
}

.zil_muzigi::-webkit-media-controls-mute-button {
    display:none;
}

.zil_muzigi::-webkit-media-controls-timeline {
    display:none;
}

.zil_muzigi::-webkit-media-controls-download-button {
    display:none;
}