/*$Id$*/

@font-face {
  font-family: 'signinicon';
  src:  url('../images/fonts/signinicon.cb7e5047db71b9e797377a65136d8247.eot');
  src:  url('../images/fonts/signinicon.cb7e5047db71b9e797377a65136d8247.eot') format('embedded-opentype'),
    url('../images/fonts/signinicon.876156001a774342a4460b1e5fc99530.woff2') format('woff2'),
    url('../images/fonts/signinicon.1a0cf2c29f2bd4388446f7cbe1c1fc2a.ttf') format('truetype'),
    url('../images/fonts/signinicon.4796cc237bf4b0b807ac39a8b74d637b.woff') format('woff'),
    url('../images/fonts/signinicon.6a7a0ae1f4e54ea5353f4744cdf3c637.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'signinicon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-device:before {
  content: "\e90a";
}
.icon-reload:before {
  content: "\e912";
}
.icon-backarrow:before {
  content: "\e900";
}
.icon-email:before {
  content: "\e904";
}
.icon-hide:before {
  content: "\e907";
}
.icon-otp:before {
  content: "\e90c";
}
.icon-show:before {
  content: "\e914";
}

/*$Id$*/

body 
{
	margin: 0px;
}
input, textarea, button {font-family: inherit}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color:#0003;
}

.bg_one 
{
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: url('../images/bg.49756b7c711696d95133fa95451f8e13.svg') transparent;
	background-size: auto 100%;
	z-index: -1;
}

.titlename {
    display: block;
    font-size: 24px;
    color: #000;
    font-weight: 400;
    text-transform: capitalize;
    width: auto;
    margin-bottom: 20px;
}

.Alert,.Errormsg
{
	display: flex;
    align-items: center;
    justify-content: center;
	margin: auto;
	height: auto;
	min-width: 200px;
	width: fit-content;
	width: -moz-fit-content;
	max-width:600px;
	background-color: #032239;
	border-radius: 6px;
	position: fixed;
	top: -100px;
	left: 0px;
	right: 0px;
	transition: all .2s ease;
	padding: 0px 20px;
	z-index:2;
}

.tick_icon,.error_icon
{
	display: inline-block;
	height: 20px;
	width: 20px;
	background-color: #22C856;
	border-radius: 50%;
	background-size: 60px;
    margin: 0px 15px;
    float: left;
    position: relative;
}

.tick_icon:after
{
	display: block;
	content: "";
	height: 5px;
	width: 9px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(-45deg);
	margin: 7px 6px;
	box-sizing: border-box;
}

.alert_message,.error_message
{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	margin: 16px 0px;
	margin-right: 20px;
	max-width: 510px;
}

.error_icon
{
	background-color: #FF676F;	
}
.error_icon:before, .error_icon:after 
{
    position: absolute;
    left: 9px;
    top: 5px;
    content: ' ';
    height: 10px;
    width: 2px;
    background-color: #FFFFFF;
}
.error_icon:before 
{
  transform: rotate(45deg);
}
.error_icon:after 
{
  transform: rotate(-45deg);
}

.loader
{
    width: 36px;
    height: 36px;
    border: 4px solid #159AFF;
    border-bottom: 4px solid transparent;
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
    animation: rotate 1s linear infinite;
    position: absolute;
    top: 0px;
    z-index: 7;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

@keyframes rotate 
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.blur
{
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: #fff;
    width: 100%;
    height: auto;
    margin: auto;
    position: absolute;
    z-index: 3;
    opacity: 0.9;
	display:block;
}

.bold_font
{
	font-weight: 500;
}

.searchparent 
{
	height: auto;
}

.textbox_div {
	display: block;
	margin-bottom: 30px;
	position: relative;
}
.textbox {
	display: block;
	width: 100%;
	height: 44px;
	box-sizing: border-box;
	border-radius: 2px;
	text-indent: 12px;
	font-size: 16px;
	outline: none;
	border: none;
	padding-right: 12px;
	transition: all .2s ease-in-out;
	background: #F9F9F9;
    border: 1px solid #DDDDDD;
}
.textbox:hover, .textbox:valid,.textbox:focus {
    border: 1px solid #B9B9B9;
}

#last_password {
    padding-right: 40px;
}

::-webkit-credentials-auto-fill-button 
{
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0px;
}
input[type="text"],input[type="password"],input[type="email"],input[type="number"] 
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.errorborder 
{
	border: 2px solid #ff8484 !important;
}

.fielderror
{
	display:none;
	font-size: 14px;
	margin-top: 10px;
}

.fielderror a 
{
    text-decoration: none;
    color: #309FF4;
}

#captcha_container
{
	display: none;
	border: 1px solid #DDDDDD;
	width: 250px;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 10px;
	border-radius: 4px;
}

#captcha
{
    width: 100%;
    display: inline-block;
	height: 40px;
	padding: 0px 12px;
	text-indent: 0px;
	background: #F9F9F9;
}

#captcha_img
{
    background-color: #FFFFFF;
    border: none;
    height: 60px;
    width: 150px;
    margin-left: 20px;
}

#captcha_img img
{
	height: 50px;
	width: 150px;
	box-sizing: border-box;
	margin: 0px;
}

.reloadcaptcha
{
	height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: #F2F2F2;
    font-size: 30px;
    box-sizing: border-box;
    color: #0006;
}

.reloadcaptcha:hover
{
	color:#000000b3;
}

.load_captcha_btn{
    animation: spin 0.5s linear infinite;
}

#Last_password_div .head_info
{
	margin:0px;
}

.zeroheight{
	width:0px;
	height:0px;
	overflow: hidden;
	display: block;
}

.btn 
{
	cursor: pointer;
	display: block;
	width: 100%;
	height: 44px;
	border-radius: 4px;
	letter-spacing: .5;
	font-size: 14px;
	font-weight: 600;
	outline: none;
	border: none;
	margin: auto;
	margin-bottom: 30px;
	transition: width .2s ease-in-out;
}

.blue 
{
	background-color: #159AFF;
	color: #fff;
}

.grey 
{
	background-color: #F3F3F3;
	color: #3a3a3a;
	letter-spacing: 0px;
}

.green 
{
	box-shadow: 0px 2px 2px #fff;
	background-color: #00C573;
	color: #fff;
}

.blue:hover 
{
	background: #118BE9;
}

.changeloadbtn 
{
	display: block;
	height: 44px;
	width: 44px;
	border-radius: 22px;
	padding: 0px;
}

.changeloadbtn:before 
{
	content: "";
	height: 20px;
	width: 20px;
	display: inline-block;
	margin: 9px;
	border: 3px solid #fff;
	border-top: 3px solid #5AB7FE;
	border-radius: 50%;
	animation: spin .5s linear infinite;
}

@keyframes spin 
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.doneBtn
{
	position:relative;
}

.doneBtn:before
{
    content: '';
    opacity: 1;
    height: 15px;
    width: 6px;
    border: unset;
    border-radius: unset;
    transform-origin: left top;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    left: 12px;
    top: 23px;
    margin: 0px;
    position: absolute;
    transform: scaleX(-1) rotate(135deg);
    animation:tickmark .8s ease;
}

@keyframes tickmark {
  0% {
    height: 0px;
    width: 0px;
    border-radius: unset;
    opacity: 1;
  }
  20% {
    height: 0px;
    width: 6px;
    opacity: 1;
    border-radius: unset;
  }
  40% {
    height: 15px;
    width: 6px;
    opacity: 1;
    border-radius: unset;
  }
  100% {
    height: 15px
    width: 6px;
    opacity: 1;
    border-radius: unset;
  }
}

.doneWithContent span:before
{
    content: '';
    opacity: 1;
    height: 14px;
    width: 5px;
    border: unset;
    border-radius: unset;
    transform-origin: left top;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    display: inline-block;
    margin: 0px;
    position: relative;
    transform: scaleX(-1) rotate(135deg);
    top: 12px;
    left: -21px;
}
.doneWithContent {
    padding-left: 21px;
    position:relative;
}
.doneWithContent:after
{
    position: absolute;
    height: 100%;
    content: "";
    display: block;
    left: 0px;
    top: 0px;
    background: #00000008;
    animation-name: btn_loading;
    animation-duration: 4.3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
	
}
.restrict_icon {
    display: block;
    height: 102px;
    width: 100%;
    background: url(../images/URLError.76c2ce33de912ad7ae9d2fbfd93ec2c1.png) no-repeat transparent;
    background-size: auto 100%;
    margin: auto;
    margin-top: 30px;
    background-position: center;
}
.error_portion
{
	display:none;
}
.error_content
{
	text-align:center;
}
.error_content .error_header
{
	font-size: 20px;
    font-weight: 500;
    margin-top: 30px;
    line-height: 26px;
}
.error_content .error_desc
{
    font-size: 16px;
    margin: 10px 0px 30px 0px;
    line-height: 24px;
    font-weight: 500;
    color: #000000cc;
}
.retry_button
{
	line-height:44px;
}
.doneWithContent:hover
{
	background:#159AFF;
}

.doneWithContent span
{
	width: 100%;
    display: block;
    transition: width .2s ease-in-out;
    white-space: nowrap;
}
@keyframes btn_loading {
  0%   {width:0%;}
  100% {width: 100%;}
}

.resend_label
{
	display:block;
	text-align:center;
}
.push_resend
{
	font-size: 14px;
    color: #626262;
    font-weight: 500;
    line-height: 16px;
    cursor: none;
}

.bottom_option
{	
	cursor: pointer;
    width: max-content;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #0091FF;
}

.bottom_line_opt
{
	width: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
	left: 0px;
	bottom:40px;
}

.errorlabel 
{
    color: #E92B2B;
}

.show_hide_password
{
    font-size: 24px;
    color: #00000066;
    position: relative;
    top: -34px;
    right: 13px;
    float: right;
    cursor: pointer;
    line-height: 23px;
}
.show_hide_password:hover {
    color: #000000b3;
}

.select2-results__option {
	list-style-type: none;
	height: 40px;
	box-sizing: border-box;
	padding: 12px 20px;
	font-size: 14px;
	line-height: 16px;
}

.select2-search__field {
	width: 380px;
	height: 32px;
	border: none;
	outline: none;
	background: #F7F7F7;
	border-radius: 2px;
	margin: 10px 8px;
	font-size: 14px;
	padding: 10.5px 8px;
}

.select2-selection {
	display: inline-block;
	outline: none;
    background-color: #F9F9F9;
	height: 40px;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	cursor: pointer;
}

.selection {
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	width: 0px;
	height: 43px;
}

#select2-combobox-results {
	padding-left: 0px;
	max-height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 400px;
	margin-top: 10px;
	margin-bottom: 0px;
	background: white;
}

