/*================
 ## Forms       ##
 ================*/

input[type="text"], input[type="password"] {
   border: 0px;
   padding: 0px 4px;
   line-height: 18px;
   height: 18px;
   margin: 0px;
   background-color: #28332f;
   text-transform: inherit;
   font-size: inherit;
   font-weight: inherit;
   font-family: inherit;
   color: #FFFFFF;
   text-shadow: inherit;
   border-radius: 3px;
   box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
   width: 100%;
   box-sizing: border-box;
}

input[type="text"].placeholder {
   color: rgba(255,255,255,0.5);
}

input[type="text"]:focus, input[type="password"]:focus {
   outline: none;
   box-shadow: 0px 0px 3px 1px #cde0d9, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
}

.form-input-error {
   box-shadow: 0px 0px 3px 1px #990000, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25) !important;
}

.form-input-error:focus {
   box-shadow: 0px 0px 3px 1px #cc0000, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25) !important;
}

.form-confirm-button, .login-button {
   outline: none !important;
   border: none !important;
   margin-right: 10px;
   font: inherit !important;
   text-transform: inherit !important;
   width: auto;
   border-radius: 3px;
   padding: 2px 6px 2px 6px;
   line-height: normal !important;
   background: #e6e6e6;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#d6d6d6));
   background: -webkit-linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%);
   background: -ms-linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%);
   background: linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%);
   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   cursor: pointer;
   position: relative;
   color: #555555;
   text-shadow: 0px 1px 0px #FFFFFF;
}

.form-confirm-button:hover, .form-confirm-button:focus, .login-button:hover, .login-button:focus {
   background: #ffffff;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
   background: linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
}

.form-confirm-button:disabled, .form-confirm-button[disabled], .form-confirm-button:disabled:hover, .login-button:disabled, .login-button:disabled:hover {
   background: #e6e6e6 !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#d6d6d6)) !important;
   background: -webkit-linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%) !important;
   background: -ms-linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%) !important;
   background: linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%) !important;
   cursor: default;
   zoom: 1 !important;
   opacity: 0.5;
}

.form-confirm-icon:after, .form-delete-icon:after, .form-edit-icon:after, .form-copy-icon:after, .form-next-icon:after, .form-add-icon:after, .form-back-icon:after {
   content: "";
   width: 18px;
   height: 12px;
   margin-left: 4px;
   display: inline-block;
}

.form-confirm-icon:after {
   background: url('../images/menu_glyphs.png') -126px -127px;
}
.form-delete-icon:after {
   background: url('../images/menu_glyphs.png') -396px -397px;
}
.form-edit-icon:after {
   background: url('../images/menu_glyphs.png') -396px -379px;
}
.form-copy-icon:after {
   background: url('../images/menu_glyphs.png') -396px -361px;
}
.form-next-icon:after {
   background: url('../images/menu_glyphs.png') -396px -343px;
}
.form-add-icon:after {
   background: url('../images/menu_glyphs.png') -396px -325px;
}
.form-back-icon:after {
   background: url('../images/menu_glyphs.png') -396px -307px;
}

.form-header {
   color: #ffffff;
   font-weight: bold;
   text-align: center;
}

.form-field[field-type='radio'] {
   padding-bottom: 1px;
}

.form-field[field-type='radio'] > .form-field-header {
   padding-bottom: 1px;
}

.form-field-header {
   margin-top: 15px;
   margin-bottom: 0px;
   padding: 0px;
   line-height: 24px;
   clear: both;
   width: 100%;
   position: relative;
   display: table;
}


.form-radio {
   margin-right: 10px;
}

.form-field:first-child > .form-field-header, .search-module .form-field-header {
   margin-top: 0 !important;
}

.form-field-changed-indicator {
   float: left;
   width: 10px;
   margin-left: -10px;
   color: #FFFFFF;
}

.form-field-label {
   float: left;
   color: #FFFFFF;
   padding-right: 10px;
}

.form-field-reset {
   height: 24px;
   width: 18px;
   float: right;
   margin-left: 20px;
   cursor: pointer;
   background: url('../images/menu_glyphs.png') -142px -141px;
}

[field-type="info"] .form-field-reset {
   display: none;
}

.form-value-field {
   clear: both;
   line-height: 16px;
}

.form-input[type="checkbox"], .form-input[type="radio"] {
   display: none;
}
.form-input-label {
   padding-left: 16px;
   cursor: pointer;
   color: #b0bbb7;
   display: inline-block;
   white-space: nowrap;
}

.form-input-label:hover {
   color: #FFFFFF;
}

.form-input:checked + .form-input-label {
   color: #FFFFFF;
}

.form-input[type=radio] + .form-input-label {
   background: url('../images/menu_glyphs.png') -204px -199px;
}

.form-input[type=radio]:checked + .form-input-label {
   background: url('../images/menu_glyphs.png') -222px -217px;
}

.form-input[type=checkbox] + .form-input-label {
   background: url('../images/menu_glyphs.png') -242px -235px;
}

.form-input[type=checkbox]:checked + .form-input-label {
   background: url('../images/menu_glyphs.png') -255px -253px;
}

.color-palette-holder {
   display: inline-block;
   clear: both;
   margin: 4px 0;
   width: 130px;
   background-color: white;
   background-color: rgba(255,255,255,1);
}

