* {
	box-sizing: border-box;
}

html, body {
	width:100%;
	height:100%;
	margin:0px !important;
	font-size:15px;
} @media (max-height: 550px), (max-width: 1000px) {
	html, body  {
		font-size:40px;
		cursor:pointer;
	}
	html:focus, body:focus {
		outline: none;
		outline-style:none;
		box-shadow:none;
		border-color:transparent;
		background-color:transparent;
	}
}

p {
	margin:0px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a9a9a9;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#a9a9a9;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#a9a9a9;
}

.default_font {
	font-family:'Hind', Calibri, Verdana, sans-serif;
	color:black;
	font-size:0.95rem;
	line-height:1.0rem;
	overflow:hidden;
} @media (max-height: 550px) {
	.default_font {
		font-size:1.1rem;
		line-height:1.25rem;
	}
} @media (max-height: 600px) {
	.default_font {
		font-size:1.1rem;
		line-height:1.25rem;
	}
} @media (max-height: 550px), (max-width: 1000px) {
	.default_font {
		font-size:1.1rem;
		line-height:1.25rem;
	}
}


img, .no_margins_paddings {
	margin:0px;
	padding:0px;
}

hr {
    display:block;
    height:2px;
    border:0;
    border-top:2px solid darkgray;
    margin:1em 0;
    padding:0; 
}

iframe, embed {
	border:1px solid black;
	background-color:rgb(245,245,245);
}

/*------------------------------------------------------------------------------------------------------------------------*/

.fa-lg {
	font-size:1.33rem !important;
}

/*------------------------------------------------------------------------------------------------------------------------*/

.inline_box {
	display:inline-block;
	vertical-align:top;
}

.margin_ten_px {
	margin:10px;
}

.white_space_no_wrap {
	white-space:nowrap;
}

/*------------------------------------------------------------------------------------------------------------------------*/

#loader {
	position:absolute;
	left:0; right:0;
	top:0; bottom:0;
	z-index: 5000;
	margin:auto;
	background-image: url("images/spinner.gif");
	background-repeat:no repeat;
	background-position:center center;
    width:120px;
    height:120px;
}

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

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

/*------------------------------------------------------------------------------------------------------------------------*/

.white_informations_box {
	font-size:0.8rem;
    background-color: white;
    padding: 10px 20px;
    margin: 15px 0px;
    border: 1px solid darkgray;
    text-align: center;
}

.white_selector_box {
	font-size:0.8rem;
    background-color: white;
    padding: 7px 20px;
	height:30px;
    border: 1px solid darkgray;
    border-bottom: 1px solid transparent;
    text-align: center;
	cursor:pointer;
}

.white_selector_box_selected {
	text-decoration:underline;
}

/*------------------------------------------------------------------------------------------------------------------------*/

#inscription_output_box {
	padding:0px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 185, 80));
    background-color: rgb(230, 104, 90);
	max-width:100%;
	min-height:100%;
}

#inscription_output_form_inscription {
	display:inline-block;
	text-align:center;
	padding:40px;
	vertical-align:middle;
	min-width:600px;
	background-color:rgb(241,241,241) !important;
} @media (max-width: 1600px) {
	#inscription_output_form_inscription {
		display:block;
		min-width:auto;
		width:100%;
		padding:0px;
	}
}

.inscription_checkboxes {
	text-align:left;
	padding:5px;
	line-height:1.5rem;
} @media (max-width: 768px) {
	.inscription_checkboxes {
		padding:5px 0px;
		line-height:1.5rem;
	}
}

.inscription_form_element {
	width:200px !important;
	font-size:0.85rem !important;
	height:20px !important;
	padding:4px 10px !important;
	border:1px solid transparent !important;
	background-color:white !important;
	border-radius:10px !important;
} .inscription_form_element:focus {
	outline:0 !important;
} @media (max-width: 768px) {
	.inscription_form_element {
		width:280px !important;
		font-size:1.2rem !important;
		height:30px !important;
		padding:12px !important;
		border:1px solid black !important;
		margin:5px 0px !important;
	}
}

.error_box {
	line-height:15px;
	min-height:15px;
	padding:5px;
	border-bottom:3px solid rgb(251,115,39);
	font-family:'Hind', Calibri, Verdana, sans-serif;
	font-size:0.8rem;
	margin-bottom:10px;
} @media (max-width: 768px) {
	.error_box {
		line-height:20px;
		min-height:40px;
		font-size:1.1rem;
		border-bottom:5px solid rgb(251,115,39);
	}
}

.buttons_box {
	display:inline-block;
	padding-top:10px;
	padding-bottom:10px;
	min-height:45px;
}

/*------------------------------------------------------------------------------------------------------------------------*/