.select2-container--open {
	z-index: 10;
	background: #FFFFFF;
	box-shadow: 0px 5px 8px 2px #0000000d;
	width: auto;
	box-sizing: border-box;
}

.select2 {
	position: absolute;
	background: transparent;
	box-shadow: none;
	display:none;
	margin: 2px;
}
.select2-results__options{
	overflow-y: auto;
    max-height: 200px;	
}

.selection{
	width:auto;
	width:-moz-fit-content;
    width:-webkit-fit-content;
	margin: auto;
	display: block;
}
.select2-search--hide,.select2-selection__clear {
    display: none;
}

#country_code_select {
	width: 85px;
    height: 40px;
    position: absolute;
    opacity: 0;
    display: none;
    z-index: 0;
}
.select_country_code{
	width: 50px;
    height: 40px;
    display: inline-block;
    float: left;
    position: absolute;
    line-height: 39px;
    text-align: center;
    font-size: 16px;
    color: black;
    display: none;
    z-index: 0;
}
.select_country_code{
	direction: ltr;
    position: relative;
}
.arrow_position{
	position: relative;
   top: 15px;
}
.pic {
	width: 20px;
	height: 14px;
	background-size: 280px 252px;
	background-image: url("../images/Flags2x.0b8394efb0ea9167cef2465fb8f63d78.png");
	float: left;
}
.cc {
	float: right;
	color: #AEAEAE;
}
.cn {
	margin-left: 10px;
}
.select2-results__option--highlighted {
	background: #F4F6F8;
}

