@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,700,500);

body {
/*  padding-top: 90px;*/
  background:#fff !important;
  color:#666666;
  font-family: 'Roboto', sans-serif !important;
  font-weight:normal;
}

body{
  width: 100%;
/*
  background: -webkit-linear-gradient(left, #22d686, #24d3d3, #22d686, #24d3d3);
  background: linear-gradient(to right, #22d686, #24d3d3, #22d686, #24d3d3);
  background-size: 600% 100%;
  -webkit-animation: HeroBG 20s ease infinite;
          animation: HeroBG 20s ease infinite;
*/
}

@-webkit-keyframes HeroBG {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}

@keyframes HeroBG {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}


.panel {
  border-radius: 5px;
}
label {
  font-weight: 300;
}
.panel-login {
   border: none;
  -webkit-box-shadow: 0px 0px 49px 14px rgba(188,190,194,0.39);
  -moz-box-shadow: 0px 0px 49px 14px rgba(188,190,194,0.39);
  box-shadow: 0px 0px 49px 14px rgba(188,190,194,0.39);
  }
.panel-login .checkbox input[type=checkbox]{
  margin-left: 0px;
}
.panel-login .checkbox label {
  padding-left: 25px;
  font-weight: 300;
  display: inline-block;
  position: relative;
}
.panel-login .checkbox {
 padding-left: 20px;
}
.panel-login .checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: 0px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.panel-login .checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: 0px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.panel-login .checkbox input[type="checkbox"] {
  opacity: 0;
}
.panel-login .checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.panel-login .checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
.panel-login>.panel-heading .tabs{
  padding: 0;
}
.panel-login h2{
  font-size: 20px;
  font-weight: 300;
  margin: 30px;
}
.panel-login>.panel-heading {
  color: #848c9d;
  background-color: #e8e9ec;
  border-color: #fff;
  text-align:center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom: 0px;
  padding: 0px 15px;
}
.panel-login .form-group {
  padding: 0 30px;
}
.panel-login>.panel-heading .login {
  padding: 20px 30px;
  border-bottom-leftt-radius: 5px;
}
.panel-login>.panel-heading .register {
  padding: 20px 30px;
  background: #2d3b55;
  border-bottom-right-radius: 5px;
}
.panel-login>.panel-heading a{
  text-decoration: none;
  color: #666;
  font-weight: 300;
  font-size: 16px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.panel-login>.panel-heading a#register-form-link {
  color: #fff;
  width: 100%;
  text-align: right;
}
.panel-login>.panel-heading a#login-form-link {
  width: 100%;
  text-align: left;
}

