@charset "UTF-8";

.full-page-wrapper .inner-page {
    padding-top: 5%;
}

.btn-auth-facebook {
    background-color: #3B5998;
    color: #fff;
    position: relative;
    width: 100%;
    height: 40px;
    padding-left: 40px;
}

    .btn-auth-facebook:hover, .btn-auth-facebook:focus {
        color: #fff;
        background-color: #37538d;
    }

    .btn-auth-facebook:before {
        font-family: FontAwesome;
        font-size: 20px;
        content: "\f09a";
        display: block;
        position: absolute;
        top: -1px;
        left: -1px;
        padding: 7px 0;
        width: 40px;
        height: 40px;
        background-color: #2d4373;
    }

@media screen and (min-width: 768px) {
    .btn-auth-facebook {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .btn-auth-facebook {
        width: 30%;
    }
}

.page-auth .logo {
    margin-bottom: 40px;
}

.page-auth .separator {
    margin: 30px auto;
    position: relative;
    width: 100%;
}

    .page-auth .separator:before {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        content: "";
        vertical-align: middle;
        height: 0;
        border-top: 1px solid #ddd;
        position: absolute;
        top: 9px;
        left: 10px;
        right: 10px;
    }

    .page-auth .separator span {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        position: relative;
        background-color: #ececec;
        padding: 0 8px;
    }

@media screen and (min-width: 768px) {
    .page-auth .separator {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .page-auth .separator {
        width: 31%;
    }
}

.page-auth .center-block {
    width: 100%;
    border: 1px solid #ddd;
    padding: 25px;
    text-align: left;
    background-color: #f1f1f1;
}

    .page-auth .center-block .title {
        font-size: 1.2em;
        line-height: 1;
        margin-bottom: 15px;
    }

    .page-auth .center-block form > input {
        margin-bottom: 15px;
    }

        .page-auth .center-block form > input:focus {
            border-color: #ccc;
        }

    .page-auth .center-block .btn-auth {
        margin-top: 20px;
    }

    .page-auth .center-block .links {
        margin-top: 30px;
        text-align: center;
    }

        .page-auth .center-block .links p {
            margin-bottom: 0;
            font-size: 0.9em;
        }

            .page-auth .center-block .links p a:hover {
                text-decoration: none;
            }

.btn-custom-primary:hover, .btn-custom-primary:focus, .btn-custom-primary:active, .btn-custom-primary.active, .btn-custom-primary .open .dropdown-toggle.btn-warning {
    background-color: #d94414;
    color: #fff;
}

.btn-custom-primary {
    background-color: #E24715;
    border-color: #cb4013;
    color: #fff;
}

@media screen and (min-width: 768px) {
    .page-auth .center-block {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .page-auth .center-block {
        width: 30%;
    }
}

body {
    background: url('../../images/login-screennew4.jpg');
    background-color: #455E66;
    color: #c1c1c1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    animation-duration: 1s;
    animation-name: fadein;
    z-index: -1;
}

a {
  color: #63A6C7;
}
a:hover, a:focus {
  color: #4595bc;
  text-decoration: none;
}
/* form elements */
legend {
  color: #c1c1c1;
}

.form-control {
  color: #c1c1c1;
  background-color: rgba(21, 29, 31, 0.5);
  border: none;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: rgba(52, 76, 84, 0.5);
}
/* register page */
.page-auth .center-block {
  background-color: rgba(225, 225, 243, 0.24);
  border: none;
}
.page-auth .separator span {
  background-color: #fff;
  color: #5E7A84;
}
.page-auth .separator:before {
  border-top-color: #fff;
}
#Captcha_IMGD{width: 100% !important;
    text-align: center;}
#Captcha table{width: 100% !important}
.dxcaRefreshButton{color:#FFFFFF;}


.ios-switch {
    float:left;
	height: 25px;
	width: 75px;
	position: relative;
	background-color: #fdfdfd;
	border-radius: 100px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ios-switch .background-fill {
	width: 100%;
	height: 100%;
	border-radius: 100px;
	position: absolute;
	left: 0;
	top: 0;
}

.ios-switch .on-background {
	background-image: -o-linear-gradient(#00e459, #00e158);
	background-image: -ms-linear-gradient(#00e459, #00e158);
	background-image: -moz-linear-gradient(#00e459, #00e158);
	background-image: -webkit-linear-gradient(#00e459, #00e158);
	background-image: linear-gradient(#00e459, #00e158);
	opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	z-index: 1;
	-o-transition: .3s 0.2s;
	-ms-transition: .3s 0.2s;
	-moz-transition: .3s 0.2s;
	-webkit-transition: .3s 0.2s;
	transition: .3s 0.2s;
}

.ios-switch .state-background {
	border-radius: 100px;
	z-index: 2;
	background-image: -o-linear-gradient(#ffffff, #FDFDFD);
	background-image: -ms-linear-gradient(#ffffff, #FDFDFD);
	background-image: -moz-linear-gradient(#ffffff, #FDFDFD);
	background-image: -webkit-linear-gradient(#ffffff, #FDFDFD);
	background-image: linear-gradient(#ffffff, #FDFDFD);
	border: 2px solid #E5E5E5;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-o-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}

.ios-switch .handle {
	width: 41px;
	height: 21px;
	background-color: white;
	top: 2px;
	left: 2px;
	position: absolute;
	border-radius: 20px !important;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.075), 0 3px 5px rgba(0, 0, 0, 0.15), 1px 2px 2px rgba(0, 0, 0, 0.05);
	z-index: 3;
	-o-transition: -o-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
	-ms-transition: -ms-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
	-moz-transition: -moz-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
	-webkit-transition: -webkit-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
	-o-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
	-ms-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
	-moz-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
	-webkit-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
	transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.ios-switch.off .handle {
	-o-animation: expand-off .3s 0.2s;
	-ms-animation: expand-off .3s 0.2s;
	-moz-animation: expand-off .3s 0.2s;
	-webkit-animation: expand-off .3s 0.2s;
	animation: expand-off .3s 0.2s;
	-o-transform: translate(0px, 0);
	-ms-transform: translate(0px, 0);
	-moz-transform: translate(0px, 0);
	-webkit-transform: translate(0px, 0);
	transform: translate(0px, 0);
	-o-transform: translate3d(0px, 0, 0);
	-ms-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}

.ios-switch.off .on-background {
	-o-transition: .3s 0s;
	-ms-transition: .3s 0s;
	-moz-transition: .3s 0s;
	-webkit-transition: .3s 0s;
	transition: .3s 0s;
}

.ios-switch.off .state-background {
	-o-transition: .4s 0.25s;
	-ms-transition: .4s 0.25s;
	-moz-transition: .4s 0.25s;
	-webkit-transition: .4s 0.25s;
	transition: .4s 0.25s;
}

.ios-switch.on .handle {
	-o-animation: expand-on .3s 0.2s;
	-ms-animation: expand-on .3s 0.2s;
	-moz-animation: expand-on .3s 0.2s;
	-webkit-animation: expand-on .3s 0.2s;
	animation: expand-on .3s 0.2s;
	-o-transform: translate(30px, 0);
	-ms-transform: translate(30px, 0);
	-moz-transform: translate(30px, 0);
	-webkit-transform: translate(30px, 0);
	transform: translate(30px, 0);
	-o-transform: translate3d(30px, 0, 0);
	-ms-transform: translate3d(30px, 0, 0);
	-moz-transform: translate3d(30px, 0, 0);
	-webkit-transform: translate3d(30px, 0, 0);
	transform: translate3d(30px, 0, 0);
}

.ios-switch.on .on-background {
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
}

.ios-switch.on .state-background {
	-o-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}

@keyframes expand-on {
	0% {
		padding-right: 0;
	}
	40% {
		padding-right: 9px;
	}
	100% {
		padding-right: 0;
	}
}
@keyframes expand-off {
	0% {
		padding-right: 0;
		left: 2px;
	}
	40% {
		padding-right: 9px;
		left: -7px;
	}
	100% {
		padding-right: 0;
		left: 2px;
	}
}
@-o-keyframes expand-on {
	0% {
		padding-right: 0;
	}
	40% {
		padding-right: 9px;
	}
	100% {
		padding-right: 0;
	}
}
@-ms-keyframes expand-on {
	0% {
		padding-right: 0;
	}
	40% {
		padding-right: 9px;
	}
	100% {
		padding-right: 0;
	}
}
@-moz-keyframes expand-on {
	0% {
		padding-right: 0;
	}
	40% {
		padding-right: 9px;
	}
	100% {
		padding-right: 0;
	}
}
@-webkit-keyframes expand-on {
	0% {
		padding-right: 0;
	}
	40% {
		padding-right: 9px;
	}
	100% {
		padding-right: 0;
	}
}
@-o-keyframes expand-off {
	0% {
		padding-right: 0;
		left: 2px;
	}
	40% {
		padding-right: 9px;
		left: -7px;
	}
	100% {
		padding-right: 0;
		left: 2px;
	}
}
@-ms-keyframes expand-off {
	0% {
		padding-right: 0;
		left: 2px;
	}
	40% {
		padding-right: 9px;
		left: -7px;
	}
	100% {
		padding-right: 0;
		left: 2px;
	}
}
@-moz-keyframes expand-off {
	0% {
		padding-right: 0;
		left: 2px;
	}
	40% {
		padding-right: 9px;
		left: -7px;
	}
	100% {
		padding-right: 0;
		left: 2px;
	}
}
@-webkit-keyframes expand-off {
	0% {
		padding-right: 0;
		left: 2px;
	}
	40% {
		padding-right: 9px;
		left: -7px;
	}
	100% {
		padding-right: 0;
		left: 2px;
	}
}
.switch.switch-primary .ios-switch .on-background {
  background: #0088CC;
}
.ios-switch .background-fill {
    width: 100%;
    height: 100%;
    border-radius: 100px !important;
    position: absolute;
    left: 0;
    top: 0;
}
.loginformtxt {
background: #dcdcdc;
    color: #555;
}
.input-group .form-control{border-radius: 0 4px 4px 0 !important;}
.input-group-addon{ border-radius: 4px 0 0 4px !important;}
/*.input-group-addon:last-child {
    border-right: 0;
}*/