.searchparent {
	height: auto;
}

.select2-results__options{padding-left:0px;}

.optionstry
{
	display: table;
    width: 100%;
    height: auto;
    padding: 20px 50px;
    box-sizing: border-box;
    cursor: pointer;
}

.optionstry:hover
{
	background-color: #F9F9F9;
}

.img_option_try
{
	margin:12px 0px;    
}

.img_option
{
    display: table-cell;
    width: 30px;
    color: #499aff;
    font-size: 30px;
    vertical-align: top;
    height: 30px;
}

.option_details_try
{
    height: auto;
    width: auto;
    padding-left: 12px;
    vertical-align: top;
    box-sizing: border-box;
}

.option_title_try
{
	display: block;
	font-size: 16px;
	font-weight: 500;
}

.option_description
{
	display: block;
	font-size: 13px;
	line-height: 20px;
	color: #000c;
	margin-top: 5px;
}

#email_confirm_div .optionstry,#mobile_confirm_div .optionstry
{
	padding: 22px 40px;
}

#email_confirm_div .img_option,#mobile_confirm_div .img_option
{
	font-size: 20px;
	width: 20px;
	height: 20px;
}
#email_confirm_div .option_details_try,#mobile_confirm_div .option_details_try
{
	line-height: 20px;
}

.otp_container::after,.mini_txtbox:after
{
	content:attr(placeholder);
    height: 54px;
    line-height: 54px;
    position: absolute;
    color: #B9BCBE;
    left: 15px;
	top: 0px;
	z-index: 1;
}

