@font-face {
    font-family: "HelveticaNeueWorldW05-45Lt";
    src: url("https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/fonts/helvetica/HelveticaNeueWorldW05-45Lt.woff2") format("woff2"), url("https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/fonts/helvetica/HelveticaNeueWorldW05-45Lt.woff") format("woff");
}

@font-face {
    font-family: "HelveticaNeueWorldW05-46LtIt";
    src: url("https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/fonts/helvetica/HelveticaNeueWorldW05-46LtIt.woff2") format("woff2"), url("https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/fonts/helvetica/HelveticaNeueWorldW05-46LtIt.woff") format("woff");
}

@font-face {
    font-family: "HelveticaNeueWorldW05-55Rm";
    src: url("https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/fonts/helvetica/HelveticaNeueWorldW05-55Rm.woff2") format("woff2"), url("https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/fonts/helvetica/HelveticaNeueWorldW05-55Rm.woff") format("woff");
}

@font-face {
    font-family: "HelveticaNeueWorldW05-56It";
    src: url("https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/fonts/helvetica/HelveticaNeueWorldW05-56It.woff2") format("woff2"), url("https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/fonts/helvetica/HelveticaNeueWorldW05-56It.woff") format("woff");
}

@font-face {
    font-family: "HelveticaNeueWorldW05-75Bd";
    src: url("https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/fonts/helvetica/HelveticaNeueWorldW05-75Bd.woff2") format("woff2"), url("https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/fonts/helvetica/HelveticaNeueWorldW05-75Bd.woff") format("woff");
}

@font-face {
    font-family: "HelveticaNeueWorldW05-76BdIt";
    src: url("https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/fonts/helvetica/HelveticaNeueWorldW05-76BdIt.woff2") format("woff2"), url("https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/fonts/helvetica/HelveticaNeueWorldW05-76BdIt.woff") format("woff");
}


.banner{
	background-image: linear-gradient(-38deg, #82B63A 0%, #007B4E 48%, #004712 100%);
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16);
	border-radius: 6px;
	max-width: 394px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 46px;
	margin-bottom: 46px;
	padding-top:20px;
	text-align: left;
	display: flex;
}

.banner #banner-header{
	font-family: "HelveticaNeueWorldW05-45Lt", Arial, sans-serif;
	font-size: 36px;
	color: #FFFFFF;
	text-align: left;
	line-height: 48px;
	padding-left: 20px;
    display: block;
	margin-bottom: 48px;
}

.banner .store{
	display: block;
	margin-left: 19.6px;
}

.banner #app-store{
	margin-bottom: 16px;
}

.banner #play-store{
	margin-bottom: 20px;
}

.banner #my-cyta-app-image{
	max-width: 164px;
}

.banner #stores{
	flex-grow: 1;
}



.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

body {
    font-family: "HelveticaNeueWorldW05-55Rm", Arial, sans-serif;
    font-size: 18px;
    background-color: #efefef;
	background-image: none;
	height:100%;
}

.cyta-navbar{
	background: #FFFFFF;
	box-shadow: 0 2px 8px 0 
}

.menu-l-0{
	height: 30px;
	background: #000;
	padding-left: 150px;
	padding-right: 25px;
}

.menu-l-0 a{
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	height: 100%;
	vertical-align: top;
	text-decoration: none;
	padding: 2px 1.35rem;
	cursor: pointer;
	background: #000000;
}

.menu-l-0 #store-finder{
	float: right;
	background: transparent;
	background-image: url(https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/images/store.png) !important;
    background-repeat: no-repeat;
    background-position: left 0px top 4px;
    width:auto;
    padding-left: 26px;
    background-size: 18px 18px;
}


.menu-l-0 a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

.menu-l-0 a.active{
	background: #FFFFFF;
	color: #333333;
}


.menu-l-1 {
	height: 72px;
	padding: 20px;
}

.menu-l-1 #cyta-logo{
	width: 96px;
	height: 34px;
}
.menu-l-1 #search{
	float: right;
	
}

.menu-l-1 #search img{
	width: 32px;
	height: 32px;
}

