/* 
    Created on : 28 Mar 2024, 10:46:58
    Author     : ali
*/

@font-face {
	font-family: 'OpenSansRegular';
	src: url('../../font/OpenSansRegular.eot');
	src: local('OpenSansRegular'), url('../../font/OpenSansRegular.woff') format('woff'), url('../../font/OpenSansRegular.ttf') format('truetype');
}

*{box-sizing: border-box; outline: 0;}
a{text-decoration: none; color:inherit}

html, body{margin: 0; padding: 0; font-family: 'OpenSansRegular';}
    
.btn{padding: 8px; margin: 5px 10px; border:none; padding: 5px 15px; cursor: pointer;  }
.bildirim{position: fixed; right: 30px; display: none; z-index: 9000; background: rgba(255, 0, 0, 0.6); text-align: center;
         color: #fff; top: 30px; min-width: 300px; max-width: 500px; min-height: 100px; padding: 10px; 
         border-radius: 8px; border-bottom: 8px solid #fff; border-top: 8px solid #fff; font-weight: bold; font-size:18px; padding-top: 15px;
        box-shadow: 0 2px 7px #333;}
.sozlesmekutu{position: relative; top:100px; width: 800px; margin: 0 auto;; background: rgba(175, 179, 200, 0.5); color:#333; border-bottom: 8px solid orange; padding: 10px;  text-align: center; font-size: 20px;}
.sozlesmepop{text-decoration: underline; font-style: italic;  cursor: pointer; color:#060af4; }
.sozlesme{ text-align: left; margin: 0 auto; padding: 10px; border-bottom: 1px #333 solid;}
#popupgetir{position: absolute; margin:  auto 3%; top:50px; padding: 30px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 20px; width: 94%; height: 500px; background: #fff; display: none; 
            overflow: auto; padding: 20px; padding-bottom: 70px; margin-bottom: 200px;}
.spnkapat {background: #003399; padding: 10px; margin: 10px; font-weight: bold; cursor: default; color:#fff; }
.spnkapat:hover{background: #000a28}
.sozlesmeonaybtn{padding: 10px 20px; margin: 5px; font-size: 18px; font-weight: bold; background: green; border:none; color:#fff;}
.sozlesmeonaybtn:hover{opacity: 0.8; }

.popbaslik{padding: 10px; border-bottom: 1px solid #888; background: #ddd;}
.popbaslik span{display: block; background: #333; padding: 5px 10px; color:#fff; cursor: pointer; border-radius: 50%;}

.kisatext{width: 115px;  padding: 8px 6px ; background: rgba(255,255,255, 0.7); border: 1px solid #ccc;}
.kisatext:read-only{background: rgba(255,255,255, 0.7); padding: 5px; border:none;}
.uzuntext{width: 150px; padding: 8px 6px ; background: rgba(255,255,255, 0.7); border: 1px solid #ccc;}
.uzuntext:read-only{background: rgba(255,255,255, 0.7); padding: 5px; border:none;}
.gsminput{width: 115px;  padding: 8px 6px ; background: rgba(255,255,255, 0.7); border: 1px solid #ccc;}
.gsminput:read-only{background: rgba(255,255,255, 0.7); padding: 5px; border:none;}

.disableselect{padding: 5px; color :#333; font-size:16px;}
.aramenu{padding: 0; margin: 0; list-style: none;  float: left; }
.aramenu li{display: inline-block; padding: 5px; margin: 0 5px;}
.aramenubtn{padding: 12px 24px; border:1px solid ; background: #0d2857; color:#fff; border:1px solid #0d2857; font-weight: bold;}
.aramenubtn:hover{background: rgba(255,255,255, 0.4); color: #0d2857; cursor: pointer;}
#katilimci {text-align: center; clear: both;}

.mavibtn{background: #003399; color:#fff; border:1px #003399 solid; }
.mavibtn:hover{background: #fff; color:#003399}
.kirmizibtn{background: #990000; color:#fff; padding: 5px 20px; border:#990000 1px solid; font-weight: bold; border-radius: 8px;}
.kirmizibtn:hover{background: #fff; coloR: #990000;}
.silbtn{background: #cc0000; color:#fff; padding: 5px 15px; border:#cc0000 solid 1px;  }
.silbtn:hover{background: #fff; color:#cc0000;}

.sonuc{background: #0000cc;  text-align: center;
         color: #fff;  min-height: 50px; padding: 10px; 
         border-radius: 8px; border-bottom: 8px solid #fff; border-top: 8px solid #fff; font-weight: bold; font-size:18px; padding-top: 15px;
        box-shadow: 0 2px 7px #333; }

.bilgilendirme{background: #0000cc;  text-align: center;  color: #fff;  padding: 10px; }
.uyari{background: #cc0000; color:#fff; padding: 20px 10px 30px 10px; font-size:22px; width: 720px; text-align: center; margin: 30px auto; border-radius: 12px;}
.uyari:before{content: '!!! \a \a';
    white-space: pre;}
.alt{position: fixed;   left: 0; bottom: 0;  width: 100% ; background: #fff; height: 100px; padding:  5px ; text-align: center; border-top: 0px solid #efefef; box-shadow: rgba(33, 35, 38, 0.1)  0 -10px 15px -10px; z-index: 99}