.mini_txtbox:after{line-height: 42px;height:42px;}

.hidePlaceHolder::after{
	z-index: -1 !important;
}

.otp_verify
{
	margin-top: 10px;
}

.toggle_active 
{
    background: #F9F9F9;
    border-radius: 2px;
}

.optionmod 
{
    margin-left: 0px;
    box-sizing: border-box;
}

.option_title_try
{
	color: #000000;
}

.mini_btn
{
    margin-left: 10px;
    width: 30%;
    float: right;
    font-size: 12px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.backoption
{
	width: 30px;
    height: 30px;
    font-size: 21px;
    display: inline-block;
    float: left;
    color:#666666;
    padding: 4px 0px;
    box-sizing: border-box;
    margin-right: 5px;
    border-radius: 15px;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
}
.backoption:hover
{
	background: #f4f4f4;	
}

#select_reocvery_mobile .fieldcontainer, #other_options_div .fieldcontainer, #select_reocvery_email .fieldcontainer
{
	width: auto;
	margin: 0 -40px;
	margin-bottom: 40px;
}

.text16
{
	display: block;
	text-align: center;
	margin-bottom: 30px;
	color: #626262;
	font-size: 16px;
	font-weight:500;
	text-decoration: none;
}

.pointer 
{
	cursor: pointer;
}

.pass_policy
{
	color: #8c8c8c;
	font-size: 14px;
	padding-top: 10px;
}

.nomargin 
{
	display: block;
	margin: 0px;
}

.tryanother, .extra_options
{
	width: fit-content;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 20px;
}


.bluetext_action 
{
    display: inline-block;
    font-size: 14px;
    color: #159AFF;
    font-weight:500;
    line-height: 16px;
    cursor: pointer;
    margin-top: 5px;
}

.nonclickelem
{
	color: #626262;
	pointer-events: none;
	cursor:none;
}

.bluetext_action a
{
	text-decoration: none;
}



.recovery_container 
{
	display: block;
	width: 480px;
	min-height: 500px;
	background-color: #fff;
	box-shadow: 0px 2px 30px 0px #2b2b2b17;
	margin: auto;
	position: relative;
	z-index: 1;
	margin-top: 7%;
	overflow: hidden;
}

.recovery_box 
{
	width: 480px;
	min-height: 500px;
	height: auto;
	background: #fff;
	box-sizing: border-box;
	padding: 40px 40px;
	border-radius: 2px;
	transition: all .1s ease-in-out;
	float: left;
	overflow-y: auto;
	display: table-cell;
}

.recovery_box #lookup_div{
	width: 100%;
}