.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
  height: 45px;
  border: 0;
  font-size: 16px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0px;
  padding: 7px 0px 6px 28px;
}
.panel-login input:hover,
.panel-login input:focus {
  outline:none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #ccc;
}
.btn-login {
  background-color: #E8E9EC;
  outline: none;
  color: #2D3B55;
  font-size: 14px;
  height: auto;
  font-weight: normal;
  padding: 14px 0;
  text-transform: uppercase;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.btn-login:hover,
.btn-login:focus {
  color: #fff;
  background-color: #2D3B55;
}
.forgot-password {
  text-decoration: underline;
  color: #888;
}
.forgot-password:hover,
.forgot-password:focus {
  text-decoration: underline;
  color: #666;
}

.btn-register {
  background-color: #E8E9EC;
  outline: none;
  color: #2D3B55;
  font-size: 14px;
  height: auto;
  font-weight: normal;
  padding: 14px 0;
  text-transform: uppercase;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.btn-register:hover,
.btn-register:focus {
  color: #fff;
  background-color: #2D3B55;
}

.inputicon1{
	position: absolute;
	top: 15px;
	color: #607d8b;
	
	
}
  select{
  	background-color: transparent;
    width: 100%;
       padding: 7px 0px 6px 28px;
    border: none;
    border-radius: 2px;
    height: 45px;
    font-size:16px;
    outline:none;
    border-bottom: 2px solid #1badef;

}

/*======================style==========================*/

.ps-button , .ps-button:active {
    color: #fff;
    width: 93%;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    padding: 3px 15px;
    text-decoration: none;
    font-size: 14px;
    background: #32b737;
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 2px #607D8B !important;
    box-shadow: 0 2px 2px #607D8B !important;
	 transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   }
.ps-button:hover , .ps-button:focus{
	color:#fff !important;
	text-decoration:none;
	background:#5cb85c; 
	
	-webkit-box-shadow: 0px 4px 8px #607D8B !important;
    box-shadow: 0px 4px 8px #607D8B !important
	transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
	
}

.Forgot {
    float: right;
    font-size: 10px !important;
    margin: 4px 0px;
    font-weight: normal;
    cursor: pointer;
	color: #848484;
}

.Forgot:hover{
	color: #527ec6;
}


.loginstyle{
    position: absolute;
    top: 5px;
    background: #1badef;
    left: -39px;
    padding: 10px 17px;
    color: #fff;
    font-size: 14px !important;
    letter-spacing: 2px;
    box-shadow: 0px 3px 6px #607D8B;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.loginstyle i{
	color: #fff !important;
}
.loginstyle-aerrow{
 	width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 8px solid #036b9a;
    position: absolute;
    top: 46px;
    left: -25px;
}

.shadow1 {
    -webkit-box-shadow: 0 2px 9px #607D8B !important;
    box-shadow: 0 2px 9px #607D8B !important;
}




.form-group 			  { 
  position:relative; 
  
}


/* BOTTOM BARS ================================= */
.bar{
	position: relative;
    display: block;
    float: left;
    width: 100%;
    margin-top: 0;
}
.bar:before, .bar:after 	{
  content:'';
  height:1px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#1badef; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}


/* support-style */

.support-style .carousel-info img {
    border: 2px solid rgba(255, 255, 255, 0.57);
    border-radius: 150px !important;
    height: 44px;
    padding: 1px;
    width: 44px;
    margin-top: 5px;
}
.support-style .carousel-info {
    overflow: hidden;
}
.support-style .carousel-info img {
    margin-right: 15px;
}
.support-style .carousel-info span {
    display: block;
}
.support-style span.support-style-name {
    color: #ffffff;
    font-size: 22px;
    font-weight: 300;
    margin: 0px 0 3px;
	    text-shadow: 1px 1px 1px #607D8B;
}
.support-style a.support-style-post {
    color: #405965;
    font-size: 14px;
	text-shadow: none;
}
.support-style-name{
	color: #fff;
}

.strock{
    background: rgba(255, 255, 255, 0.58);
    width: 100%;
    height: 1px;
    float: left;
    margin-bottom: 3%;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.42);
-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.42);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.42)
	}


.col-lg-offset-4-cstm {
    margin-left: 13.333333% !important;
}

.position-ab{
	width: 100%;
	float: left;
	display: block;
	text-align: center;
	padding: 0px;
	margin: 0 auto;
}

.position-ab p{
	color: #303538;
	margin-left: 15px;
}

.bg-blue{
	background: #03A9F4;
	padding: 5px 15px;
}
.img{
	background: url(https://mediashower.com/img/F5EBFA48-F453-11E6-9327-1D079FF46F5C/bigstock-medical-education-health-care-146356346_600x.jpg) 100%;
	background-size: cover;
}
.displyflx{
	 display: flex;
  display: -webkit-flex; /* Safari */
}

.margin-t5{
	margin-top: 5px;
}

.margin-t10{
	margin-top: 10px;
}

.margin-t15{
	margin-top: 15px;
}

.bg-gray{
	background: #eee;
}








/*====================================ANIMATION STYLE=================================*/



#background-wrap {
    bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: -1;
}

/* KEYFRAMES */

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@-webkit-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@-moz-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

/* ANIMATIONS */

