* { -webkit-tap-highlight-color: transparent; }

html, body { height: 100%; overflow: hidden; }

.clearfix { clear: both; }

h2 { text-align: center; width: 100%; font-family: 'Roboto', sans-serif; font-weight: 300; padding-top: 30px; }
h2 b { font-weight: 500; }

div.login-container { width: 99%; height: 100%; margin: 0 auto; display: block; }

md-input-container label { color: #00000091 !important; }

div md-input-container { margin: 15px; margin-bottom: 0px; }
div .md-button { margin-bottom: 30px; }
div.demoformbg { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.53); z-index: 9999999; top: 0; left: 0; }
div.demoform { position: fixed; width: 30%; height: 500px; border-radius: 25px; border: 2px solid #ccc; z-index: 999; margin-left: calc(50% - 15%); margin-top: 100px; padding-top: 25px; background-color: #fafafa; }

button#demogirisbtn { background: #f1c40f; padding: 3px; }

@media only screen and (max-width: 900px) { div.demoform { width: 60% !important; margin-left: calc(50% - 30%); } }
@media only screen and (max-width: 600px) { div.demoform { width: 80% !important; margin-left: calc(50% - 40%); } }
div.giris-footer { font-size: 12px !important; }
div.login-container #left { width: 40%; float: left; margin-left: 4%; height: 100%; }
@media screen and (max-width: 1199px) { div.login-container #left { width: 50%; } }
div.login-container #left div.logo { margin-top: 15px; float: left; width: 90px; height: 112px; background-repeat: no-repeat; background-size: 90px 112px; }
div.login-container #left #login-content { margin-top: 100px; width: 100%; float: left; background: white; display: inline-block; padding-bottom: 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; }
div.login-container #left #login-content .cook { width: 191px; height: 357px; float: left; background-image: url("../../images/cook.png"); background-repeat: no-repeat; background-size: 191px 357px; margin-top: -75px; margin-left: 10px; }
div.login-container #left #login-content .inputs { width: -moz-calc(100% - 210px); width: -webkit-calc(100% - 210px); width: calc(100% - 210px); float: left; }
div.login-container #left #login-content .inputs .input-item { width: 90%; height: 54px; border: 2px solid #142F42; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; background: #233D4D; margin: 0 auto; overflow: hidden; margin-top: 20px; }
div.login-container #left #login-content .inputs .input-item input { outline: none; width: 90%; height: 90%; font-size: 18px; text-align: center; margin-left: 4%; background: transparent; border: none; color: white; font-family: 'Allerta', sans-serif; }
div.login-container #left #login-content .inputs .md-item { margin-top: 10px; margin-left: -moz-calc(50% - 25%); margin-left: -webkit-calc(50% - 25%); margin-left: calc(50% - 25%); }
div.login-container #left #login-content .inputs div.button { width: 50%; margin: 0 auto; height: 54px; }
div.login-container #left #login-content .inputs div.button button { width: 100%; height: 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; outline: none; border: 2px solid #DA903D; color: white; background: #EE9C15; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
div.login-container #left #login-content .inputs div.button button:hover { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }
div.login-container #left #login-content .inputs div.button button:focus { opacity: 0.8; }

md-input-container { height: 35px; }

div.login-container div.md-item { background: white; padding-top: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top: 20px; text-align: center; }

md-input-container i.material-icons { float: right; position: absolute; font-size: 30px; color: rgba(0, 0, 0, 0.6); right: -7px; cursor: pointer; background: #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 40px; height: 40px; top: -13px; text-align: center; line-height: 40px; }

* { -webkit-tap-highlight-color: transparent; }

::-moz-selection, ::selection { background: transparent; }

input::selection { background: #EE9C15 !important; }

div.login-container div#right { width: 40%; float: right; height: 500px; margin-top: 137px; margin-right: 4%; }
div.login-container div#right > div { height: 25%; }
div.login-container div#right button { width: calc(100% - 20px); height: calc(100% - 20px); padding: 5px; background: rgba(255, 255, 255, 0.6); text-align: center; color: rgba(255, 255, 255, 0.7); font-size: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
div.login-container div#right button.active { background: #F78D14; color: white; }
div.login-container div#right button:focus { background: #F78D14; color: white; }

button.tamam { background: rgba(255, 255, 255, 0.5) !important; }

h3.hata { color: red; padding: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Roboto, Helvetica Neue, sans-serif; font-size: 16px; background: rgba(255, 255, 255, 0.9); }

button.submit { width: 100%; margin: 0; margin-top: 50px; font-size: 30px; height: 70px; background: rgba(39, 174, 96, 0.9) !important; color: white !important; }

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple { color: #202B3B !important; }

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon { background: #202B3B !important; }