/* .sidr {
  Default Settings
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 270px;
  overflow-x: none;
  overflow-y: auto;
  Theme Settings
  font-family: "Arial";
  font-size: 15px;
  background: #f8f8f8;
  color: #333;
  -webkit-box-shadow: 0 0 5px 5px #ebebeb inset;
  -moz-box-shadow: 0 0 5px 5px #ebebeb inset;
  box-shadow: 0 0 5px 5px #ebebeb inset; },
  .sidr .sidr-inner {
    padding: 0 0 15px; }
    .sidr .sidr-inner > p {
      margin-left: 15px;
      margin-right: 15px; }
  .sidr.right {
    left: auto;
    right: -270px; }
  .sidr.left {
    left: -270px;
    right: auto; }
  .sidr > ul > li > ul > li:hover > a, .sidr > ul > li > ul > li:hover > span, .sidr > ul > li > ul > li.active > a, .sidr > ul > li > ul > li.active > span {
    background: #ee0000;
    color: #ffffff; }
  .sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0; }
    .sidr ul li {
      display: block;
      margin: 0;
      line-height: 48px; }
      .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span {
        background: #ee0000;
        color: #ffffff; }
      .sidr ul li a, .sidr ul li span {
        padding: 0 15px;
        display: block;
        text-decoration: none;
        color: #333; }
      .sidr ul li ul {
        border-bottom: none;
        margin: 0; }
        .sidr ul li ul li {
          line-height: 40px;
          font-size: 13px; }
          .sidr ul li ul li:last-child {
            border-bottom: none; }
          .sidr ul li ul li:hover > a, .sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, .sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, .sidr ul li ul li.sidr-class-active > span {
            background: #ee0000;
            color: #ffffff; }
          .sidr ul li ul li a, .sidr ul li ul li span {
            color: rgba(51, 51, 51, 0.8);
            padding-left: 30px; }
  .sidr .sidr-class-logout {
    background: #e4e4e4; }
  .sidr .sidr-class-btn {
    border-radius: 0;
    width: 220px;
    height: 33px;
    border: 1px solid #d7d7d7;
    font-weight: bold;
    font-size: 17px;
    line-height: 17px;
    padding: .4em 1em;
    margin: 10px auto;
    color: #FFF;
    background: #ee0000;
    vertical-align: middle;
    text-align: center; } */


/*  #Youtube Video responsive
================================================== */
.videoWrapper {
	margin-left: auto;
    margin-right: auto;
    margin-top:10px;
   
    
    width: 100%;
  /*   background-color:red;   */  
	position: relative;
	 padding-bottom: 40.25%; /* 16:9  */

	padding-top:90px;
	height: 0;
}
.videoWrapper iframe {

    background-color:#999;
	position: absolute;
	top: 0;
	left: 100px;
	width: 75%;
	height: 95%;
	

   /*  width: 70%; you have to have a size or this method doesn't work
     height: 315px; think about making these max-width instead - might give you some more responsiveness  */
     
    position: absolute; /* positions out of the flow, but according to the nearest parent */
    top: -120px; right: 0; /* confuse it i guess */
    bottom: -80px; left: 0;
   /*  margin: auto; make em equal */
   margin-top:130px;
   margin-bottom:130px;
   margin-left:auto;
   margin-right:auto;

}

/* responsive breakpoint */
/* Smaller than desktop
================================================== */
/* Tablet
================================================== */
 @media only screen and (min-width: 768px) and (max-width: 959px) {
  .hide-tablet {
    display: none !important; }

  .hide-desktop {
    display: block !important; } }
