.form { }

/*.form ol { list-style-type: none; }*/
/*.form p, .form ul.items, .form ol.items { margin: 0 2em 1em 2em; }*/
.form p, .form ul.items { margin: 0 2em 1em 2em; }
.form ul.items { list-style-type: none; }
.form ul.items li { border: .1em solid var(--aim-gray); padding: 1em; }
.form ul.items li p { margin-left: 0; }
.form div.tl { margin-bottom: 1.5em; padding: 0 2em; }
.form div.tl.dl { min-height: 4.1em; }
.form div.tl div.tl.dl { padding: 0; }

label { text-transform: capitalize; }


.form div.tl.highlighted { border: .1em solid var(--aim-gray); margin: .5em 2em 1.5em 2em; padding: .5em 1.5em 1em 1.5em; background-color: var(--aim-beige); }
.form div.m h3.highlighted { margin: .5em 1.8em 1em 1.8em; }

ol.logs  { margin: 0 1em 1em 4.5em;}
ol.logs ul  { margin: 0 0 1em 3em;}
.form ol.logs p { margin: 0 0 1em 0; }
ol.logs li { margin-bottom: 1em; }

div.logs h2 { margin-top: 2em; border: .1em solid var(--aim-gray); padding: 1em; background-color: var(--aim-beige); }
div.logs h2:first-of-type { margin-top: 0; }
/*div.ui-dialog div.logs h2 { font-size: 1.2em; }
div.ui-dialog div.logs h3 { font-size: 1em; }*/
div.logs h3 { margin-top: 2em; border: .1em solid var(--aim-gray); padding: 1em; background-color: var(--aim-gray-light); }
div.logs table {  }
div.logs div.indent_right, div.logs div.doubleScroll-scroll-wrapper { margin-left: 2em; width: calc(100% - 2em); }
div.panel.logs ul, div.panel.log ul, div.log ul { margin-top: 0 }

/*.form ol.list { list-style-type: decimal; margin-left: 3em; }
.form ol.list li { display: list-item; padding: 0 1em 0 .5em; }
.form ol.list li ul { margin: 1em 0 0 3em; }
.form ol.list li p { display: inline; margin: 0 0 1.5em; }*/

.form.oneline h3 { margin: 1.5em 1.65em; }
.form.oneline fieldset div.panel, .form.oneline div.m div.panel.message { margin: 0 2em; padding: 1em; }
.form.oneline fieldset div.panel.nomargin { margin: 0; padding: 1em 1.5em 0 1.5em; }
.form.oneline fieldset div.panel.space { margin: 1em 2em 1.5em 2em; }
.form.oneline fieldset.m, .form.oneline fieldset.b, .form.oneline div.m, fieldset.bis { border: .1em solid var(--aim-gray); margin-bottom: 2em; width: 36.7em; padding-top: 4.7em; }
.form.oneline fieldset.b { width: calc(100% - 2em); padding-right: 2em; }
.form.oneline fieldset.b, .form.oneline fieldset.m.buttons { padding-top: 5.7em; }

@media only screen and (max-width: 850px) { .form.oneline fieldset.m, .form.oneline div.m, fieldset.bis { width: 100%; } .form.oneline fieldset.b { width: calc(100% - 2em); }}

