/**************
*
* Forms (ex. input, select, option, dropdown)
*
**************/


/* input */
input {
   color: #333333;
   font-family: "Open Sans";
   font-size: 16px;
   position: relative;
   width: 290px;
   display: inline-block;
   padding: 12px 15px;
   margin-bottom: 20px;
   border: 2px solid #004985;
}

.hh-input {
   border-radius: 0;
}

input:disabled {
   border: 2px solid #999999;
   color: #999999; 
   background-color: #F5F5F5;
}

.hh-input__fail {
   border: 2px solid #FF4052;
}
.sv-form-portlet input[type="checkbox"], .sv-form-portlet input[type="submit"], .sv-form-portlet input[type="radio"]  {
   width: auto;
   margin-bottom: 10px;
}

.sv-survey-portlet input[type="checkbox"], .sv-survey-portlet input[type="submit"], .sv-survey-portlet input[type="radio"]  {
   width: auto;   
   margin-bottom: 10px;
}

/* Textarea */
.sv-defaultFormTheme textarea {
   padding: 10px;
}

/* Dropdown */
.hh-dropdown{
   position: relative;
   width: 290px;
   display: inline-block;
   z-index: 2;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none; 
   -ms-user-select: none;
   user-select: none;
   border: 2px solid #004985;
}

.hh-dropdown__picker {
   padding: 12px 15px;
   position: relative;
   cursor: pointer;
}

.hh-dropdown__picker:after {
   content: "";
   background-image: url('/images/18.44d1c5cd165b2683e6c2113/1536301247029/hh-chevron-icon.svg');
   background-size: 16px;
   background-repeat: no-repeat;
   background-position: center right 15px;
   position: absolute;
   right: 0;
   top: 0;
   display: block;
   width: 40px;
   height: 100%;
   transition: 0.2s;
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
}

.hh-dropdown__picker.active:after {
   -webkit-transform: scaleY(-1);
   transform: scaleY(-1);
}

.hh-dropdown__list {
   display: none;
   position: absolute;
   width: 100%;
   top: 46px;
   border: 2px solid #004985;
   box-sizing: unset;
   left: -2px;
}

.hh-dropdown__list ul {
   list-style: none;
   padding: 5px 0;
   margin: 0;
   border-top: 0;
   background: #fff;
   max-height: 300px;
   overflow-y: auto;
}

.hh-dropdown__list ul li {
   display: block;
   padding: 12px 15px;
   cursor: pointer;
}

.hh-dropdown__list ul li:hover {
   background: #F5F5F5;
}

/* Radio button & checkbox - questionnaire module */

.sv-dbform-portlet input[type="radio"] {
   width: auto;
   margin-bottom: 10px;
}

.sv-dbform-portlet input[type="checkbox"] {
   width: auto;
   margin-bottom: 10px;
}

.sv-form-consent input[type="checkbox"] {
   top: 7px;
   width: 13px;
   height: 13px;
}

.sv-form-multipleselectionfield input[type="checkbox"] {
   top: 0;
   width: 13px;
   height: 13px;
}


/*		Pageowner / contactperson		*/

.sv-dialog-content {
   border-radius: 0!important;
}

.sv-dialog-content .hh-contact-pop-up input[type=text] {
   position: relative;
   width: 290px;
   display: inline-block;
   padding: 8px 15px;
   margin-bottom: 20px;
   border: 2px solid #004985;
   -webkit-border-radius: 0;
    	-moz-border-radius: 0;
    		  border-radius: 0;
   line-height: 28.8px;
   color: #333333;
   font-family: "Open Sans";
   font-size: 16px;
}

.sv-dialog-content .hh-contact-pop-up input:disabled {
   border: 2px solid #999999;
   background-color: #F5F5F5;
   color: #999999; 
}

.sv-dialog-content .hh-contact-pop-up textarea {
   padding: 8px 15px;
   border: 2px solid #004985!important;
   -webkit-border-radius: 0;
   	-moz-border-radius: 0;
   		  border-radius: 0;
   line-height: 28.8px;
   font-size: 16px;
}

.sv-dialog-content button.sv-dialog-btn-primary {
   padding: 10px 1em;
   background-color: #004985!important;
   border: solid 2px #004985!important;
   border: 2px solid #004985!important;
      -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
   cursor: pointer;
   text-align: center; 
   text-decoration: none;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #fff!important;
   font-family: "Open Sans";
   font-weight: 600!important;
}

.sv-dialog-content button.sv-dialog-btn-primary:hover,
.sv-dialog-content button.sv-dialog-btn-primary:focus {
   background-color: #266497!important;
   border-color: #266497!important;
   text-decoration: none!important;
}

.sv-dialog-content button.sv-dialog-btn-link {
   padding: 10px 1em;
   background-color: #fff;
   cursor: pointer;
   border: 2px solid #004985!important;
   
   text-align: center; 
   text-decoration: none;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #004985!important;;
   font-family: "Open Sans";
   font-weight: 600!important;
}

.sv-dialog-content button.sv-dialog-btn-link:hover,
.sv-dialog-content button.sv-dialog-btn-link:focus {
   border-color: #266497!important;
   color: #266497!important;
   text-decoration: none!important;
}