/*  #Mobile
================================================== */
	@media only screen and (max-width: 767px) {
  .hide-mobile {
    display: none !important; }

  .hide-desktop {
    display: block !important; }

  .show-mobile {
    display: block !important; }

  .container, .page-container, .main-header .page-header {
    padding: 0;
    max-width: 480px; }

  .main-header {
    margin-bottom: 10px; }

  .main-header .page-header--logos {
    height: 60px;
    min-height: 60px;
    border: 0;
    padding: 0;
    margin-bottom: 0px; }

  .main-header h1 {
    height: 60px;
    margin: 0 0 0 100px; }

  .main-header #admin-logo {
    margin: 10px 0 0 10px;
    max-width: 70%;
    height: auto;
    max-height: 60px; }

  .wrapper {
    margin: 0 5%;
    max-width: 90%;
    /*overflow-x: auto;*/ }

  .dataTables_wrapper {
    /*overflow-x: auto;*/ }
    .dataTables_wrapper .advanced-search, .dataTables_wrapper .toggle-advanced-search {
      display: none !important; }

  h2 {
    margin: 0; }

  ul.steps {
    padding: 16px 0 14px 25px;
    margin: 10px 0 20px 0; }
    ul.steps li {
      padding: 0; }

  .pure-table-half, .pure-table-3-quarters {
    width: 100%; }

  .sp-form.user {
    margin: 0; }
  .sp-form.profile {
    margin: 0 10px; }
    .sp-form.profile .pure-controls {
      width: auto; }
  .sp-form input[type=text], .sp-form input[type=password], .sp-form input[type=email], .sp-form input[type=url],
  .sp-form input[type=date], .sp-form input[type=month], .sp-form input[type=time], .sp-form input[type=datetime],
  .sp-form input[type=datetime-local], .sp-form input[type=week], .sp-form input[type=number],
  .sp-form input[type=search], .sp-form input[type=tel], .sp-form input[type=color], .sp-form select, .sp-form textarea {
    max-width: 100%;
    box-sizing: border-box; }
  .sp-form fieldset, .sp-form .field {
    width: 100% !important;
    box-sizing: border-box;
    padding-left: 0 !important; }
  .sp-form .pure-control-group .field {
    display: block; }
  .sp-form .pure-control-group label {
    width: auto;
    margin-bottom: 5px; }
    .sp-form .pure-control-group label.error {
      margin: 0; }
  .sp-form .pure-controls {
    float: none; }
  .sp-form.history .pure-controls {
    text-align: right; }
  .sp-form textarea {
    width: 100%; }
  .sp-form button[type=submit], .sp-form .btn {
    margin: 0; }
  .sp-form .sp-form-2columns .col1 {
    width: 72px; }
  .sp-form .sp-form-2columns .col2 {
    width: 135px; }
  .sp-form .additional-parameters .additional {
    width: 100%; }
  .sp-form .well {
    padding: 0;
    background: transparent; }
  .sp-form .file-upload select, .sp-form .file-upload input[type="text"] {
    width: 280px; }

  button.pure-button {
    margin-left: 0; }

  /* home */
  .cycle-slideshow img {
    min-height: inherit; }
  .cycle-slideshow .cycle-prev, .cycle-slideshow .cycle-next {
    display: none; }

  .homepage__login {
    /*padding: 20px 35px;*/
    padding-bottom: 20px;
    background-size: cover; }

  .homepage__more h2 {
    text-align: center;
    margin-top: 20px; }

  .homepage__more .homepage__security ol {
    margin-top: 20px; }

  .homepage__right {
    border-top: 1px solid #e8e8e8;
    margin-top: 30px; }

  /* pages */
  .homepage__more .homepage__explore, .homepage__more .homepage__register, .homepage__more .homepage__activate, .homepage__more .postlogin__right {
    width: 100%;
    margin: 0;
    float: none; }
  .homepage__more .postlogin__right, .homepage__more .postlogin__link {
    margin-bottom: 5px; }
  .homepage__more .homepage__postlogin {
    padding: 0 20px; }
    .homepage__more .homepage__postlogin h2 {
      margin-top: 10px;
      margin-bottom: 20px; }

  .homepage__login .sp-form .input-100, .homepage__login .sp-form .input-50 {
    display: inline-block;
    /* margin: 0; */ }
  .homepage__login .sp-form .forgot {
    display: block;
    margin-top: 5px; }

  .landing .left, .landing .right, .landing .right .with-icon {
    width: 100%;
    margin: 0;
    float: none; }

  .withsidemenu .withsidemenu__content {
    margin: 0 5%;
    min-height: inherit; }
    .withsidemenu .withsidemenu__content .content__icon {
      width: 100%;
      position: relative;
      margin-bottom: 20px; }
    .withsidemenu .withsidemenu__content .content__text {
      margin: 0; }

  .margin-left-50 {
    margin-left: auto; }

  .content-navigation a:not(.active) {
    display: none; }
  .content-navigation .mobile {
    display: inline-block; }
    .content-navigation .mobile .more {
      width: 70px;
      background: #e8e8e8;
      color: #343434;
      /* font-size: 30px; */
      margin: 0;
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 40px;
      line-height: 40px;
      vertical-align: middle;
      text-align: center;
      cursor: pointer; }
    .content-navigation .mobile .navigation {
      /*display: block;*/
      position: absolute;
      right: 0;
      border: 1px solid #e8e8e8; }
    .content-navigation .mobile.open .navigation {
      display: block; }
    .content-navigation .mobile a.active {
      display: none; }
  .content-navigation .mobile a {
    display: block;
    background: #FFF;
    color: #343434;
    text-align: left;
    padding-left: 10px;
    white-space: nowrap; }
    .content-navigation .mobile a:hover {
      background: #f0f2f3; }

  .register .with-icon.address span:first-child {
    border: 0;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0 20px 0; }
  .register .register-groups {
    padding: 20px 5px 0 0; }
    .register .register-groups div {
      width: 100% !important;
      float: none;
      margin-bottom: 10px; }
    .register .register-groups div:last-child {
      margin: 0; }
  .register .beige-box {
    padding: 20px 5px; }
    .register .beige-box span {
      padding: 5px; }

  .review-account {
    width: 100%; }

  .two-fields .datePicker.hasDatepicker {
    display: inline-block; }
  .two-fields .ui-datepicker-trigger {
    display: inline-block !important;
    top: 0; }
  .two-fields .input-small {
    width: 120px; }

  .excel-export {
    margin-top: 20px;
    position: relative; }

  /* footer */
  .main-footer .container {
    margin: 0 auto; }
    .main-footer .container .alignright {
      float: none; }
    .main-footer .container .bottom-links {
      text-align: center;
      padding-bottom: 0; }

  .main-footer .footer--update .textright {
    text-align: center; }

  .main-footer .footer--links > div > div {
    text-align: center; }

  .main-footer .footer--links > div > div.show-mobile {
    font-size: 11px; } 
    
  .margin-customize {
	margin: 10px auto !important; }
	
	/* pcs changes start */
	/* instruction page START */
	.setupInstruction-content1BlockA {
		width:100% !important;
		margin-left: 20%; }
	.setupInstruction-content2BlockContainer {
		height: 460px !important; }
	.setupInstruction-content2BlockInnerContainer {
		height: 460px !important;
		padding: 10px; }
	.setupInstruction-content2BlockInner2Container {
		height: 290px !important;
		padding:15px; }
	/* fix for sit 1527 */ 
	.setupInstruction-content2BlockA {
		width: 100% !important;
		word-break: break-word;
		height: 80% !important; 
		padding: 10px 0 10px 0 !important;}
	.setupInstruction-content2BlockB {
		width: 100% !important;
		/* display: -webkit-inline-box; */
		display: flex;
		word-break: break-word;
		height: 37% !important; 
		padding: 10px 0 10px 0 !important;}
	.setupInstruction-content2BlockC {
		width: 100% !important;
		/* display: -webkit-inline-box; */
		display: flex;
		word-break: break-word;
		height: 44% !important; 
		padding: 10px 0 10px 0 !important;}
	/* fix for sit 1527 */
	.setupInstruction-content2Block-image-width-customize {
		width: 43% !important; }
	.setupInstruction-content2Block-width-customize{
		width: 100% !important;
		margin-left: 20px !important; }
	/* instruction page END */
	
	/* registration page START */
	.setupRegistration-content1BlockA, .setupRegistration-content1BlockB, .setupRegistration-content1BlockC,.setupRegistration-content1BlockD {
		float: left; }
	.setupRegistration-content1BlockA {
		width:100% !important;
		margin-left: 20%;  }
	.setupRegistration-content1BlockB {
		width: 8%; }
	.setupRegistration-content1BlockC {
		width: 87%;
		padding-left: 20px; }
		.setupRegistration-content1BlockD{
	width:8%; }
	.setupRegistration-content1BlockC1 {
		float: left;
		display: inline-block;
		width: 100%; }
	.setupRegistration-content1BlockC1A-width-customize, .setupRegistration-content1BlockC1C-width-customize {
		width: 100% !important; }
	.setupRegistration-content1BlockC1B-width-customize{
		width: 15%; }
	.setupRegistration-content1BlockC1A1-width-customize, .setupRegistration-content1BlockC1C1-width-customize {
		width: 100% !important; }
	.setupRegistration-content1BlockC1A1A-customize, .setupRegistration-content1BlockC1C1A-customize {
		padding-left: 5%; }
	.display-inline-block-customize-mobile {
		display: inline-block; }
	.oneKeyToken-image-resize-mobile img, .oneKeyMobile-image-resize-mobile img {
		width: 50px;
		height: 50px;
	}
	.or-image-resize-mobile img {
		width: 40px;
		height: 40px;
	}
	.setupInstruction-content3BlockB {
	width:100% !important;
	padding-top: 10px; }
	/* registration page END */
	
	/* activate page START */
	.activate-lc, .activate-vrl, .activate-rc {
	float: left; }
	.activate-lc {
		width:100% !important;
		margin: auto 30%; }
	.activate-rc {
		width: 100% !important;
		padding-left: 20px;}
		.activate-rc_containertop, .activate-rc_containerbottom {
			float: left;
			display: inline-block;
			width: 100%; }
			.activate-rc_containertop_inner, .activate-rc_containerbottom_inner {
				width: 100% !important; }
				.activate-rc_containertop_inner_content, .activate-rc_containerbottom_inner_content {
					width: 100%; }
				.activate-rc_containertop_inner_onekeytoken, .activate-rc_containerbottom_inner_onekeymobile {
					width: 100% !important; }
					.activate-rc_containertop_inner_onekeytoken_description, .activate-rc_containerbottom_inner_onekeymobile_description {
						padding-left: 3%;
						width: 91%; }
			.activate-rc_containertop_image, .activate-rc_containerbottom_inner_image {
				width: 15%;
				position: relative;
				margin: auto 30%; }
	/* activate page END */
	
	/* For Link page START */
	.customizeWidth{
		width: 100% !important;}
	.link-lc, .link-vrl, .link-rc {
		float: left; }
	.link-lc {
		width:100% !important;
		margin: auto 30%; }
	.link-rc {
		width: 100% !important;
		padding-left: 20px;}
		.link-rc_containertop, .link-rc_containerbottom {
			float: left;
			display: inline-block;
			width: 100% !important; }
			.link-rc_containertop_inner, .link-rc_containerbottom_inner {
				width: 100% !important; }
				.link-rc_containertop_inner_token_hyperlink, .link-rc_containerbottom_inner_mobile_hyperlink {
					width: 100%;}
			.link-rc_containertop_image, .link-rc_containerbottom_inner_image {
				width: 15%;
				position: relative;
				margin: auto 30%; }
/* For Link page END */

/* For acknowledgement page START*/
	.acknowledgement-notice-container {
		height: 150px !important; }
/* For acknowledgement page END*/
	/* pcs changes end */
}

/* Setup 2FA navigation tab */
.instructions-tab-smaller-font {
	font-size: 12px;
	padding-right: 50px;
}
ul {
	list-style-type: none;
}
li {
	display: block;
	line-height: 20px;
}
.content-navigation.large a li
{
	color: #FFFFFF;
}
.borderBottom {
	border-bottom: 1px solid #d0ceca;
	border-top: none;
	border-left: none;
	border-right: none;
}
.NoborderBottom {
	border-bottom: none;
	border-top: none;
	border-left: none;
	border-right: none;
}
.borderAll {
	border-bottom: 1px solid #d0ceca;
	border-top: 1px solid #d0ceca;
	border-left: 1px solid #d0ceca;
	border-right: 1px solid #d0ceca;
	margin-top: 10px;
}
.borderless {
	border-bottom: none;
	border-top: none;
	border-left: none;
	border-right: none;
	margin-bottom: -30px;
}
.margin-customize {
	margin-top: 20px; 
}
.display-inline-block {
	display: inline-block;
	width: 100%;
}
.display-inline-block-only {
	display: inline-block;
}
/* For Instruction page START */
.setupInstruction-content1BlockA, .setupInstruction-content1BlockB, .setupInstruction-content1BlockC, 
	.setupInstruction-content2BlockA, .setupInstruction-content2BlockB,
	.setupInstruction-content3BlockA, .setupInstruction-content3BlockB, .setupInstruction-content3BlockC {
	float: left;
}
.setupInstruction-content1BlockA {
	width:12%;
}
.setupInstruction-content1BlockB {
	width: 8%;
}
.setupInstruction-content1BlockC {
	width: 87%;
	padding-left: 20px;
}
.setupInstruction-content3BlockA {
	width: 88%;
}
.setupInstruction-content3BlockB {
	width:12%;
}
.setupInstruction-content2BlockContainer {
	height: 225px;
	/* overflow: auto; */
}
.setupInstruction-content2BlockInnerContainer {
	height: 225px;
	padding: 10px;
}
.setupInstruction-content2BlockInner2Container {
	height: 225px;
	padding:15px;
}
.setupInstruction-content2BlockA, .setupInstruction-content2BlockB, .setupInstruction-content2BlockC {
	width: 33%;
	display: inline-block;
	word-break: break-word;
	height: 100%;
}
/* fix for sit 1527 */
.setupInstruction-content2Block-image-width-customize {
	float: left;
	width: 30%;
	height: 100%;
}

.setupInstruction-content2Block-width-customize{
	width: 72%;
	margin-left: 10px;
}
/* For Instruction page END */
/* For Registration page START */
.setupRegistration-content1BlockA, .setupRegistration-content1BlockB, .setupRegistration-content1BlockC,.setupRegistration-content1BlockD {
	float: left;
}
.setupRegistration-content1BlockA {
	width:11%;
}
.setupRegistration-content1BlockB {
	width: 8%;
}
.setupRegistration-content1BlockC {
	width: 87%;
	padding-left: 20px;
}
.setupRegistration-content1BlockD{
	width:10%;
}
.setupRegistration-content1BlockC1 {
	float: left;
	display: inline-block;
	width: 100%;
}
.setupRegistration-content1BlockC1A-width-customize, .setupRegistration-content1BlockC1C-width-customize {
	width: 40%;
}
.setupRegistration-content1BlockC1B-width-customize{
	width: 15%;
}
.setupRegistration-content1BlockC1A1-width-customize, .setupRegistration-content1BlockC1C1-width-customize {
	width: 60%;
}
.setupRegistration-content1BlockC1A1A-customize, .setupRegistration-content1BlockC1C1A-customize {
	padding-left: 5%;
}
.paddingTop {
	padding-top: 20px; }
/* For Registration page END */

/* For Activate page START */
.activate-lc, .activate-vrl, .activate-rc {
	float: left; }
.activate-lc {
	width:9%; }
.activate-vrl {
	width: 8%; }
.activate-rc {
	width: 87%;
	padding-left: 20px;}
	.activate-rc_containertop, .activate-rc_containerbottom {
		float: left;
		display: inline-block;
		width: 100%; }
		.activate-rc_containertop_inner, .activate-rc_containerbottom_inner {
			width: 85%; }
			.activate-rc_containertop_inner_content, .activate-rc_containerbottom_inner_content {
				width: 100%; }
			.activate-rc_containertop_inner_onekeytoken, .activate-rc_containerbottom_inner_onekeymobile {
				width: 60%; }
				.activate-rc_containertop_inner_onekeytoken_description, .activate-rc_containerbottom_inner_onekeymobile_description {
					padding-left: 3%; }
		.activate-rc_containertop_image, .activate-rc_containerbottom_inner_image {
			width: 15%; }
/* For Activate page END */

/* For Link page START */
.customizeWidth{
	width: 107%;}
.display-inline-block-link-page {
	display: inline-block;}
.link-lc, .link-vrl, .link-rc {
	float: left; }
.link-lc {
	width:9%; }
.link-vrl {
	width: 8%; }
.link-rc {
	width: 87%;
	padding-left: 20px;}
	.link-rc_containertop, .link-rc_containerbottom {
		float: left;
		display: inline-block;
		width: 100%; }
		.link-rc_containertop_inner, .link-rc_containerbottom_inner {
			width: 84%; }
			.link-rc_containertop_inner_content, .link-rc_containerbottom_inner_content {
				width: 100%; }
		.link-rc_containertop_image, .link-rc_containerbottom_inner_image {
			width: 15%; }
/* For Link page END */

/* For acknowledgement page START*/
.acknowledgement-notice-container {
	height: 90px; }
	.acknowledgement-notice-container_p1, .acknowledgement-notice-container_p2 {
		padding-left: 10px;
	}
.buttonCancelOKcentered {
 	width: 100% !important;
 	text-align: center;}
/* For acknowledgement page END */
.background-design {
	background: #f7f5f0;
}
.vr {
	width:6px;
	height:226px;
	background-color:#ee0000;
	position:relative;
	top:0px;
	/* left:50px; */
	z-index:10;
}
.reg-page-vr {
	width:6px;
	height:250px;
	background-color:#ee0000;
	position:relative;
	top:0px;
	/* left:50px; */
	/* z-index:10; */
}
.activate-page-vr {
	width:6px;
	height:435px;
	background-color:#ee0000;
	position:relative;
	top:0px;
	/* left:50px; */
	/* z-index:10; */
}
.link-page-vr {
	width:6px;
	height:398px;
	background-color:#ee0000;
	position:relative;
	top:0px;
	/* left:50px; */
	/* z-index:10; */
}
.label-reg-now-color {
	color:#ee0000 !important;
}
.floatLeft {
	float: left;
}