@keyframes shake {
  0% { 
    transform: rotate(2deg);
  }
  50% {
   transform: rotate(-3deg);
  }
  70% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

/*------------------------------------------------------------------------------------------------------------------------*/
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
	width:100% !important;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	margin-top: .5em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
/*------------------------------------------------------------------------------------------------------------------------*/

.ui-tooltip {
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}

body .ui-tooltip {
	border-width: 2px;
}

.ui-tooltip, .tooltip_arrow:after {
	background:rgb(248,102,45);
	border:none;
} .ui-tooltip {
	white-space: pre-line;
	padding:10px 20px !important;
	color: white;
	border-radius:5px;
	font: bold 0.80rem Calibri, Verdana, sans-serif;
	box-shadow: 0 0 7px black;
	animation:shake 500ms ease-in-out forwards;
} .tooltip_arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
} .tooltip_arrow.top {
	top: -16px;
	bottom: auto;
} .tooltip_arrow.left {
	left: 20%;
} .tooltip_arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
} .tooltip_arrow.top:after {
	bottom: -20px;
	top: auto;
}

/*------------------------------------------------------------------------------------------------------------------------*/

.idnich-button {
	cursor:pointer;
    min-width:130px;
    height:30px;
	padding:0px 20px;
	background-image:linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 185, 80));
    background-color:rgb(230, 104, 90);
    transition:.3s;
    border-radius:4px;
    color:#fff;
    font-size:0.90rem;
    border:0;
    font-family:Calibri, Verdana, sans-serif;
    text-decoration:none;
    align-items:center;
    justify-content:center;
}

.idnich-button:hover {
	background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgb(255, 185, 80));
    background-color:rgb(230, 104, 90);
}

.generate_idnich_translation_title {
	border:1px solid darkgray !important;
	border-bottom:1px solid transparent !important;
	width:300px !important;
	height:30px !important; 
} @media (max-width: 1670px) {
	.generate_idnich_translation_title {
		width:180px !important;
	}
}

.idnich_translation_box {
	display:inline-block;
	vertical-align:middle;
	width:50%;
	height:500px;
} @media (max-width: 1470px) {
	.idnich_translation_box {
		display:block;
		margin-bottom:15px;
		width:100%;
	}
	
	.generate_idnich_translation_title {
		width:80% !important;
	}
	
	#generate_idnich_translation_article {
		width:150px;
	}
	
	#generate_idnich_translation_result {
		border-left:3px solid rgb(251,115,39) !important;
	}
}

#generate_idnich_url {
	background-color:white !important;
	border:none !important;
	border-bottom:1px solid darkgray !important;
	border-radius:0px !important;
	max-width:300px;
} @media (max-width: 1260px) {
	#generate_idnich_url {
		max-width:250px;
	}
}

.custom_keyword_box {
	background-color:white;
	border:1px solid darkgray;
	border-radius:25px;
	padding:7px 12px;margin:4px;
	cursor:pointer;
} .custom_keyword_box_important {
	background-color:lightgray;
} .custom_google_keyword_box_important {
	background-color:rgb(255, 224, 224);
}

#dniche_import_id_translation {
	background-color:white !important;
	border:none !important;
	border-radius:10px !important;
	max-width:300px;
} @media (max-width: 1260px) {
	#dniche_import_id_translation {
		max-width:250px;
	}
}

.table_style {
	padding:15px;
	width:100%;
	font-family:'Hind', Calibri, Verdana, sans-serif;
} @media (max-width: 768px) {
	.table_style {
		word-break:break-all;
		padding:0px;
	}
}

.table_style tbody tr:hover {
	background-color:rgba(193,193,193, 0.5) !important;
}

.table_style th {
	border-collapse:collapse;
	padding:10px;
	border-bottom:2px solid rgb(193,193,193);
	color:rgb(193,193,193);
	font-weight:normal !important;
	font-size:0.95rem !important;
} @media (max-width: 768px) {
	.table_style th {
		font-size:1.1rem !important;
		padding:15px 5px;
		word-break:normal !important;
	} .table_style tbody tr {
		cursor: pointer
	}
}

.table_style td {
	color:black;
	overflow:visible;
	border:none;
	padding:7px !important;
	font-size:0.90rem !important;
} @media (max-width: 768px) {
	.table_style td {
		font-size:1.05rem !important;
		padding:8px 3px !important;
	}
}

.table_small_button {
	min-width:70px !important;
	border-radius:15px !important;
	font-size:0.75rem !important;
	margin:2px;
	height:20px;
}

.dniche_translation_meta_button {
	min-width:30px !important;
}

