body{
    margin: 0;
    padding: 0;
    background-color: #251e2e;
    height: 100%;
    width: 100%;
    font-family: 'tahoma', sans-serif;
    font-size: 14px;
}

html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.container {
    width: 100%;
    text-align: center;
    height: 100%;
}

.container-center {


}

.block {
    border-radius: 5px;
     display: inline-block;
     vertical-align: middle !important;
}




.auth {
    width: 460px;
    height: 740px;

    overflow: auto;
  margin: auto;
  position: absolute;
  top: 10%; left: 0; bottom: 0; right: 0;
}

.reg {
    max-height: 820px;
    /* height: 720px; */
}

    .auth > .header {
        background: #76f8fd; /* Old browsers */
        background: -moz-linear-gradient(top, #76f8fd 0%, #3fdff6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76f8fd), color-stop(100%,#3fdff6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #76f8fd 0%,#3fdff6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #76f8fd 0%,#3fdff6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #76f8fd 0%,#3fdff6 100%); /* IE10+ */
        background: linear-gradient(to bottom, #76f8fd 0%,#3fdff6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76f8fd', endColorstr='#3fdff6',GradientType=0 ); /* IE6-9 */
        color: #251e2e;
        text-align: center;
        display: block;
        border-top: 1px solid #a0fbfe;
        border-bottom: 1px solid #3b8ca2;
        height: 30px;
        font-weight: bold;
        padding-top: 14px;
        border-radius: 5px 5px 0 0;
    }

    .auth > .form {
        background: #372d43; /* Old browsers */
        background: -moz-linear-gradient(top, #372d43 0%, #413650 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#372d43), color-stop(100%,#413650)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #372d43 0%,#413650 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #372d43 0%,#413650 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #372d43 0%,#413650 100%); /* IE10+ */
        background: linear-gradient(to bottom, #372d43 0%,#413650 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#372d43', endColorstr='#413650',GradientType=0 ); /* IE6-9 */
        display: block;
        min-height: 460px;
        padding-bottom: 20px;
        border-radius: 0 0 5px 5px;
        border: 1px solid #5a4b6c;
        border-top: 1px solid transparent;
    }


        .auth > .form .textbox {
            border-radius: 5px;
            height: 45px;
            width: 313px;
            padding: 0 16px;
            color: #251e2e;
            background-color: #b3acbd;
            border: 1px solid transparent;
            margin: 7px 0;
        }

        .auth > .form .submit {
            background-image: url('../../images/btn-background.png');
            background-repeat: repeat-x;
            background-position: center;
            height: 43px;
            width: 345px;
            font-size: 18px;
            font-weight: bold;
            color: white;
            text-shadow: 1px 1px 3px #333;
            border: 1px solid #59e05d;
            border-radius: 5px;
            border-bottom-color: black;
            margin: 7px 0;
        }


        .auth > .form .select {
            display: inline-block;
            background-image: url('../../images/combo-drop-down.png');
            background-repeat: repeat-x;
            background-position: center;
            height: 31px;
            width: 329px;
            color: white;
            text-shadow: 1px 1px 3px #333;
            border: 1px solid #5c4b74;
            border-radius: 5px;
            border-bottom-color: black;
            margin: 7px 0;
            position: relative;
            text-align: left;
            padding-left: 16px;
            padding-top: 12px;
        }


            .auth > .form .select > .drop-down-marker {
                float: right;
                text-align: right;
                padding-right: 17px;
                display: inline-block;
                width: 30px;
                vertical-align: middle;
                height: 43px;
                position: relative;
            }

                .auth > .form .select > .drop-down-marker > i {
                    color: #a698b7;
                    font-size: 16px;
                }

                .auth > .form .select > .drop-down-marker > .divider {
                    position: absolute;
                    left: 0px;
                    top: -7px;
                    width: 0px;
                    display: inline-block;
                    height: 31px;
                    border-left: 1px solid #221b2c;
                    border-right: 1px solid #45404d;
                }

                .auth > .form  .text {
                    font-size: 12px;
                    color: white;
                    width: 345px;
                    margin-bottom: 20px;
                    display: inline-block;
                    text-align: left;
                    min-height: 50px;
                }

                .auth > .form  .logo {
                    margin: 15px 0;
                    display: inline-block;
                }

                .auth > .form  .info {
                    display: inline-block;
                    width: 345px;
                    text-align: left;
                    font-size: 12px;
                }

                .auth > .form   .info  .error {
                    color: red;
                }

                .auth > .form  .info  .info {
                    color: #0cec17;
                }

    .auth .recovery-link {
        display: inline-block;
        color: #44e7f9;
        margin: 20px 0;
    }

    .auth a {
        color: #0cec17;
    }

::-webkit-input-placeholder { /* WebKit browsers */
    color: #251e2e;
    font-family: 'tahoma', sans-serif;
    font-size: 13px;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #251e2e;
    opacity: 1;
    font-family: 'tahoma', sans-serif;
    font-size: 13px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #251e2e;
    opacity: 1;
    font-family: 'tahoma', sans-serif;
    font-size: 13px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #251e2e;
    font-family: 'tahoma', sans-serif;
    font-size: 13px;
}


.dropdown-list {
    display: none;
    width: 345px;
    background-color: white;
    padding: 0px;
    margin: 0px;
}

.dropdown-list > ul {
    list-style: none;padding: 0;margin: 0;

}

.dropdown-list > ul > li {
            border-bottom-color: black;
            position: relative;
            text-align: left;
    padding: 5px;
            padding-left: 16px;
}

    .dropdown-list > ul > li:hover {
        background: #76f8fd; /* Old browsers */
        background: -moz-linear-gradient(top, #76f8fd 0%, #3fdff6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76f8fd), color-stop(100%,#3fdff6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #76f8fd 0%,#3fdff6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #76f8fd 0%,#3fdff6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #76f8fd 0%,#3fdff6 100%); /* IE10+ */
        background: linear-gradient(to bottom, #76f8fd 0%,#3fdff6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76f8fd', endColorstr='#3fdff6',GradientType=0 ); /* IE6-9 */
        color: #251e2e;
    }