.unified_container .row .panel-default {
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16);
    border-radius: 6px;
	margin-top:162px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
	padding-top: 0px;
    min-width: auto;
	max-width: 870px;
    margin-bottom: 77px;

}

.unified_container .row .panel-default .panel-body {
    max-width: 570px;
    width: auto;
    margin: 0 auto;
    padding: 0px;
}

#forgotPassword {
    display: none;
}

.unified_container .row .panel-default #api .localAccount .entry .buttons {
    margin-top: 0px;
}

    .unified_container .row .panel-default #api .localAccount .entry .buttons button {
        float: none;
        width: 100%;
        background-color: #007B4E;
        border: 1px solid #007B4E;
        color: #fff;
        text-decoration: none;
        background: #007B4E;
        border-radius: 6px;
        font-size: 18px;
        margin-top: 0px;
        padding-right: 16px;
        padding-left: 16px;
        padding-top: 6px;
        padding-bottom: 10px;
        height: 44px;
    }

        .unified_container .row .panel-default #api .localAccount .entry .buttons button:disabled {
            background: #CCCCCC;
            border: 1px solid #CCCCCC;
        }

        .unified_container .row .panel-default #api .localAccount .entry .buttons button:hover {
            background-color: #006443;
            border: 1px solid #006443;
            color: #fff;
            text-decoration: none;
        }

        .unified_container .row .panel-default #api .localAccount .entry .buttons button:disabled:hover {
            background: #CCCCCC;
            border: 1px solid #CCCCCC;
        }

a {
    color:#666666;
    text-decoration: underline;
}

    a:focus, a:hover {
        color: #666666;
        text-decoration: underline;
    }

#forgot-password-section {
   font-size: 16px;
	color: #666666 !important;
	text-align: right;
	line-height: 24px;
    margin-bottom: 35px;
    margin-top: 23px;
	font-weight: normal;
}

.unified_container .row .panel-default #api .intro {
  margin-top: 40px;
  margin-bottom: 37px;
}

.unified_container .row .panel-default #api .localAccount .intro h2{
	font-family: "HelveticaNeueWorldW05-45Lt";
 	font-size: 36px;
	color: #333333;
	text-align: center;
	line-height: 48px;
	margin:0px;

}



    .unified_container .row .panel-default #api .localAccount .entry .entry-item {
        border: 1px solid #666666;
        border-radius: 6px;
        font-size: 18px;
        color: #333333;
        text-align: left;
        position: relative;
        padding-top: 13px;
        padding-bottom: 16px;
        margin-bottom: 35px;
        height: 60px;
    }
	 .unified_container .row .panel-default #api .localAccount .entry .entry-item:nth-of-type(2) {
   		margin-bottom: 30px !important;
	} 

        .unified_container .row .panel-default #api .localAccount .entry .entry-item #logonIdentifier,
        .unified_container .row .panel-default #api .localAccount .entry .entry-item #password, #email {
            border-style: none;
            font-size: 18px;
            padding: 0px 16px;
            line-height: 28px;
            height: 28px;
        }

.entry-item.focused-input {
    border: 1px solid #007C92 !important;
}

.entry-item.error-input {
    border: 1px solid #E60000 !important;
    background-image: url(https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/images/warning-notification.svg) !important;
    ;
    background-repeat: no-repeat;
    background-position: right 16px top 18px;
    padding-right: 46px;
    z-index: 100;
	margin-bottom: 35px !important;
}

    .entry-item.error-input #email-helper-text {
        display: none;
    }

.unified_container .row .panel-default #api .localAccount .entry .entry-item #logonIdentifier, .unified_container .row .panel-default #api .localAccount .entry .entry-item #password {
    padding-right: 48px;
}

#password-hide {
    position: absolute;
    right: 16px;
    top: 18px;
    height: 24px;
    width: 24px;
}

    #password-hide #chkTogglePswd {
        display: none;
    }

        #password-hide #chkTogglePswd::-ms-check {
            display: none;
        }

        #password-hide #chkTogglePswd + label {
			opacity: 1;
            display: inline-block;
            padding: 0px;
            background-image: url(https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/images/show-password.svg) !important;
            background-repeat: no-repeat;
            height: 24px;
            width: 24px;
            margin: 0px;
            cursor: pointer;
        }

        #password-hide #chkTogglePswd:checked + label {
            background-image: url(https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/images/hide_password.svg) !important;
        }

