/**
 * Copyright 2005-2013 The Kuali Foundation
 *
 * Licensed under the Educational Community License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.opensource.org/licenses/ecl2.php
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body { background: white}

.uif-requiredMessage {
  display: inline;
}
img {
  vertical-align: top;
}
a {
  cursor: pointer;
}
ol, ul {
  list-style: none;
  margin: 0;
}
h1, h2, h3 {
  line-height: 20px;
}
label {
  cursor: text;
  display: inline;
}
input, textarea, .uneditable-input {
  width: inherit;
}

input[type="radio"], input[type="checkbox"] {
  margin: 0px;
  cursor: pointer;
}
input[type="radio"]+label, input[type="checkbox"]+label {
  font-weight: normal;
}
/* disabled inputs sibling labels are greyed out */
input[disabled]+label {
  color: #888888;
}

/* hide IE10 "clear field" button on input fields */
input::-ms-clear {
  display: none;
}


ol.uif-readOnlyStringList li {
  list-style: decimal inside none;
}
ul.uif-readOnlyStringList li {
  list-style: disc inside none;
}
/** View structure related **************************************************************************/
.uif-viewContentWrapper .uif-pageContentWrapper {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0;
  padding-top: 5px;
}
/** Field and group related *************************************************************************/

.uif-instructionalMessage {
  max-width: 64em;
  display: block;
}
.uif-inputField .uif-instructionalMessage {
  max-width: 32em;
}
.uif-constraintMessage {
  font-size: 0.85em;
  color: gray;
  display: block;
  margin-top: 0.1em;
  max-width: 32em;
}
/** sticky content ****************************************************************************/

.uif-sticky {
  z-index: 5;
  width: 100%;
}
.uif-stickyFooter {
  z-index: 4;
  width: 100%;
  margin: 0 !important;
}
.uif-stickyButtonFooter {
  background-color: lightGray;
  border: 1px solid gray;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  padding-top: 10px;
  padding-left: 10px;
  text-align: center;
}
/** Header related styles *********************************************************************/

.uif-hideHeaderText > h1, .uif-hideHeaderText > h2, .uif-hideHeaderText > h3, .uif-hideHeaderText > h4, .uif-hideHeaderText > h5, .uif-hideHeaderText > h6, .uif-hideHeaderText > label {
  display: none;
  margin: 0;
  padding: 0;
}
.uif-viewHeader-contentWrapper {
  /* width: 100%; */
  background-color: white;
  z-index: 3;
  padding: 0;
  margin: 0;
}
.uif-viewHeader-contentWrapper > .uif-header-upperGroup, .uif-viewHeader-contentWrapper > .uif-header-lowerGroup {
  padding-left: 20px;
}
.uif-header-contentWrapper {
  width: 100%;
}
.uif-header {
  position: relative;
}
.uif-headerText-span {
  display: inline !important;
  float: inherit;  /* bootstrap override */
  margin-left: 0px;
}
.uif-viewHeader {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px
}
.uif-viewHeader, .uif-pageHeader, .uif-sectionHeader {
  margin-top: 10px;
  position: relative;
}
.uif-header-rightGroup {
  position: absolute;
  right: 20px;
  top: 0;
}
.uif-supportTitle-wrapper {
  display: block;
}
.uif-viewHeader-contentWrapper {
  padding-top: 0;

}
.uif-viewHeader-contentWrapper h1 {
  font-size: 20px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.uif-viewHeader .uif-headerText {
  margin-bottom: 0;
  display: inline;
}
.uif-viewHeader .uif-headerText .uif-viewHeader-areaTitle {
  display: block;
  font-size: .6em;
  color: #666;
  line-height: 14px;
  font-weight: normal;
  padding-bottom: .5em;
}
.uif-viewHeader .uif-headerText .uif-headerText-span {
  display: block;
  float: inherit;
  width: inherit;
  clear: both;
  font-size: 32px;
  margin: 0;
  padding: 0;

  padding-top: 8px;




}
.uif-viewHeader .uif-supportTitle-wrapper .uif-viewHeader-supportTitle {
  display: block;
}
.uif-viewHeader .uif-viewHeader-metadata {
  padding-right: 20px;
  position: absolute;
  right: 0;
  bottom: 8px;
}
#Uif-TopGroupWrapper > div {
  padding-left: 0px;
}
#Uif-BreadcrumbWrapper, #Uif-ApplicationHeader-Wrapper, #Uif-ApplicationFooter-Wrapper, #Uif-TopGroupWrapper {
  width: 100%;
}
#Uif-ApplicationFooter-Wrapper {
  position: absolute;
}
/* DocumentView header custom styling */
.uif-documentView .uif-viewHeader h1.uif-headerText {
  float: left;
}
.uif-documentView .uif-viewHeader {
  height: 60px;
  padding: 0;
}
/** header disclosure image style **/
img.uif-disclosure-image {
  /* padding-right: 0.25em;*/
  margin-bottom: 5px;
  vertical-align: middle;
}
.uif-footer {
  text-align: center;
  margin-bottom: 20px;
}
.uif-footer .uif-horizontalBoxLayout button, .uif-footer .uif-horizontalBoxLayout a {
  float: none;
  display: inline;
}
.uif-group > .uif-instructionalMessage, .uif-group > .uif-disclosureContent > .uif-instructionalMessage, .uif-page > .uif-instructionalMessage, .uif-page > .uif-disclosureContent > .uif-instructionalMessage {
  max-width: 64em;
  margin-bottom: 1em;
}
/** InputField specific styles **************************************************************************/