.menuicon 
{
	display: inline-block;
	float: left;
	height: 14px;
	width: 14px;
	padding: 14px;
	font-size: 14px;
	text-align:center;
}

.user_info
{
    display: inline-flex;
    justify-content: space-between;
    border: 1px solid #EEEEEE;
    margin-bottom: 20px;
    border-radius: 7px;
    cursor: pointer;
    box-sizing: border-box;
    max-width: 100%;
    flex-wrap: nowrap;
}

.user_info_space
{
	margin-top: 20px;
}

.support_temp_info
{
	margin-bottom: 30px;
	line-height:24px;
}

.menutext 
{
    display: inline-block;
    font-size: 16px;
    padding: 12px 14px;
    line-height: 20px;
    width: auto;
    word-break: break-all;
}

.fieldcontainer
{
	margin-bottom: 40px;
}

.change_user
{
    position: relative;
    float: right;
    font-size: 14px;
	padding: 0px 14px 0px 0px;
    display: inline-block;
    color: #0091FF;
    line-height: 38px;
	font-weight: 500;
	display: flex;
    align-items: center;
    justify-content: center;
}

.info_head 
{
	display: block;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 30px;
	overflow: auto;
	transition: all .1s ease-in-out;
}

.info_head #headtitle
{
	display:block;
}
.head_info 
{
	font-size: 16px;
	margin: 10px 0px 0px 0px;
	line-height: 24px;
    font-weight: 400;
	color: #000000e6;
}

.user_info_space+.head_info
{
	margin:0px
}

.otp_container
{
    display: block;
    width: 100%;
    height: 54px;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 16px;
    outline: none;
    padding: 0px 15px;
    transition: all .2s ease-in-out;
    background: #F9F9F9;
	border: 1px solid #DDDDDD;
	text-indent: 0px;
}

.customOtp
{
	border: none;
    outline: none;
    background: transparent;
    height: 100%;
    font-size: 16px;
    text-align: left;
    width: 22px;
    padding:0px;
}
.textindent42 
{
	text-indent: 46px;
}
.textindent62 
{
	text-indent: 85px;
}
.textintent52 
{
	text-indent: 51px;
}


.box_header_load
{
	display: block;
	height: auto;
	padding: 50px 0px;
	-webkit-animation-name: blink; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	animation-name: blink;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
	opacity: .05;
}

.box_head_load
{
	display: block;
	width: 180px;
	height: 18px;
	border-radius: 8px;
	background-color: #000;
}

.blink_btn
{
	-webkit-animation-name: blink; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	animation-name: blink;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
	opacity: .05;
}
.box_define_load
{
	display: block;
    max-width: 800px;
    width: 100%;
    height: 16px;
    border-radius: 8px;
    background-color: #000;
    margin-top: 20px;
}

@keyframes blink
{
	0%
	{
		opacity: .08;
	}
	50%
	{
		opacity: .01;
	}
	100%
	{
		opacity: .08;
	}
}


 
#loading_div, #Last_password_div, #existing_session_div, #password_changed_div, #mobile_confirm_div, #email_confirm_div, #confirm_otp_div, #other_options_div, #contact_support_div, #change_password_div, #recovery_device_div, #password_matched_div, #username_div, #terminate_session_div
{
	display:none;
}

#multiple_reocvery_mobile, #single_reocvery_mobile, #multiple_reocvery_email, #single_reocvery_email
{
		display:none;
}

.verify_mob_container, .verify_email_container, .select_device_othermodes
{
	display:none;
}

