@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700,300,400);

body {    padding: 0px;    margin: 0px; font-family: 'Open Sans', sans-serif; font-size: 13px; background-color: #FFF; }
input[type="text"], input[type=password], input[type="email"], input[type=number] { padding: 5px; }
input[type=text].readonly { background-color: #f5f5f5; border: solid 1px #c1c1c1 }
select { padding: 5px; }
h1 { font-size: 36px; font-weight: 700; }
h2 { font-size: 20px; font-weight: bold; margin-top: 0; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

a { color: #333; }
a:hover { color: #12AECA; text-decoration: underline; }


.logo {
    width: 80%;
}

.logo2 {
    margin: 20px;
    width: 70%;
    margin-top: 20%
}
.logo41 {
    width: 70%;
    margin-bottom: 15px;
}
.logo42 {
    width: 70%;
    margin-bottom: 15px;
    max-width: 300px
}

.kutu {
    box-shadow: 0px 1px 15px 1px rgba(81, 77, 92, 0.08);
    border-radius: 0.25rem;
    padding: 30px;
}

.dropdown-menu>li>a span:empty { background-color: red; border-top: solid 1px #c0c0c0; display: block; }

.top-kullanici { padding-top: 30px; }
.kullanici-box { display: inline-block; position: relative; font-size: 14px; cursor: pointer; }
.kullanici-box .kullanici-popup { display: none; position: absolute; right: 0; z-index: 110; border-radius: 4px; overflow:hidden; min-width: 200px; background-color: #FFF; text-align: left; box-shadow:0px 1px 15px 1px rgba(81, 77, 92, 0.38); border-radius: 0.25rem; }
.kullanici-box .rol { display: block; color: #375c8d; background-color: #dee7f2; text-align: center; padding: 17px 7px 17px 7px; }
.kullanici-box .rol-box { color: #375c8d; background-color: #dee7f2; padding: 7px 8px 7px 8px; border-radius: 4px; font-size: 18px; display: inline-block; font-weight: bold; margin-left: 10px; }
.kullanici-box .kullanici-popup ul { padding: 0; margin: 0; list-style-type: none; }
.kullanici-box .kullanici-popup ul li { border-top: solid 1px #efefef; }
.kullanici-box .kullanici-popup ul li:nth-child(1) { border-top: solid 0px #efefef; }
.kullanici-box .kullanici-popup ul li a { display: block; padding: 10px; text-align: center; transition: all 0.3s; }
.kullanici-box .kullanici-popup ul li a i { }
.kullanici-box .kullanici-popup ul li a:hover { text-decoration: none; background-color: #efefef; color: #333; }
.kullanici-box .kullanici-popup button { display: block; padding: 10px; width: 100%; background-color: #efefef; border: solid 0px #fff; transition: all 0.3s; }
.kullanici-box .kullanici-popup button i { }
.kullanici-box .kullanici-popup button:hover { background-color: #333; color: #efefef; }


.navbar-toggle {
    border-color: #fff !important;
    border-width: 0px !important;
    background-color: #2c2d3a;
    margin-right: 0;
}

.isyeri-secimi-box { padding: 7px; border-radius: 0.25rem; margin-top:0px; }
.isyeri-secimi-box button { color: #333; font-weight: bold; background-color: #f0f0f0; border: none; width: 500px; }

.select2-container--classic .select2-selection--single { background: none; border: solid 1px #aaa; border-radius: unset; box-sizing: unset; padding: 1px; }
.select2-container--classic .select2-selection--single .select2-selection__arrow { background: none; border: none; outline: none; }
.select2-container--classic .select2-selection--single:focus { border: solid 1px #aaa; }
    
.isec .select2-container--classic .select2-selection--single { background: none; border: none; font-weight: bold; font-size: 16px; }
.isec .select2-container--classic .select2-selection--single .select2-selection__arrow { background: none; border: none; outline: none; }
.isec .select2-container--classic .select2-selection--single:focus { border: none; }

.addBox { border: solid 1px #4b8df8; overflow: hidden; }
.addBox th { background-color: #4b8df8; color: #FFF; font-size: 16px; font-weight: 300; padding: 10px; text-align: left; }
.addBox td { padding: 10px; vertical-align: top; }
.addBox .subheader { font-weight: bold; font-size: 14px; color: #666; border-bottom: solid 1px #666; }
.addBox .subheader td { border-bottom: solid 1px #DDDDDD; }
.addBox select { padding: 7px;}
.addBox input[type=text] { padding: 7px;}

.pager table td a { display: block; float: left; padding: 4px 9px; border: solid 1px #999; text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.pager table td a:hover { display: block; float: left; padding: 4px 9px; border: solid 1px #999; text-decoration: none; background-color: #ff6a00; color: #FFF; }
.pager table td span { display: block; float: left; padding: 4px 9px; border: solid 1px #999; background-color: #4b8df8; color: #fff; }

.topbar { overflow: hidden; margin-top: 10px; margin-bottom: 10px; background-repeat: repeat-x; padding-top: 10px; padding-bottom: 10px; padding-left: 4px; border-bottom: solid 5px #F7F7F7; }
.topbar .info { float: left; }
.topbar .info .title { font-size: 28px; font-weight: 300; letter-spacing: -1px; color: #666; }
.topbar .info .description { }
.topbar .back { float: right; }

.admin_message { text-align: center; margin: 20px; font-size: 20px; padding: 10px; margin-bottom: 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.admin_message .fa { font-size: 22px; }
.message_success { color: #05A600; background-color: #D4FFCD;  }
.message_info { color: #2850C1; background-color: #DFF5FF; }
.message_error { color: #871414; background-color: #FFD2D3; }
.message_warning { color: #878314; background-color: #fbfac4; }

#mainDiv { margin-top: 20px; }

.griCerceve { margin-bottom: 10px; padding: 10px; box-shadow:0px 1px 15px 1px rgba(81, 77, 92, 0.08); border-radius: 0.25rem;overflow-x: auto;}


.grid {	border: solid 1px #ddd; transition: all 0.3s; -webkit-transition: all 0.3s; }
.grid th { text-align: center; padding: 7px; border: solid 1px #ddd; }
.grid td { padding: 7px; transition: all 0.3s; -webkit-transition: all 0.3s; border: solid 1px #ddd; }
.grid .pager td { padding: 0px; text-align: left; background-color: #F7F7F7; color: #333333; }
/*.grid tr:hover td { background-color: #f0f0f0; }*/
.grid tr:not(.nohover):hover td { background-color: #f0f0f0; }


.islemTablo { border-right: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; width: 100%;}
.islemTablo>tbody>tr>th { background-color: #EBEBEB; color: #666666; font-size: 16px; font-weight: 500; padding: 10px; text-align: left; }
.islemTablo>tbody>tr>td { border-top: solid 1px #ebebeb; border-left: solid 1px #ebebeb; padding: 7px; }
.islemTablo>tbody>tr>td:first-child { background-color: #F5F5F5; width: 150px; text-align: right; }
.islemTablo>tbody>tr>td td { padding: 0px; border: none; }

.islemTablo .nostyle { background-color: inherit; width: auto; text-align: left; }
.islemTablo .nostyle td:first-child { background-color: inherit; width: auto; text-align: left; }
.islemTablo .nostyle table td:first-child { background-color: inherit; width: auto; text-align: left; }

.sonucTablo { border-right: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; width: 100%;}
.sonucTablo td { border-top: solid 1px #ebebeb; border-left: solid 1px #ebebeb; padding: 7px; }
.sonucTablo th { font-weight: bold; padding: 7px; background-color: #f7f7f7; }
.sonucTablo td:first-child { width: 200px; }
.sonucTablo td td { padding: 0px; border: none; }

.sonucTablo-cari { border-right: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; width: 100%;}
.sonucTablo-cari td { border-top: solid 1px #ebebeb; border-left: solid 1px #ebebeb; padding: 7px; }
.sonucTablo-cari th { font-weight: bold; padding: 7px; background-color: #f7f7f7; text-align: right;}
.sonucTablo-cari td:first-child { }
.sonucTablo-cari td td { padding: 0px; border: none; }

.sonucTablo-isegiriscikis { border-right: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; width: 100%;}
.sonucTablo-isegiriscikis td { border-top: solid 1px #ebebeb; border-left: solid 1px #ebebeb; padding: 7px; }
.sonucTablo-isegiriscikis th { border-top: solid 1px #ebebeb; border-left: solid 1px #ebebeb; font-weight: bold; padding: 7px; background-color: #f7f7f7; }
.sonucTablo-isegiriscikis td:first-child { width: 200px; }
.sonucTablo-isegiriscikis td td { padding: 0px; border: none; }

.standartTablo { border-right: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; width: 100%;}
.standartTablo td { border-top: solid 1px #ebebeb; border-left: solid 1px #ebebeb; padding: 7px; }
.standartTablo th { font-weight: bold; padding: 7px; background-color: #f7f7f7; text-align: center;}
.standartTablo td:first-child { }
.standartTablo td td { padding: 0px; border: none; }

.scrolltop { position: fixed; bottom: 10px; right: 10px; z-index: 1000; width: 30px; height: 30px; background-image: url('../images/uparrow.png'); background-repeat: no-repeat; cursor: pointer; }
.scrolltop:hover { filter: alpha(opacity=70); opacity: 0.7;}

.scrollbottom { position: fixed; top: 46px; right: 10px; z-index: 1000; width: 30px; height: 30px; background-image: url('../images/uparrow.png'); background-repeat: no-repeat; cursor: pointer; transform: rotate(180deg); }
.scrollbottom:hover { filter: alpha(opacity=70); opacity: 0.7;}


.anasayfa-istatistik { list-style-type: none; padding: 0px; margin: 0px;}
.anasayfa-istatistik .istatistik {
    position: relative;
    width: 100%;
    height: 120px;
    background-color: #fff;
    color: #333;
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: 0px 1px 15px 1px rgba(81, 77, 92, 0.08);
    border-radius: 0.25rem;
}
.anasayfa-istatistik .visual { position: absolute; width: 80px; height: 80px;display: block;float: left;padding-top: 10px;padding-left: 15px;margin-bottom: 15px;font-size: 30px;line-height: 35px;}
.anasayfa-istatistik .visual > i { margin-left: -35px;font-size: 110px;line-height: 110px;color: #333;opacity: 0.1;filter: alpha(opacity=10);}
.anasayfa-istatistik span { padding: 0px; font-size: 16px; color: #333; font-weight: 300; text-decoration: none; text-align: right; display: block; margin-right: 17px; }
.anasayfa-istatistik a { width: 100%; left: 0px; bottom: 0px; position: absolute; height: 25px; background-color: #cdcdff; }
.anasayfa-istatistik .sayi { font-size: 30px; font-weight: bold; margin-top: 20px; line-height: 30px; }
.anasayfa-istatistik .left-icon { float: left; color: #eee; padding: 0px; margin: 0px; width: 25px; font-size: 16px; line-height: 25px; padding: 3px; padding-top: 6px; padding-left: 6px; }
.anasayfa-istatistik .right-icon { float: right; color: #FFF; padding: 0px; margin: 0px; width: 16px; font-size: 12px; padding: 3px; padding-left: 6px; line-height: 25px;padding-top: 6px; margin-right: 0px; }
.anasayfa-istatistik .text { display: block; float: right; font-size: 12px; color: #FFF; font-weight: 300px; margin-right: 3px; line-height: 25px; }


.sidebar-menu { list-style-type: none; background-color: #fff; margin: 0; padding: 0;  color: #9d9d9d;}
.sidebar-menu li { margin: 0; }
.sidebar-menu li a {background-color: #262734; padding: 10px; display: block; border-bottom: solid 1px #efefef; color: #fff; text-decoration: none; transition: all 0.5s; border-radius: 5px; }
.sidebar-menu li a:hover { background-color: #00ADEE; color:#FFF; }
.sidebar-menu li a.passive { background-color: #262734; color:#9d9d9d; }

.rapor-link {
    padding: 15px;
    padding-left: 43px;
    border: solid 1px #e0e0e0;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background-color: #edeff0;
    cursor: pointer;
    transition: all 0.5s;
    text-decoration: none !important;
    margin-bottom: 3px;
}

.rapor-link:hover {
    background-color: #c0c0c0;
    color: #333;
}

.rapor-link:before {
    font-family: "FontAwesome";
    font-size: 36px;
    position: absolute;
    width: 100%;
    height: 30px;
    z-index: 9;
    top: 0px;
    left: 6px;
}

.rapor-link.pdf:before {
    content: "\f1c1";
    color: #f77d7d;
}

.rapor-link.excel:before {
    content: "\f1c3";
    color: #128040;
}

.rapor-link.zip:before {
    content: "\f07b";
    color: #e9c778;
}

.rapor-link i {
    font-size: 40px;
}

.rapor-link.arsiv:before {
    content: "\f1da";
    color: #128040;
}

.rapor-link.genis {
    width: 100%;
}

.rapor-link.kucuk {
    padding: 3px;
    padding-left: 25px;
}

.rapor-link.kucuk:before {
    font-size: 16px;
    width: 100%;
    height: 30px;
    z-index: 9;
    top: 2px;
    left: 6px;
}


/* CUSTOM SCROLLBAR */

.scrollbar {
    float: left;
    height: 300px;
    width: 100%;
    overflow-y: scroll;
    margin-bottom: 15px;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.force-overflow
{
	/*min-height: 1000px;*/
}

.scroll-style-1::-webkit-scrollbar { width: 4px; }

.scroll-style-1::-webkit-scrollbar-thumb { background-color: #d5d5d5; border-radius: 10px; display: none; }
.scroll-style-1::-webkit-scrollbar-track { background-color: #F5F5F5; border-radius: 10px; display: none; }

.scroll-wrapper { width: 100%; margin: auto; }
.scroll-wrapper:hover .scrollbar::-webkit-scrollbar-thumb {  display: block; }
.scroll-wrapper:hover .scrollbar::-webkit-scrollbar-track {  display: block;  }

.son-islemler { padding: 0; margin: 0; }
.son-islemler li { list-style-type: none; padding: 0; margin-bottom: 10px; margin: 0; overflow: hidden; position: relative; padding: 5px; transition: all 0.5s;}
.son-islemler li:hover { background-color: #f0f0f0; }
.son-islemler li .tarih { text-align: left; font-weight: bold; font-size: 16px; line-height: 36px; vertical-align: middle; padding-right: 15px; float: left; width: 16%; }
.son-islemler li .aciklama { text-align: left; padding-left: 20px; width: 84%; float: left; }
.son-islemler li .aciklama:before {
    position: absolute;
    display: block;
    width: 4px;
    border-radius: 3px;
    height: 26px;
    left: 16%;
    top: 10px;
    /*background-color: #efefef;*/
    content: " ";
}
.son-islemler li .aciklama .ustyazi { }
.son-islemler li .aciklama .altyazi { font-size: 12px; color: #999; }
/*.son-islemler li .aciklama .altyazi2 { font-size: 12px; color: #999; }*/

.sonucBASARILI:before { background-color: #28a745; }
.sonucHATALI:before { background-color: #ff0000; }
.sonuc2BASARILI { color: #28a745; }
.sonuc2HATALI { color: #ff0000; }

.sonuc2BASARILI a {
    color: #28a745;
}

.sonuc2HATALI a {
    color: #ff0000;
}

/* CUSTOM SCROLLBAR END */

.islemsonucaciklamasi { height: 80px; border: solid 1px #efefef; overflow: scroll; resize:both; }

.sorunlu td { background-color: #EEAAAA; }
.tamam td { background-color: #D4F6D4; }

.sayilar-liste { margin: 0; padding: 15px; border-left: solid 1px #efefef; }
.sayilar-liste li { list-style-type: none; margin: 0; border-bottom: solid 1px #efefef; margin-bottom: 10px; padding-bottom: 10px; overflow: hidden; }
.sayilar-liste li .yazi { float: left; width: 60%;  }
.sayilar-liste li .yazi .baslik { font-size: 14px; color: #333; font-weight: bold; }
.sayilar-liste li .yazi .aciklama { font-size: 12px; color: #999; }
.sayilar-liste li .rakam { font-size: 20px; font-weight: bold; float: right; width: 40%; color: blueviolet; line-height: 36px; vertical-align: middle; text-align: right; }

.sayilar-liste li:nth-child(1) .rakam { color: #9816f4; }
.sayilar-liste li:nth-child(2) .rakam { color: #00c5dc; }
.sayilar-liste li:nth-child(3) .rakam { color: #ffb822; }
.sayilar-liste li:nth-child(4) .rakam { color: #36a3f7; }
.sayilar-liste li:nth-child(5) .rakam { color: #0fb93f; }
.sayilar-liste li:nth-child(6) .rakam { color: #be61ee; }
.sayilar-liste li:nth-child(7) .rakam { color: #fad61e; }




        
.uyari-box { background-color: #EEAAAA; border: solid 1px #ba5656; }
.uyari-detay { display: none; }
.uyari-detay table { width: 100%; }

@media only screen and (max-width : 767px) {
    /* Phones */
    .modal-dialog {
        /*width: 100%;*/
        height: 800px;
    }

    .modal-content {
        height: 750px;
    }

        .modal-content iframe {
            width: 100%;
            height: 650px;
        }

    .top-kullanici {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
}

@media only screen and (min-width : 768px) {
    /* Tablets */
    .modal-dialog {
        width: 700px;
        height: 650px;
    }

    .modal-content {
        height: 600px;
    }

        .modal-content iframe {
            width: 100%;
            height: 550px;
        }
}

@media only screen and (min-width : 992px) {
    /* Medium devices */
    .modal-dialog {
        width: 1120px;
        height: 550px;
    }

    .modal-content {
        height: 500px;
    }

        .modal-content iframe {
            width: 100%;
            height: 400px;
        }
}

@media only screen and (min-width : 1300px) {
    /* Large devices */
    .modal-dialog {
        width: 1120px;
        height: 750px;
    }

    .modal-content {
        height: 700px;
    }

        .modal-content iframe {
            width: 100%;
            height: 600px;
        }
}


@media (min-width: 768px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
    }
}




.paketlertablo {
}

    .paketlertablo .baslik {
        background-color: #12AECA;
        border: solid 1px #12AECA !important;
        color: #FFF;
        font-size: 16px;
        font-weight: 700;
    }

    .paketlertablo .satir {
        border: solid 1px #f0f0f0;
        display: block;
        margin-top: 4px;
        border-radius: 10px;
        transition: all 0.5s;
        overflow: hidden;
    }

        .paketlertablo .satir:hover {
            display: block;
            margin-top: 4px;
            border-radius: 10px;
            box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
        }

        .paketlertablo .satir > div {
            display: block;
            float: left;
            border: none;
            padding: 10px;
            line-height: 50px;
        }

    .paketlertablo span {
        display: block;
        line-height: 20px;
    }

    .paketlertablo .mobil {
        display: none;
    }

    .paketlertablo .kodu {
        width: 15%;
    }

    .paketlertablo .adi {
        width: 30%;
        font-weight: 700;
    }

    .paketlertablo .kontor {
        width: 15%;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
    }

    .paketlertablo .kayit .kontor {
        background-color: #f0f0f0;
    }

    .paketlertablo .fiyat {
        width: 20%;
        text-align: center;
    }

        .paketlertablo .fiyat .satisfiyati {
            font-size: 14px;
            text-decoration: line-through;
            color: #dd0909;
        }

        .paketlertablo .fiyat .indirimlifiyati {
            font-size: 20px;
            font-weight: bold;
            line-height: 30px;
        }

    .paketlertablo .satinal {
        width: 20%;
        text-align: center;
    }

    .paketlertablo .button-satin-al {
        color: #fff;
        font-size: 16px;
        background-color: #f39c12;
        border-radius: 20px;
        padding: 0px 20px;
        line-height: 40px;
        display: inline-block;
        vertical-align: middle;
        transition: all 0.5s;
        font-weight: bold;
    }

        .paketlertablo .button-satin-al:hover, .paketlertablo .button-satin-al:focus, .paketlertablo .button-satin-al:active {
            text-decoration: none;
            color: #FFF;
            background-color: #12AECA;
        }


.dropIsyerleri { width: 350px; }
.dropSubeler { width: 350px; }

@media (max-width: 700px) {
    .paketlertablo .baslik {
        display: none;
    }

    .paketlertablo .mobil {
        display: block;
        font-weight: 400;
    }

    .paketlertablo .kodu {
        width: 40%;
    }

    .paketlertablo .adi {
        width: 60%;
    }

    .paketlertablo .kontor {
        width: 30%;
    }

    .paketlertablo .fiyat {
        width: 70%;
        background-color: #f0f0f0;
    }

    .paketlertablo .satinal {
        width: 100%;
    }

    .paketlertablo .button-satin-al {
        padding: 0px 40px;
    }

    .paketlertablo .satir > div {
        line-height: 30px;
    }

    .dropIsyerleri {
        width: 310px;
    }

    .dropSubeler {
        width: 310px;
    }
}