.button, .button_small {
	min-width:100px;
	display: inline-block;
	padding: 6px 14px;
	margin-bottom: 0;
	font-size:14px !important;
	font-weight:bold;
	font-family:Calibri, Verdana, sans-serif !important;
	line-height: 20px;
	color:#333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, rgb(131,183,240), rgb(180,220,240));
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(131,183,240)), to(rgb(180,220,240)));
	background-image: -webkit-linear-gradient(top, rgb(131,183,240), rgb(180,220,240));
	background-image: -o-linear-gradient(top, rgb(131,183,240), rgb(180,220,240));
	background-image: linear-gradient(to bottom, rgb(131,183,240), rgb(180,220,240));
	background-repeat: repeat-x;
	border: 1px solid black;
	border-color: rgb(131,183,240) rgb(131,183,240) #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
		  border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
a.button, a.button:hover {
	color:#333333;
	text-decoration:none;
}

.button_small {
	padding:2px !important;
	min-width:25px !important;
}    

.button:hover,
.button:active,
.button[disabled],
.button:disabled,
.button_small:hover,
.button_small:active,
.button_small[disabled],
.button_small:disabled {
	color: rgb(130,130,130) !important;
	background-color: rgb(180,220,240);
	border: 1px solid black;
}

.button:active,
.button_small:active {
	background-color: rgb(131,183,240);
	border: 1px solid black;
}

.button:not([disabled]):hover,
.button_small:not([disabled]):hover {
	color: #333333 !important;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	 -moz-transition: background-position 0.1s linear;
	   -o-transition: background-position 0.1s linear;
		  transition: background-position 0.1s linear;
	border: 1px solid black;
}

.button:focus,
.button_small:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	border: 1px solid black;
}

.button.active,
.button:active,		
.button_small.active,
.button_small:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
		  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	border: 1px solid black;
}

input[type="text"], input[type="password"], select option, select, textarea {
	width:100%;
	font-family:'Hind', Calibri, Verdana, sans-serif;
	font-size:0.85rem;
	padding:5px 10px;
	margin-bottom: 0;
	color:black;
	vertical-align: middle;
	border:none;
	border-bottom:1px solid black;
	background-color:transparent;
	height:35px;
	line-height:1.0rem;
} @media (max-height: 550px), (max-width: 1000px) {
	input[type="text"], input[type="password"], select option, select, textarea {
		font-size:1.1rem;
		height:auto;
	}
}

select {
    -webkit-appearance: none;
	background-color:white;
	border:none;
	border-radius:10px;
}

textarea {
	color:black;
	border:1px dashed black;
}

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
    outline:none;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
select[disabled], 
select:disabled,
option[disabled],
option:disabled {
	background-color:rgba(190,190,190,0.4);
}

input[type=checkbox] {
	transform: scale(1.3);
	margin:0px 5px;
} @media (max-height: 550px), (max-width: 1000px) {
	input[type=checkbox] {
		transform: scale(4.0);
		margin:0px 25px;
	}
}


button.navigation_bar_button, button.no_style_button {
	position:relative;
	padding:2px;
	margin:0px;
	border:transparent;
	background-color:transparent;
	cursor:pointer;
}

.navigation_bar_button:hover, .no_style_button:hover {
	background-color:transparent !important;
}

.navigation_bar_button:focus, .no_style_button:focus {
	border:none;
	border-radius:0px;
	background:none;
}
	
.navigation_bar_button:active {
	top:2px;
	left:2px;
	border:2px solid rgb(148,182,237);
	border-radius:2px;
}

.no_style_button:active {
	padding:3px;
} .no_style_button:focus {
	outline:0;
}

form {
	height:100% !important;
	width:100% !important;
}

/* --------------------------------------------------------------------------------- */

#application_layout {
	width:100%;
	height:100% !important;
	overflow:auto;
}

#application_window {
	font-family:'Hind', Calibri, Verdana, sans-serif;
	font-size:15px;
	width:100%;
	height:100% !important;
	margin:auto;
	overflow:auto;
	overflow-y:hidden;
	padding-top:15px;
}

/* -------------------- UI Override ------------------- */

.ui-dialog-title {
	color:black;
	padding:25px;
}

.ui-dialog .ui-dialog-titlebar {
	padding:0px !important;
}

.ui-dialog {
	background-color:white;
    border:1px solid white !important;
    border-left:3px solid rgb(251,115,39) !important;
    padding:0px !important;
    box-shadow:1px 1px 12px #555;
	min-width:400px;
	min-height:300px;
}

.ui-dialog .ui-dialog-buttonpane {
	background-color:white;
	padding:0px 10px !important;
	border-top:1px solid white !important;
}

.ui-button-icon-only .ui-icon, .ui-dialog-titlebar-close {
	display:none !important;
}

.ui-dialog .ui-dialog-content {
	color:black;
	border:none !important;
	min-height:150px !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-radius:0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-radius:0px;
}

.ui-widget-header {
	background-color:transparent;
	background:none;
	border:none;
	border-bottom:1px solid white;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size:0.85rem;
}