@import '../../_shared/styles/variables';
@import '../../../../www/bower_components/fancytree/dist/skin-win8/ui.fancytree'; // to inline import css file, don't put extension
@import '../../vendors/jquery-treeview/jquery.treeview';
@import '../../../../www/bower_components/humane-js/themes/libnotify';
@import '../../vendors/jquery-contextmenu/styles/jquery.contextmenu';
@import '../../vendors/jquery-image-enhancer/styles/jquery.image_enhancer';
@import '../../vendors/colorpicker/styles/colorpicker';
@import '../../_shared/styles/main';

#ADVSRCH_SORT_ZONE {
  margin-bottom: 10px;
  margin-top: 15px;
}

#idFrameC {
  top: 10px;
  bottom: 10px;
}

#idFrameC .ui-tabs {
  bottom: 10px;
  left: 0;
}

#answers {
  overflow-x: hidden;
  overflow-y: auto;
}

.caption-tooltip-container .popover-inner .popover-content {
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
}

.popover-inner .popover-content dl.dl-horizontal  {
  margin-top: 0;
  margin-bottom: 0;

}

.popover-inner .popover-content dl.dl-horizontal:first-child{
  border-top: none;
}

.dl-horizontal dt, .popover-inner .popover-content .dl-horizontal dt {
  padding-top: 6px;
  padding-bottom: 6px;
  color: #808080;
  text-align: left;
  width: 100px ;
  /*border-bottom: 1px solid #333;*/
}

.dl-horizontal dd, .popover-inner .popover-content .dl-horizontal dd {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-left: 120px;
}

.break-word {
  word-wrap: break-word;
}

.ui-button:focus, .ui-button-text:focus {
  outline: none;
}

.descBoxes .dl-horizontal dt{
  float: none;
  width: 100%;
  padding: 0;
}
.descBoxes .dl-horizontal dd{
  padding-top: 0;
  margin-left: 10px;
}


/** was inline code: */
.noRepresent {
  background-color: #A2F5F5;
}

.disable {
  display: none;
}

.deployer_opened::before {
  content: "\25BC";
}

.deployer_closed::before {
  content: "\25B6";
}

/* Vertical Tabs */
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right;}

.history-collection {
  background-image: url('#{$iconsPath}chgcoll_history.png');
}

.history-status {
  background-image: url('#{$iconsPath}chgstatus_history.png');
}

.history-print {
  background-image: url('#{$iconsPath}print_history.png');
}

.history-substit, .history-publish {
  background-image: url('#{$iconsPath}imgtools_history.png');
}

.history-download, .history-mail, .history-ftp {
  background-image: url('#{$iconsPath}disktt_history.png');
}
.history-edit {
  background-image: url('#{$iconsPath}ppen_history.png');
}

.history-validate, .history-push {
  background-image: url('#{$iconsPath}push16.png');
}

.history-add {
  background-image: url('#{$iconsPath}add.png');
}

.history-collection, .history-status, .history-print, .history-substit, .history-publish, .history-download, .history-mail, .history-ftp, .history-edit, .history-validate, .history-push, .history-add {
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 16px 16px;
  padding-left: 24px;
  min-height: 16px;
}

/* help section */
.client_help {
  margin: 0 1em 0 1em;
}

.help-section {
  margin-top: 1.5em;
}

.help-section h4 {
  margin-bottom: .5em;
}


#PROCESSED-ORDER, #TODO-ORDER {
  width: 100%;
  background-color: #f5f5f5;
}

#PROCESSEDVIEW, #TODOVIEW {
  border: 1px solid #e3e3e3;
  border-radius: 0px 3px 3px 3px;
}

#ORDERPREVIEW li.ui-state-default.ui-corner-top {
  border: 1px solid #e3e3e3;
  border-bottom: 0px;
  background-color: #f5f5f5;
}

#ORDERPREVIEW li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a {
  border: 1px solid #e3e3e3;
  border-bottom: 0px;
  background-color: #f5f5f5;
  color: #737373;
}

.order_preview_box td {
  vertical-align: middle;
}

.order_preview tr {
  height: 75px;
}

.order_preview_box tr > td:last-of-type .text_block {
  float: right;
  margin-right: 30px;
}

.order_preview_box tr > td:last-of-type .text_block_bold {
  clear: both;
  float: right;
  margin-right: 30px;
}

.order_preview_box td h4 {
  font-weight: bold;
  margin-left: 0px;
}

td span.text_block {
  display: block;
  font-size: 12px;
}

td span.text_block_bold {
  display: block;
  font-weight: bold;
  font-size: 13px;
}

.full-width {
  width: 100%;
}

.text-align-right {
  text-align: right;
}


.order-indicator {
  font-size: 10px;
}

#filter-date {
  position: absolute;
  right: 180px;
  text-decoration: none;
}

#filter-date:hover {
  color: #4990E2;
}

.active {
  color: #4990E2 !important;
}

.dialog-left-section {
  float: left;
  width: 28%;
  height: 100%;
  text-align: center;
  line-height: 110px;
  img {
    display: inline-block;
    vertical-align: middle;
  }
}

.dialog-right-section {
  float: left;
  width: 72%;
  height: 100%;
  span {
    padding-top: 10px;
    padding-left: 2px;
    padding-right: 2px;
    display: block;
    line-height: 14px;
  }
  .form-actions {
    position: absolute;
    bottom: 24px;
    padding: 0;
    margin: 10px 0 0 0;
    border: none;
    .btn {
      font-size: 12px;
      color: #fff;
      font-family: Helvetica;
      background: #808080;
      margin: 2px;
      padding: 0px 10px;
    }
    .btn:hover {
      background: #3b3b3b;
    }
  }
}

@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 13/10),
only screen and (min-resolution: 120dpi)
{
  .history-collection, .history-status, .history-print, .history-substit, .history-publish, .history-download, .history-mail, .history-ftp, .history-edit, .history-validate, .history-push {
    background-size: 16px 16px;
  }
}

@import 'ie7';
@import 'ie8';