div#sonuc {
    font-size: 13px;
    background: red;
    color: white;
    padding: 7px;
}
b.musuyarib {
    padding-top: 5px;
    display: inline-block;
    padding-bottom: 5px;
}
[type="checkbox"],
        [type="radio"] {
            border: 0                      !important;
            clip: rect(1px, 1px, 1px, 1px) !important;
            -webkit-clip-path: inset(50%) !important;
            clip-path: inset(50%) !important;
            height: 1px                    !important;
            overflow: hidden               !important;
            padding: 0                     !important;
            position: absolute             !important;
            width: 1px                     !important;
            white-space: nowrap            !important;
        }
        [type="checkbox"]:focus + label::before,
        [type="radio"]:focus + label::before {
            -webkit-box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.4) !important;
            box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.4) !important;
        }
        [type="checkbox"]:hover + label::before,
        [type="radio"]:hover + label::before {
            border-color: #000;
        }
        [type="checkbox"]:active + label::before,
        [type="radio"]:active + label::before {
            -webkit-transition-duration: 0;
            transition-duration: 0;
        }
        [type="checkbox"] + label,
        [type="radio"] + label {
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        [type="checkbox"] + label::before,
        [type="radio"] + label::before {
            background-color: none;
            border: 1px solid #000;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            content: '';
            color: #000;
            margin-right: 13px;
            top: 50%;
            left: 0;
            width: 27px;
            height: 27px;
            display: inline-block;
            vertical-align: middle;
        }
        [type="checkbox"] + label::after,
        [type="radio"] + label::after {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            content: '';
            background-color: #FFF;
            position: absolute;
            top: 50%;
            left: 10px;
            width: 18px;
            height: 18px;
            margin-top: -9px;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: 50%;
            transform-origin: 50%;
            -webkit-transition: -webkit-transform 200ms ease-out;
            transition: -webkit-transform 200ms ease-out;
            transition: transform 200ms ease-out;
            transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
        }
        [type="checkbox"][disabled] + label::before,
        [type="radio"][disabled] + label::before {
            -webkit-animation: none;
            animation: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 1px solid rgba(128, 128, 128, 0.5);
        }
        [type="checkbox"][disabled]:active + label::before, [type="checkbox"][disabled]:focus + label::before, [type="checkbox"][disabled]:hover + label::before,
        [type="radio"][disabled]:active + label::before,
        [type="radio"][disabled]:focus + label::before,
        [type="radio"][disabled]:hover + label::before {
            border-color: rgba(128, 128, 128, 0.5);
            -webkit-filter: none;
            filter: none;
            -webkit-transition: none;
            transition: none;
        }

        [type="checkbox"] + label::before, [type="checkbox"] + label::after {
            border-radius: 0;
        }
        [type="checkbox"] + label::after {
            background-color: transparent;
            top: 55%;
            left: 5;
            width: 10px;
            height: 4.8px;
            margin-top: calc(24px / -2 / 2 * 0.8);
            border-style: solid;
            border-color: #000;
            border-width: 0 0 3px 3px;
            border-radius: 0;
            -o-border-image: none;
            border-image: none;
            -webkit-transform: rotate(-45deg) scale(0);
            transform: rotate(-45deg) scale(0);
            -webkit-transition: none;
            transition: none;
        }
        [type="checkbox"]:checked + label::after {
            content: '';
            -webkit-transform: rotate(-45deg) scale(1);
            transform: rotate(-45deg) scale(1);
            -webkit-transition: -webkit-transform 200ms ease-out;
            transition: -webkit-transform 200ms ease-out;
            transition: transform 200ms ease-out;
            transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
        }





        label {
            cursor: pointer; color:#000; font-family:'Open Sans', sans-serif; font-size:13px;  font-weight:100;
        }

        html, body {
            height: 100%;
          
        }
        .sky {
            background:url(/css/bg.jpg); width:100%; height:100%; background-position:center ; display: flex;    align-items: center;    justify-content: center; position: fixed;    background-size: cover;
        }

        .loginformdiv{background-color:rgba(255,255,255,0.95); height:auto; z-index:999999; border-radius:0px;
        }

        .login-logo{width:97%; height:94px; overflow:hidden; display: flex;    align-items: center;    justify-content: center; margin-top:35px;}
        .login-text{width:100%; height:45px; overflow:hidden; display: flex;    align-items: center;    justify-content: center; margin-bottom:41px;}
        .login-text p{padding:0; margin:0px; overflow:hidden; width:100%;font-family:'Open Sans', sans-serif; font-size:16px;  font-weight:500; color:#505082; display: flex;    align-items: center;    justify-content: center;  }
        .formtop{width:90%; height:auto; overflow:hidden; margin:0px auto;  }
        .formdiv{width:100%; height:auto; overflow:hidden; margin-bottom:24px;border-bottom:1px dotted #CCC;   }
        .formdiv input{width:100%; padding-left:5px; height:44px; background:none; background-color:none; border:none; outline:none;font-family:'Open Sans', sans-serif; font-size:18px;  font-weight:100; color:#000;  transition-duration: 0.4s; transition-timing-function: linear; }
        .formdiv span{color:#000; padding-right:10px;}
        .form_remember{width:100%; height:75px;; overflow:hidden; margin-top:50px; }
        .form_post{width:100%; height:auto; overflow:hidden; margin-bottom:60px; }
        .form_post button{width:100%; height:38px; background-color:#505082; color:#FFF;border:none;font-family:'Open Sans', sans-serif; font-size:14px;  font-weight:700;transition-duration: 0.4s; transition-timing-function: linear;}
        .form_post button:hover{background-color:#5B5BD6}
        .form_nine{width:100%; height:auto; overflow:hidden; margin-bottom:60px; }
        .form_nine p{padding:0; margin:0px; overflow:hidden; font-family:'Open Sans', sans-serif; font-size:16px;  font-weight:500; color:#505082;  }
        .form_nine i {float:left; font-size:20px; color:#505082; margin-right:15px;}

        @media screen and (max-width:1093px) and (min-width:100px) {

            .login-text p{padding:0; margin:0px; overflow:hidden; width:100%;font-family:'Open Sans', sans-serif; font-size:12px;  font-weight:100; color:#505082; display: flex;    align-items: center;    justify-content: center;  }
            .login-logo img{width:100px;}
            .login-logo{width:97%; height:60px; overflow:hidden; display: flex;    align-items: center;    justify-content: center; margin-top:0px;}
            .login-text{margin-bottom:10px;}
            .formdiv{margin-bottom:12px;}
            .formdiv input{height:30px; font-size:14px;}
            .formdiv span img{width:15px;}
            .form_remember{margin-top:25px; height:auto; margin-bottom:20px;}
            .form_post{margin-bottom:35px;}
            .form_post button{font-size:14px; height:29px;}

        }
  .container {
            width: 80%;
            margin: auto;
        }