/*** MD Software & Design CSS ***/


/*** Fonts ***/
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*** Fonts ***/


/*** Common styles ***/

/* Common styles */
body.site {
	border-top: 0px;
	font-family: lato_v23_latin_regular !important;
	padding: 20px 0px;
}

.body .container {
	border-radius: 4px 4px 0px 0px;	
	border-bottom: none;
}

.header-inner.clearfix {
	position: relative;
}

.header-search.pull-right {
	position: absolute;
	right: 0;
	top: -5px;
}

a, a:hover, a:focus {
	color: #333;
	text-decoration: none;
}

.sitename {
	margin-top: 15px;
}

@media (max-width: 979px) {
	.container {
		width: auto;
	}

	.sitename {
		text-align: center;
	}
}
/* Common styles */

/* Scroll To Top button */
.scrollToTop::before {
	content: url("/images/back_to_top.png");
}

/* Scroll To Top button */

/* CookieHint */
#redim-cookiehint {
	bottom: 0px;
	top: auto !important;
    padding: 20px 60px;
    background-color: #FFFFFF;
    text-align: center;
	box-sizing: border-box;
	position: fixed;
	z-index: 9999999;
	width: 982px;
	max-width: 1570px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid rgba(0,0,0,0.15);
}

#redim-cookiehint .cookiecontent {
	color: #838383;
	margin-bottom: 30px;
}

@media (max-width: 979px) {
	#redim-cookiehint {
		width: 100%;
	}
}
/* CookieHint */

/*** Common styles ***/




/*** MD Software & Design ***/

/* Common styles */
body.site.com_content.view-article.no-layout.no-task.itemid-106 .body .container:nth-child(1), body.site.com_content.view-article.no-layout.no-task.itemid-107 .body .container:nth-child(1) {
	border: 1px solid #4D607D;
}
/* Common styles */

/* MD Header */
.md-header {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	margin-top: 10px;
}

.md-header .md-logo {
    float: left;
	width: 75px;
}

.md-header .md-logo img {
	width: 50px;
}

.md-hr {
	border-top: 1px solid #4D607D;
}

@media (max-width: 480px) {
	.md-header .md-logo {
		width: 100%;
		float: none;
		display: block;
		margin: auto;
	}

	.md-header .md-title {
		text-align: center;
		margin-top: 25px;
	}
}
/* MD Header */

/* MD Home page */
.md-home-title {
	background: #4D607D;
	padding: 5px 20px;
	border-radius: 4px;
	margin-bottom: 20px;
	color: #FFF;
}

.md-home-main .left {
	float: left;
	width: calc(50% - 52px);
	border: 1px solid #4D607D;
	border-radius: 4px;
	padding: 20px;
}

.md-home-main .right {
	float: right;
	width: calc(50% - 52px);
	border: 1px solid #4D607D;
	border-radius: 4px;
	margin-left: 20px;
	padding: 20px;
	display: none;
}

.md-home-main .left img.eurotel-installation-form-delivery-not {
	display: block;
	margin: 0px auto 20px auto;
	height: 70px;
}

.md-home-main .left .title {
	text-align: center;
	padding: 10px;
	background: #4D607D;
	border: 1px solid #4D607D;
	border-radius: 4px;
	transition: all 0.2s ease-in;
}

.md-home-main .left .title:hover {
	text-align: center;
	padding: 10px;
	background: #FFF;
	border: 1px solid #4D607D;
	border-radius: 4px;
	transition: all 0.2s ease-in;
}

.md-home-main .left .title h4 {
	color: #FFF;
	transition: all 0.2s ease-in;
}

.md-home-main .left .title:hover h4 {
	color: #4D607D;
	transition: all 0.2s ease-in;
}

@media (max-width: 767px) {
	.md-home-main .left, .md-home-main .right {
		width: calc(100% - 42px);
		margin-left: 0px;
	}
	
	.md-home-main .left {
		margin-bottom: 20px;
	}
}

/* MD Home page */

/* MD Footer */
.md-footer {
	background: #4D607D;
	margin: 0px -21px;
	padding: 20px;
	color: #FFF;
	border: 1px solid #4D607D;
	border-top: none;
	border-radius: 0px 0px 4px 4px;
	display: flex;
}

.md-footer .first {
	width: 65%;
}

.md-footer .second {
	width: 30%;
	margin-left: 5%;
}

.md-footer a {
	color: #FFF;
}

@media (max-width: 767px) {
	.md-footer {
		display: inherit;
	}

	.md-footer .first, .md-footer .second {
		width: 100%;
		text-align: center;
	}

	.md-footer .second {
		margin: 25px 0px 0px 0px;
	}

	.md-footer .first p, .md-footer .second p {
		text-align: center !important;
	}
}

@media (max-width: 979px) {
	.md-footer {
		margin: 0;
	}

	.md-footer {
		border-radius: 0px;
	}
}
/* MD Footer */

/* Scroll To Top button */
#scrollToTop {
	background: #4D607D;
	padding-bottom: 7px;
}

#scrollToTop:hover {
	background: #25344D;
}
/* Scroll To Top button */

/* CookieHint */
#redim-cookiehint {
	border: 1px solid #4D607D;
}

#redim-cookiehint a {
	height: 16px;
	background: #4D607D;
	color: #FFF;
	font-size: 14px;
//	font-family: "Open Sans", Arial;
	font-family: lato_v23_latin_regular !important;
	font-weight: 700;
	transition: all 180ms ease-in-out;
	border: none;
	padding: 1em;
	line-height: 1.1em;
	text-shadow: none;
}

#redim-cookiehint a:hover {
	background: #25344D;
	transition: all 180ms ease-in-out;
}
/* CookieHint */

