@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}

html,body{height: 100%;}
body {font-family: 'Ubuntu';}
body a{text-decoration: none;}

/*Sticky Footer*/
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -63px;}
    .wrapper .push {height: 63px;}
    .wrapper .container {padding-top: 10px;}

.ustKisim {margin-top: 10px;}
    .ustKisim img {max-width: 130px;}
    .ustKisim .logoBaslik h3 {padding-top: 30px;text-align: center;font-family: 'Ubuntu';}

.ortaAlan {margin:100px 0 50px;}
    .ortaAlan .form-group {border-top: 1px solid #f0f0f0;padding: 10px 0 5px 0;}
        .ortaAlan button{float: right;}
        .ortaAlan .kaydetButon{margin-right: 95px;}

footer p {border-top: 1px solid #f0f0f0; padding-top: 20px;}
        
        
/* @media screen  CSS */
@media screen and (max-width: 770px){
.kaydetButon {margin-right: 63px !important;}
}
@media screen and (max-width: 580px){
.container {padding: 2px !important;}
.ustKisim {margin: 10px auto;display: block; padding: 2px 0px 0 30px !important;}
    .ustKisim img {width: 51px !important; }
    .ustKisim .logoBaslik h3 {font-size: 15px !important;padding-top: 0px;margin:-4px 18px 0px 22px ;}
div.row.ustKisim > div > div {padding: 2px !important;} 

.ortaAlan{margin-top: 15px;}

.form-group label {float: left;width: 20%;}
.form-group input,select {width: 55% !important;}
.form-group .col-sm-9 input {width: 55% !important;}

.ortaAlan button{margin-top: -34px; }
.ortaAlan .kaydetButon{margin-top: 0px;}

.form1 input,select {width: 81% !important;}
.kaydetButon {margin-right: 7px !important;}
}
.modal-backdrop.in {
opacity: 0.9 !important;
}

.modal-backdrop {
background-color: #fff !important;
}