﻿
        body {
            background: #fbfbfb;
            font-family: Calibri;
        }

        .form {
            background: #fff;
            text-align: center;
            margin: 0 auto;
            width: 285px;
            padding: 40px;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        }

            .form h2 {
                margin: 0 0 20px;
                text-align: center;
                line-height: 1;
                color: #00948e;
                font-size: 28px;
                font-weight: 400;
            }

            .form input {
                outline: none;
                display: block;
                width: 100%;
                margin: 0 0 20px;
                padding: 10px 15px;
                border: 1px solid #ccc;
                color: #7c7c7c;
                background: #eeeeee;
                font-family: Calibri;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                font-size: 14px;
                font-weight: 400;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-transition: 0.2s linear;
                -moz-transition: 0.2s linear;
                -ms-transition: 0.2s linear;
                -o-transition: 0.2s linear;
                transition: 0.2s linear;
            }

                .form input:focus {
                    color: #333;
                    border: 1px solid #2ecc71;
                }

            .form button {
                cursor: pointer;
                background: #00948e;
                width: 100%;
                padding: 10px 15px;
                border: 0;
                color: #fff;
                font-family: Calibri;
                font-size: 18px;
                font-weight: 400;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-transition: 0.2s linear;
                -moz-transition: 0.2s linear;
                -ms-transition: 0.2s linear;
                -o-transition: 0.2s linear;
                transition: 0.2s linear;
            }

                .form button:hover {
                    background: #00948e;
                }

        .buttonback {
            background-color: #00948e;
            color: #fff;
        }

        .myButton {
            background-color: Green;
            color: White;
        }
        .err{

    color:red;
    font-weight:bold;
    font-size:14px;
}
         .checkbox, .radio {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
.checkbox label, .radio label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	
	font-weight: 400;
	cursor: pointer
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	position: absolute;
	margin-top: 4px\9;
	margin-left: -42px;
}
.checkbox+.checkbox, .radio+.radio {
	margin-top: -5px;
}
.checkbox-inline, .radio-inline {
	position: relative;
	margin-left: -115px;
	
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
	margin-top: 0;
	margin-left: 10px
}
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
	cursor: not-allowed
}
.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
	cursor: not-allowed
}
.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
	cursor: not-allowed
}
.login-field-password {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -2px;
    
}

.hideShowPassword-toggle {
    background-image: url(/img/wink.svg);
    background-position: 0 center;
    background-repeat: no-repeat;
    cursor: pointer;
   /*height: 100%;*/
    overflow: hidden;
    text-indent: -9999em;
    width: 44px;
}

    