/*** MD Software & Design ***/





/*** EUROTEL ***/

/* Footer */
.euro-tel-footer {
	background: #e2007a;
	margin: 0px -21px;
	padding: 20px;
	color: #FFF;
	border: 1px solid rgba(0,0,0,0.15);
	border-top: none;
	border-radius: 0px 0px 4px 4px;
	display: flex;
}

.euro-tel-footer .first {
	width: 25%;
}

.euro-tel-footer .second {
	width: 25%;
}

.euro-tel-footer a {
	color: #FFF;
	text-decoration: none;
}

@media (max-width: 480px) {
	.euro-tel-footer {
		display: inherit;
	}

	.euro-tel-footer .first, .euro-tel-footer .second {
		width: 100%;
		text-align: center;
	}

	.euro-tel-footer .second {
		margin-top: 25px;
	}

	.euro-tel-footer .first p, .euro-tel-footer .second p {
		text-align: center !important;
	}
}

@media (max-width: 979px) {
	.euro-tel-footer {
		margin: 0;
	}

	.euro-tel-footer {
		border-radius: 0px;
	}

}
/* Footer */

/* Scroll To Top button */
body.site.com_chronoforms6.view-form.no-layout.no-task.itemid-111 #scrollToTop, body.site.com_chronoforms6.view-form.no-layout.no-task.itemid-112 #scrollToTop {
	background: #e2007a;
	padding-bottom: 7px;
}

body.site.com_chronoforms6.view-form.no-layout.no-task.itemid-111 #scrollToTop:hover, body.site.com_chronoforms6.view-form.no-layout.no-task.itemid-112 #scrollToTop:hover {
	background: #b90064;
}
/* Scroll To Top button */

/* CookieHint */
body.site.com_chronoforms6.view-form.no-layout.no-task.itemid-111 #redim-cookiehint, body.site.com_chronoforms6.view-form.no-layout.no-task.itemid-112 #redim-cookiehint {
	border: 1px solid rgba(0,0,0,0.15);
}

body.site.com_chronoforms6.view-form.no-layout.no-task.itemid-111 #redim-cookiehint a, body.site.com_chronoforms6.view-form.no-layout.no-task.itemid-112 #redim-cookiehint a {
	height: 16px;
	background: #e2007a;
	color: #FFF;
	font-size: 14px;
//	font-family: "Open Sans", Arial;
	font-family: lato_v23_latin_regular !important;
	font-weight: 700;
	transition: all 180ms ease-in-out;
	border: none;
	padding: 1em;
	line-height: 1.1em;
	text-shadow: none;
}

body.site.com_chronoforms6.view-form.no-layout.no-task.itemid-111 #redim-cookiehint a:hover, body.site.com_chronoforms6.view-form.no-layout.no-task.itemid-112 #redim-cookiehint a:hover {
	background: #b90064;
	transition: all 180ms ease-in-out;
}
/* CookieHint */

/* Installation form - Delivery note form */
.euro-tel-form-header {
	background: #e2007a;
	margin: 20px -20px;
	padding: 10px 20px;
	color: #FFF;
}

i.inverted.bordered.blue.icon, i.inverted.circular.blue.icon {
	background-color: #e2007a !important;
}

i.circular.icon {
	padding: 3px 1px !important;
	width: 16px !important;
	height: 16px !important;
}

.ui.dropdown:not(.button) > .default.text {
	color: rgba(0, 0, 0, 0.87);
}

#signature-of-client-area-container {
	margin: 0 0 1em;
}

#widget_signature-of-installer canvas, #signature-of-client-area-container canvas {
	width: 100% !important;
	height: 150px;
}

form .ui.button, .ui.button.compact.tiny {
	height: 43px;
	background: #e2007a;
	color: #FFF;
//	font-family: "Open Sans", Arial;
	font-family: lato_v23_latin_regular !important;
	font-size: 14px;
	transition: all 180ms ease-in-out;
}

.ui.button, #euro-tel-form-back {
	background: #e2007a;
	transition: all 180ms ease-in-out;
	color: #FFF;
}

.ui.button:hover, #euro-tel-form-back:hover {
	background: #b90064;
	transition: all 180ms ease-in-out;
	color: #FFF;
}

form .ui.button:hover, .ui.button.compact.tiny:hover {
	background: #b90064;
	transition: all 180ms ease-in-out;
	color: #FFF;
}

input[type=file] {
	padding: 7px !important;
	-webkit-padding-before: 9px !important;
	-webkit-padding-after: 9px !important;
}

form .btn-file-upload {
	margin-top: 22px !Important;
}

.ui.attached.error.message, .ui.error.message {
	margin-top: 20px;
	width: calc(100% + 40px);
	margin-left: -20px;
	border-radius: 0px;
}

.ui.message .list:not(.ui) li {
	margin-left: 0px;
}

.ui.message .list:not(.ui) li::before {
	content: none;
}

.ui.error.message {
	background-color: red;
	box-shadow: none;
}

.ui.error.message .header {
	color: #FFF;
}

@media (max-width: 767px) {
	form .btn-file-upload {
		margin-top: 0px !Important;
	}

	#file-and-remove-01, #file-and-remove-02, #file-and-remove-03, #file-and-remove-04, #file-and-remove-05 {
		margin-bottom: 1em;
	}

	#file-and-remove-01 button, #file-and-remove-02 button, #file-and-remove-03 button, #file-and-remove-04 button, #file-and-remove-05 button {
		margin-left: .5em;
	}

	.m-signature-pad--footer {
		margin-top: 1em;
	}
}
/* Installation form - Delivery note form */

/*** EUROTEL ***/