/* positioning for input field control images (calendar, validation icons, etc) */
.uif-inputField > img, .uif-inputField > a > img, .uif-inputField > fieldset > img, .uif-inputField input[type="image"] {
  margin: 3px 0 0 3px;
  vertical-align: top;
}


/** Buttons *****************************************************************************************/

.uif-primaryActionButton {
  .btn;
  .btn-primary;
}
.uif-smallActionButton, .DTTT_button {
  .btn;
  .btn-mini;
}
.kr-button-primary, .kr-button-primary-disabled {
  .btn;
}
.btn {
  margin-bottom: 2px;
}

/** Breadcrumbs *****************************************************************************************/

#Uif-BreadcrumbWrapper {
  background-color: white;
  width: 100%;
  z-index: 10 !important;
  line-height: 18px;
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaeaea));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eaeaea', GradientType = 0);
  border-bottom: 1px solid #cdcdcd;
  border-top: 1px solid #cdcdcd;
  height: 28px;
}
ol.uif-breadcrumbs {
  display: block;
  letter-spacing: 0.02em;
  padding-left: 20px;
  height: 28px;
}
.uif-breadcrumbs > li > a {
  text-decoration: none;
}
.uif-breadcrumbs > li > a, .uif-breadcrumbs > li > span {
  padding: .4em 0 0 1em;
  float: left;
  color: #5B5B5B;
}
.uif-breadcrumbs > li:first-child > a {
  padding-left: 0;
}
.uif-breadcrumbs > li:last-child > span, .uif-breadcrumbs > li:last-child > a {
  font-weight: bold;
}
.uif-breadcrumbs > li > a:visited {
  text-decoration: none;
}
.uif-breadcrumbs > li {
  background-image: url(../images/divider-breadcrumb.png);
  background-position: right center;
  background-repeat: no-repeat;
}
.uif-breadcrumbs > li:last-child {
  background-image: none;
}
.uif-breadcrumbs > li > a:focus, .uif-breadcrumbs > li > a:hover {
  text-decoration: underline;
}
ol.uif-breadcrumbs, .uif-breadcrumbs > li {
  margin: 0;
  list-style: none;
  width: auto;
  float: left;
  height: 28px;
  padding-right: 30px;
}
.uif-homeBreadcrumbLink {
  content: "";
}
.uif-breadcrumbSiblingLink {
  padding-left: .8em !important;
  font-size: 9px;
}
.uif-breadcrumbSiblingContent {
  position: absolute;
  background: white;
  /*border: 1px solid black;*/
  border: 1px solid #CCCCCC;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  min-width: 180px;
  padding: 5px;
  z-index: 1000;
}
button img {
  vertical-align: middle;
}
button span.topBottomSpan {
  display: block;
  text-align: center;
  width: 100%;
}
button img.topActionImage {
  margin-bottom: 1px;
}
button img.bottomActionImage {
  margin-top: 1px;
}
button img.leftActionImage, a img.leftActionImage {
  margin-right: 5px;
}
button img.rightActionImage, a img.rightActionImage {
  margin-left: 5px;
}
.uif-actionImage {
  padding-top: 6px;
}
.uif-actionLink.disabled {
  color: #888888;
  cursor: text;
}
.uif-actionLink.disabled:hover {
  text-decoration: none;
}
/* Layout related ****************************************************************************************/

.clearfix {
  clear: both;
}
div.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  width: auto;
  clear: both;
  visibility: hidden;
}
/* IE specific */
* html .clearfix {
  height: 1%;
}
.uif-gridLayout th {
  /*  text-align: right;*/
}
.uif-gridLayout th[scope="col"] {
  text-align: left;
}
table.uif-gridLayout > tbody > tr > td.uif-inputField {
  white-space: nowrap;
}
.uif-gridLayout td.uif-inputField span.uif-instructionalMessage {
  max-width: none !important;
}
.uif-gridLayout .uif-group {
  text-align: left;
}
.uif-boxLayoutHorizontalItem {
  float: left;
  display: block;
  margin-right: 10px;
  margin-bottom: 5px;
}

