/*
  Custom Fonts
*/
@font-face {
  src: url("/fonts/Roboto-Regular.ttf");
  font-family: "Roboto";
}
@font-face {
  src: url("/fonts/Roboto-Bold.ttf");
  font-family: "Roboto Bold";
}
@font-face {
  src: url("/fonts/Roboto-Light.ttf");
  font-family: "Roboto Light";
}
@font-face {
  src: url("/fonts/PT_Serif-Web-Regular.ttf");
  font-family: "PT Serif";
}
/* Forms in Modal */
.ui-dialog,
.dialogPopup {
  /* Custom fields */
}
.ui-dialog.large,
.dialogPopup.large {
  min-width: 600px;
}
.ui-dialog h2,
.dialogPopup h2 {
  font-size: 24px;
  color: #fff;
  margin: 0 0 10px 0;
}
.ui-dialog fieldset,
.dialogPopup fieldset {
  padding: 0 0 10px 0;
}
.ui-dialog fieldset .error-message,
.dialogPopup fieldset .error-message {
  display: none;
}
.ui-dialog fieldset.error,
.dialogPopup fieldset.error {
  color: #ac4848;
}
.ui-dialog fieldset.error .error-message,
.dialogPopup fieldset.error .error-message {
  display: block;
  color: #ac4848;
}
.ui-dialog fieldset label,
.dialogPopup fieldset label {
  color: #fff;
  font-weight: bold;
  opacity: 0.9;
}
.ui-dialog fieldset label.block,
.dialogPopup fieldset label.block {
  display: block;
}
.ui-dialog fieldset label .select2-container,
.dialogPopup fieldset label .select2-container {
  font-weight: normal!important;
  font-family: "PT Serif";
}
.ui-dialog fieldset label .select2-container a,
.dialogPopup fieldset label .select2-container a {
  font-weight: normal;
}
.ui-dialog fieldset input[type=text],
.dialogPopup fieldset input[type=text],
.ui-dialog fieldset textarea,
.dialogPopup fieldset textarea {
  width: 100%;
}
.ui-dialog fieldset input[type=text],
.dialogPopup fieldset input[type=text],
.ui-dialog fieldset input[type=password],
.dialogPopup fieldset input[type=password],
.ui-dialog fieldset input[type=number],
.dialogPopup fieldset input[type=number] {
  height: 48px;
  line-height: 48px;
  border: none;
  padding: 0 0 0 17px;
  box-sizing: border-box;
  border-bottom: 1px solid #8fbdba;
  background: #eaf9f2;
  font-size: 16px;
  font-family: "Roboto Light";
}
.ui-dialog fieldset textarea,
.dialogPopup fieldset textarea {
  min-height: 100px;
  background: #eaf9f2;
  font-size: 16px;
  border: 1px solid #8fbdba;
  font-family: "Roboto Light";
}
.ui-dialog a,
.dialogPopup a {
  color: #fff;
  text-decoration: underline;
}
.ui-dialog input[type=submit],
.dialogPopup input[type=submit] {
  background: #ace6cd;
  border: none;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  font-size: 14px;
}
.ui-dialog .buttons,
.dialogPopup .buttons {
  color: #fff;
}
.ui-dialog .buttons a,
.dialogPopup .buttons a {
  color: #fff;
}
.ui-dialog .reciviers-list,
.dialogPopup .reciviers-list {
  margin-bottom: 10px;
}
.ui-dialog .ui-widget-content,
.dialogPopup .ui-widget-content,
.ui-dialog .ui-widget-content .ui-state-default,
.dialogPopup .ui-widget-content .ui-state-default,
.ui-dialog .ui-widget-content .ui-state-default-hover,
.dialogPopup .ui-widget-content .ui-state-default-hover {
  border: none!important;
  background: none!important;
}
/* Variables */
.text-input {
  height: 48px;
  line-height: 48px;
  border: none;
  padding: 0 0 0 17px;
  box-sizing: border-box;
  border-bottom: 1px solid #8fbdba;
  background: #eaf9f2;
  font-size: 16px;
  font-family: "Roboto Light";
}
.textarea {
  background: #eaf9f2;
  font-size: 16px;
  border: 1px solid #8fbdba;
  font-family: "Roboto Light";
}
/* Form Components on Page */
.page form,
.page .admin-control {
  position: relative;
}
.page form fieldset,
.page .admin-control fieldset {
  border: none;
  padding: 0 0 15px 0;
  margin-left: 0;
}
.page form fieldset.error,
.page .admin-control fieldset.error {
  color: #ac4848;
}
.page form fieldset.error input[type=text],
.page .admin-control fieldset.error input[type=text],
.page form fieldset.error input[type=password],
.page .admin-control fieldset.error input[type=password],
.page form fieldset.error input[type=number],
.page .admin-control fieldset.error input[type=number] {
  border-bottom-color: #ac4848;
}
.page form fieldset.error .error-message,
.page .admin-control fieldset.error .error-message {
  display: block;
  color: #ac4848;
}
.page form label,
.page .admin-control label {
  font-size: 16px;
  line-height: 24px;
  font-family: "Roboto";
}
.page form label .select,
.page .admin-control label .select {
  display: block;
  width: 100%;
  max-width: 100%;
}
.page form label .dogtag,
.page .admin-control label .dogtag,
.page form label .dog-tag,
.page .admin-control label .dog-tag {
  margin-left: 3px;
  color: #fa6030;
}
.page form input[type=text],
.page .admin-control input[type=text],
.page form input[type=password],
.page .admin-control input[type=password],
.page form input[type=number],
.page .admin-control input[type=number] {
  height: 48px;
  line-height: 48px;
  border: none;
  padding: 0 0 0 17px;
  box-sizing: border-box;
  border-bottom: 1px solid #8fbdba;
  background: #eaf9f2;
  font-size: 16px;
  font-family: "Roboto Light";
}
.page form textarea,
.page .admin-control textarea {
  background: #eaf9f2;
  font-size: 16px;
  border: 1px solid #8fbdba;
  font-family: "Roboto Light";
}
.page form span.hint,
.page .admin-control span.hint {
  display: block;
  font-size: 14px;
  color: #666;
}
.page .error-message {
  display: none;
}
/* //Form Components on Page */
input[type="checkbox"] {
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: text-bottom;
  /*
  border: 1px solid #ace6ce!important;
  border-radius: 3px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance:none;
  appearance: none;


  &:checked{
    background: url("/v2/images/checked.png") no-repeat left top;
    background-color: #ace6ce;
  }
  */
}
#editForm label,
#feedbackForm label {
  display: block;
}
/* User-profile checkboxes */
#user-edit input[type=checkbox] + label,
#editForm input[type=checkbox] + label,
#user-edit input[type=radio] + label,
#editForm input[type=radio] + label {
  display: inline;
}
/* //User-profile checkboxes */
/* Datepicker input */
input[type=text].hasDatepicker {
  width: 136px!important;
}
/* //Datepicker input */