div#login_right {
	min-width: 300px!important;
}
input#username,
input#password {
	border-radius: 3px;
}
.login-submit-working {
	height: 40px;
}
.twofactorauth-working {
	background: url('/dolibarr/custom/twofactorauth/img/working.gif') no-repeat center;
	height: 40px;
}
#login_line2 input.button {
	border-radius: 100px;
	min-width: 200px;
	height: 40px;
	font-size: 15px;
	text-transform: none;
}
.twofactorauth-noaccess-icon span {
	color: #555;
	font-size: 4em;
}
.twofactorauth-noaccess-header {
	color: #555;
}
.twofactorauth-error {
	background-color: #FFD2D2!important;
}
div.twofactorauth-error-wrapper {
	width: 100%;
	text-align: center;
	/*position: absolute;*/
}
div.twofactorauth-error {
	position: absolute;
	padding: 10px 0 10px 0;
	width: 100%;
	color: rgba(0, 0, 0, 0.7);
	font-weight: bold;
	margin-left: -10px;
}
.twofactorauth-icon-error {
	color: #550000;
	font-weight: bold;
	padding-top: 15px;
	position: absolute;
}
.twofactorauth-choice-header {
	text-decoration: underline;
}
.twofactorauth-wrapper-header {
	position: absolute;
	padding-left: 55px;
	text-decoration: underline;
}
.twofactorauth-totp-text,
.twofactorauth-u2f-text,
.twofactorauth-totp-icon,
.twofactorauth-u2f-icon {
	text-align: center;
}
.twofactorauth-totp-text {
	padding-top: 15px;
	font-size: 10px;
}
.twofactorauth-u2f-text {
	padding-top: 15px;
	font-size: 10px;
}
.twofactorauth-cancel-button {
	font-family: roboto,arial,tahoma,verdana,helvetica;
	color: rgb(0,0,100);
	text-decoration: underline;
	padding-top: 15px;
	cursor: pointer;
}
.twofactorauth-u2f-choicebutton,
.twofactorauth-totp-choicebutton {
	cursor: pointer;
}
.twofactorauth-totp-choicebutton {
	padding-bottom: 20px;
}
.twofactorauth-u2f-choicebutton {
	padding-bottom: 25px;
}
.twofactorauth-u2f-choicebutton:hover,
.twofactorauth-totp-choicebutton:hover {
	background-color: lightblue;
	border-radius: 10px;
}
.twofactorauth-choice-wrapper,
.twofactorauth-u2f-wrapper,
.twofactorauth-totp-wrapper {
	text-align: left;
	background-color: rgb(0, 0, 0, .01);
	min-width: 300px;
	height: 150px;
}
.twofactorauth-wrapper-border {
	border: 1px solid #ccc;
	border-radius: 10px;
}
#u2f-submit-wrapper p,
#totp-submit-wrapper p {
	display: inline-block;
	color: rgb(0, 0, 0, 0.8);
	width: 200px;
	margin-right: 10px;
}
#totp-submit-wrapper p {
	vertical-align: top;
}
#totp-submit-wrapper input {
	display: block;
	margin: 15px auto auto auto;
	width: 200px;
	text-align: center;
	font-size: 18px;
	border-radius: 3px;
}
#totp:focus::placeholder {
	color: transparent;
}
#totp::focus::-webkit-input-placeholder {
	color: transparent;
}
#totp:::focus:-ms-input-placeholder {
	color: transparent;
}
#u2f-submit-button:disabled,
#totp-submit-button:disabled {
	cursor: not-allowed;
}
#login_right .twofactorauth-select-entity {
	display: inline-flex;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 5px 15px 5px 5px;
	background: #fff;
}
#login_right #entity {
	min-width: 180px !important;
}
#login_right .twofactorauth-select-entity .nowrap {
	white-space: nowrap!mportant;
}


#twofactorauth-select-onlyu2f-ip,
#twofactorauth-select-bypass-ip,
#twofactorauth-select-granted-ip {
	width: 100%;
	min-width: 500px;
}
#twofactorauth_user_list {
	width: 100%!important;
}
.twofactorauth-add-ip-button {
	text-transform: none!important;
	font-weight: normal!important;
}
.twofactorauth-select-dropdown {
    display: none!important;
}
.twofactorauth-select-container {
    border: 1px solid #999!important;
    border-radius: 4px!important;
}
#UserLoginOnlyWithU2F .select2-search__field,
#UserLoginOnlyWithThisIP .select2-search__field,
#UserLoginWithout2FAOnIP .select2-search__field {
	width: 250px!important;
}
.twofactorauth-height-inherit {
	height: inherit;
}
.twofactorauth-display-none {
	display: none;
}
.twofactorauth-hidden {
	visibility: hidden;
}
.twofactorauth-visible {
	visibility: visible;
}
.twofactorauth-padding-top-10 {
	padding-top: 10px;
}
.twofactorauth-padding-top-60 {
	padding-top: 60px;
}