.devices
{
	position: relative; 
	padding: 0px;
	width: fit-content !important;
    width: -moz-fit-content !important;
    width: -webkit-fit-content !important;
    margin: auto;
	border-radius: 8px;
	box-sizing: border-box;
	margin-bottom: 30px;
	background: #FCFCFC;
}
.device_title {
    position: absolute;
    top: 12px;
    left: 48px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
	color: #000000b3;
	line-height:14px;
	z-index:11;
}
.select2-container--device_select {
    margin: 0px;
    display: block;
    position: relative;
	margin: auto;
	cursor: pointer;
    border: 1px solid #DDDDDD;
	border-radius: 8px;
	overflow: hidden;
}
#recovery_device_select+.select2-container
{
	width: fit-content !important;
	width: -moz-fit-content !important;
	width: -webkit-fit-content !important;
}
.select2-container--device_select .select2-selection__arrow{
    position: absolute;
    top: 0px;
    right: 14px;
    width: auto;
    height: 100%;
}
.select2-container--device_select .select2-selection__arrow b
{
    border-color: transparent #00000066 #00000066 transparent;
    border-style: solid;
    transform: rotate(45deg);
    border-width: 2px;
    height: 4px;
    width: 4px;
    position: relative;
    border-radius: 1px;
    display: inline-block;
    top: 24px;
}

.select2-container--device_select .selection {
	margin: auto;
    height: 60px;
	box-sizing: border-box;
	min-width: 140px;
}
.select2-container--device_select .select2-selection
{
	height: unset;
    padding: 12px 34px 12px 14px;
}
.select2-container--device_select .select_con
{
	font-weight: 400;
	margin-left: 12px;
	margin-top: 16px;
}
.select2-container--device_select .select_icon
{
	margin-top: 7px;
}

.select2-results__options
{
	margin: 0px;
}

.select2-results__options .select_con
{
	margin:0px;
}

.select2-dropdown .select_con{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hideArrow .select2-selection
{
	cursor: default;
	padding: 12px 14px;
}
.hideArrow .select2-selection__arrow
{
	display: none;
}
.secondary_devices
{
	display: none;
    width: 150px;
    margin: auto;
    padding: 8px 18px;
    border-radius: 18px;
    background-color: #F4F6F8;
    border: none;
    overflow: hidden;
    max-width: 200px;
    text-overflow: ellipsis;
    font-size: 16px;
    outline: none;
}

.secondary_devices .select2-container--open 
{
	width: 200px;
}

.device_select
{
	display: block;
	position: unset;
	width: auto !important;
}

.device_selection
{
	padding: 8px 14px; border-radius: 18px;
}

.deviceparent
{
	text-align: center;
	display: none;
	text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

.deviceparent
{
	display: block;
}

.deviceinfo
{
	display: inline-block;
}

.devicetext
{
	margin: 0 auto;
    margin-left: 30px;
}

.select_icon
{
	float:left;font-size: 20;color: #499aff;
}

.select_con
{
	float:left;
	width: auto;
	overflow: hidden;
	margin-left: 5px;
	text-overflow: ellipsis;
}

.options_selct 
{
    max-width: 180px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    width: auto;
}

.contact_support_class
{
	min-height: unset;
}

.contact_support_class .recovery_box
{
	min-height: unset;
}

#mfa_totp_section
{
	display: none;
}

/* Terminate_session page */

#terminate_session_form  
{
	overflow: auto;
}

#terminate_session_div #headtitle{
	font-size:18px;
	line-height:21px;
}

#terminate_session_div .head_info{
	font-size:14px;
	line-height:20px;
}

#terminate_session_form .session_label{
	margin:0px 8px;
	cursor:pointer;
}

#terminate_session_form .checkbox_div:hover .session_terminate_desc{
	opacity:0.7;
}

#terminate_session_form .checkbox_div 
{
	position: relative;
	display:flex;
	border: 1px solid transparent;
	border-radius: 10px 10px 0px 0px;
    border-bottom: none !important;
    transition:0.3s;
}

#terminate_session_form .checkbox_check
{
	position: absolute;
    z-index: 1;
    opacity: 0;
    left: 10px;
    margin: 0px;
    height: 16px;
    cursor: pointer;
    width: 16px;
}

#terminate_session_form .checkbox
{
	float: left;
    z-index: 0;
    height: 12px;
    width: 12px;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 2px;
    position: relative;
    top: 1px;
    overflow: hidden;
    background-color: #fff;
    min-width:12px;
}


