body {font-family: 'Open Sans',Arial,Helvetica,sans-serif; background: #e9e9e9;}
body, html {height: 100%;}
#wrapper {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    -webkit-box-shadow: 0 0 8px #777;
    -moz-box-shadow: 0 0 8px #777;
    box-shadow: 0 0 8px #777;
    min-height: 100%;
    height: auto !important
}
.btn {border-radius: 0}

.loginPage {display: table; width: 100%; height: 100%;}
.loginPage .pageInner {display: table-cell; vertical-align: middle;}

.loginForm {border: 1px solid #cecece; background: #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
.loginForm .FormHeader {margin-left:-22px; margin-right: -15px; margin-top: 10px; margin-bottom: 7px; line-height: 47px; font-weight: 400; color: white}
.loginForm .FormHeader .formHeaderLeft {background: url('../images/form_head_left.png'); width:7px; height: 47px; float: left;}
.loginForm .FormHeader .formHeaderMid {background: url('../images/form_head_mid.png'); height: 47px; padding-left: 15px;}
.loginForm .logo {margin-bottom: 10px; padding-bottom: 4px; border-bottom: 1px dashed #ccc;}
.loginForm .logo img {max-width: 350px; max-height: 76px; height: 100%; width: 100%;}
.loginForm .logo .metin {border-top: 1px dashed #ccc; font-weight: 400; margin-top: 15px; font-size: 17px; color:#337ab7; text-align: center; padding-top: 4px;}
.form-horizontal .form-group {margin-right: 0px; margin-left: 0px;}
.form-horizontal .form-group label {font-weight: normal}
.form-control {border-left:0;}

.form-control:focus {
border-color:#337ab7;
outline:0;
-webkit-box-shadow:none;
box-shadow:none
}

.input-group-addon {background: #fff; color: #747474}
.input-group-addon.brk {border: 1px solid #337ab7; border-right:0; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.divider {margin-bottom: 15px; border-bottom: 1px dashed #ccc}

.btn-burak {color:#fff; background-color:#2854ac; border-color:#37c2d0}
.btn-burak.focus,.btn-burak:focus {color:#fff; background-color:#37c2d0; border-color:#119aa7}
.btn-burak:hover {color:#fff; background-color:#22aab7; border-color:#119aa7}
.btn-burak.active,.btn-burak:active,.open >.dropdown-toggle.btn-burak {color:#fff; background-color:#37c2d0; border-color:#398439}
.btn-burak.active.focus,
.btn-burak.active:focus,
.btn-burak.active:hover,
.btn-burak:active.focus,
.btn-burak:active:focus,
.btn-burak:active:hover,
.open >.dropdown-toggle.btn-burak.focus,
.open >.dropdown-toggle.btn-burak:focus,
.open >.dropdown-toggle.btn-burak:hover {color:#fff; background-color:#119aa7; border-color:#0d909d}

.btn-burak.active,.btn-burak:active,.open >.dropdown-toggle.btn-burak {
background-image:none
}

.btn-burak.disabled.focus,
.btn-burak.disabled:focus,
.btn-burak.disabled:hover,
.btn-burak [disabled ].focus,
.btn-burak [disabled ]:focus,
.btn-burak [disabled ]:hover,
fieldset [disabled ].btn-burak.focus,
fieldset [disabled ].btn-burak:focus,
fieldset [disabled ].btn-burak:hover {
    background-color:#2cb3c0;
    border-color:#16a3b1
}
.btn-burak .badge {color:#5cb85c; background-color:#fff}

.alert {
    padding: 7px 10px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 13px;
    font-weight: 400;
}

.close {line-height: 19px;}

@media (max-width: 340px){
    .loginForm .logo .metin {font-size: 12px;}    
}
.modal .modal-content {border-radius:0; border:0}
.modal .modal-header {line-height: 1em; padding: 9px 8px 5px 8px; color: #fff;}
.modal .modal-header h4 {display: inline-block; margin: 0;}
.modal .modal-body .i-circle {border: 5px solid #f1f1f1; border-radius: 50%; -webkit-border-radius: 50%; height: 80px; width: 80px; display: inline-block; padding-top: 13px; margin-bottom: 7px; margin-top: -13px; float: left;}
.modal .modal-body .i-circle i {vertical-align: middle;}
.modal .modal-body .i-circle i:before {content: "\f071"}
.modal .modal-body p {font-size: 15px}
.modal .modal-footer {padding: 10px;}

.modal.danger .modal-header {border-bottom: 1px solid #d43f3a; background-color: #d9534f;}
.modal.danger .modal-body .i-circle i, .modal.danger .modal-body h4{color: #d9534f;}    
.modal.danger .modal-body .i-circle i:before {content: "\f00d";}
.modal.danger .modal-footer .btnPrimary {color: #fff; background-color: #d9534f; border-color: #d43f3a;}    
.modal.danger .modal-footer .btnPrimary:focus {color: #fff; background-color: #c9302c; border-color: #761c19;}
.modal.danger .modal-footer .btnPrimary:hover {color: #fff; background-color: #c9302c; border-color: #ac2925;}
.modal.danger .modal-footer .btnPrimary:active{color: #fff; background-color: #c9302c; border-color: #ac2925;}

#uyariModal {background: rgba(4, 4, 4, 0.8)}
#uyariModal2 {background: rgba(4, 4, 4, 0)}
#uyariModal .modal-body h2, #uyariModal2 .modal-body h2 {margin-top:5px;}
#uyariModal .modal-body h4, #uyariModal2 .modal-body h4 {}


#uyariModal .modal-body, #uyariModal2 .modal-body {color: #fff;}
#uyariModal .modal-dialog, #uyariModal2 .modal-dialog {top: 40%; width: 100%; position: absolute;}
#uyariModal .modal-content, #uyariModal2 .modal-content {border-radius: 0px; border: none;}

#uyariModal .modal-content.danger, #uyariModal2 .modal-content.danger {background: #d43f3a}
#uyariModal .modal-content.success, #uyariModal2 .modal-content.success {background: #0f8845}
#uyariModal .modal-content.loading, #uyariModal2 .modal-content.loading {background: #313131}

#uyariModal .modal-content .text-center i:before, #uyariModal2 .modal-content .text-center i:before {font-size: 70px;}
#uyariModal .modal-content.success .text-center i:before, #uyariModal2 .modal-content.success .text-center i:before {content: "\f00c";}
#uyariModal .modal-content.danger .text-center i:before, #uyariModal2 .modal-content.danger .text-center i:before {content: "\f05e";}
.input-group-addon {
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}

#pass1.focus {
    border: 1px solid 
    #d41926 !important;
}

.pwShow {
    width: 22px;
    height: 21px;
    float: left;
    background: 

    #d0d0d0 url("../assets/img/pwShow.png") no-repeat center;
        background-size: auto;
    background-size: 70%;
    cursor: pointer;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 22px;
    margin: 7px 0 0 -30px;
    position: absolute;
    z-index: 2;
}
.pwKaratay, .pwAgKaratay {
    width: 100%;
    float: left;
    border: 1px solid #d41926;
    display: none;
    font-size: 12px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 0px;
    clear:both;
    border-bottom: none
}

.pwKaratay.show, .pwAgKaratay.show {
    display: block;
}

.pwKaratay dt, .pwAgKaratay dt {
    width: 100%;
    float: left;
    color: #d41926;
    line-height: 20px;
}

.pwKaratay dt.valid, .pwAgKaratay dt.valid {
    color: #3c763d;
    font-weight: 500;
}
.pwKaratay dt::before, .pwAgKaratay dt::before {
    content: '';
    width: 20px;
    height: 20px;
    float: left;
    background: #fff;
    content:"\e014";
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;    
    /*font: normal normal normal 14px/1 FontAwesome;*/
    font-family: 'Glyphicons Halflings';
}
.pwKaratay dt.valid::before, .pwAgKaratay dt.valid::before {
    background: #fff;
    content:"\e013";
    /*font: normal normal normal 14px/1 FontAwesome;    */
    font-family: 'Glyphicons Halflings';
}

.pwKaratay.valid, .pwAgKaratay.valid {
    border: 1px solid #3c763d;
    border-bottom: none;
}

#cPassForm .form-control, #cPassForm .input-group-addon {border-radius:0;}

#passStC .progress {margin-bottom: 0}