/*.form.oneline div.m { padding-top: 1em;  }*/
.form.oneline div.ns { border: 0; padding: 0; width: 51.38em;  }
.form.oneline div.ns p { margin: 0 0 2em 0;}
.form.oneline fieldset.m.x { width: 74.8em; padding-top: 5em; }
.form.oneline div.m div.m_wrapper, #search div.m_wrapper  { padding: 0 2em 1.5em 2em; }
/*.form.oneline div.m div.m_wrapper, #search div.m_wrapper  { padding: 0 1em 1.5em 2em; }*/
@media only screen and (max-width: 1390px) { #search div.m_wrapper  { padding: 0; } }

.form.oneline div.m.cbl, .form.oneline fieldset.m.rpt.cbl { padding: 0; padding-top: 3em; }
.form.oneline div.m.l.cbl div.tl, .form.oneline fieldset.m.rpt.l.cbl div.tl { padding: 0; margin-bottom: 0; }
.form.oneline div.m.l.cbl div.m_wrapper, .form.oneline fieldset.m.rpt.l.cbl div.m_wrapper { padding: 0; margin: 0 .5em; }

input:not([class ^= "duet"]), select:not([class ^= "duet"]) { font-family: 'Roboto', sans-serif; font-size: 1em; font-weight: bold; padding: .35em; }

.form div.m.rpt div.tl.error input, .form div.m.rpt div.tl.error select { background-color: var(--aim-beige); border-color: var(--aim-red); }
.form div.m.rpt div.tl.error { background-color: var(--aim-beige); border-width: .1em 0; border-style: solid; border-color: var(--aim-red); padding-top: 1em; padding-bottom: 1em; }
.form div.m.rpt a.submit { margin-left: 2em; }
.form div.m.rpt div.tl.dl { padding: 0; }

.form div.m.rpt label, fieldset.m.rpt label, div.checkbox label  { text-transform: none; }
.form div.m.rpt h2 { border-width: .3em; border-left: 0; border-right: 0; padding: 1em 1.5em; }
/*.form div.m.rpt div.tl.error:first-of-type { border-top: 0; margin-top: -1em; border-bottom: .1em solid var(--aim-gray); }*/

.form.oneline fieldset.m legend, .form.oneline fieldset.b legend, .form.oneline div.m span.title, fieldset.bis legend, .form.oneline div.m.l.cbl fieldset legend { border-bottom: .1em solid var(--aim-gray); width: calc(100% - 56px); padding: 17.5px 28px; position: absolute; margin-bottom: 2em; top: 0; left:0; }

.form.oneline fieldset.m legend,
.form.oneline fieldset.b legend,
.form.oneline div.m span.title::first-line { font-size: 1.2em; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: bold; }
.form fieldset.b legend, .form fieldset.m.buttons legend, .form fieldset legend.beige { background-color: var(--aim-beige); }
.form.oneline fieldset.b button, .form.oneline fieldset.m.buttons button, div.form div.buttons button, div.form div.buttons a.submit { float: left; margin-left: 2em; }
div.form div.buttons a.submit { margin-bottom: 2em; }
div.form div.buttons a.submit.nomarginright { margin-right: 0em; }
.form.oneline fieldset.m legend,
.form.oneline fieldset.b legend { white-space: nowrap; overflow-y: hidden; } /*to make long legend hscrollable for mobile*/

.form.oneline fieldset.b input[type="text"] { max-width: 400px; }
.form.oneline fieldset.b div.instruction_content { max-width: 385px; }

@media only screen and (max-width: 479px) {
  .form.oneline div.m span.title { font-size: 1.2em; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: bold; } /*apply to not only first-line*/
  .form.oneline fieldset.m fieldset.cbl legend { white-space: unset; font-weight: unset; }
}

.form.oneline fieldset.m legend::-webkit-scrollbar,
.form.oneline fieldset.b legend::-webkit-scrollbar { display:none; } /*to hide legend scrollbar*/

.form.oneline fieldset.m button.instruction { float: none; margin-left: 0.2em; margin-top: .6em; }
.instruction_label_button { display: inline-flex; }

fieldset.bis legend { text-transform: uppercase; font-weight: bold; font-size: 1.05em;  }
fieldset.bis.error { background-color: var(--aim-beige); }

.form.oneline .paging.info .left { float: left; width: 100%; }
.form.oneline .paging.info .right { float: left; }
.form.oneline .paging.info label { width: auto; float: left;}

.sf fieldset.cbl, .form.oneline fieldset.m fieldset.cbl, .form.oneline div.m fieldset.cbl { border: 0; margin-bottom: 0; width: 100%; box-shadow: 0;  }
.sf fieldset.cbl { margin-bottom: 0; }
.form.oneline fieldset.m fieldset.cbl legend, .form.oneline div.m fieldset.cbl legend { position: relative; padding: 0; border: 0; max-width: calc(100% - 1em); margin-bottom: .5em; font-size: 14px; font-family: 'Roboto', sans-serif; text-transform: none; white-space: normal; }
/*.form.oneline fieldset.m fieldset.cbl legend::first-line, .form.oneline div.m fieldset.cbl legend::first-line { font-size: 1.1em; text-transform: none; font-weight: normal;  }*/
.form.oneline div.m.l.cbl fieldset legend::first-line { font-weight: bold; }
.form.oneline div.m fieldset.cbl { margin-bottom: 0; }

.form.oneline fieldset.m.rpt fieldset.cbl legend { font-weight: normal; }

div.panel fieldset.cbl legend { margin-bottom: .5em; }

fieldset.m ul.list, div.m ul.list, fieldset.m blockquote { margin: .5em 2em 1.5em 2em; }
fieldset.m ul.list li, div.m ul.list li { margin-left: 3em; padding-left: .5em; }
fieldset.m ul.list.only li { margin-left: 1.5em; }
#content fieldset.m h2.highlighted { border-left: 0; border-right: 0; }
#content fieldset.m p { margin-bottom: 1em; }
#content fieldset.m ol p { margin: 0 0 1em 0; }
#content fieldset.m ol li ul { margin-left: 2em; }
#content fieldset.m div.panel, #content div.m div.panel.message { margin-bottom: 1.5em; margin-top: 1em; }
#content fieldset.m div.panel p { margin: 0 0 1em 0em; }
#content fieldset.m div.panel p:last-child { margin: 0; }

fieldset.m ul.qa, fieldset.m div.qa { padding: 1em 2em 2em 2em; }
fieldset.m div.qa.nopaddingbottom, fieldset.m ul.qa.nopaddingbottom { padding-bottom: 0; }
fieldset.m div.qa.nopaddingleft, fieldset.m ul.qa.nopaddingleft { padding-left: 0; }

/*.form.oneline div.m fieldset.cbl legend { text-transform: uppercase; }*/
span.not_label {
	display: block;
	margin: .5em 0;
}

.form div.m span.gcbl_answer { display: block;  }
#content-main .form div.m span.gcbl_answer p.gcbl_p { width: auto; }
.form span.gcbl_answer ol, .form span.gcbl_answer ul {  margin-left: 1.5em; }
.form div.tl span.gcbl_answer ol, .form div.tl span.gcbl_answer ul {  margin: 1em 0 0 2.5em; }
.form span.gcbl_answer ol { list-style-type: decimal; }
.form span.gcbl_answer ol li, .form span.gcbl_answer ul li { padding: 0; margin-bottom: 1.5em;  }
#content_main .form span.gcbl_answer p.gcbl_p { padding-left: 0; margin-left: .3em; }

.form.oneline div.m.cblm span.title { padding: 1.25em 4em 1.25em 2em; width: calc(100% - 6em);  }
.form.oneline div.m fieldset.cbl legend.section, #search fieldset.cbl legend.section { padding: 1em 5em 1em 1em; position: relative; width: calc(100% - 6em); margin-bottom: 0; }
.gcbl_wrapper { display: inline-flex; width: 100%; background-color: var(--aim-gray-light); margin-bottom: 1em; }
.gcbl_legend_control { display: inline-flex; }
input.cbl_section { border: 0; display: block; margin-right: 0.65em; }
.gcbl_button { border: 0; display: block; }
.gcbl_button { background: var(--aim-svg-arrow_down) no-repeat center;  border: 0; right: 1em; top: 1.25em; width: 2em; background-size: 2em; padding-top: 0.8em; }
.gcbl_button.main { position: absolute; right: 2em; top: 1.7em; }
#search .gcbl_button.main { float: none; top: 0; right: -25.2em; position: absolute; width: 10.5em; font-size: 1em; background-position: 0.2em 0; text-transform: none; text-align: left; padding: 0 0 0 2.4em; height: 2.15em; border: .1em solid var(--aim-gray); }
#search .m_wrapper .gcbl_button.main { margin-top: 1em; margin-bottom: 1em; width: 15.5em; }
@media only screen and (max-width: 1390px) { #search .gcbl_button.main { top: 2.2em; right: unset; left: 12.7em; } }
.gcbl_button.sub { margin-right: .5em; padding-top: 0;}
.gcbl_button.minimize { background: var(--aim-svg-arrow_up) no-repeat right 0 center; background-size: 2em; }
#search .gcbl_button { top: 1em; }

.sf { border: 0; padding: 0; }

/*.form.oneline fieldset.cbl ol.answer li { margin-left: 0; }*/
.sf fieldset.cbl div.checkbox .item, .form.oneline fieldset.cbl div.checkbox .item { float: left; width: calc(100% - 1em); margin-right: 1em; }
@media only screen and (min-width: 380px) { 
.sf fieldset.cbl div.checkbox.single .item, .form.oneline fieldset.cbl div.checkbox.single .item { width: calc(100% - 0.5em); }
.sf fieldset.cbl div.checkbox.half .item, .form.oneline fieldset.cbl div.checkbox.half .item { width: calc(50% - 1em); }
.sf fieldset.cbl div.checkbox.third .item, .form.oneline fieldset.cbl div.checkbox.third .item { width: calc(33% - 2em); }
}
.sf fieldset.cbl div.checkbox label, .form.oneline fieldset.cbl div.checkbox label, fieldset.bis div.checkbox label, div.item div.checkbox label { float: right;  width: calc(100% - 2em); } 
.sf fieldset.cbl div.checkbox { margin-bottom: 1em; } 
.sf fieldset.cbl div.checkbox input[type="checkbox"]  { float: left; } 
.form.oneline fieldset.cbl div.checkbox input[type="checkbox"], .form.oneline fieldset.cbl div.checkbox input[type="radio"], fieldset.bis div.checkbox input[type="checkbox"], div.item div.checkbox input[type="checkbox"] { float: left; margin-top: .60em;} 
/*.sf fieldset.cbl div.cbl_m, .form.oneline fieldset.cbl div.cbl_m { padding: .5em 0 .5em 1.5em; margin: 0 0 1em 0;  }*/
.sf fieldset.cbl div.cbl_m, .form.oneline fieldset.cbl div.cbl_m { padding: .5em 0 .5em 1.5em; margin: 0;  }
div.item div.cbl_m { padding-bottom: .5em;  }
.form.oneline fieldset.cbl div.ta { padding: 0;  margin: .5em 0 0 0; }
.form.oneline fieldset.cbl div.ta ul { margin-left: 2.5em; }
.form.oneline fieldset.cbl div.ta li { margin-bottom: 1em; }
div.tl fieldset.cbl { margin-top: .6em; }
fieldset.bis div.tl fieldset.cbl div.cbl_m { margin-top: 2em; }
.form.oneline fieldset.cbl div.cbl_m.error, .form.oneline div.tl.error div.cbl_m { border: .1em solid var(--aim-red); background-color: var(--aim-beige); margin-top: .5em; }
.form.oneline fieldset.cbl div.cbl_m ul { margin-left: 1em; }
.form.oneline fieldset.cbl div.cbl_m ul li { margin-top: 1em; }
.form.oneline fieldset.cbl div.cbl_m ul li:first-of-type { margin-top: .5em; }

div.item fieldset { border: 0; padding: 0; width: auto; margin: 0; border-bottom: .1em solid var(--aim-gray); }
div.item fieldset div.tl { padding: 0 1.5em;}
div.item fieldset legend { position: relative; padding: 1.25em 2.5em 1.25em 1.5em; border-top: .1em solid var(--aim-gray); margin-bottom: 1.5em; }
div.item fieldset.error legend { background-color: var(--aim-beige); }
div.item  div.checkbox { margin-bottom: 1em; }
div.item  div.checkbox input[type="checkbox"] { margin-top: .15em; }

.form.twolines fieldset { float: none; border: 0; box-shadow: none; margin-bottom: 0; margin-top: 2em; }
.form.twolines fieldset legend { float: none; position: absolute; left: -5000px; }
.form fieldset div.note { border: .1em solid var(--aim-gray); margin: 1em 2em; padding: 1em; background-color: var(--aim-beige); }
/*.form li { margin-top: 2em; padding: 0 1em 0 2em; border: .1em solid var(--aim-white); display: block; }
.form li.error { border: .1em solid var(--aim-red); background-color: var(--aim-beige); padding: 1em; padding-left: 2em; }*/

button, a.submit { color: var(--aim-black); text-transform: uppercase; font-weight: bold; font-family: 'Roboto', sans-serif; }

.form_box { float: left; margin-right: 2em; }
.form_box:first-of-type { margin-left: 0; }
.form_box, .system_message { border: .1em solid var(--aim-gray); margin-bottom: 2em; }
.form_box.center { margin: 0 auto; margin: 5em auto; padding: 0;  }
.form_box .header { border-bottom: .1em solid var(--aim-gray); padding: 2em; }
.form_box .header h3 { font-size: 1.6em; display: block; margin-bottom: 0; }
.form_box .body { padding: 2em; text-align: left; }
.form_box.small { width: 32em; min-height: 40em; }
.form_box.small h2  { border-bottom: .05em solid var(--aim-gray); padding: 0; border: 0; }
.form_box.small.error { border-color: var(--aim-red); background-color: var(--aim-beige); }
.form_box.small.error .header { border-color: var(--aim-red); }

.form_error_span { display: block; }


.form.twolines label { display: block; margin-bottom: .2em; }
.form label.bold { font-weight: bold; }

div.item #form-validation { padding: 1em; border: .1em solid var(--aim-gray); margin: 1.5em; background-color: var(--aim-beige) }
div.item #form-validation h2 { margin-bottom: 1em; font-size: 1.17em; }
div.item #form-validation p { margin: 0; }
.form #form-validation ul, div.item #form-validation ul { margin-top: 1em; }
.form #form-validation ul li, div.item #form-validation ul li { margin-bottom: 1em; }
input[type="text"], input[type="password"] { padding: .5em; border: .1em solid var(--aim-gray); border-bottom-color: var(--aim-gray); background-color: var(--aim-input); color: var(--aim-black); }
input[type="file"] { padding: 1.25em .5em; border: .1em dashed var(--aim-gray); border-bottom-color: var(--aim-gray); background-color: var(--aim-input); color: var(--aim-black); }
div.bis input[type="file"] { padding: .7em .5em; }

input[type="text"].nav_search_box { color: var(--aim-white); }
input[type="file"] { width: calc(100% - 4.8em); }
input[type="text"] { width: calc(100% - 1.3em); }
select, textarea { background-color: var(--aim-input); color: var(--aim-black); }
textarea { font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 1em; padding: 0.5em .75em; width: calc(100% - 3.1em); }

div.panel select { max-width: 100%; } 

textarea.width_unset { width: unset; }

/* input[type="text"]:focus, input[type="password"]:focus { outline: none; border-color: var(--aim-blue);  } */
/*.form li.error input[type="text"], .form li.error input[type="password"], .form li.error select { border-color: var(--aim-red); background-color: var(--aim-beige); }*/
div.error textarea, div.error input[type="text"], div.error input[type="password"], div.error input[type="file"], div.error select, div.error input.duet-date__input { border-color: var(--aim-red); background-color: var(--aim-beige); }

.form.twolines input[type="text"], .form.twolines input[type="password"] { width: 100%; }

.form.oneline label, div.item div.bis label { text-align: left; width: 100%; margin-top: .5em; display: block; margin-bottom: .5em; }
.form.oneline input[type="text"], .form.oneline input[type="password"] {  }
.form.oneline input[type="text"].disabled { width: calc(100% - 3.8em); }
.form.oneline button.copy { position: absolute; display: inline-block; margin-left: .8em; width: 1.8em; height: 2em; background-position-y: .1em;  margin-top: .3em; float: none; background-size: 1.8em; }
.form.oneline table button.copy { margin-top: -.3em; position: relative; }

div.sl.cbprint { margin-top: 1em; }
div.sl.cbprint label { float: right; width: calc(100% - 3em); margin-top: 0; }

.form span.answer { display: block; font-weight: bold; margin-top: 1em; margin-left: 2em; width: calc(100% - 4em); }

.required { display: inline-flex; width: 1em; height: 1em; background: var(--aim-svg-required) no-repeat center .1em; background-size: .6em .6em; }
.instruction { display: inline-flex; width: 1.5em; height: 1em; background: var(--aim-svg-help) no-repeat 0 0; background-size: 1em 1em; border: 0; padding: 0; margin: auto 0 auto .2em;  }
.instruction span { position: absolute; left: -5000px; }
.instruction_content, .gcblm_required { display: none; border: .1em solid var(--aim-gray); background-color: var(--aim-beige); padding: 1em; margin: .5em 0; /*width: calc(100% - 3.4em);*/ }
.gcblm_required { margin: 0 0 1em 0; }
.instruction_content.show, .gcblm_required { display: block; }

.form.oneline div.m.l.cbl .instruction_content { margin: 1em 3em 0 2em; width: calc(100% - 6.4em); }
.form div.instruction_content ul.list { margin-left: 0; margin-bottom: 0; }


div.form button.submit, div.button button,  #search .refine button, div.item button.submit, a.submit, div.panel button.submit, button.btn_preview { font-size: 1em; margin: 0 auto 2em auto; padding: .85em 2.5em .85em 1em; display: block; background: var(--aim-svg-a_submit) no-repeat right .3em center; background-size: 1.6em 1.6em; background-color: var(--aim-black); border: 0; color: var(--aim-white); border: .1em solid var(--aim-black); line-height: 1; }
div.form button.submit:active, div.form button.submit:focus, div.form button.submit:hover,
div.button button.submit:active, div.button button.submit:focus, div.button button.submit:hover,
div.item button.submit:active, div.item button.submit:focus, div.item button.submit:hover,
div.panel button.submit:active, div.panel button.submit:focus, div.panel button.submit:hover,
a.submit:active, a.submit:focus, a.submit:hover, button.btn_preview:active, button.btn_preview:focus, button.btn_preview:hover,  
#search .refine button:active, #search .refine button:focus, #search .refine button:hover { background-color: var(--aim-gray-light); color: var(--aim-black); background-image: var(--aim-svg-a_submit_b); text-decoration: none; }
div.form button.submit.la { margin: 0 0 2em 2em; }

div.form button[disabled]:not([class = "duet-date__day is-disabled"]):not([class = "duet-date__day is-disabled is-today"]),
div.panel button.submit:disabled:not([class = "duet-date__day is-disabled"]):not([class = "duet-date__day is-disabled is-today"]),
div.form button[disabled]:hover:not([class = "duet-date__day is-disabled"]):not([class = "duet-date__day is-disabled is-today"]),
div.form button[disabled]:focus:not([class = "duet-date__day is-disabled"]):not([class = "duet-date__day is-disabled is-today"]),
div.form button[disabled]:active:not([class = "duet-date__day is-disabled"]):not([class = "duet-date__day is-disabled is-today"]) {
    background-color: var(--aim-white);
    color: var(--aim-gray-dark);
    background-image: var(--aim-svg-a_submit_b);
}

button.btn_preview { font-size: .85em; margin: 0; background-image: var(--aim-svg-search);  }

div.panel button.submit { margin: 0 2em 1em 0; display: inline-block; }
div.panel.buttons button.submit, div.panel.buttons a.submit { margin-bottom: 0; }

div.panel button.submit.nomargin { margin: 0; }
div.panel ul li button.submit { margin-bottom: 0; }
div.panel.action button.submit { margin: 0 2em 0 0; display: inline-block; }
div.panel.action button.submit:first-of-type { margin-left: 2em; }
/*@media only screen and (max-width: 1300px) { div.panel div:not([class ^= "sl"]) button.submit { margin: 1em 0 0 1em !important; display: block; } }*/
@media only screen and (max-width: 1300px) { div.panel.paging button.submit { margin: 1em 1em 0 0 !important; display: block; } }

div.panel.tools button.submit.export { margin-top: 1em; }
div.panel.tools span.ChkBox { margin-right: 2em; }
div.panel.tools span.ChkBox input[type="checkbox"] { margin-right: 1em; }
div.panel.tools div.panel { margin-bottom: 1em; }

div.button button.submit { margin: 0; font-size: 1.4em;  }
div.item button.submit, a.submit { display: inline-block; max-width: 95%; padding-left: 1.5em; margin-bottom: 1em; text-align: right; margin-right: 1.5em; }
div.panel a.submit { margin-bottom: 1em; }
a.submit.justlink { background: none; border: 0; padding: 0; color: var(--aim-blue); text-transform: none; }
div.item button.submit.nomargin, div.panel a.submit.nomargin, a.submit.nomargin { margin: 0; }
div.item.b a.submit:first-of-type { margin-top: 2em; }

/*div.item button.submit, a.submit { display: inline-block; padding-left: 1.5em; margin-bottom: 1em; text-align: right; }
*/
div.form.twolines button.submit { margin-right: 1em; }

.textonly p { margin: 0 0 1.5em 0; }
.textonly ol, fieldset.m.textonly ol li ul { margin-left: 2.5em; }
.textonly li { margin-bottom: 1em; }
.textonly h3 { padding: 1em; background-color: var(--aim-gray-light); }
.textonly h4 { padding: 1em; border: .1em solid var(--aim-gray); }


.error-list { border: .1em solid var(--aim-red); margin-bottom: 2em; margin-top: 1.5em; padding: 1em; background-color: var(--aim-beige); }
.error-list h2 { margin-bottom: .5em; color: var(--aim-red); font-size: 1.2em; padding: .8em 0 0 3.25em; height: 2em; background: var(--aim-svg-form_error) no-repeat left top; background-size: 2.5em; }
.error-list ul { margin-left: 3em; }
.error-list ul li { margin-top: .5em;  }

fieldset.m div.error-list { margin: 1.5em 2em; }
fieldset.m div.expandable { margin: 1.5em 0; }
fieldset.m div.expandable span.a { margin-top: 1em; }

div.form_box.small #form-validation.error-list { border-top: 1em solid var(--aim-red);  }
div.form_box.small #form-validation.error-list h2 { background-position: center top; padding: 3em 0 0 0; text-align: center; margin: 0 auto 0.5em auto; }
div.form_box.small #form-validation.error-list ul { margin-left: 2em; margin-top: 1em; }

div.form.twolines li.error, div.item div.form.twolines li.error { background: var(--aim-svg-close_b) no-repeat .5em 2em; background-size: 1em; }

input[type="text"].search_box { border: 0; padding: .5em; font-size: 2em; outline: .1em solid var(--aim-blue) !important; }

#search ol { list-style-type: none; }
#search .refine.s_buttons { margin-left: 19em; }

/*#search li { margin-bottom: 1em; }*/
#search label:not([class ^= "duet"]), #search select:not([class ^= "duet"]), #search input[type="text"], #search legend, #search span.title { float: left; }
#search label:not([class ^= "duet"]), #search legend, #search span.title { padding-top: .45em; min-width: 50px; text-align: right; margin-right: 2em; position: relative; }
#search label:not([class ^= "duet"]), #search legend, #search span.title { max-width: 15em; width: calc(50% - 15em); }
#search legend.section { max-width: unset; width: unset; }
@media only screen and (max-width: 1390px) {
  #search label:not([class ^= "duet"]), #search legend, #search span.title { width: 100%; text-align: left;}
  #search div:not(.item) label, #search legend:not(.section), #search div:not(.item) span.title { margin-bottom: 8px; }
  #search .refine.s_buttons { margin-left: 0; }
}

#search .search_option { margin-right: 2em; }
#search input[type="text"] { padding: .35em .5em; }
#search select:not([class ^= "duet"]) { width: 40%; max-width: 350px; }
#search select.custom { width: 100%; max-width: 350px; }

#search div.m .m_wrapper { border: .1em solid var(--aim-gray); margin-top: 1em; margin-left: 17em; max-width: 51.2em; padding: 0 1em 1em 1em; }
@media only screen and (max-width: 1390px) { #search div.m .m_wrapper { margin-left: 0; max-width: unset; }}

#search div.m legend, .export legend { text-align: left; width: calc(100% - 6em); margin: 1em auto; position:relative; }
#search div.m fieldset div.cbl_m { clear: both; margin-bottom: 1em;  }
#search div.m div.checkbox.third .item label { width: 12.8em; }

#search div.m.cblm .m_wrapper { padding: 1em 1em 0 1em; }
#search fieldset.cbl legend.section { width: calc(100% - 6em); margin-top: 0; }

#search_ps { margin-bottom: .5em; }
#search .refine {  }
#search .refine button { float: left; margin: 0 2em 1.5em 0; }
#search #refine_button, #search #refine_hide_button, #search #list_query_button { margin-left: 0; margin-right: 1em; float: left; }

#search .duetAimConfig  { float: left; }

#search div.tl, #search div.m.l { margin-bottom: 1em; padding: 0 1em 0 2em; }
#search div.tl.dl { min-height: 2em; }
#search div.tl.dl.range .duetAimConfig:first-of-type { width: 150px; margin-right: 2em; }
#search div.tl.tb.range input[type="text"] { width: auto; }
@media only screen and (max-width: 730px) { #search div.tl, #search div.m.l { padding: 0; margin-right: 0; } }

#search .refine button:active, #search .refine button:focus, #search .refine button:hover { background-color: var(--aim-gray-light); color: var(--aim-black); background-image: var(--aim-svg-a_submit_b); }
#search button.search { margin-left: auto; background-image: var(--aim-svg-search); background-position-x: right .5em; padding-right: 2.8em; }
#search button.reset { margin-right: auto; background-image: var(--aim-svg-reset); background-position-x: right .5em; }
#search button.search:active, #search button.search:focus, #search button.search:hover { background-image: var(--aim-svg-search_b); }
#search button.reset:active, #search button.reset:focus, #search button.reset:hover { background-image: var(--aim-svg-reset_b); }

.export { max-width: 70em; margin-bottom: .5em; }
.export legend { margin: 0; margin: 1em 0; font-weight: bold; }

/*#search .duet-date__input-wrapper { float: left; width: 15em;}*/

.form.oneline select { max-width: 400px; }

.form.oneline select.phone_country { width: 255px; margin-right: 1em; padding: .35em; max-width: 16em; }
.form.oneline select.phone_country.day { width: 150px; }
.form.oneline input.phone_number { width: calc(100% - 18.3em); }
@media only screen and (max-width: 499px) {
  .form.oneline select { width: 100%; }
  .form.oneline select.phone_country { width: 100%; max-width: unset; }
  .form.oneline input.phone_number { width: 95%; }
  #search input[type="text"]:not([class ^= "duet"]) { width: calc(100% - 200px) !important; }
}


div.item div.bis label, div.item div.bis select, div.item div.bis textarea, 
div.item div.bis div.instruction_content, div.item div.bis input[type="text"], div.item div.bis input[type="password"], 
div.item div.bis span.not_label, div.item div.bis span.answer, div.item div.bis input[type="file"] { margin: .5em 1.5em; width: auto; }
div.item div.bis textarea, div.item div.bis input[type="text"], div.item div.bis input[type="password"], div.item div.bis input[type="file"], div.item div.bis select  { width: calc(100% - 4.75em); margin-top: 0; }
div.item div.bis .duet-date { margin: 0 1.5em 1em 1.5em; }
div.item div.bis { margin-bottom: .35em; }
div.item div.bis span.answer { margin-bottom: 1.2em; display: block; font-weight: bold; }
div.item fieldset.bis { margin-bottom: 0; }
div.item div.bis .instruction_label_button label { margin-right: 0.5em; }

div.tl span.answer ul { margin: 1em 1em 0 2.5em; }
div.tl span.answer li { margin-bottom: 1em; }

td.gvtd select:not([class ^= "duet"]) { max-width: 200px;  }

div.sl { margin-bottom: 1em; }
div.sl:first-of-type { margin-top: 1em; }
div.sl input[type="checkbox"], div.sl label, div.confirm input[type="checkbox"], div.confirm label { margin-right: 1em; }
div.sl button.submit { margin-left: 14.2em; margin-bottom: 0; }
div.sl select  { width: calc(100% - 16.2em); max-width: 500px; }
div.sl span.answer { float: left; margin-top: .45em; margin-left: 1em; font-weight: bold; width: calc(100% - 16.2em); }
div.sl input[type="text"] { width: calc(100% - 16.2em); max-width: 483px; }
div.sl .duet-date__select select { width: 100%; }
div.sl input[type="checkbox"] { float: left; }
div.sl label, div.sl span.not_label { float: left; display: block; width: 13.2em; text-align: right; margin-top: .45em; }

.duet-date__input { font-weight: bold; }

fieldset.b div.confirm { padding: 0 2em 2em 2em; }
.form.oneline div.confirm input { float: left;  }
.form.oneline div.confirm label { float: left; width: calc(100% - 5em); margin-top: 0; text-transform: none; }

@media only screen and (max-width: 850px)
{
	div.sl select, div.sl input[type="text"] { width: 100%; margin-top: .5em;  }
	div.sl label, div.sl span.not_label, div.sl span.answer { text-align: left; width: calc(100% - 1.5em); }
	div.sl button.submit { margin-left: 0; }
}

#search fieldset.cbl, .export fieldset.cbl { border: 0; }
/*#search fieldset.cbl div.checkbox, .export div.checkbox { margin-top: 1em; }*/
#search fieldset.cbl div.checkbox .item, .export .item { float: left; overflow: auto; display: flex; margin-bottom: .5em; }
#search fieldset.cbl div.checkbox .item label, .export label { float: right; text-align: left; margin-right: 1em; margin-bottom: .25em; padding-top: .25em; max-width: unset; order: 2; }
#search fieldset.cbl div.checkbox .item input[type="checkbox"], .export input[type="checkbox"] { float: left;  margin: .35em 1em auto 1em; order: 1; }
#search fieldset.cbl div.checkbox.single .item label { width: 36.5em; }
/*#search fieldset.cbl div.checkbox.half .item label { width: 31em;  } 
#search fieldset.cbl div.checkbox.third .item label { width: 19.5em;  } */
#search fieldset.cbl div.checkbox.half .item label { width: 16.3em; }
#search fieldset.cbl div.checkbox.third .item label { width: 9.6em; }
#search fieldset.cbl div.cbl_border { border: .1em solid var(--aim-gray); padding-top: 1em; padding-bottom: 1em; float: left; }
@media only screen and (max-width: 1390px) {
  #search fieldset.cbl div.cbl_border { width: 100%; margin-top: 8px; }
  #search fieldset.cbl div.checkbox .item label { width: 36.5em !important; }
}
@media only screen and (max-width: 920px) { #search fieldset.cbl div.checkbox .item label { min-width: 12em; width: 100% !important; } }

#search div.m.cblm div.checkbox.half .item label { width: 21.4em; }

.export .item label { width: 18.5em; }
/*@media only screen and (max-width: 1390px) { .export .item label  { width: 36.5em !important; } }*/
@media only screen and (max-width: 920px) { .export .item label  { min-width: 16em; width: 100% !important; } }

.dialog { font-family: 'Roboto', sans-serif; font-size: 14px; padding: 1em; background-color: var(--aim-white); }
.dialog_titlebar { text-transform: uppercase; font-size: 17.5px; margin-bottom: .8em; }
.dialog ul, .dialog ol { margin-left: 3em; margin-top: 1em; }
.dialog li, .dialog p { margin-bottom: 1em; line-height: 1.5; }
.dialog ul.qa.nopadding { margin: 0 .5em; }
.dialog ul.qa.nopadding li { margin-bottom: 1em; }
.ui-dialog-buttonset button { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: bold; }
.automated_content { padding: 1em; background-color: var(--aim-beige); }
.dialog .preview_title { margin-bottom: 1em; }
.dialog h3 { margin-bottom: 1em; }

.qlimit { margin: .5em 0; }
.qlimit.ro { margin-bottom: 1em; }

div.questionnaire div.tl { border-bottom: .1em solid var(--aim-gray); padding-bottom: 1.2em; }
div.questionnaire div.tl.last { border-bottom: 0; padding-bottom: .5em; }
div.questionnaire label ul li, div.questionnaire div.tl label ol li { margin-left: 2.5em; }

#nav_by_date a, #nav_by_date input[type="submit"], #nav_by_week a, #nav_by_week span { margin-right: 2em; }
#nav_by_week div.center { margin: .5em 0;  }
#nav_by_date div.sl { width: 14em; display: inline-block; margin: 0;  }
#nav_by_date div.sl label { display: inline-block; float: left; width: auto; text-align: left; margin: .3em 0 0 0; }
#nav_by_date div.sl .duet-date { text-align: unset; }
#nav_by_date div.sl .duet-date__toggle { left: 10.2em; }

div.qa label { display: block; margin: .5em 0; }
div.qa label:first-of-type { margin-top: 0; }
div.qa input { margin-bottom: 1em; }
div.qa.bis { padding: 1.5em 0 0; }
div.qa.bis div.tl.highlighted { border-width: .1em 0; }
div.qa.bis button { margin-bottom: 0; margin-top: .5em; }
div.item div.form.twolines { margin-top: 1.5em; }

table.gv.gv_hscroll { display: block; max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto; overflow-x: auto; white-space: nowrap; width: 470px; }
@media only screen and (max-width: 570px) { table.gv.gv_hscroll { width: 390px; } }
table.gv_panel { font-size: 1em; margin-bottom: 0 }
div.panel.body.table_wrap { font-size: 1em; margin-bottom: 0; }
legend ul { margin-left: 2em; }

fieldset.b div.checkbox input[type="checkbox"] { float: left; }
fieldset.b div.checkbox label { float: left; margin: 0; width: calc(100% - 4.2em); }
fieldset.b div.checkbox { margin-bottom: 1em; padding: 1em; margin: 0 0 1em 2em; border: .1em solid var(--aim-gray); }
/* Date Picker */
/*button.ui-datepicker-trigger { padding: 0; background-color: var(--aim-white); border: 0; margin-left: .5em; vertical-align: middle;}
.ui-datepicker-trigger img { width: 2.3em; }
.ui-datepicker { width: 300px; margin: 5px auto 0; font: 14px 'Roboto', sans-serif; text-transform: uppercase; }
.ui-datepicker table { font-size: 1em; }
.ui-datepicker-header  { background: none; background-color: var(--aim-white);  }
.ui-datepicker-title  { font-size: 1.2em;  }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { height: 2.2em; width: 2.2em; }
.ui-datepicker-prev .ui-icon { background: var(--aim-svg-a_prev_g) no-repeat center/2em; }
.ui-datepicker-next .ui-icon { background: var(--aim-svg-a_nav) no-repeat center/2em; } 
 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { font-weight: bold; background: none; background-color: var(--aim-gray-light); color: #333; padding: .8em .5em; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 1; }

a.ui-state-default.ui-state-highlight, .ui-datepicker-calendar .ui-state-hover { font-weight: bold; background-color: var(--aim-beige); color: var(--aim-black); }
a.ui-state-default.ui-state-active { font-weight: bold; background-color: var(--aim-black); color: var(--aim-white); }
.ui-datepicker-prev { float: left; cursor: pointer; background-position: center -30px; }
.ui-datepicker-next { float: right; cursor: pointer; background-position: center 0px; }
.ui-widget button.ui-button, .ui-widget button.ui-datepicker-close, .ui-widget button.ui-datepicker-current { font-family: 'Roboto', sans-serif; padding: .5em 1em; border-width: .2em; }
.ui-widget button:hover, .ui-widget button:active, .ui-widget button:focus { font-weight: bold; color: var(--aim-black); border: .2em solid var(--aim-black); }
*/
/* Graph */
.flex-wrapper {
	display: flex;
	flex-flow: row nowrap;
}
.single-chart { width: 13.5em; justify-content: space-around; margin: 1em auto 0 auto; }
.circular-chart { display: block; margin: 10px auto; max-width: 80%; max-height: 250px; }
.circle-bg { fill: none; stroke: var(--aim-gray-light); stroke-width: 3.8px; }
.circle { fill: none; stroke-width: 2.8px; stroke-linecap: square; animation: progress 1s ease-out forwards; }
@keyframes progress { 
	0% { stroke-dasharray: 0 100; }
 }
.circular-chart.red .circle { stroke: var(--aim-red); }
.circular-chart.orange .circle { stroke: var(--aim-orange); }
.circular-chart.green .circle { stroke: var(--aim-green); }
.percentage { fill: var(--aim-black); font-size: .75em; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; text-anchor: middle; }