#terminate_session_form .checkbox_check:hover ~ .checkbox {
    border: 2px solid #A3A3A3;
}

#terminate_session_form .checkbox_check:checked ~ .checkbox {
    background-color: #159AFF;
    border-color: #159AFF;
}

#terminate_session_form .checkbox_check:hover .session_terminate_desc{
	opacity:0.7;
}

#terminate_session_form .checkbox .checkbox_tick {
 	display: block;
    height: 3px;
    width: 8px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
    margin: auto;
    position: absolute;
    top: -2px;
    bottom: 0px;
    left: 0px;
    right: 0px;  
}

#terminate_session_form  .checkbox_label
{
	cursor: pointer;
	line-height: 16px;
    display: inline-block;
    font-size:14px;
    font-weight:500;
}

#terminate_session_form  .session_terminate_desc{
	display:inline-block;
	font-size:12px;
	line-height:18px;
	opacity:0.6;
	margin-top:8px;
}

#terminate_session_form .showOneAuthLable
{
    box-sizing: border-box;
    max-width: 420px;
}

.oneAuthLable
{
    max-width: 420px;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #E7E7E7;
    border-radius: 0px 0px 15px 15px;
    transform:translateY(-25px);
    transition:transform 0.3s,opacity 0.3s;
    opacity:0;
    z-index:-1;
}

.oneauth_icon
{
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background-size: 48px;
    align-self: flex-start;
}
 
.oneauthdiv{
	display:inline-flex;
	align-items:center;
}

.displayOneAuth{
	opacity:1;
	height:auto;
	transform:translateY(0px);
	z-index:1;
}

#terminate_session_form .displayBorder{
	border-color:#E7E7E7;
}

.one_auth_icon_v2
{
    background-image: url(../images/oneAuth2.4b2a6945d5ecd70b703ba18f5f11eb68.png);
}

.oneAuthLable .text_container 
{
    flex: 1;
    margin: 0px 10px;
}

.oneAuthLable .text_header 
{
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 4px;
    line-height:14px;
}

.oneAuthLable .text_desc 
{
    font-size: 12px;
    line-height: 18px;
    opacity:0.6;
}

.oneAuthLable .togglebtn_div 
{
    height: 16px;
    padding: 4px;
    width: 30px;
    display: inline-block;
    position: relative;
}

.oneAuthLable .real_togglebtn 
{
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 32px;
    z-index: 1;
    opacity: 0;
    position: absolute;
    margin: 0px;
}

.real_togglebtn:checked ~ .togglebase 
{
    background-color: #10bc83;
}

.real_togglebtn:checked ~ .togglebase .toggle_circle 
{
    left: 16px;
}

.oneAuthLable .togglebase 
{
    height: 18px;
    width: 32px;
    display: inline-block;
    background: #DBDBDB;
    border-radius: 9px;
    position: absolute;
    transition: background .2s ease-in-out;
}

.oneAuthLable .toggle_circle 
{
	transition: all .2s ease-in-out;
    height: 14px;
    width: 14px;
    background-color: #fff;
    border-radius: 9px;
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 2px;
    box-shadow: 0px 0px 5px #999;
}

#terminate_session_submit
{
	margin-top: 20px;
}

.verify_success {
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	background-color: #F0FFF3;
	padding: 0px 8px;
}

.success_heading {
	font-size: 14px;
	line-height: 16px;
	margin-left: 8px;
}

.verify_success_icon {
	color: #4BBF5D;
	font-size: 24px;
}