.x1 {
    -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: -5%;
	top: 5%;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x2 {
    -webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 5%;
	top: 80%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x3 {
    -webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 10%;
	top: 40%;
	
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	transform: scale(0.7);
}

.x4 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 20%;
	top: 0;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x5 {
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 30%;
	top: 50%;
	
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}

.x6 {
    -webkit-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 50%;
	top: 0;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
}

.x7 {
    -webkit-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 65%;
	top: 70%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x8 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 80%;
	top: 10%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x9 {
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 90%;
	top: 50%;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x10 {
    -webkit-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 80%;
	top: 80%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

/* OBJECTS */

.bubble {
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
    box-shadow: inset 0px 0px 50px 0px #F7F7F7,5px 18px 17px -14px #fff;
-webkit-box-shadow: inset 0px 0px 50px 0px #F7F7F7,5px 18px 17px -14px #fff;
-moz-box-shadow: inset 0px 0px 50px 0px #F7F7F7,5px 18px 17px -14px #fff;
-o-box-shadow: inset 0px 0px 50px 0px #F7F7F7,5px 18px 17px -14px #fff;
	
    height: 200px;
	position: absolute;
	width: 200px;
}

.bubble:after {

	content: "";
    height: 180px;
	left: 10px;
	position: absolute;
	width: 180px;
}






/*====================================END ANIMATION=================================*/
input[type="text"].active,input[type="password"].active{
	
	 transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
	    border-bottom: 2px solid #1badef;
	    
}
input[type="text"].valid,input[type="password"].valid{
	 transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
	    border-bottom: 2px solid #1badef;
	    
}
input[type="text"].invalid,input[type="password"].invalid{
	 transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
	    border-bottom: 2px solid #F44336;
	    
}

label{
 color: #888;
 font-size: 16px;
 font-weight: 300;
  position:absolute;
  pointer-events:none;
  text-align: initial;
  left: 60px;
  top: 12px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
input:focus ~ label, input:valid ~ label,input.active ~ label {
 
	top: -16px;
	left: 30px;
    font-size: 12px;
    color: #0095d8;
}
/* active state */
/*input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:14px;
  color:#5264AE;
}*/



input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
 color:#555 !important;
}




/**
 * 	Slider Style
 * 
 */


/* Slider */
#slider{
  width:100%;
  height:415px;
  position:relative;
  overflow:hidden;
}
.slides{
  width:100%;
  
  height:100%;
  position:relative;
 /*
  -webkit-animation:slide 30s infinite;
   -moz-animation:slide 30s infinite;
   animation:slide 30s infinite;*/
 
}
.slider{
  width:100%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.slide img{
  width:100%;
  height:100%;
}
.slide img{
  width:100%;
  height:100%;
}
.image{
  width:100%;
  height:100%;
}
.image img{
  width:100%;
  height:100%;
}

/* Legend */
.legend{
  border:500px solid transparent;
  border-left:800px solid rgba(52, 73, 94, .7);
  border-bottom:0;
  position:absolute;
  bottom:0;
}

/* Contents */
.content{
	    background: rgba(0, 0, 0, 0.23);
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
}
.content-txt{
    background: rgba(0, 0, 0, 0.33);
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 10px;
    right: 0;
    left: 0;
 
}
.content-txt h1{
	
	position:absolute;
	bottom: 135px;
}
.btn-red {
    background-image: none !important;
    background-repeat: repeat-x;
    border-color: #ff4437;
    background: #ff4437;
}
.btn-primary {
    background-image: none !important;
    background-repeat: repeat-x;
    border-color: #9bd854;
    background: #8BC34A;
}
.btn-primary:focus, .btn-primary:hover {
    background-color: #7bab43;
     border-color: #9bd854;
    background-position: 0 -15px;
}
.content-txt h1{
  font-size:24px;
  color:#ffffff;
  text-align:left;
  margin-left:15px;
  padding-bottom:10px;
}
.content-txt p{
	font-weight:normal;
  font-size:15px;
  color:#fff;
  text-align:left;
  margin-left:15px;
}
.content-txt a{
	
  margin-left:15px;
}
.content-txt h2{
  font-weight:normal;
  font-size:14px;
  color:#333;
  text-align:left;
  margin-left:30px;
}

/* Switch */
.switch{
  width:120px;
  height:10px;
  position:absolute;
  bottom:50px;
  z-index:99;
  left:30px;
}
.switch > ul{
  list-style:none;
}
.switch > ul > li{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#333;
  float:left;
  margin-right:5px;
  cursor:pointer;
}
.switch ul{
  overflow:hidden;
}
.on{
  width:100%;
  height:100%;
  border-radius:50%;
  background:#f39c12;
  position:relative;
 /*
  -webkit-animation:on 30s infinite;
   -moz-animation:on 30s infinite;
   animation:on 30s infinite;*/
 
}


/* 2FA Style ================================= */
.panel-login-two-fa input[type="text"],.panel-login-two-fa input[type="email"],.panel-login-two-fa input[type="password"] {
  height: 45px;
  border: 0;
  font-size: 16px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0px;
  padding: 6px 0px 4px 3px;
}

.two-fa-style{
    top: 5px;
    background: #03a9f4;
    left: -39px;
    padding: 10px 17px;
    color: #ffffff;
    box-shadow: 0px 2px 2px #e4e4e4;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 18px !important;
    font-weight: 500;
    letter-spacing: normal;
    width:100%;
    float:left;
}
.two-fa-style-footer{
    top: 5px;
    background: #ddd;
    padding: 10px 10px 0 0;
    box-shadow: 0px 2px 2px #e4e4e4;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width:100%;
    float:left;
    text-align:right;
}
.content-txt-2fa{
	display: block;
    margin-left: 0;
    margin-right: 0;
}
.content-txt-2fa p{
	
}
.mfaList{
	margin-top:10%;
}
.mfaList li {
    list-style-type: decimal;
    padding: 7px 0;
    color: #2a404a;
}
.btn-primary-mfa {
	color: #fff;
    width: 16%;
    float: right;
    margin-right: 15px;
    margin-left: 15px;
    padding: 3px 15px;
    text-decoration: none;
    font-size: 14px;
    background: #32b737;
    border-radius: 2px;
    box-shadow: 0 2px 2px #607d8b !important;
    -webkit-transition: 0.2s ease all;
    margin-bottom: 10px;
}
.btn-primary-custom{
	border-color: #209f3e;
    background-image: none;
    background-color: #23b245;
    color: #fff;
}
.btn-primary-custom:hover{
	border-color: #23b245;
    background-image: none;
    background-color: #209f3e;
    color: #ddd;
}
.mt_-7{
	margin-top:-7px;
}

.btn-light-custom {
    background: #fff;
    color: #666;
}
.btn-light-custom:hover{
	background: #eee;
    color: #000;
}
.btn-light-custom-1 {
    background: #e7e6e6;
    color: #060000dd;
    margin-top: -7px;
}
.btn-light-custom-1:hover{
	background: #dbd8d8;
    color: #000;
    margin-top: -7px;
}
.mfaList p {
    padding: 1px 0;
    color: #2a404a;
}
.secretkey_style{
    font-weight: 600;
    color: #3c763d;
    letter-spacing: 1px;
    font-size: 12px;
}
.mfa_code_style{
	border: 1px solid #03a9f4 !important;
    border-radius: 5px!important;
    margin-left: 8px !important;
    height: 34px!important;
}
.text-allign{
	margin-top: 1em;
    margin-bottom: 2em;
    padding: 10px 17px;
}
.text-allign-alt{
	margin-left: 31px;
    margin-top: -25px;
}
.button-assign-2fa {
	background-color: #4CAF50;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
}
.btn-primary-enroll {
    background-image: none !important;
    background-repeat: repeat-x;
    border-color: #03a9f4;
    background: #03a9f4;
    color: #f6f9f6;
}
.btn-primary-assign1 {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4;
    cursor: pointer;
}
.row-position{
	margin-right: 20px;
    margin-left: 20px;
    padding: 10px;
}







/* Animation */



@-webkit-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
 
  21%{
     margin-left:0%;
   }
   
   35%{
     margin-left:100%;
   }
  50%{
    margin-left:100%;
  }
  
  75%{
    margin-left:0%;
  }
  96%{
    margin-left:0%;
  }
}
@-moz-keyframes slide{
 0%,100%{
    margin-left:0%;
  }
 
  21%{
     margin-left:0%;
   }
   
   35%{
     margin-left:100%;
   }
  50%{
    margin-left:100%;
  }
  
  75%{
    margin-left:0%;
  }
  96%{
    margin-left:0%;
  }
}
@keyframes slide{
	
	
  0%,100%{
    margin-left:0%;
  }
 
  21%{
     margin-left:0%;
   }
   
   35%{
     margin-left:100%;
   }
  50%{
    margin-left:100%;
  }
  
  75%{
    margin-left:0%;
  }
  96%{
    margin-left:0%;
  }
}