.twofactorauth-padding-left-5 {
	padding-left: 5px;
}
.twofactorauth-color-on {
	color: #227722!important;
}
.twofactorauth-color-off {
	color: #999!important;
}
.twofactorauth-working-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	opacity: 0;
	background-color: rgb(0,0,0);
}
.span-icon-twofactorauth {
	background-image: url('/dolibarr/custom/twofactorauth/img/object_twofactorauth.png');
	background-repeat: no-repeat;
	background-position: left center;
}
div.twofactorauth-upgrade-alert {
	color: #302020;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0.5em 1.5em 0.5em 1.5em;
	border: 1px solid #e0d0b0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #EFCFCF;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.twofactorauth_checker div.ok {
	color: #000;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin: 0.5em 0em 0.5em 0em;
	border: 1px solid #339933;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #33CC33;
}
.twofactorauth_checker div.error {
	color: #000;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin: 0.5em 0em 0.5em 0em;
	border: 1px solid #CB1515;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #FE7E7E;
}
.twofactorauth_login_left {
	min-width: 260px!important;
	min-height: 60px!important;
	background-image: url('/dolibarr/twofactorauth/img/logo.png');
	background-repeat: no-repeat;
}
.twofactorauth_padding_left {
	padding-left: 30px;
}
.twofactorauth_login_min_width {
	min-width: 220px!important;
}
.twofactorauth-devicebutton-delete,
.twofactorauth-devicebutton-setup,
.twofactorauth-devicebutton-active-off,
.twofactorauth-devicebutton-active-on,
.twofactorauth-button-add,
.twofactorauth-button-qrcode,
.twofactorauth-button-delete,
.twofactorauth-button-setup,
.twofactorauth-button-on,
.twofactorauth-button-off,
.twofactorauth-switch-on,
.twofactorauth-switch-off {
	margin: 5px;
	cursor: pointer;
	vertical-align: middle;
}
.twofactorauth-button-on,
.twofactorauth-devicebutton-disabled-on,
.twofactorauth-devicebutton-active-on {
	color: rgb(34, 119, 34)!important;
}
.twofactorauth-button-off,
.twofactorauth-devicebutton-disabled-off,
.twofactorauth-devicebutton-active-off {
	color: rgb(153, 153, 153)!important;
}
.twofactorauth-button-on,
.twofactorauth-button-off,
.twofactorauth-button-disabled,
.twofactorauth-devicebutton-disabled-on,
.twofactorauth-devicebutton-disabled-off,
.twofactorauth-devicebutton-active-on,
.twofactorauth-devicebutton-active-off,
.twofactorauth-devicebutton-disabled {
	font-size: 1.3em!important;
}
.twofactorauth-button-qrcode {
	width: 18px;
	font-size: 17px;
}
.twofactorauth-devicebutton-disabled-on,
.twofactorauth-devicebutton-disabled-off,
.twofactorauth-devicebutton-disabled-delete,
.twofactorauth-devicebutton-disabled,
.twofactorauth-switch-off-not-allowed,
.twofactorauth-switch-on-not-allowed,
.twofactorauth-button-disabled,
.twofactorauth-button-add-disabled,
.twofactorauth-switch-disabled {
	margin: 5px;
	cursor: not-allowed;
}
.twofactorauth-not-allowed {
	cursor: not-allowed;
}
.twofactorauth-button-lock-on {
	margin: 5px;
}
.twofactorauth-span-details-control,
.twofactorauth-button-renew {
	cursor: pointer;
}
td.twofactorauth-td-details-control,
tr.twofactorauth-td-details-control {
	text-align: center;
	cursor: pointer;
}
.twofactorauth-view-qrcode {
	text-align: center;
}
.twofactorauth-u2f-svg,
.twofactorauth-totp-svg {
	/*width: 30px;*/
	margin: 0 auto;
	position: absolute;
	display: block;
}
.twofactorauth-u2f-tabicon,
.twofactorauth-totp-tabicon {
	width: 30px;
}
#twofactorauth_title div.titre {
	color: #f08c16!important;
	font-size: 1.8em!important;
}
#twofactorauth_title .opacityhigh {
	opacity: 0.8 !important;
}
table.dataTable thead .sorting {
	background: url('/dolibarr/custom/twofactorauth/img/sort_both.png') no-repeat center right !important;
	filter: brightness(80%);
}
table.dataTable.display tbody > tr.even.selected,
table.dataTable.display tbody > tr.odd.selected {
    background-color: #acbad4!important;
}
table.dataTable.display tbody > tr.selected:hover {
    background-color: #aab7d1!important;
}
table.dataTable.display tbody > tr.liste_titre {
	background: rgb(220,220,223)!important;
}
table.dataTable.display tbody > tr.liste_titre:hover {
    background: rgb(220,220,223)!important;
}