.color-palette-swatch {
   display: inline-block;
   width: 10px;
   height: 10px;
   float: left;
}

.form-dropdown-button, .form-dropdownradio-button {
   width: auto;
   border-radius: 3px;
   padding: 0px 6px;
   line-height: 18px;
   background: #5d736b;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkNzM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTYxNTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d736b), color-stop(100%,#4a6159));
   background: -webkit-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   cursor: pointer;
   position: relative;
   color: #FFFFFF;
}

.form-dropdown-button-open {
   background: #677f76;
   border-radius: 3px 3px 0px 0px;
}

.form-button-small {
   border-bottom-right-radius: 3px;
}

.form-dropdown-label {
   width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-right: 20px;
   white-space: nowrap;
}

.form-dropdown-icon {
   width: 18px;
   height: 18px;
   background: url('../images/menu_glyphs.png') -270px -270px;
   position: absolute;
   right: 0px;
   top: 0px;
}

.form-dropdown-list,
.form-dropdownradio-list {
   display: none;
   opacity: 0;
   position: absolute;
}

.form-dropdown-list-connector,
.form-dropdownradio-list-connector {
   background-color: #677F76;
   float: left;
   height: 5px;
   position: relative;
}

.form-dropdown-list-wrapper,
.form-dropdownradio-list-wrapper {
   clear: both;
   float: left;
   position: relative;
   max-width: 230px;
   background-color: #677F76;
   border-radius: 0px 3px 3px 3px;
   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   z-index: 200;
   padding: 4px;
   line-height: 22px;
}

.form-dropdown-list.right,
.form-dropdownradio-list {
   border-radius: 3px 0px 3px 3px;
}

.form-dropdown-list > .form-list-wrapper,
.form-dropdownradio-list > .form-list-wrapper {
   clear: both;
   float: left;
   position: relative;
   width: auto;
}

.form-dropdown-list > .form-list-wrapper, .form-dropdownradio-list > .form-list-wrapper {
   margin-top: 1px;
}

.form-dropdown-list > .form-value-field, .form-dropdownradio-list > .form-value-field, .form-list-wrapper > .form-value-field {
   background-color: #485953;
   display: inline-block;
   margin-right: 3px;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-right: 4px;
   padding-left: 6px;
   border-radius: 2px;
   width: auto;
}

.form-list-wrapper-small {
   min-width: 0px;
   border-top-right-radius: 0px;
}

.form-list-wrapper > .form-value-field {
   clear: none;
   position: relative;
}

.form-dropdown-action-holder {
   clear: both;
   color: #b0bbb7;
   font-size: 10px;
   min-width: 100px;
}

.form-dropdown-action {
   display: inline-block;
   margin-left: 3px;
   cursor: pointer;
   text-decoration: underline;
}

.form-dropdown-action:first-child {
   margin-left: 0px;
}

.form-dropdown-action:hover {
   text-decoration: none;
}

.form-time .form-input {
   width: 52px;
   line-height: 16px;
   height: 16px;
   padding: 0px 2px;
   text-align: center;
   display: inline-block;
   margin: 0px;
   vertical-align: top;
}

.form-range .form-input {
   width: 26px;
   line-height: 16px;
   height: 16px;
   padding: 0px 2px;
   text-align: center;
   display: inline-block;
   margin: 0px;
   vertical-align: top;
}

.range-slider-container {
   border: 0;
   padding: 1px;
   margin: 0 2px;
   height: 16px;
   background-color: #28332f;
   width: 80px;
   border-radius: 3px;
   box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
   display: inline-block;
   vertical-align: top;
}

.range-slider-button {
   width: 10px;
   height: 14px;
   display: inline-block;
   vertical-align: top;
   background: #5d736b url('../images/slider_glyphs.png') -5px -23px;
   background: url('../images/slider_glyphs.png') -5px -23px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d736b), color-stop(100%,#4a6159));
   background: url('../images/slider_glyphs.png') -5px -23px, -webkit-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: url('../images/slider_glyphs.png') -5px -23px, linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   margin: 0px;
   cursor: pointer;
}

.range-min-slider-button {
   border-radius: 2px 0px 0px 2px;
}

.range-max-slider-button {
   border-radius: 0px 2px 2px 0px;
}

.password-confirm-label {
   margin: 4px 0px;
}

.range-slider {
   display: inline-block;
   vertical-align: top;
   margin-left: 1px;
   margin-right: 1px;
   height: 14px;
   background: #5d736b url('../images/slider_glyphs.png') center -3px no-repeat;
   background: url('../images/slider_glyphs.png') center -3px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d736b), color-stop(100%,#4a6159));
   background: url('../images/slider_glyphs.png') center -3px no-repeat, -webkit-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: url('../images/slider_glyphs.png') center -3px no-repeat, linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   cursor: pointer;
   min-width: 5px;
}

.search-cancel-holder, .search-save-holder {
   display: inline-block;
   margin-left: 20px;
   margin-top: 5px;
   color: #FFFFFF;
}

.form-cancel-button, .form-save-button {
   color: #a4b3ad;
   cursor: pointer;
}

.form-cancel-button:hover, .form-save-button:hover {
   color: #FFFFFF;
}

.filter-column-break {
   flex-basis: 100%;
   width: 0;
}