.entry-item.error-input #password-hide {
    right: 46px;
}

.unified_container .row .panel-default #api .localAccount .entry .entry-item label {
	display: block;
    opacity: 0;
    transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
}

.entry-item > label, .entry-item .password-label label {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    font-size: 12px;
    margin-left: 13px;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 16px;
    margin-bottom: 0px;
    font-weight: normal;
}

.unified_container .row .panel-default #api .localAccount .entry .entry-item .password-label {
    position: absolute;
    top: 0;
    left: 0;
}

.float-label {
    color: #333333;
	opacity: 1 !important;
    transform: translate3d(0, -27px, 0) scale3d(1, 1, 1);
}

.entry-item.focused-input > label,.entry-item.focused-input .password-label > label {
    color: #007C92;
	opacity: 1 !important;
	transform: translate3d(0, -27px, 0) scale3d(1, 1, 1);
}


.entry-item.error-input > label, .entry-item.error-input .password-label > label {
    opacity: 1 !important;
	transform: translate3d(0, -27px, 0) scale3d(1, 1, 1);
    color: #E60000;
}

.unified_container .row .panel-default #api .localAccount .error.itemLevel {
    font-size: 12px;
    color: #E60000;
    padding-left: 12px;
    bottom: 0px;
    margin-bottom: -20px;
    position: absolute;
}

.unified_container .row .panel-default #api .localAccount .entry .buttons {
    margin: 0px;
}

#register-section {
    margin-top: 20px;
    line-height: 24px;
    margin-bottom: 40px;
	font-size: 16px;
	color: #151515;
	text-align: center;
}

    #register-section a {
        color: #151515;
    }

    #register-section p {
        margin-bottom: 8px;
        padding-bottom: 0px;
    }

.error.itemLevel > p {
    margin-bottom: 0px;
}

.error.pageLevel {
    border: 1px solid #E60000;
    border-radius: 6px;
    margin-bottom: 24px;
    overflow: hidden;
	position: relative;
	border-left: 0px;
}

    .error.pageLevel p {
        font-size: 16px;
        color: #333333;
        text-align: left;
        line-height: 24px;
        margin-bottom: 0px;
		padding: 12px  12px 12px 68px;

    }

    .error.pageLevel::before {
        display: block;
        text-align: center;
        padding-top: 6px;
        padding-bottom: 6px;
		content:'';
        background-color: #E60000;
		background-image: url(https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/images/warning-white.svg);
		background-repeat: no-repeat;
		background-position: center;
		height: 100%;
		position: absolute;
		width: 52px;
		background-size: 24px 21.8px;
   
    }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus 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 0px 1000px #ffffff inset !important;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

#register-button {
    background: none !important;
    border: none;
    padding: 0 !important;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 22px;
}

*:focus {
    outline: 0 !important;
}



.rememberMe{
	float: left;
}

.rememberMe label{
	font-size: 18px;
	color: #666666;
	text-align: left;
	line-height: 24px;
	font-weight: normal;
}

.cyta-footer {
	background: #000000;
	position:absolute;
	bottom:0;
	width: 100%;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
}

.cyta-footer a{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	line-height: 24px;
	display: inline-block;
	text-decoration: none;
    background-image: url(https://cytab2cprodstorage.blob.core.windows.net/cytab2cprodcontainer/assets/images/footer-line.png) !important;
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}

.cyta-footer a.no-separator{
     background-image: none!important;
     padding-left: 0px;
}

#copyright{
    color: #999;
    font-size: 14px;
    padding: 2px 0 40px 0;
	float: right;
    text-align: right;
}

.no-border{
	border: none !important;
}

.row {
    width: 100%;
    margin: 0;
    display: block;
}