@media only screen and (max-width: 600px) 
{
	body
	{
		-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
	}
	
	
	.bg_one
	{
		display: none;
	}
	
	
	.alert_message,.error_message
	{
        max-width: 300px;
    	width: 75%;
    }
    .Alert,.Errormsg
    {
        max-width: 400px !important;
        padding: 0px;
        min-width: 300px;
    }
    

	.textbox,.otp_container
	{
	  	background-color: transparent;
	   	border: none;
	   	border-bottom: 2px solid #F4F6F8;
	   	border-radius: 0px;
	}
    
    .textbox
    {
		transition: unset;
	}
	.textbox:-webkit-autofill,.textbox:-webkit-autofill:hover, .textbox:-webkit-autofill:focus,.textbox:-webkit-autofill:active
	{
		-webkit-box-shadow: inset 0 0 0px 9999px white;
		-webkit-text-fill-color: black;
	}
	
	.textbox:valid,.textbox:hover
	{
		border: none;
		border-bottom: 2px solid #159AFF;
	}
	
	#captcha
	{
		border-radius:2px;outline:none;-webkit-appearance: none;-moz-appearance: none;
		appearance: none;
	}
	.changeloadbtn{border-radius: 22px;}
	
	.btn
	{
		margin-top:10px;border-radius: 4px;
	}
	.mini_btn {
    	margin-top: 0px;
	}
	.optionstry:hover
	{
		background-color: #fff;
	}
	
	.img_option{    margin: 0px 10px 0px 0px !important;}
	
	.option_details_try
	{
		color: #555555;
		display: inline-block;
	    margin: 0px;
	}
	
	#multiple_reocvery_mobile .fieldcontainer, #multiple_reocvery_email .fieldcontainer, #other_options_div .fieldcontainer
	{
		margin: 0 -30px;
		margin-bottom: 40px;
	}
	
	.optionmod
	{
		margin-left: 0px;
		padding:15px 30px;
		line-height: 24px;
	}
	

	.recovery_box 
	{   
		width: 100%;
	    padding: 0px 30px;
	    height: auto;
		border-right: none;
		padding-bottom: 40px;
    }
    
    .recovery_container 
    {
	    width: 100%;
	    box-shadow: none;
	    margin: 0 auto;
	    position: relative;
	    z-index: 1;
	    margin-top: 40px;
	    height: auto;
	    overflow: hidden;
	}
    
    .info_head
    {
    	margin-bottom:30px;
    }
    #terminate_session_div .info_head
    {
    	margin-bottom:20px;
    }
}

.devices .select2-container--open
{
	background: transparent;
}
@media 
    only screen and (-webkit-min-device-pixel-ratio: 2), 
    only screen and ( min--moz-device-pixel-ratio: 2), 
    only screen and ( -o-min-device-pixel-ratio: 2/1), 
    only screen and ( min-device-pixel-ratio: 2), 
    only screen and ( min-resolution: 192dpi), 
    only screen and ( min-resolution: 2dppx) {
    .restrict_icon {
	       background: url(../images/URLError2x.5e762e74a83ee0cda60b8f7c9df299a8.png) no-repeat transparent center/auto 100%;
	}
}
.hide
{
	display:none;
}

.hover-tool-tip {
	position: absolute;
    top: 15px;
    left: 335px;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 10px #0000001a;
    transition: opacity 0.1s;
    border-radius: 5px;
    z-index: 9;
    display:none;
}
.hover-tool-tip::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -8px;
    top: -8px;
    left: 30px;
    box-sizing: border-box;
    border: 6px solid black;
    border-color: #ffffff transparent transparent #ffffff;
    transform-origin: 0 0;
    transform: rotate(45deg);
    box-shadow: -6px -6px 10px 0 #0000001a;
}
.hover-tool-tip.no-arrow::after {
  content: none;
}
.hover-tool-tip ul {
    padding: 0;
    margin: 0px 0px 0px 15px;
    list-style: none;
}
.hover-tool-tip p {
    margin: 0px 0px 10px 0px;
    font-size: 14px;
    font-weight: 500;
}
.hover-tool-tip ul li {
    font-size: 12px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    line-height: 25px;
}
.hover-tool-tip ul li.success::before {
    background-color: #0dbc83;
}
.hover-tool-tip ul li::before {
    content: "";
    margin-right: 10px;
    background-color: red;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.captchafielderror
{
	display:none;
	font-size: 14px;
}

.commonErrorlabelForCaptcha 
{
	display:inline-block;
    color: #E92B2B;
    margin-bottom:20px;
}

.margin_for_captcha_errors{
	margin-bottom:10px;
}