.uif-inputField.uif-boxLayoutVerticalItem {padding-bottom: 8px;}

.uif-verticalBoxLayout .uif-boxLayoutVerticalItem input {
  margin-bottom: 2px;
}
.uif-boxLayoutVerticalItem {
  display: block;/*    margin-bottom: 10px;*/
}
.uif-linkGroup .uif-boxLayoutHorizontalItem {
  display: inline;
  float: none;
  margin-right: 0px;
}
.uif-linkGroup div {
  display: inline;
  float: none;
  margin-right: 0px;
}
.uif-listLayout ul li {
  list-style: disc inside none;
}
.uif-listLayout ol li {
  list-style: decimal inside none;
}
table.uif-tableCollectionLayout thead th.sorting, table.uif-tableCollectionLayout thead th.sorting_asc, table.uif-tableCollectionLayout thead th.sorting_desc, table.uif-tableCollectionLayout thead th.sorting label, table.uif-tableCollectionLayout thead th.sorting_asc label, table.uif-tableCollectionLayout thead th.sorting_desc label {
  cursor: pointer;
}


.uif-tableCollectionLayout {
  .table;
  .table-bordered;
  .table-condensed;
  .table-hover;
  margin-bottom: 6px;
}

.uif-tableCollectionLayout input[type="text"] {
  margin-bottom: 0px;
}
.uif-gridLayout th, .uif-tableCollectionLayout th {
  background-color: @grayLighter;
}
.uif-gridLayout th[scope="row"] {
  background-color: @grayLighter;
  text-align: right;
}
.uif-gridLayout th[scope="row"] .uif-label {
  padding-top: 4px;
}
.uif-gridLayout td .uif-inputField input:first-child {
  margin-bottom: 0px;
}
.uif-gridLayout td .uif-inputField input {
  margin-bottom: 0px;
  margin-top: 2px;
}