.container {
    text-align: center;
    width: 100%;
    display: block;
	height: auto; 
    /*height: 100vh;*/
    padding: 0px;
}

.content-wrapper {
  position:relative;
  min-height: 100vh;
  padding-bottom:80px;
}



.rememberMe {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default checkbox */
.rememberMe input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.rememberMe input + label{
	padding-left: 34px;
	vertical-align: top;
}

.rememberMe input + label:before{
	content: '';
	width: 22px;
	height: 22px;
	margin: 2px;
	border: 1px solid #666666;
	border-radius: 3px;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
}

.container input:checked +  label:before {
  background-color: #007185;
  border-color:#007185; 
}

.rememberMe input + label::after {
  content: '';
  position: absolute;
  display: none;
}


/* Show the checkmark when checked */
.rememberMe input:checked ~ label:after {
  display: block;
 
}

/* Style the checkmark/indicator */
.rememberMe label:after {
  left: 10px;
  top: 5px;
  width: 6px;
  height: 13px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);

}

.unified_container .row .panel-default #api .social {
	display: none;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	body {
		background-color: #FFFFFF;
		font-size: 16px;
	}
	.menu-l-0{
		display: none;
	}
	.menu-l-1{
		height: 56px;
		padding: 16px 16px 16px 16px;
	}

	.menu-l-1 #cyta-logo{
		width: 70px;
		height: 24.6px;
		vertical-align: top;
	}

	.menu-l-1 #search img {
    	width: 24px;
    	height: 24px;
		vertical-align: top;
	}

	.cyta-navbar{
		box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16);
	}

	.unified_container .row .panel-default{
		margin-top: 56px;
    	box-shadow: none;
    	border-radius: unset;
		border:none;
		margin-bottom: 0px;
		padding: 0px 20px 36px 20px;
	}

	.unified_container .row .panel-default #api .intro, .fp-intro {
		margin-top: 36px;
		margin-bottom: 36px;
	}
	.panel-wrapper{
		padding-left: 0px;
		padding-right: 0px;
		
	}
	.unified_container .row .panel-default #api .localAccount .intro h2, .fp-intro h2{
		font-size: 22px;
		line-height: 30px; 
	}
	
	.unified_container .row .panel-default #api .localAccount .entry .entry-item {
    	font-size: 16px;
        padding-top: 7.5px;
    	padding-bottom: 12px;
    	margin-bottom: 32px;
    	height: 48px;
	}

	.entry-item > label, .entry-item .password-label label {
		margin-left: 9px;
	}

	.unified_container .row .panel-default #api .localAccount .entry .entry-item #password, #email {
		font-size: 16px;
		padding: 0px 12px;

	}

	.entry-item.error-input {
		background-position: right 12px top 12px;
		padding-right: 36px;
		z-index: 100;
		margin-bottom: 32px !important;
	}

	

.entry-item.error-input #password-hide {
    right: 46px;
}
#password-hide {
	top: 12px;
	right: 12px;
}

.unified_container .row .panel-default #api .localAccount .entry .buttons button {
    font-size: 16px;
    height: 40px;
	padding-top: 7px;
}


	.cyta-footer {
		height: 142px;
		padding:  20px 25.5px 28px 25.5px;
		vertical-align: middle;
    	text-align: center
	}
	
	.content-wrapper {
		padding-bottom:142px;
	}

	.cyta-footer a{
	font-size: 14px;
    float: none;
	
}

	#copyright{
		float: none;
		display: block;
		font-size: 14px;
		text-align: center;
		line-height: 22px;
		margin-top: 17px;
	}

	#register-section {
		margin-bottom: 0px;
		font-size: 12px;
	}

	.rememberMe label {
		font-size: 16px;
	}

	.unified_container .row .panel-default #api .localAccount .entry .entry-item #logonIdentifier, .unified_container .row .panel-default #api .localAccount .entry .entry-item #password {
    	padding-right: 44px;
	}

	.banner #banner-header{
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 26px;
	}

	.banner #my-cyta-app-image {
		margin-right: 16px;
	}

	.banner #my-cyta-app-image img{
		height: 180px;
	}
	

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}