/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* ==========================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ======= NOTIFICATIONS, SUCCESS, ERRORS ======= */
.noResults { display: inline-block; width: 80%; margin: 40px 10%; padding: 15px 30px; text-align: center; background: #15a75d; color:#fff; font-weight: 600;}
.successMessage { color: #6aa002; font-size: 18px; font-weight: 800; margin: 20px 0;}
.errorMessage { color: #ed5a10; font-size: 18px; font-weight: 800; margin: 20px 0;}

#pgError { padding: 5% 0;}
    #pgError p { color: #15a75d; font-size: 16px; margin-bottom: 10px;}
    #pgError h2 { color: #15a75d;}
    #pgError ul li { list-style-type: none;}
    #pgError li::before { content: "• "; color: #15a75d; margin-right: 3px;}

INPUT.error, SELECT.error, TEXTAREA.error, INPUT.error-js, SELECT.error-js, TEXTAREA.error-js, .error { border: 1px solid #ed5a10 !important; }


/* ======= TIPSY TOOLTIP ======= */
.tipsy { font-size: 13px; position: absolute; padding: 5px; z-index: 100000; }
	.tipsy-inner { background-color: #172125; color: #FFF; max-width: 300px; padding: 5px 8px 4px 8px; text-align: center; }

	.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #172125; }

	/* Rules to colour arrows */
	.tipsy-arrow-n { border-bottom-color: #172125; }
	.tipsy-arrow-s { border-top-color: #172125; }
	.tipsy-arrow-e { border-left-color: #172125; }
	.tipsy-arrow-w { border-right-color: #172125; }

	.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
	.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
	.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
	.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
	.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
	.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
	.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
	.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
    
/*====================================================================================================================================*/
/* ======= SEARCHBOX ======= */
.ui-helper-hidden-accessible{ position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; overflow:hidden; margin:-1px; padding:0; border:0; }
.ui-autocomplete{ position:absolute; top:0; left:0; width:auto; padding:0; border:1px solid #424242; background:#fff; list-style-type:none; cursor:default; }
	.ui-autocomplete-category{ display:block; padding:5px 7px; color: #971748; }
	.ui-autocomplete LI.ui-menu-item{ padding:0; }
		.ui-autocomplete LI.ui-menu-item A{ display:block; padding:3px 10px; color:#222;  background: #fff; line-height: 30px; text-shadow: none;}
			.ui-autocomplete LI.ui-menu-item A:hover{ color:#7FBD8B; }
	.ui-state-focus{ background:#7FBD8B !important; color:#fff !important; }
.highlight {
	padding:1px; background-color: #7FBD8B; color: #fff;
	-moz-box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); -webkit-box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7);
}
/*====================================================================================================================================*/

/* ======= ADMIRAL ======= */
.noMargin {margin:0 !important;}
.noMarginTop {margin-top:0 !important;}
.noMarginRight {margin-right:0 !important;}
.noMarginLeft {margin-left:0 !important;}
.noBorderBottom {border-bottom:0 !important;}
/*====================================================================================================================================*/

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.floatLeft { float: left;}
.floatRight { float: right;}

/* ==========================================================================
   Map
   ========================================================================== */
#map_div{ height:300px; width:100%;}


/* ==========================================================================
   Custom styles
   ========================================================================== */
BODY { background-color: #fff;}
.ui-content { background-color: #fff;}
.wrapper { width: 1170px; margin: 0 auto;}

/* ======================================== GENERAL STYLES================================== */
* { box-sizing: border-box;}
a { text-decoration: none;}
a:focus { outline: none;}
::selection { color: #000000; background: #eef3ef; text-shadow: none;}
p { margin: 0; font-size: 14px; line-height: 20px; color: #6D6E71;}
ul { margin: 0; padding: 0; list-style-type: none; line-height: 36px;}
ul li::before { content: "• "; color: #15a75d; margin-right: 3px; font-size: 120%;}
h1, h2, h3, h4 { margin: 0;}
h1 { font: 40px "Open Sans", sans-serif; text-transform: uppercase; font-weight: 700; margin-bottom: 30px;}
h2 { font: 29px "Open Sans", sans-serif; margin-bottom: 25px;}
h3 { font: 24px "Open Sans", sans-serif; text-transform: none; margin-bottom: 30px;}
h4 { font: 18px "Open Sans", sans-serif;}
/* position*/
.left { float: left; width: 50%;}
.right { float: right; width: 50%;}
.center { text-align: center;}
.center a { display: inline-block;}
/* boxes*/
.box4 { float: left; width: 23.5%; margin-right: 2%; overflow: hidden;}
    .box4:nth-of-type(4n+4) { margin-right: 0;}
.box3 { float: left; width: 28%; margin-right: 8%; overflow: hidden;}
    .box3:nth-of-type(3n+3) { margin-right: 0;}
.box2 { float: left; width: 45%;}
    .box2:nth-of-type(even) { margin-right: 0;}
    .box2:nth-of-type(odd) { margin-right: 5%;}
/* butons*/
.purpleButton { display: inline-block; padding: 15px 40px; background-color: #0f6939; color: #FFFFFF; text-decoration: none; border: 1px solid #0f6939;}
    .purpleButton i { margin-left: 10px;}
    .purpleButton:hover { background-color: transparent; color: #0f6939;}
/*custom*/
.contentStatic { padding: 50px 0; border-bottom: 1px solid #eeeeee;}
    .contentStatic:last-of-type { border: none;}
    .contentStatic p { margin-bottom: 10px;}
    .contentStatic a { color: #15a75d; font-size: 14px;}
    .contentStatic a:hover { text-decoration: underline;}
    .contentStatic .left { padding-right: 30px;}
    .contentStatic img  { max-width: 100%; margin-bottom: 10px;}
.imgContainer { position: relative; overflow: hidden;}
    .imgContainer img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%;}
.content { padding: 50px 0 80px;}
    .content p { margin-bottom: 10px;}
/* ======================================== HEADER ================================== */
header { background: #eef3ef;}
#headerTop { line-height: 80px; display: flex; justify-content: flex-start; align-items: center;}
    #headerTop i { color: #0f6939;}
    #headerTop i:hover { color: #15a75d;}
    #logo { float: left;}
        #logo img { width: 80px;}
    #media {}
    nav { overflow: hidden; margin-left: auto;}
        nav ul { padding: 0; text-align: left; line-height: 80px;}
        nav ul li { display: inline-block; margin-right: 20px; }
        nav ul li:before { content: ""; margin: 0;}
        nav ul li a { font-family: "Open Sans", sans-serif; font-size: 14px; color: #000000; text-decoration: none;}
        nav ul li a:hover, nav ul li .active { color: #15a75d;}

#languageMenu { list-style-type: none; margin-left: 20px;}
#languageMenu li:before { margin: 0; content: none;}
#languageMenu a { color: #0f6939; font-weight: 600; text-transform: uppercase;}
#languageMenu a:hover { color: #15a75d;}

/* ======================================== BANNER + SUNA INFO ================================== */
.mainBanner {}
.banner {}
    .banner img { width: 100%;}
.sunaInfo { overflow: hidden; display: flex; height: 100%; }
    .sunaInfo h2 { float: left; margin: 0; line-height: 76px; font-size: 24px;}
#arrow { position: relative; float: left; width: 25%; padding-left: 5%; background: #15a75d; color: #FFFFFF; line-height: 76px; height: auto; display: flex; align-items: center; }
    #arrow:before { content: ""; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-left: 20px solid #15a75d; border-top: 38px solid transparent; border-bottom: 38px solid transparent;}
    #arrow a { color: #ffffff;}
    #arrow a:hover { text-decoration: underline;}
#arrowButton { position: relative; float: left; line-height: 76px; height: auto; width: calc(75% - 25px); background: #eef3ef; margin-left: 25px; padding-left: 60px; padding-right: calc((100% - 1180px)/2); text-align: right;}
    #arrowButton h2 { font-weight: 500;}
    #arrowButton .purpleButton { line-height: normal; font-size: 16px;}
    #arrowButton:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);; width: 0; height: 0; border-left: 20px solid #FFFFFF; border-top: 38px solid transparent; border-bottom: 38px solid transparent;}
    #arrowButton a { color: #15a75d; line-height: 76px;font-size: 24px; white-space: nowrap;  margin-right: 20px; }
    #arrowButton a:hover { color: #000000;}

/* ======================================== SLIDER ================================== */
#sliderMain { position: relative; background: #eeeeee;}
.slide { height: 22vw; width: 100%; overflow: hidden;}
    .slide img {vertical-align: bottom; width: 100%;}
    .slideContent { position: absolute; right:calc((100% - 1180px)/2); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
    .slideContent .purpleButton {margin-top: 20px; font-size: 18px;}
    .slideContent h1, .slideContent p { font-size: 30px; margin: 0; color: #15a75d; text-transform: none;}
.bx-wrapper { position: inherit; margin: 0 auto;}
    .bx-wrapper .bx-viewport { background: none; left: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
    .bx-wrapper .bx-pager.bx-default-pager a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #fff; width: 7px; height: 7px; margin: 0 10px;}
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #eeeeee;}
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { left: 0; right: 0; margin: auto; bottom: -50px;}
    .bx-wrapper .bx-pager.bx-default-pager a { background: #e4dacf;}
    .bx-wrapper .bx-controls-direction a { background-position: 0 0; width: 20px; height: 40px;}
    .bx-wrapper .bx-prev { left: 20px; margin: 0; background-size: auto 40px;}
    .bx-wrapper .bx-next { right: 20px; margin: 0; background-position: -20px 0 !important; background-size: auto 40px;}
    .bx-wrapper .bx-next:hover { background-position: -20px 0;}

/* ======================================== MAIN PAGE ================================== */
#iconMain { padding: 50px 0; border-bottom: 1px solid #eeeeee;}
    #iconMain h3 { color: #15a75d; text-transform: uppercase;}
    #iconMain p { color: #6D6E71; font-size: 14px; margin-bottom: 10px;}
    #iconMain a { color: #15a75d; font-size: 14px;}
    #iconMain a:hover { text-decoration: underline;}
    #iconMain .box3 { text-align: center;}
    #iconMain .imgContainer { padding-top: 65%;}
    #iconMain .imgContainer img { width: 80%;}

/* ======================================== SECONDARY NAV ================================== */
.secondaryNav { font-size: 18px; padding: 20px 0; color: #333; border-bottom: 1px solid #c0c0c0;}
    .secondaryNav a { color: #15a75d;}
    .secondaryNav a:hover { text-decoration: underline;}
    .secondaryNav i { margin: 0 10px;}

/* ======================================== INFORMATII ================================== */
.pageNav { float: left; width: 24%;}
    .pageNav ul { line-height: normal; font-size: 14px;}
        .pageNav ul li { border-top: 1px solid #c0c0c0;}
        .pageNav ul li:first-of-type { border-top: none;}
        .pageNav ul li:before {content: ""; margin: 0;}
        .pageNav ul li .active  { background: #eef3ef;}
            .pageNav ul li a { padding: 10px; display: block; color: #15a75d;}
            .pageNav ul li a:hover { text-decoration: underline;}
.pageNavContent { float: right; width: 74%;}
    .pageNavContent p strong, .pageNavContent h3 { color: #15a75d; font-weight: 700;}
    /*.pageNavContent img { width: 100%;}*/
    .pageNavContent a, .content a { font-size: 14px; color: #15a75d;}
        .pageNavContent a:hover,  .content a:hover { text-decoration: underline;}
    .pageNavContent ul, .pageNavContent ol { font-size: 14px; line-height: 20px; color: #6D6E71;}
    .pageNavContent .box3 { width: 31.33%; margin: 0 3% 3% 0;}
        .pageNavContent .box3:nth-of-type(3n+3) { margin-right: 0;}
        .pageNavContent .box3 a { display: inline-block; margin-top: 10px; font-size: 12px; color: #15a75d;}
        .pageNavContent .box3 p { font-size: 12px; margin: 0;}
        .pageNavContent .box3 .imgContainer { padding-top: 67%; margin-bottom: 10px;}

/* ======================================== PACIENTI ================================== */
.boxName { position: relative; padding: 12px 20px; margin-top: 12px; cursor: pointer; border: 1px solid #eeeeee; color: #15a75d;}
    .boxName:hover {  background-color: #eef3ef;}
    .boxName p { color: #15a75d; font-size: 20px; line-height: normal; font-family: "Open Sans", sans-serif; display: inline-block; margin: 0 0 0 10px;}
    .boxName i:first-of-type { position: relative; top: -1px;}
    .boxName i:last-of-type { position: absolute; right: 20px; top: 20px;}
.secondBox { margin-top: 30px;}
/* ======================================== ECHIPA ================================== */
#despre .box3 { text-align: center; margin-bottom: 20px;}
#despre .box3 h4 { color: #0f6939; font-weight: 600;}
#despre .mediaLink {}
#despre .mediaLink a {color: #15a75d; margin: 0 5px;}
#despre .mediaLink a:hover {color: #0f6939;}
#despre .program { margin: 10px 0;}
#despre .imgContainer { padding-top: 80%; margin-bottom: 0;}
/* ======================================== LINK_URI UTILE ================================== */
#linkuri h3 { margin-bottom: 10px;}
#linkuri a { color: #15a75d;}
#linkuri a:hover { text-decoration: underline;}

/* ======================================== CONTACT + INTREABA MEDICUL ================================== */
.mapWrapper {position: relative; /*padding-bottom: 56.25%;padding-top: 25px;height: 0;*/}
.mapWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#map { height: 350px; background: #eeeeee; margin-top: 30px;}
    #map h1 { font-size: 16px;}
#detaliiContact { float: left; width: 48%; padding: 50px 0;}
    #detaliiContact h3 { color: #15a75d; font-weight: 700;}
    #detaliiContact p { margin-bottom: 10px;}
    
#formContact, #formProgramari { float: right; width: 48%; padding: 50px 0; overflow: hidden;}
    
.formStyle {}
    .formStyle input, .formStyle textarea, .formStyle select { display: inline-block; width: 100%; margin-bottom: 30px; padding: 15px 30px; border: 1px solid #c0c0c0; /*color: #c4c4c4;*/}
    .formStyle .purpleButton { float: right;}
    .formStyle .QapTcha { margin-bottom: 20px;}

#introForm { margin-bottom: 30px;}
    #introForm img { float: left; width: 25%;}
    #introForm p { float: right; width: 73%; margin-top: 20px;}
#intreaba #formContact { float: none; margin: 0 auto;}

/* ======================================== FOOTER ================================== */
#footertop { background: #0f6939; color: #FFFFFF; padding: 50px 0; text-align: center;}
    #footertop .box3 { padding: 0 15px; border-top: 5px solid #FFFFFF; padding-top: 20px; font-size: 14px; float: none; display: inline-block; margin: 0 2%; text-align: left; vertical-align: top; width: 40%;}
    #footertop .box3:nth-of-type(2) ul li::before {content: ''; margin: 0;}
    #footertop a { color: #FFFFFF;}
    #footertop a:hover { text-decoration: underline;}
    #footertop input { width: 100%; padding: 15px 40px; margin-bottom: 20px; border: none;}
    #footertop ul { line-height: normal;}
    #footertop ul li::before { color: #FFFFFF;}
    
    /* ======================================== CHESTIONAR SATISFACTIE ================================== */
#pageChestionar { font-weight: 400; color:#000;}
#pageChestionar p {color:#000;}

#pageChestionar .secondaryColorBg { padding: 30px;}
#pageChestionar .formStyle {     background: #eee;padding: 30px;}
#pageChestionar .question { margin-bottom: 30px;}
#pageChestionar .question table { width: 100%; vertical-align: middle;}
#pageChestionar .question tr { border-bottom: 2px solid #fff;}
#pageChestionar .question tr:first-of-type th { text-align: center;}
#pageChestionar .question tr:not(:first-of-type) th {font-weight: 400;}

#pageChestionar .question tr th { width: 30%; text-align: left;}
#pageChestionar .question th, #pageChestionar .question td {padding: 7px; text-align: center;}
#pageChestionar .question table input { margin: 0; padding: 0;}
#pageChestionar .question table .labelInput { display: table-cell;}
#pageChestionar .question p { margin-bottom: 10px; font-weight: 600;}
#pageChestionar .question input, #pageChestionar .question textarea { margin-bottom: 0;}
#pageChestionar .question .labelInput { margin-bottom: 10px; margin-right: 20px;}
#pageChestionar h4 { color: #15a75d; font-size: 16px; margin: 10px 0;}

/* custom checkbox/radio just css*/
.labelInput { display: inline-block;}
.labelInput input[type="checkbox"], .labelInput input[type="radio"] {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.labelInput label {position: relative;cursor: pointer;}
.labelInput label:before {content:'';-webkit-appearance: none; border: 2px solid #15a75d; /*box-shadow: 0 1px 2px rgba(255,255,255,0.4), inset 0px -15px 10px -12px rgba(255,255,255,0.4);*/padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 7px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.labelInput label:hover:before { background: #15a75d;}
.labelInput input:checked + label:after {background-color:#15a75d;position: absolute; text-align: center;top: 0; left: 0; padding: 1px 4px; color: #fff;display: block;font-family: FontAwesome;content: '\f00c ';}
.labelInput label:before, .labelInput input:checked + label:after {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.labelInput .checkBox:before, .labelInput input:checked + .checkBox:after {	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.labelInput input[type="checkbox"], .labelInput input[type="radio"] {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}

#pageChestionar * {box-sizing: border-box;}
.question .flex { display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.question .flex.alignLeft { display: flex; justify-content: flex-start;}
.question .forceRight { margin-left: auto;}
.question .grid { display: grid;}
.question .grid1frauto { grid-gap: 30px; grid-template-columns: 1fr auto;}
.question .grid2 { grid-gap: 30px; grid-template-columns: 1fr 1fr;}
.question .grid30vw1fr { grid-gap: 30px; grid-template-columns: 30vw 1fr;}
.flex [type="radio"] { display: inline-block;}
.firstMin {}
.firstMin span { display: inline-block; white-space: nowrap; min-width: 160px;}
.formStyle input[type="checkbox"], .formStyle input[type="radio"] {width: auto;margin: 0 5px 0 0;}
.formStyle .question input[type="text"], .formStyle .question select, .formStyle .question textarea {margin: 0;}