/* VARSAYILAN DEGERLER VERME */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);

/* @import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700); */

body { color: #000;padding: 0px !important;margin: 0px !important;font-size:13px; direction: ltr;}

input {border-radius:0px !important;box-shadow:0 !important;font-weight:300 !important;}

ul {list-style-type:none;}

a {text-decoration:none;color:#0d638f;}

* {font-family: 'Open Sans';margin:0;padding:0;outline:none;}

img {border:none;}

table {border-spacing:0;}

h1,h2,h3,h4,h5,h6 {font-size:15px;}

abbr{cursor:help;border-bottom:1px dashed black;}

/* Tinymce Düzenlemeler */

#mce_37,#mce_35-preview{display:none;}

/* DUYURU - UYARI */
.duyuru {float:left;margin-top:10px;width:99.6%;min-height:50px;}
.duyuru h3 {padding:10px;font-weight:300 !important;float:left;width:98%;font-size:16px;color:#e02222;}
.duyuru p {float:left;width:98%;font-size:13px;padding:0px 0px 10px 10px;}

/* TEXT */
.text_error {color:#b94a48;margin-bottom:20px;width:100%;height:30px;background-color:#f2dede;border:1px solid #eed3d7;box-sizing:border-box;-moz-box-sizing:border-box;padding:5px;float:left;}
.text_error strong {color:#b94a4d;}
.text_error strong:last {content: ':';}

/* DIV */
.div_right {float:right;}
.div_left {float:left;}
.div_remove {cursor:pointer;}

/* BACKGROUND */
.index_bg {background-color:#444444;}
.header_bg {background-color:#1f1f1f;}

/* BUTTON*/
.button_green {float:left;background-color:#35aa47;color:white;height:35px;padding:4px;font-size:14px;border:none;cursor:pointer;min-width:85px;transition:background 0.2s linear 0.1s}
.button_green:hover {background-color:#1d943b;transition:background 0.2s linear 0.1s}
.button_blue {margin-right:10px;overflow:hidden;float:left;background-color:#57b5e3;color:white;height:31px;font-size:14px;border:none;cursor:pointer;min-width:85px;transition:background 0.2s linear 0.1s}
.button_blue a {float:left;display:block;color:white;height:100%;padding:6px 10px 0 10px;}
.button_blue:hover {background-color:#22a4e3;transition:background 0.2s linear 0.1s}
.button_red {margin-right:10px;overflow:hidden;float:left;background-color:#e02222;color:white;height:31px;font-size:14px;border:none;cursor:pointer;min-width:85px;transition:background 0.2s linear 0.1s}
.button_red a {float:left;display:block;color:white;height:100%;padding:6px 10px 0 10px;}
.button_red:hover {background-color:#ba1212;transition:background 0.2s linear 0.1s}

/* INPUT & RADIO & CHECKBOX & SELECT BOX*/
.center_input{border:1px solid #e5e5e5;padding:6px;width:100%;color:#595959;font-size:14px;transition:border 0.2s linear 0s;}
.center_input:focus{border:1px solid #999999;transition:border 0.2s linear 0s;}
.center_textarea{border:1px solid #e5e5e5;padding:6px;width:100%;color:#595959;font-size:14px;transition:border 0.2s linear 0s;max-width:200%;max-height:450px;}
.center_textarea:focus{border:1px solid #999999;transition:border 0.2s linear 0s;}
.center_input_disable{border:1px solid #e5e5e5;padding:6px;width:100%;color:#595959;font-size:14px;transition:border 0.2s linear 0s;background-color:#eee;}
.center_input_disable:focus{border:1px solid #999999;transition:border 0.2s linear 0s;}
.checkbox_field {float:left;margin-top:7px;cursor:pointer;margin-right:10px;position:relative;min-width:175px;}
.checkbox_field span{float:left;margin-left:5px;width:auto !important;padding-top:0 !important;text-align:left !important;}
.checkbox_field input{display:none;opacity:0;position:absolute;left:0;margin-top:3px;z-index:-1;}
.checkbox_field  .checkbox {float:left;width:15px;height:15px;background:url(../images/icons/check_radio.png) -2px -2px;margin-top:3px;}
.checkbox_field  .checkbox_active {background-position:17px -2px;}
.radio_field {float:left;margin-top:7px;cursor:pointer;margin-right:10px;position:relative;min-width:175px;}
.radio_field span{float:left;margin-left:5px;width:auto !important;padding-top:0 !important;text-align:left !important;}
.radio_field input{display:none;opacity:0;position:absolute;left:0;margin-top:3px;z-index:-1;}
.radio_field  .radio {float:left;width:15px;height:15px;background:url(../images/icons/check_radio.png) -2px 17px;margin-top:3px;}
.radio_field  .radio_active {background-position:17px 17px;}
.select_field {float:left;width:370px;cursor:pointer;margin-right:10px;position:relative;}
.select_field select{float:left;padding:5px;width:100%;height:32px;border:1px solid #ccc;}
.select_field select option{padding:5px;}


/* ANA DIVLER VE ALT OZELLIKLERI */
#main {width:100%;float:left;min-width:1200px;}
#main #main_center{margin:0 auto;max-width:1920px;}
/* ## HEADER ALANI */
#main #main_center #header {width:100%;height:42px;top:0;position:fixed;z-index:999;max-width:1920px;min-width:630px;}
#main #main_center #header .logo{float:left;width:150px;height:42px;}
#main #main_center #header .menu{float:right;margin-right:20px;height:42px;}
#main #main_center #header .menu ul{width:100%;height:42px;-moz-box-sizing:border-box;-webkit-border-sizing:border-box;box-sizing:border-box;}
#main #main_center #header .menu ul li{float:left;padding:1px 7px 5px 7px;cursor:pointer;}
#main #main_center #header .menu ul li:hover{background-color:#333333;}
#main #main_center #header .menu ul li .user{margin-top:4px;float:left;min-width:200px;}
#main #main_center #header .menu ul li .user .picture{float:left;width:32px;height:32px;background-color:#ccc;}
#main #main_center #header .menu ul li .user .bildirim{float:left;width:16px;height:16px;border-radius:10px;background-color:#e02222;color:white;padding:1px 2px 4px 2px;text-align:center;}
#main #main_center #header .menu ul li .user .name{float:left;margin-left:10px;color:#eee;margin-top:6px;}
#main #main_center #header .menu ul li .user .alt_baslik{float:left;width:100%;padding:3px 5px;background-color:#eee;}
#main #main_center #header .menu ul li .user .alt_baslik p{font-size:12px;}
#main #main_center #header .menu ul li .user .icon-angle-down{float:left;margin-left:10px;color:#eee;margin-top:6px;font-size:16px;}
#main #main_center #header .menu ul li div.down_menu{-webkit-box-shadow:0px 1px 8px rgba(0,0,0,0.1);-moz-box-shadow:0px 1px 8px rgba(0,0,0,0.1);box-shadow:0px 1px 8px rgba(0,0,0,0.1);margin-top:42px;border:1px solid #ccc;position:absolute;display:none;-moz-box-sizing:border-box;-webkit-border-sizing:border-box;box-sizing:border-box;z-index:1;background-color:white;}
#main #main_center #header .menu ul li div.down_menu a{display:block;padding:6px 0 6px 10px;text-decoration:none;color:#333;}
#main #main_center #header .menu ul li div.down_menu a:hover{background-color:#eee;}
#main #main_center #header .menu ul li div.down_menu .field{float:left;width:100%;border-bottom:1px solid #eee;}
/* ## WRAPPER ALANI*/
#main #main_center #wrapper {width:100%;float:left;margin-top:42px;}
/* ## ABBR KAYAN MENU */
#main #main_center #wrapper .abbr{border:1px solid #ccc;-webkit-box-shadow:0px 1px 8px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 8px rgba(0,0,0,0.2);box-shadow:0px 1px 8px rgba(0,0,0,0.2);position:absolute;z-index:2;padding:10px;background-color:white;display:none;opacity:none;word-wrap:break-word;width:250px;}
#main #main_center #wrapper .abbr .baslik{width:100%;float:left;background-color:#eeeeee;padding:10px;border-bottom:1px solid #cccccc;-moz-box-sizing:border-box;-webkit-border-sizing:border-box;box-sizing:border-box;}
#main #main_center #wrapper .abbr .yazi{width:100%;float:left;padding:10px;-moz-box-sizing:border-box;-webkit-border-sizing:border-box;box-sizing:border-box;}
#main #main_center #wrapper .abbr .arrow{position:absolute;width:10px;height:25px;}
#main #main_center #wrapper .abbr .arrow_back{margin-left:-20px;margin-top:-4px;background:url(../images/icons/abbr_icon_back.png) no-repeat;}
#main #main_center #wrapper .abbr .arrow_next{margin-left:260px;margin-top:-4px;background:url(../images/icons/abbr_icon_next.png) no-repeat;}
/* ## SOL MENU */
#main #main_center #wrapper .menus{position:absolute;width:225px;float:left;}
#main #main_center #wrapper .menus ul{width:100%;float:left;}
#main #main_center #wrapper .menus ul li{width:100%;float:left;border-bottom:1px solid #595959;}
#main #main_center #wrapper .menus ul li ul.sub_menu{width:100%;float:left;display:none;}
#main #main_center #wrapper .menus ul li ul.sub_menu li{border:none;}
#main #main_center #wrapper .menus ul li ul.sub_menu li a:hover{background-color:#626262;}
#main #main_center #wrapper .menus ul li a{width:100%;float:left;min-height:41px;color:white;font-size:14px;font-weight:300;}
#main #main_center #wrapper .menus ul li a:hover{background-color:#313131;}
#main #main_center #wrapper .menus ul li a.active{background-color:#e02222;}
#main #main_center #wrapper .menus ul li ul.sub_menu li a.active{background-color:#313131;box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);-moz-box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);}
#main #main_center #wrapper .menus ul li a span.title{margin-left:5px;}
#main #main_center #wrapper .menus ul li a span.sub_title{margin-left:37px;margin-top:10px;float:left;}
#main #main_center #wrapper .menus ul li a span.selected{position:absolute;width:8px;height:25px;background:url(../images/icons/sidebar-menu-arrow.png);right:0;margin-top:8px;}
#main #main_center #wrapper .menus ul li a i{font-size:16px;margin-top:10px;margin-left:7px;}
#main #main_center #wrapper .menus ul li a i.icon-angle-left{margin-left:0;position:absolute;right:15px;}
#main #main_center #wrapper .menus ul li a i.icon-angle-down{margin-left:0;position:absolute;right:15px;}
/* ## ICERIK ALANI */
#main #main_center #wrapper .comment{position:relative;margin-left:225px;background-color:white;min-height:200px;padding:10px;float:left;}
#main #main_center #wrapper .comment .title{float:left;width:100%;height:36px;background-color:#eee;}
#main #main_center #wrapper .comment .title h1{padding:7px;float:left;font-weight:300;}
/* TAB MENU 1 */
#main #main_center #wrapper .comment .tab_menu_1{float:left;width:100%;}
#main #main_center #wrapper .comment .tab_menu_1 ul{float:left;width:100%;height:41px;margin-top:20px;border-bottom:1px solid #ccc;}
#main #main_center #wrapper .comment .tab_menu_1 ul li{height:19px;border-left:1px solid transparent;border-right:1px solid transparent;float:left;border-top:3px solid transparent;margin-right:2px;padding:9.5px 15px;font-size:14px;background-color:white;}
#main #main_center #wrapper .comment .tab_menu_1 ul li.active{height:20px;float:left;border-top:3px solid #d12610;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#main #main_center #wrapper .comment .tab_menu_1 ul li a{color:black;}
/* ## ADMIN KULLANICI SAYFASI */
#main #main_center #wrapper .comment .a_kullanici{width:100%;float:left;}
/*--> PROFIL BILGILERI */
#main #main_center #wrapper .comment .a_kullanici .bilgilerim {float:left;width:100%;margin-top:20px;margin-bottom:20px;}
#main #main_center #wrapper .comment .a_kullanici .bilgilerim .tum_sayfa{float:left;width:100%;}
#main #main_center #wrapper .comment .a_kullanici .bilgilerim .tum_sayfa .kucuk_resim{float:left;width:160px;height:130px;background-color:#ccc;}
#main #main_center #wrapper .comment .a_kullanici .bilgilerim .tum_sayfa .bilgiler{float:left;width:81%;margin-left:20px;}
#main #main_center #wrapper .comment .a_kullanici .bilgilerim .tum_sayfa .bilgiler ul{float:left;width:100%;}
#main #main_center #wrapper .comment .a_kullanici .bilgilerim .tum_sayfa .bilgiler ul li{float:left;width:100%;padding:8px 0;font-size:13px;border-bottom:1px solid #eee;}
#main #main_center #wrapper .comment .a_kullanici .bilgilerim .tum_sayfa .bilgiler ul li span{margin-right:10px;text-transform:capitalize;}
#main #main_center #wrapper .comment .a_kullanici .bilgilerim .tum_sayfa .bilgiler ul li a{color:#0d638f;}
/*--> HESAP BILGILERI */
#main #main_center #wrapper .comment .a_kullanici .hesabim {float:left;width:100%;margin-top:20px;margin-bottom:20px;}
/*--> YARDIM BILGILERI */
#main #main_center #wrapper .comment .a_kullanici .yardim {float:left;width:100%;margin-top:20px;margin-bottom:20px;}
/*--> SITE GIRIS BILGILERI */
#main #main_center #wrapper .comment .a_kullanici .kayitlar {float:left;width:100%;margin-top:20px;margin-bottom:20px;}
/* TABLO LISTELE*/
#main #main_center #wrapper .comment .a_kullanici .table_list {float:left;width:100%;margin-top:10px;border:1px solid #e02222;margin-bottom:20px;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table_bottom{float:left;width:100%;margin-top:10px;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table_bottom .left{float:left;height:30px;margin-top:10px;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table_bottom .right{float:right;height:30px;margin-top:10px;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table_bottom .right ul{float:left;width:100%;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table_bottom .right ul li{float:left;display:inline-block;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table_bottom .right ul li a{padding:3px 8px 3px 8px;border:1px solid #ddd;border-right:none;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table_bottom .right ul li a.active{background-color:#f5f5f5;color:#a4adb8;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table_menus{float:left;width:100%;margin:8px 8px 0px 8px;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table_title{float:left;width:100%;background-color:#e02222;min-height:36px;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table_title p{padding:7px;float:left;font-weight:300;font-size:15px;color:white;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table{float:left;margin:0px 8px 8px 8px;width:98.5%;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table table{margin-right:5px;float:left;width:100%;margin-top:10px;border-spacing: 0px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table table tr:hover{background-color:#d7d7d7 !important;-moz-box-shadow:inset 0px 0px 8px rgba(0,0,0,0.2);box-shadow:inset 0px 0px 8px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0px 0px 8px rgba(0,0,0,0.2);}
#main #main_center #wrapper .comment .a_kullanici .table_list .table table tr th{cursor:pointer;padding:8px;text-align:left;border-left:1px solid #dddddd;font-size:14px;font-weight:600;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table table tr th a{color:black;display:block;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table table tr td{padding:8px;text-align:left;border-left:1px solid #dddddd;border-top:1px solid #dddddd;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table table tr td span{padding:2px 0px 2px 0px;color:white;display:inline-block;width:100%;text-align:center;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table table tr td strong{font-weight:normal;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table table tr td a:hover{text-decoration:underline;}
/* TABLO YENI EKLE */
#main #main_center #wrapper .comment .a_kullanici .table_list .table .field{float:left;width:100%;margin-top:10px;margin-bottom:10px;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table .field .left{float:left;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table .field .left span{font-size:14px;padding-top:8px;float:left;width:175px;text-align:right;text-transform:capitalize;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table .success{background-color:#eee;float:left;margin-left:-8px;width:100%;padding-right:15px;border-bottom:1px solid #ddd;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table .success p{color:#35aa47;float:left;padding:3px 0 3px 5px;font-size:15px;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table .error{background-color:#eee;float:left;margin-left:-8px;width:100%;padding-right:15px;border-bottom:1px solid #ddd;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table .error p{color:#e02222;float:left;padding:3px 0 3px 5px;font-size:15px;}
/* TABLO OKUMA */
#main #main_center #wrapper .comment .a_kullanici .table_list .table .field_read{float:left;width:99.8%;margin-top:10px;border:1px solid #ccc;overflow:hidden;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table .field_read h1{float:left;width:98%;font-size:15px;font-weight:400;background-color:#eee;padding:8px 15px;color:#0d638f;}
#main #main_center #wrapper .comment .a_kullanici .table_list .table .field_read p{float:left;width:98%;font-size:14px;margin-top:5px;padding:8px 15px;}
/* ## GIRIS ALANI */
#main #main_center #login_panel{width:350px;margin:80px auto;}
#main #main_center #login_panel .logo{width:100%;float:left;text-align:center;padding-bottom:8px;background-color:#1f1f1f;-moz-box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);}
#main #main_center #login_panel .content{width:100%;float:left;background-color:white;}
#main #main_center #login_panel .content .wrapper {width:80%;margin: 30px auto;}
#main #main_center #login_panel .content .wrapper .title{width:100%;float:left;margin-bottom:20px;}
#main #main_center #login_panel .content .wrapper .title h1{font-weight:300;font-size:22px;}
#main #main_center #login_panel .content .wrapper .box{width:100%;float:left;border-left:2px solid #35aa47;margin-bottom:20px;}
#main #main_center #login_panel .content .wrapper .box .icon{color:rgb(204,204,204);font-size:16px;text-align:center;margin:10px 2px 4px 10px;position:absolute;}
#main #main_center #login_panel .content .wrapper .box input{border:1px solid #e5e5e5;padding:8px;padding-left:33px;width:235px;border-left:none !important;color:#595959;font-size:14px;transition:border 0.2s linear 0s;}
#main #main_center #login_panel .content .wrapper .box input:focus{border:1px solid #999999;transition:border 0.2s linear 0s;}
#main #main_center #login_panel .content .wrapper .form{width:100%;float:left;margin-bottom:20px;}
/* FOOTER ALANI */
#main #main_center #wrapper .comment .footer {position:absolute;width:100%;height:100px;background-color:#222;bottom:-100px;margin-left:-10px;}