table.dataTable th:active {
  outline: inherit;
}
table.dataTable th {
  border-bottom-color: #e5e5e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
table.dataTable th.sorting {
  background-image: url(../images/icon-sort.png);
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: right center;
}
table.dataTable th.sorting_desc {
  color: #FFF;
  border-left-style: none;
  background-image: url(../images/icon-sort-down.png);
  background-color: #666;
  background-repeat: no-repeat;
  background-position: right center;
}
table.dataTable th.sorting_asc {
  color: #FFF;
  border-left-style: none;
  background-image: url(../images/icon-sort-up.png);
  background-color: #666;
  background-repeat: no-repeat;
  background-position: right center;
}
table.dataTable thead th {
  cursor: default;
}
table.dataTable tfoot th {
  font-weight: normal;
  padding: 3px 10px;
}
.uif-stackedCollectionLayout {
  background: #fff;
  padding: 10px;
}
.uif-stackedCollectionLayout .uif-stackedCollectionLayout {
  background: #fff;
  padding: 10px;
}
.uif-stackedCollectionLayout td {
  background: #fff;
}
.uif-placeholder {
  display: none;
  margin: 0px !important;
  padding: 0px !important;
}
tr.uif-collectionAddItem td.sorting_1 {
  background-color: #F2F2F2;
}
tr.uif-groupRow.addline, tr.uif-groupTotalRow[data-groupvalue="addline"] {
  display: none !important;
}
tr.uif-totalRow {
  background-color: #F9F9F9;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
tr.uif-totalRow .uif-boxLayoutVerticalItem, tr.uif-groupTotalRow .uif-boxLayoutVerticalItem {
  margin: 0;
}
tr.uif-groupRow {
  background-color: #F9F9F9;
  border-top: 1px solid black;
  border-bottom: 1px solid black !important;
}
tr.uif-groupRow td {
  font-weight: bolder;
}
tr.uif-groupTotalRow {
  background-color: #F4F4F4;
  border-bottom: 1px solid black !important;
}
tr.uif-groupTotalRow td {
  border: none !important;
  margin-right: 10px;
}
tr.uif-groupTotalRow td, tr.uif-totalRow th {
  text-align: right;
}
div.uif-calculationField, div.uif-calculationField input {
  text-align: right;
}
/* Document header info *******************************************************************************/
.uif-viewHeader div.uif-docheader table {
  height: 60px;
}
.uif-viewHeader div.uif-docheader td {
  background-color: #FFFFFF;
}
.uif-maintenanceView .uif-viewHeader-contentWrapper {
  min-height: 70px;
}
/* Date-picker customizations *************************************************************************/

.ui-datepicker.ui-helper-clearfix {
  display: none;
}
.ui-datepicker-trigger {
  cursor: pointer;
}
/** Accessibility **********************************************************************************/

.offScreen {
  position: absolute;
  left: -200em;
  width: 10em;
  overflow: hidden;
}
/** Table layout styles *******************************************************************************/
.uif-gridGroup-plain > table, .uif-gridGroup-plain > table > tbody > tr, .uif-gridGroup-plain > table > tbody > tr > th[scope="row"], .uif-gridGroup-plain > table > tbody > tr > td {
  border: none;
  background: none;
  background-color: transparent;
}
table.uif-gridLayout {
  width: 100%;
  margin-bottom: 10px;
}

table.uif-lightTable{width:100%;}

table.uif-gridLayout th .uif-label {
  /*  text-align: right;*/
}
table.dataTable tr.even {
  background-color: white;
}
table.dataTable tr.odd {
  background-color: white;
}
table.dataTable tr.odd td.sorting_1 {
  background-color: #f6feff;
}
table.dataTable tr.even td.sorting_1 {
  background-color: #f6feff;
}
table.dataTable tr.uif-newCollectionItem {
  background-color: #FFFFCC;
}
table.dataTable tr.uif-newCollectionItem td.sorting_1 {
  background-color: #FFFFCC;
}
table.dataTable tr.uif-collectionDeleteHighlight {
  background-color: #FFE1E9;
}
table.dataTable tr.uif-collectionDeleteHighlight td.sorting_1 {
  background-color: #FFE1E9;
}
.dataTables_length select {
  width: 80px;
}
.paging_full_numbers a.paginate_button_disabled {
  /*    cursor: auto;
              color: #888888 !important;
              background-color: #DDDDDD !important;*/
}
.paging_full_numbers a.paginate_button_disabled:hover, .paging_full_numbers a.paginate_button_disabled:focus {
  /*   cursor: auto;
             color: #888888 !important;
             background-color: #DDDDDD !important;*/
}
.dataTables_paginate {
  float: right;
  text-align: right;
  margin: 12px 0;
}
.dataTables_paginate a {
  border-bottom-color: @tableBorder;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: @tableBorder;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: @tableBorder;
  border-right-style: none;
  border-right-width: 1px;
  border-top-color: @tableBorder;
  border-top-style: solid;
  border-top-width: 1px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
}
.dataTables_paginate a.first.paginate_button {
  border-bottom-left-radius: @borderRadiusSmall;
  border-left-color: @tableBorder;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-left-radius: @borderRadiusSmall;
  -moz-border-radius-bottomleft: @borderRadiusSmall;
  -moz-border-radius-topleft: @borderRadiusSmall;
  -webkit-border-bottom-left-radius: @borderRadiusSmall;
  -webkit-border-top-left-radius: @borderRadiusSmall;
}
.dataTables_paginate a.last.paginate_button {
  border-bottom-right-radius: @borderRadiusSmall;
  border-right-color: @tableBorder;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-right-radius: @borderRadiusSmall;
  -moz-border-radius-bottomright: @borderRadiusSmall;
  -moz-border-radius-topright: @borderRadiusSmall;
  -webkit-border-bottom-right-radius: @borderRadiusSmall;
  -webkit-border-top-right-radius: @borderRadiusSmall;
}
.dataTables_paginate a.paginate_button_disabled {
  color: #999;
}
.dataTables_paginate a.paginate_button_disabled:hover {
  text-decoration: none;
}


.dataTables_info {
  width: 50%;
  float: left;
}
/** inline block cross browser support **/
.inlineBlock {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}
/** inline block cross browser support **/
a.inlineBlock, span.inlineBlock {
  vertical-align: baseline;
}
/** for required message below expand collapse button content */
.uif-requiredInstructionsMessage {
  float: none;
}
/** when field has a watermark **/
.watermark {
  color: #999;
}
/** for info messages that can appear in fields **/
.uif-informationalMessage {
  display: block;
}
/** message that can be configured with an image control **/
.uif-cutlineMessage {
  padding-left: 5px;
  clear: both;
  display: block;
}
/** to position the label correctly in label above and below situations**/
.uif-labelBlock {
  display: block;
}
/** highlight color when something is disclosed **/
.uif-progressiveDisclosure-highlight {
  background-color: #FFF8C6;
}
.uif-rightAligned-headerFieldGroup {
  float: right;
}
/** Block ui plugin customizations ***********************************************************************/

div.blockOverlay {
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
  opacity: .60;
  -moz-opacity: .60;
  z-index: 10100 !important;
}
div.blockElement {
  padding: 0;
  margin: 0;
  top: 40%;
  left: 0 !important;
  background-color: white;
  text-align: center;
  color: #000;
  border: 3px solid #aaa;
  cursor: wait;
  z-index: 10101 !important;
}
div.blockPage {
  padding: 0;
  margin: 0;
  width: 30%;
  top: 40%;
  left: 35%;
  text-align: center;
  color: #000;
  border: 3px solid #aaa;
  background-color: white;
  cursor: wait;
  z-index: 10101 !important;
}
/** Autocomplete customizations ************************************************************************/
.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
.ui-autocomplete-input {
  background: url(../images/icon_autosuggest.png) right no-repeat;
  padding: 3px;
  outline: none;
}
.ui-autocomplete .ui-menu-item {
  color: #000;
}
ul.ui-autocomplete.ui-widget-content {
  border: 1px solid #cccccc;
  border-radius: 0;
}
.ui-autocomplete .ui-menu-item a {
  color: #000;
}
.ui-autocomplete .ui-menu-item .ui-corner-all {
  border-radius: 0;
}
.ui-autocomplete .ui-menu-item .ui-state-hover {
  background: none;
  background-color: #ECFCE8;
  border-color: #900000;
  color: #000;
}
/** Side by side comparison styles ******************************************************************/

img.uif-changedHeaderIcon {
  padding-left: 5px;
  padding-right: 5px
}
/** Radios and Checkboxes (fieldsets)**************************************************************/

fieldset[data-type="RadioSet"], fieldset[data-type="CheckboxSet"] {
  display: inline;
  padding-right: 0.5em;
  max-width: 64em;
}
fieldset[data-type="InputSet"] {
  display: inline;
}
.uif-verticalRadioFieldset > span, .uif-verticalCheckboxesFieldset > span {
  clear: both;
  float: left;
  padding-left: 0.5em;
}
.uif-horizontalRadioFieldset > span, .uif-verticalCheckboxesFieldset > span {
  padding-left: 0.5em;
}
/** Tab Menus ********************************************************************************************/

.tab-navigation-block {
  padding: 0 !important;
  padding-left: 20px !important;
  background-color: white;
  width: 100%;
  z-index: 4;
}
.tab-navigation-block li {
  float: left;
  list-style: none outside none;
  margin: 0 0.2em 1px 0;
  padding: 0;
  position: relative;
  top: 2px;
  *top: 1px;
  white-space: nowrap;
  clear: none;
}
.tab-navigation-block li a {
  float: left;
  padding: 0.5em;
  margin-bottom: 0;
  text-decoration: none;
}
.ui-widget {
  font-family: inherit !important;
  font-size: inherit !important;
}
.ui-tabs.ui-widget-content {
  border: none;
}
.ui-tabs li {
  clear: none;
}
.ui-tabs-vertical {
  width: 85.5em;
}
.ui-tabs-nav li.ui-state-active.ui-state-hover {
}
.ui-tabs-vertical .ui-tabs-nav li a {
  display: block;
}
.ui-tabs-vertical .ui-tabs-panel {
  padding: 1em !important;
  float: right;
  width: 70em;
}
.ui-tabs-vertical-right .ui-tabs-nav {
  padding: .2em .2em .2em .1em;
  float: right;
  width: 13em;
  margin-left: 0;
}
.ui-tabs-vertical-right .ui-tabs-nav li {
  clear: left;
  width: 100%;
  border-bottom-width: 1px !important;
  border-bottom: 1px solid black !important;
  border-left-width: 0 !important;
  margin: 0 0 .2em -1px;
}
.ui-tabs-vertical-right .ui-tabs-nav li.ui-state-active {
  padding-bottom: 0;
  padding-left: .1em;
  border-right-width: 1px;
  margin-left: -2px;
}
.ui-tabs-vertical-left .ui-tabs-panel {
  clear: none !important;
}
.ui-tabs-vertical-left .ui-tabs-nav {
  padding: .2em .1em .2em .2em;
  float: left;
  width: 13em;
  margin: 0;
}
.ui-tabs-vertical-left .ui-tabs-nav li {
  clear: left;
  width: 100%;
  border-bottom-width: 1px !important;
  border-bottom: 1px solid black !important;
  border-right-width: 0 !important;
  margin: 0 -1px .2em 0;
}
.ui-tabs-vertical-left .ui-tabs-nav li.ui-state-active {
  padding-bottom: 0;
  padding-right: .1em;
  border-right-width: 1px;
  border-right-width: 1px;
}
.ui-tabs-bottom .ui-tabs-nav {
  clear: left;
  padding: 0 .2em .2em .2em;
}
.ui-tabs-bottom .ui-tabs-nav li {
  top: auto;
  bottom: 0;
  margin: 0 .2em 1px 0;
  border-bottom: 1px solid black !important;
  border-top: 0 none !important;
}
.ui-tabs-bottom .ui-tabs-nav li.ui-state-active {
  margin-top: -1px;
  padding-top: 1px;
}
/** Navigation Menu ************************************************************************************/

.uif-navigation {
  position: absolute;
  width: 210px;
  padding-top: 10px;
}
.uif-collapseLink {
  font-size: .9em;
  margin-bottom: 2px;
  text-align: right;
  display: block;
}
ul.uif-navigationMenu {
  list-style: none outside none;
  padding: 0;
}
ul.uif-navigationMenu li {
  padding: 0;
}
li.uif-navigationItem span.uif-actionLink, li.uif-navigationItem a.uif-actionLink {
  margin-bottom: 0;
}
/**Headers in navigation menu **/
li.uif-navigationItem h3, li.uif-navigationItem h2 {
  color: #333333;
  padding-left: 15px;
  font-weight: bold;
  border-left: none;
  border-right: none;
  line-height: 4px;
}
.uif-navigationMenu-wrapper > ul > li.uif-navigationItem:first-child {
  background-color: #f2f2f2
}
.uif-navigationMenu-wrapper > ul > li:first-child:hover {
  border-top-color: #ddd;
}
.uif-navigationMenu-wrapper > ul > li:first-child {
  border-top-color: #ddd;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
li.uif-navigationItem h2 {
  font-size: 0.92em !important;
}
li.uif-navigationItem a {

  display: inline-block;
  height: 1%;
  padding: 5px 20px 5px 3px;
  /* [disabled]width: 170px;
*/
  text-decoration: none;
}
.uif-navigationMenu h2.fl-font-serif {
}
li.uif-navigationItem a {

  border: none;
}
li.uif-navigationItem-current a, li.uif-navigationItem-current a:hover {
}
/** Validation Messages Framework **********************************************************************/
.uif-correctedError {
  text-decoration: line-through;
  color: #a9a9a9;
}
.uif-messageCount {
  font-size: 0.9em;
  font-weight: normal;
  padding-left: 1.3em;
  vertical-align: bottom;
  display: inline;
}
.uif-messageCount img {
  width: 16px;
  height: 16px;
  vertical-align: bottom;
}
.uif-clientMessageItems {
  max-width: 250px;
  padding: 1px;
}
.uif-groupValidationMessages .uif-clientMessageItems ul {
  margin-left: 1em;
}
.uif-serverMessageItems {
  max-width: 250px;
}
.uif-groupValidationMessages .uif-serverMessageItems ul {
  margin-left: 1em;
}
.uif-validationMessages {
  /*background-image: url(../../images/validation/normal-stripe.png);*/
  background-color: #F8F8F8;
  background-repeat: repeat;
  border: 1px solid #cbcbcb;
  padding-top: .5em;
  padding-bottom: .3em;
  margin-bottom: 8px;
}
.uif-validationMessages, .uif-clientMessageItems, .uif-serverMessageItems {
  color: black;
}
.uif-validationMessages ul {
  list-style: none outside none;
  margin: 0;
  margin-left: 1em;
}
.uif-validationMessages li {
  list-style: none outside none;
  margin-left: 0;
  line-height: 1.3em;
  margin-bottom: .3em;
  display: block;
}
.uif-validationMessages ul > li > ul {
  margin-left: 2em;
}
.uif-pageValidationMessages-error {
  /*    background-image: url(../../images/validation/error-stripe.png);
 background-repeat: repeat;*/
  background-color: #FFEAF0;
  border: 1px solid #ffa09c;
}
.uif-pageValidationMessages-warning {
  /*    background-image: url(../../images/validation/warn-stripe.png);
 background-repeat: repeat;*/
  background-color: #FFFEDA;
  border: 1px solid #FF9900;
}
.uif-pageValidationMessages-info {
  /*    background-image: url(../../images/validation/info-stripe.png);
 background-repeat: repeat;*/
  background-color: #EEF7FE;
  border: 1px solid #3366CC;
}




.uif-validationMessages.uif-groupValidationMessages.uif-pageValidationMessages-error {
  .alert;
  .alert-error;
}
.uif-validationMessages.uif-groupValidationMessages.uif-pageValidationMessages-warning {
  .alert;
}
.uif-validationMessages.uif-groupValidationMessages.uif-pageValidationMessages-info {
  .alert;
  .alert-info;
}







.uif-pageValidationHeader {
  margin: .2em;
  font-size: 18px;
}
.uif-hasInfo > fieldset[data-type="RadioSet"], .uif-hasWarning > fieldset[data-type="RadioSet"], .uif-hasInfo > fieldset[data-type="CheckboxSet"], .uif-hasWarning > fieldset[data-type="CheckboxSet"] {
  border: 1px solid gray !important;
}
.uif-tableCollectionLayout .uif-hasInfo > [data-role="Control"], .uif-tableCollectionLayout .uif-hasInfo > fieldset[data-type="InputSet"] > [data-role="Control"], .uif-tableCollectionLayout .uif-hasInfo > fieldset[data-type="RadioSet"], .uif-tableCollectionLayout .uif-hasInfo > fieldset[data-type="CheckboxSet"] {
  border: 2px solid #3366CC !important;
}
.uif-tableCollectionLayout .uif-hasWarning > [data-role="Control"], .uif-tableCollectionLayout .uif-hasWarning > fieldset[data-type="InputSet"] > [data-role="Control"], .uif-tableCollectionLayout .uif-hasWarning > fieldset[data-type="RadioSet"], .uif-tableCollectionLayout .uif-hasWarning > fieldset[data-type="CheckboxSet"] {
  border: 2px solid #FF9900 !important;
}
.uif-hasError > [data-role="Control"], .uif-hasError > fieldset[data-type="InputSet"] > [data-role="Control"], .uif-hasError > fieldset[data-type="RadioSet"], .uif-hasError > fieldset[data-type="CheckboxSet"] {
  border: 2px solid #ff2300 !important;
}


.uif-hasInfo > [data-role="Control"], .uif-hasInfo > fieldset[data-type="InputSet"] > [data-role="Control"], .uif-hasInfo > fieldset[data-type="RadioSet"], .uif-hasInfo > fieldset[data-type="CheckboxSet"] {
  border: 2px solid #1150b0 !important;
}


.uif-hasWarning > [data-role="Control"], .uif-hasWarning > fieldset[data-type="InputSet"] > [data-role="Control"], .uif-hasWarning > fieldset[data-type="RadioSet"], .uif-hasWarning > fieldset[data-type="CheckboxSet"] {
  border: 2px solid #f7941e !important;
}


.uif-hasError-modified > [data-role="Control"], .uif-hasError-modified > fieldset[data-type="InputSet"] > [data-role="Control"], .uif-hasError-modified > fieldset[data-type="RadioSet"], .uif-hasError-modified > fieldset[data-type="CheckboxSet"] {
  border: 2px solid gray !important;
}
.uif-validationMessages li a {
  white-space: normal;
}
.uif-validationMessages li a:hover, .uif-validationMessages li a:focus {
  /*color: #0044ff;*/
}
li.uif-errorMessageItem:before {
  /* For a round bullet */
  content: '\2022';
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -10px;
  top: -0px;
  color: #ff2300;
  font-size: 20px;
}
li.uif-errorMessageItem-modified:before {
  /* For a round bullet */
  content: '\2022';
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -10px;
  top: -0px;
  color: gray;
  font-size: 20px;
}
li.uif-warningMessageItem:before {
  /* For a round bullet */
  content: '\2022';
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -10px;
  top: -0px;
  color: #ffd700;
  font-size: 20px;
}
li.uif-infoMessageItem:before {
  /* For a round bullet */
  content: '\2022';
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -10px;
  top: -0px;
  color: #3366CC;
  font-size: 20px;
}
.uif-errorHighlight [data-role="Control"], .uif-errorHighlight > fieldset[data-type="RadioSet"], .uif-errorHighlight > fieldset[data-type="CheckboxSet"], .uif-errorHighlight .uif-checkboxControl + label {
  background-color: #FFE1E9;
}
.uif-warningHighlight [data-role="Control"], .uif-warningHighlight > fieldset[data-type="RadioSet"], .uif-warningHighlight > fieldset[data-type="CheckboxSet"], .uif-warningHighlight .uif-checkboxControl + label {
  background-color: #FFFEDA;
}
.uif-infoHighlight [data-role="Control"], .uif-infoHighlight > fieldset[data-type="RadioSet"], .uif-infoHighlight > fieldset[data-type="CheckboxSet"], .uif-infoHighlight .uif-checkboxControl + label {
  background-color: #E7F3FE;
}
.uif-clientErrorDiv {
  background-color: #FFE1E9;
}
.uif-clientWarningDiv {
  background-color: #FFFEDA;
}
.uif-clientInfoDiv {
  background-color: #E7F3FE;
}
/** true when rendering outside tooltip **/
.uif-validationMessages > .uif-clientMessageItems {
  background-color: transparent;
}
/** true when rendering outside tooltip **/
.uif-validationMessages > .uif-clientMessageItems ul {
  border: 1px dashed black;
}
.uif-applicationMessage {
  font-size: 125%;
  font-weight: bold;
}
.uif-pageValidationMessages .uif-validationImage {
  vertical-align: bottom;
  width: 16px;
}
ul.uif-pageValidationMessage-single {
  margin-left: 1em;
}
.uif-pageValidationMessage-single li:before {
  content: none;
}
.uif-hasError .uif-checkboxControl + label {
  border: 2px solid red;
  padding: .2em;
}
/** Spinner control *********************************************************************************/
.uif-spinnerControl {
  padding-left: .5em;

}
span.ui-spinner {
  margin-bottom: 2px;
}
span.ui-spinner input {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  box-shadow: none;
  height: 24px;
  margin: 0px;
  -moz-box-shadow: none;
  -moz-transition: none;
  -o-transition: none;
  padding: 0px;
  transition: none;
  -webkit-box-shadow: none;
  -webkit-transition: none;

}

/** Help  *******************************************************************************************/
.uif-helpImage {
  margin-left: .2em;
}

.btn.btn-link.uif-helpAction {
  margin-top: -5px;
  padding: 0px;
}

/** Row details *************************************************************************************/

.uif-rowDetails {
  background-color: #fafad2;
}
.uif-detailsAction {
  margin-bottom: 0px !important;
}
.uif-rowDetails .uif-boxLayoutVerticalItem {
  margin-bottom: 5px;
}
/* Toooltip styles for validation messages **************************************************************/
.jquerybubblepopup {
  text-align: left;
}
.jquerybubblepopup-kr-error-cs .jquerybubblepopup-innerHtml {
  background-color: #FFE1E9
}
.jquerybubblepopup-kr-warning-cs .jquerybubblepopup-innerHtml {
  background-color: #FFFEDA
}
.jquerybubblepopup-kr-info-cs .jquerybubblepopup-innerHtml {
  background-color: #E7F3FE
}
.jquerybubblepopup-kr-error-ss .jquerybubblepopup-innerHtml, .jquerybubblepopup-kr-warning-ss .jquerybubblepopup-innerHtml, .jquerybubblepopup-kr-info-ss .jquerybubblepopup-innerHtml {
  background-color: white;
}
.jquerybubblepopup-ie {
  filter: none !important;
}
/***** Lightbox customization ******************************************************************/
.fancybox-inner form {
  height: 100%;
}
.overlay-fixed {
  opacity: 0.4 !important;
}
/***** Syntax Highlighter *********************************************************************/
/*div.uif-syntaxHighlighter {*/
/*max-height: 400px;*/
/*overflow: auto;*/
/*}*/

.uif-syntaxHighlighter li {
  list-style: decimal outside none;
}
.uif-syntaxHighlighter pre {
  background-color: #F5F5F5;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px 4px 4px 4px;
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin: 0 0 10px;
  padding: 9.5px;
  overflow: auto;
  max-height: 600px;
}
.uif-syntaxHighlighter pre.prettyprint {
  margin-bottom: 20px;
}
.uif-syntaxHighlighter pre code {
  background-color: transparent;
  border: 0 none;
  color: inherit;
  padding: 0;
}
.uif-syntaxHighlighter .prettyprint.linenums {
  box-shadow: 40px 0 0 #FBFBFC inset, 41px 0 0 #ECECF0 inset;
}
.uif-syntaxHighlighter ol.linenums {
  margin: 0 0 0 33px;
}
.uif-syntaxHighlighter ol.linenums li {
  color: #BEBEC5;
  line-height: 20px;
  padding-left: 12px;
  text-shadow: 0 1px 0 #FFFFFF;
}
.uif-syntaxHighlighter .prettyprint.linenums {
  box-shadow: 40px 0 0 #F6F6F6 inset, 41px 0 0 #E5E5E5 inset;
}
ol.linenums li:nth-of-type(2n+1) {
  background: none repeat scroll 0 0 #FFFFFF;
}


.uif-syntaxHighlighter .uif-copyPaste {
  background: url("../images/icon-copypaste.png") repeat scroll 0 0 #FFFFFF;
  cursor: pointer;
  display: none;
  height: 26px;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 26px;
}
.uif-syntaxHighlighter:hover .uif-copyPaste {
  display: block;
}


.prettyprint {
  font-size: 0.8em;
}
.prettyprint {
  background-color: #F6F6F6;
  border: 1px solid #CCCCCC;
  padding-right: 0 !important;
}
/* div wrapper for the timer countdown plugin, by default want to display inline with the message */
div.hasCountdown {
  display: inline;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3/*{borderColorDefault}*/;
  background: none;
  background-color: #fff;
  font-weight: normal/*{fwDefault}*/;
  color: #555555/*{fcDefault}*/;
}
.ui-tabs .ui-tabs-panel {
  border: none;
  border-width: none;
}
.ui-helper-reset {
  border: inherit
}
.ui-widget-header {
  border: 1px solid #ccc/*{borderColorHeader}*/;
  background: #fff/*{bgColorHeader}*/;
  color: #222222/*{fcHeader}*/;
  font-weight: bold;
}
.ui-tabs-bottom .ui-widget-header {
  background: #fff/*{bgColorHeader}*/;
  color: #222222/*{fcHeader}*/;
  font-weight: bold;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: #CCC;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  border-left-color: #CCC;
}
.ui-state-active a, .ui-state-active a:hover {
  color: #000;
  font-weight: bold;
}
